.about .about_bot .right .hall_wap{
		display: none;
	}
.product .left .icon_sba{
	display: none;
}
.product .left .wap_title{
	display: none;
}
.about .about_bot .right .more{
		display: none;
	}
.news_show .left .content img{
	width: 100%;
	height: auto;
}
.product .show_box .show_com .swiper-slide{
    width: 25%;
}
/*手机*/
@media (max-width: 768px) {
	.container{
		width: 100%;
	}
	.design ul li .img{
		margin-left: 0;
	}
	.footer .container{
		width: 100%;
	}
	.header .nav .left{
		background: #fb7932;
	}
	.copy .container{
		width: 100%;
	}
	.location .container{
		position: relative;
	}
	.location .container .pos{
		position: absolute;
		left: 0;
		top: -40px;
		color: #fff;
		font-size: 14px;
		z-index: 98;
	}
	.location .container .pos a{
		color: #fff;
		margin-right: 10px;
		margin-left: 10px;
	}
	.location .container .pos span{
		color: #fff;
		margin-left: 10px;
	}
	.product{
		background: #f8f8f8;
		padding: 0px 0 30px;
	}
	.product .left{
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		position: relative;
	}
	.product .left .title{
		position: relative;
		background: #fff;
		float: left;
		padding: 15px; 
	}
	.product .left .title h3{
		margin: 0;
		color: #434343;
		font-size: 28px;
		display: none;
	}
	.product .left .title p{
		margin: 0;
		color: #434343;
		font-size: 22px;
	}
	.product .left .title img{
		position: absolute;
		right: 15px;
		display: none;
		bottom: 30px;
	}
	.product .left .icon_sba{
		float: right;
	}
	.product .left .icon_sba i{
		
		font-size: 22px;
		padding: 15px;
	}
	.product .left  .sidebar{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: rgba(0,0,0,0.8);
		box-sizing: border-box;
		padding: 45px 25px 25px;
		overflow: auto;
		margin-left: -100%;
	}
	.product .left  .sidebar .wap_title{
		display: block;
		height: 45px;
		color: #fff;
		padding-bottom: 15px;
		overflow: hidden;
		border-bottom: 1px solid #dcdcdc;
	}
	.product .left  .sidebar .wap_title h3{
		float: left;
		margin: 0;

	}
	.product .left  .sidebar .wap_title span{
		float: right;
		font-size: 20px;
	}
	.product .left  .sidebar ul{
	}
	.product .left  .sidebar ul li{
		
	}
	.product .left  .sidebar ul li p{
		border-bottom: 1px solid #dcdcdc;
		padding: 0 30px;
		margin: 0;
	}
	.product .left  .sidebar ul li p a{
		width: 100%;
		line-height: 45px;
		color: #fff;
		font-size: 16px;
	}
	.product .left  .sidebar ul li p>span{
		float: right;
		height: 45px;
		padding: 0 15px;
		line-height: 45px;
	}
	.product .left  .sidebar ul li p>span img{
		vertical-align: middle;
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.video iframe{
		width: 100%;
		height: 365px;
	}
	.product .left  .sidebar ul li .sidebar_sub{
		display: none;
		
	}
	.product .left  .sidebar ul li .sidebar_sub.active{
		display: block;
	}

	.product .left  .sidebar ul li .sidebar_sub h4{
		padding: 0 30px;
		margin: 0;
		line-height: 40px;
	}
	.product .left  .sidebar ul li .sidebar_sub h4 a{
		display: block;
		padding-left: 15px;
		color: #fcfcfc;
		font-size: 14px;
		border-bottom: 1px dashed #dcdcdc;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li.active p>span img{
		vertical-align: middle;
		-moz-transform:rotate(0deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		-webkit-transform:rotate(0deg);
	}
	.product .right{
		width: 100%;
		background: #fdfdfd;
		padding: 0px 15px 0;
		margin: 25px 0;
		box-sizing: border-box;
	}
	.product .right .list ul li{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product .right .list ul li .img{
		width: 100%;

		overflow: hidden;
		text-align: center;
	}
	.product .right .list ul li .img img{
		width: 100%;

	}
	.product .right .list ul li .text{
		overflow: hidden;
		padding: 30px ;
	}
	.product .right ul li h3{
		float: left;
		font-size: 20px;
		color: #4e4e4e;
	}
	.product .right .list ul li .text span{
		float: right;
		width: 45px;
		height: 45px;
		line-height: 45px;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #dcdcdc;
	}
	.product .right .list ul li a{
		display: block;
		background: #ffffff;
	}
	.product .right .list ul li a:hover .text{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.product .right .list ul li .text span img{
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.product .right .pages{
		text-align: right;
		padding: 40px 0;
		border-top: 1px solid #dcdcdc;
	}
	.pagination>li>a, .pagination>li>span {
		color: #9f9f9f;
		font-size: 14px;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background: #ff7327;
		color: #fff;
		border: 1px solid #ff7327;
	}
	.product .show_box{
	    margin: 0 -38px;
	    font-family: "微软雅黑";
	}
	.product .show_box .title{
	    font-size: 30px;
	    font-weight: bold;
	    margin: 0;
	    padding-left: 50px;
	    padding-bottom: 20px;
	    color: #323131;
	    border-bottom: 1px solid #DCDCDC;
	}
	.product .show_box .img{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;

	}
	.product .show_box .img .img_left{
	    width: 100%;
	}
	.product .show_box .img .text_right{
	    width: 100%;
	    box-sizing: border-box;
	    padding-top: 25px;
	}
	.product .show_box .img .text_right ul li{

	}
	.product .show_box .img .text_right ul li h3{
	    margin: 0;
	    padding-bottom: 15px;
	    font-size: 26px;
	    color: #323131;
	    font-weight: bold;
	    font-family: "微软雅黑";
	    display: block;
	    float: none;
	}
	.product .show_box .img .text_right ul li p{
	    color: #323131;
	    font-family: "微软雅黑";
	    display: block;
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .color_attr{
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.product .show_box .color_attr h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .color_attr h4 div{
	    display: none;
	    align-items: center;
	}
	.product .show_box .color_attr h4 span{
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .show_com{
	    padding-top: 10px;
	    padding-left: 50px;
	    padding-right: 50px;
	    padding-bottom: 65px;
	}
	.product .show_box .show_com h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .show_com h4 div{
	    display: none;
	    align-items: center;
	}
	.product .show_box .show_com h4 span{

	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .color_attr .color_text p{
	    margin: 0;
	}
	.product .show_box .color_attr .color_text{

	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .show_com .swiper-pagination{
	    position: relative;
	    margin-top: 30px;
	}
	.product .show_box .show_com .swiper-pagination span{
	    width: 150px;
	    height: 5px;
	    background: #dcdcdc;
	    opacity: 1;
	    border-radius: 0;
	}
	.product .show_box .show_com .com_list{
	    padding-top: 25px;
	}

	.product .show_box .show_com .swiper-pagination span.swiper-pagination-bullet-active{
	    background: #fb7932;
	}
	.pro_show{

	}
	.pro_show .title{
		border-bottom: 1px solid #dcdcdc;
	}
	.pro_show .title h3{
		line-height: 80px;
		color: #323131;
		margin: 0;
		text-align: center;
		font-weight: bold;
		font-size: 20px;
	}
	.pro_show .images_show{
		padding-top: 25px;
	}
	.pro_show .images_show img{
		width: 100%;
	}
	.pro_show .pro_con{
		padding: 25px 0;
	}
	.share{
		padding-bottom: 25px;
		border-bottom: 1px solid #dcdcdc;
	}
	.share span{
		float: left;
		padding-top: 10px;
	}
	.share  .share_box{
		float: left;
	}
	.share  .share_box a{
		display: inline-block;
		width: 36px;
		height: 36px;
		border: 1px solid #dcdcdc;
		border-radius: 18px;
	}
    .share  .share_box a.bshare-weixin{
		background: url(../images/wx.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-sinaminiblog{
		background: url(../images/wb.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qqim{
		background: url(../images/qq.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qzone{
		background: url(../images/qc.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-douban{
		background: url(../images/dd.jpg) no-repeat center;
	}
	.share  .share_box a.copy_url{
		background: url(../images/url.jpg) no-repeat center;
	}
	.pro_next{
		padding: 25px 0;
	}
	#input{
		opacity: 0;
		float: left;
		width: 1px;
	}
	.news{
		background: #f8f8f8;
		padding-bottom: 100px;
	}

	.page_sidebar{
		background: #fff;
		text-align: center;
	}
	.page_sidebar ul{
		margin-bottom: 0;
	}
	.page_sidebar ul li{
		display: inline-block;
		height: 55px;
		margin-bottom: 5px;
		margin-right: 15px;
	}
	.page_sidebar ul li a{
		display: inline-block;
		height: 54px;
		line-height: 54px;
		border-bottom: 2px solid #fff;
		padding: 0 15px;
	}
    .page_sidebar ul li a:hover{
		border-bottom: 2px solid #ff7327;
	}
	.page_sidebar ul li a.active{
		border-bottom: 2px solid #ff7327;

	}

	.news .news_list{
		padding-top: 30px;
	}
	.news .news_list ul li{
		padding-bottom: 15px;
	}
	.news .news_list ul li a{

	}
	.news .news_list ul li a .img{
		float: left;
		width: 25%;
		overflow: hidden;
		background: #fff;
	}
	.news .news_list ul li a .img img{
		width: 100%;
		vertical-align: middle;
	}
	.news .news_list ul li a  .text{
		float: right;
		width: 75%;
		box-sizing: border-box;
		background: #fff;
		padding-left: 6.2%;
	}
	.news .news_list ul li a  .text h3{
		position: relative;
		padding-bottom: 20px;
		padding-right: 15px;
	}
	.news .news_list ul li a  .text h3 small{
		display: block;
		text-align: center;
		font-size: 12px;
		color: #373737;
		position: absolute;
		right: 15px;
		bottom: 0;
		box-sizing: border-box;
	}
	.news .news_list ul li a  .text h3 span{
		display: block;
		font-size: 14px;
		color: #323131;
		box-sizing: border-box;
	}

	.news .news_list ul li a  .text p{
		float: left;
		width: 70%;
		display: none;
		box-sizing: border-box;
		font-size: 16px;
		color: #828282;
		line-height: 2em;
	}
	.news .news_list ul li a  .text .more{
		float: right;
		width: 30%;
		display: none;
		text-align: center;
	}
	.news .news_list ul li a  .text .more span{
		background: url(../images/icon_10.png) no-repeat center;
		width: 50px;
		height: 50px;
		display: inline-block;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.news .news_list ul li a:hover .text .more span{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		border: 1px solid #ff7327;
		background: url(../images/icon_8.png) no-repeat center;
		background-color: #ff7327;
	}

	.news_show{
		padding-top: 70px;
	}
	.news_show .left{
		width: 100%;
		box-sizing: border-box;
		padding: 4%;
		background: #fff;
	}
	.news_show .right{
		width: 28.5%;
		box-sizing: border-box;
		display: none;
	}
	.news_show .left .title h3{
		font-size: 18px;
		margin: 0;
		text-align: center;
		color: #323131;
	}
	.news_show .left .title p{
		font-size: 12px;
		line-height: 2em;
		text-align: center;
		margin-top: 15px;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.news_show .left  .content{
		padding: 20px 0;
		color: #706f6f;
		font-size: 16px;
		line-height: 2em;
	}
	.news_show .right .hot_news{
		background: #fff;
		padding: 15px;
	}
	.news_show .right .hot_news .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .hot_news .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .hot_news .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .hot_news .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .hot_news .list{
		padding-top: 20px;
	}
	.news_show .right .hot_news .list ul li{
		border-bottom: 1px  dashed  #d3d3d3;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.news_show .right .hot_news .list ul li .img{
		overflow: hidden;
		float: left;
		width: 40%;
	}
	.news_show .right .hot_news .list ul li .text{
		box-sizing: border-box;
		float: left;
		width: 60%;
		padding-left: 15px;
	}
	.news_show .right .hot_news .list ul li .img img{
		width: 100%;
	}
	.news_show .right .hot_news .list ul li .text h3{
		margin: 0;
		font-size: 18px;
	}
	.news_show .right .hot_news .list ul li .text p{
		font-size: 12px;
		line-height: 2em;
	}
	.news_show .right .Recommend{
		margin-top: 25px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
	} 
	.news_show .right .Recommend .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .Recommend .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .Recommend .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .Recommend .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .Recommend .list{
		padding-top: 15px;
	}
	.news_show .right .Recommend .list ul li{
		padding-bottom: 15px;
	}
	.news_show .right .Recommend .list ul li .img{
		overflow: hidden;
	}
	.news_show .right .Recommend .list ul li .img img{
		width: 100%;
	}
	.news_show .right .Recommend .list ul li h3{
		font-size: 18px;
	}
	.contact{
		background: #fff;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.contact .container{
		width: 100%;
		padding: 0 15px;
	}
	.contact .left{
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.contact .left .title{
		overflow: hidden;
	}
	.contact .left .title img{
		float: left;
	}
	.contact .left .title .text{
		float: left;
		padding-left: 15px;
	}
	.contact .left .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.contact .left .title .text p{
		font-size: 12px;
		color: #b9b9b9;

	}
	.contact .left .phone{
		font-size: 46px;
		font-weight: bold;
		border-bottom: 1px solid #dcdcdc;
	}
	.contact .left .content{
		padding: 20px 0;
		font-size: 15px;
		color: #646464;
		line-height: 2em;
		margin: 0;
	}
	.contact .left .code{

	}
	.contact .left .code div{
		display: inline-block;
		background: #292929;
		padding: 15px;
		margin-right: 15px;
	}
	.contact .left .code div p{
		font-size: 14px;
		color: #fff;
		line-height: 2em;
		text-align: center;

	}
	.contact .right{
		width: 100%;
		box-sizing: border-box;
	}
	.contact .right .map{
		width: 100%;
		height: 400px;
	}
	.eight{
		background: #212121;
		padding-top: 80px;
		padding-bottom: 50px;
	}
	.eight .container{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.eight .container .item{
		float: left;
		background: #fff;
		padding: 15px;
		box-sizing: border-box;
	}
	.eight .container .item_1{
		width: 100%;
	}
	.eight .container .item .left h3{
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		padding-top: 15px;
	}
	.eight .container .item .left h4{
		font-size: 30px;
		color: #333333;
	}
	.eight .container .item .left h5{
		font-size: 16px;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #dcdcdc;
		color: #333333;
	}
	.eight .container .item .left p{
		color: #696969;
		font-size: 14px;
		line-height:2em;
		padding-top: 15px;
	}

	.eight .container .item_1 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_1 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_1 .left{
	
		box-sizing: border-box;
		padding: 15px;
		width: 100%;
	}
	
	.eight .container .item_1 .right{
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_1 .right img{
		width: 100%;
	}
	.eight .container .item_2{
		margin-top: 30px;
	}
	.eight .container .item_2 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_2 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_2 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_2 .left .text{
		float: left;
		width: 30%;
		box-sizing: border-box;
	}
	.eight .container .item_2 .left p{
		line-height:3em;
		padding-top: 15px;
		float: right;
		width: 70%;
		padding-top: 15px;
	}
	.eight .container .item_2 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_2 .right img{
		width: 100%;
	}
	.eight .container .item_3{
		width: 100%;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_3 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_3 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_3 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_3 .left .text{

		box-sizing: border-box;
	}
	.eight .container .item_3 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_3 .right img{
		width: 100%;
	}
	.eight .container .item_4{

        width: 100%;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_4 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_4 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_4 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_4 .left .text{

		box-sizing: border-box;
	}
	.eight .container .item_4 .left p{
		min-height: 127px;
	}
	.eight .container .item_4 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_4 .right img{
		width: 100%;
	}
	.eight .container .item_5{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_5 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_5 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_5 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_5 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.eight .container .item_5 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding:15px;
	}
	.eight .container .item_5 .right img{
		float: left;
	}
	.eight .container .item_5 .right img:nth-child(1){
		width: 63.3%;
	}
	.eight .container .item_5 .right img:nth-child(2){
		width: 33.7%;
		float: right;
	}
	.eight .container .item_5 .right img:nth-child(3){
		width: 33.7%;
		float: right;
		margin-top: 2%;
	}
	.eight .container .item_6{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_6 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_6 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_6 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_6 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding:15px;
	}
	.eight .container .item_6 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_6 .right img{
		width: 100%;
	}
	.eight .container .item_7{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_7 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_7 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_7 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding:0 15px ;
	}
	.eight .container .item_7 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_7 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_7 .right img{
		width: 100%;
	}
	.eight .container .item_8{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_8 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 50px;
		padding-left: 14.1%;
	}
	.eight .container .item_8 .title span{
		font-size: 40px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 50px;
	}
	.eight .container .item_8 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.eight .container .item_8 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_8 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_8 .right img{
		width: 100%;
	}
	.eight_form{
		padding-bottom: 50px;
		padding-top: 20px;
	}
	.eight_form .container{
		width: 100%;
	}
	.eight_form .container .left{
		width: 100%;
		float: none;
		background: url('../images/8-9-1.png') no-repeat center;
		background-size:cover;%;
		height: 100%;
		box-sizing: border-box;
		padding: 30px;
		text-align: center;

		line-height: 1.42857143;
		vertical-align: top;
	}
	
	.eight_form .container form{
	
	}
	.eight_form .container .left h3{
		font-size: 30px;
		color: #fff;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
	}
	.eight_form .container .left h4{
		font-size: 30px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-bottom: 25px;
	}
	.eight_form .container .left h5{
		font-size: 26px;
		color: #fff;
		margin: 0;
		font-weight: bold;
	}
	.eight_form .container .left p{
		font-size: 12px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-top: 25px;
		line-height: 2em;
	}
	.eight_form .container .form{
		background: #fff;
		box-sizing: border-box;
		vertical-align: top;
		border-left: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
	}
	.eight_form .container .form .form-group{
		padding-left: 50px;
		padding-right: 50px;
	}
	.eight_form .container .form .form-group:nth-child(1){
		padding-top: 30px;
	}
	.eight_form .container .form .form-group div{
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding-left: 15px;
	}
	.eight_form .container .form .form-group div:nth-child(1){
		
		padding-left: 0;
	}
	.eight_form .container .form .form-group:last-child{
		padding-bottom: 0;
		margin: 0;
	}
	.eight_form .container .form .form-group div:last-child{
		float: none;
	}
	.eight_form .container .form .form-group select{
		width: 100%;
		height: 35px;
		background: #f2f2f2;
		color: #696969;
		padding-left: 20px;
		border: none;
	}
	.eight_form .container .form .form-group input{
		width: 100%;
		height: 35px;
		background: #f2f2f2;
		color: #696969;
		border: none;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.eight_form .container .right{
		float: none;
		box-sizing: border-box;
		line-height: 1.42857143;
		background: #fff;
		vertical-align: top;
		padding: 0 50px;
		padding-bottom: 25px;
		border: 1px solid #dcdcdc;
		border-top: none;
	}
	.eight_form .container .right .title{
		padding: 50px 0 0;
		overflow: hidden;
	}
	.eight_form .container .right .title img{
		float: left;
	}
	.eight_form .container .right .title .text{
		float: left;
		padding-left: 10px;
	}
	.eight_form .container .right .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.eight_form .container .right .title .text p{
		font-size: 12px;
		color: #b9b9b9;
	}
	.eight_form .container .right .phone{
		font-size: 42px;
		color: #363636;
		
		font-weight: bold;
	}
	.eight_form .container .right .content{
		font-size: 14px;
		color: #898989;
		line-height: 2em;
		margin: 0;
		
	}
	.eight_form .container .right .sub{
		
	}
	.eight_form .container .right .sub button{
		width: 250px;
		color: #fff;
		background: #fb7932;
		border: none;
		font-size: 18px;
		height: 60px;
	}
	.eight_form .container .right .sub button img{
		margin-left: 40px;
	}
	.about{
		border-top: 1px solid #dcdcdc;
		padding: 50px 0;
	}
	.about .about_top{
		position: relative;
		padding-bottom: 100px;
	}
	.about .about_top .img{

	}
	.about .about_top .img img{
		width: 100%;
	}
	.about .about_top .text{

		left: 0;

		background: #fff;
		box-sizing: border-box;
		padding: 50px;
	}
	.about .about_top .text h3{
		font-size: 48px;
		color: #404040;
		font-weight: bold;
		margin: 0;
	}
	.about .about_top .text h4{
		font-size: 32px;
		color: #404040;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.about .about_top .text p{
		color: #767676;
		font-size: 16px;
		line-height: 2em;
		padding-top: 15px;
	}
	.about .about_bot{
		
		padding-top: 55px;
	}
	.about .about_bot .left{
		width: 100%;
		box-sizing: border-box;
		background: url(../images/a-1.png) no-repeat center top;
		background-size: 100% 100%;
		padding: 15px 30px;
		line-height: 1.42857143;

		overflow: hidden;
		vertical-align: top;
	}
	.about .about_bot .left .img{
		text-align: center;
	}
	.about .about_bot .left p{
		font-size: 16px;
		color: #fff;
		line-height: 2em;
		padding: 20px 30px;
		text-align: center;
		padding-top: 20px;
	}
	.about .about_bot .left .more{
		text-align: center;
		padding: 10px 0;
		display: none;
	}
	.about .about_bot .right .more{
		text-align: center;
		padding: 30px 0 0;
	}
	.about .about_bot .right .more a{
		display: inline-block;
		width: 150px;
		text-align: center;
		height: 40px;
		color: #fff;
		background: #fb7932;
		line-height: 40px;
		font-size: 14px;
		border-radius: 20px;
	}
	.about .about_bot .right{
		width: 100%;
		box-sizing: border-box;
		line-height: 1.42857143;
		vertical-align: top;
	}
	.about .about_bot .right .hall{
		width: 100%;
		height: 100%;
		display: none;
	}
	.about .about_bot .right .hall_wap{
		display: block;
		width: 100%;
	}
	.about .about_bot .right .hall_wap .swiper-slide img{
		width: 100%;
	}
	.about .about_bot .right .hall_wap{

	}
	.about .about_bot .right .hall_wap .hall-prev{
		position: absolute;
		left: 0;
		width: 50px;
		height: 50px;
		top: 50%;
		z-index: 90;
		margin-top: -25px;
	}
	.about .about_bot .right .hall_wap .hall-next{
		position: absolute;
		right: 0;
		width: 50px;
		height: 50px;
		z-index: 90;
		top: 50%;
		margin-top: -25px;
	}
	.about .about_bot .right .hall_wap .hall-prev span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-right: -25px;
	}
	.about .about_bot .right .hall_wap .hall-next span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		left: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-left: -25px;
	}
	.about .about_bot .right .hall_wap .hall-prev span img{
		vertical-align: middle;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}

	.jodin{

		background: #212121;
		padding: 0 15px 50px ;
	}
	.jodin .top{
		text-align: center;
		line-height: 100px;
		height: 100px;
	}
	.jodin .top span{
		font-size: 26px;
		color: #fff;
		margin: 0 15px;
	}
	.jodin ul li{
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		padding: 20px;
	}
	.jodin ul li:hover{
		box-shadow: 0 0 20px #dcdcdc;
	}
	.jodin ul li .title{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 15px;
		text-align: center;
	}
	.jodin ul li .title h3{
		font-size: 30px;
		color: #333;
		font-weight: bold;
	}
	.jodin ul li .title h4{
		font-size: 22px;
		color: #333;
	}
	.jodin ul li p{
		font-size: 14px;
		color: #808080;
		line-height: 2em;
		padding: 15px 0;
		margin: 0;

		vertical-align: middle;
	}
	.jodin ul li .img{

	}
	.jodin ul li .img img{
		width: 100%;
		vertical-align: middle;
	}
	.why{
		background-color: #f3f3f3;
	}
	.industry {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.industry .title{
		text-align: center;
		padding-bottom: 50px;
	}
	.industry .title h5{
		font-size: 14px;
		color: #a6a6a6;
	}
	.industry .title h4{
		font-size: 28px;
	}
	.industry .title h4 label{
		display: inline-block;
		font-size: 28px;
		background: #f4f4f4;
		font-weight: 400;
		padding: 10px 10px;
	}
	.industry .title h4 span{
		display: inline-block;
		font-size: 28px;
		padding: 10px 10px;
		background: #fb7932;
		color: #fff;
	}
	.industry .title h3{
		font-size: 36px;
		color: #2e2e2e;
	}
	.industry .title h3 span{
		font-weight: bold;
	}
	.industry  .list ul li{
		position: relative;
		padding-bottom: 100px;
		float: left;
		width: 100%;
	}
	.industry  .list ul li .img{

	}
	.industry  .list ul li .img img{
		width: 100%;
	}
	.industry  .list ul li .text{
		position: absolute;
		width: 100%;
		padding: 0 50px;
		left: 0;
		bottom: 30px;
	}
	.industry  .list ul li .text h3{
		background: #fff;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
		font-size: 24px;
		line-height: 2em;
		text-align: center;
	}
	.industry  .list ul li .text p{
		background: #fff;
		margin: 0;
		min-height: 76px;
		padding: 0 15px;
		text-align: center;
		font-size: 14px;
		color: #595959;
		box-shadow: 0 20px 20px #dcdcdc;
		line-height: 2em;
		padding-bottom: 20px;
	}
	.ready{
		background: url('../images/ready_bg.jpg') no-repeat center top;
		background-size: 100% 100%;
		padding-bottom: 50px;
	}
	.ready .title{
		text-align: center;
		padding: 50px 0;
	}
	.ready .title h3{
		font-size: 36px;
		color: #fff;
	}
	.ready .title h3 span{
		color: #ff823f;
		font-weight: bold;
	}
	.ready .title p{
		font-size: 14px;
		color: #969696;
	}
	.ready .list ul li{
		padding: 15px;
	}
	.ready .list ul li .box{
		background: rgba(255,255,255,0.1);
		padding: 20px 50px;
	}
	.ready .list ul li .box h3{
		text-align: center;
		color: #ff823f;
		font-size: 30px;
		line-height: 2em;
		font-weight: bold;
	}
	.ready .list ul li .box h4{
		text-align: center;
		font-size: 20px;
		color: #fff;
		line-height: 2em;
		padding-bottom: 15px;
		border-bottom: 1px solid #969696;
	}
	.ready .list ul li .box p{
		font-size: 14px;
		color: #969696;
		text-align: center;
		padding-top: 15px;
	}
}
/*平板*/
@media (min-width: 768px) and (max-width:992px) {
	.container{
		width: 100%;
	}
	.design ul li .img{
		margin-left: 0;
	}
	.footer .container{
		width: 100%;
	}
	.header .nav .left{
		background: #fb7932;
	}
	.copy .container{
		width: 100%;
	}
	.location .container{
		position: relative;
	}
	.location .container .pos{
		position: absolute;
		left: 0;
		top: -40px;
		color: #fff;
		font-size: 14px;
		z-index: 98;
	}
	.location .container .pos a{
		color: #fff;
		margin-right: 10px;
		margin-left: 10px;
	}
	.location .container .pos span{
		color: #fff;
		margin-left: 10px;
	}
	.product{
		background: #f8f8f8;
		padding: 85px 0 120px;
	}
	.product .left{
		width: 20%;
		box-sizing: border-box;
		background: #fff;
	}
	.product .left .title{
		background: url(../images/product_title_bg.png) no-repeat center;
		position: relative;
		padding: 30px;
	}
	.product .left .title h3{
		margin: 0;
		color: #fff;
		font-size: 28px;
	}
	.product .left .title p{
		margin: 0;
		color: #fff;
		font-size: 22px;
	}
	.product .left .title img{
		position: absolute;
		right: 15px;
		bottom: 30px;
	}
	.product .left  .sidebar{

	}
	.product .left  .sidebar ul{
	}
	.product .left  .sidebar ul li{
		
	}
	.product .left  .sidebar ul li p{
		border-bottom: 1px solid #dcdcdc;
		padding: 0 30px;
	}
	.product .left  .sidebar ul li p a{
		width: 100%;
		line-height: 60px;
		color: #292929;
		font-size: 16px;
	}
	.product .left  .sidebar ul li p>span{
		float: right;
		height: 60px;
		padding: 0 15px;
		line-height: 60px;
	}
	.product .left  .sidebar ul li p>span img{
		vertical-align: middle;
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.product .left  .sidebar ul li .sidebar_sub{
		display: none;
		
	}
	.product .left  .sidebar ul li .sidebar_sub.active{
		display: block;
	}

	.product .left  .sidebar ul li .sidebar_sub h4{
		padding: 0 15px;
		margin: 0;
		line-height: 55px;
	}
	.product .left  .sidebar ul li .sidebar_sub h4 a{
		display: block;
		padding-left: 10px;
		color: #989898;
		height: 55px;
		overflow: hidden;
		font-size: 16px;
		border-bottom: 1px dashed #dcdcdc;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li.active p>span img{
		vertical-align: middle;
		-moz-transform:rotate(0deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		-webkit-transform:rotate(0deg);
	}
	.product .right{
		width: 78%;
		background: #fdfdfd;
		padding: 38px 38px 0;
		box-sizing: border-box;
	}
	.product .right .list ul li{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product .right .list ul li .img{
		width: 100%;

		overflow: hidden;
	}
	.product .right .list ul li .img img{
		width: 100%;

	}
	.product .right .list ul li .text{
		overflow: hidden;
		padding: 30px ;
	}
	.product .right ul li h3{
		float: left;
		font-size: 20px;
		color: #4e4e4e;
	}
	.product .right .list ul li .text span{
		float: right;
		width: 45px;
		height: 45px;
		line-height: 45px;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #dcdcdc;
	}
	.product .right .list ul li a{
		display: block;
		background: #ffffff;
	}
	.product .right .list ul li a:hover .text{
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.product .right .list ul li .text span img{
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.product .right .pages{
		text-align: right;
		padding: 40px 0;
		border-top: 1px solid #dcdcdc;
	}
	.pagination>li>a, .pagination>li>span {
		color: #9f9f9f;
		font-size: 14px;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background: #ff7327;
		color: #fff;
		border: 1px solid #ff7327;
	}
	.product .show_box{
	    margin: 0 -38px;
	    font-family: "微软雅黑";
	}
	.product .show_box .title{
	    font-size: 30px;
	    font-weight: bold;
	    margin: 0;
	    padding-left: 50px;
	    padding-bottom: 20px;
	    color: #323131;
	    border-bottom: 1px solid #DCDCDC;
	}
	.product .show_box .img{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;

	}
	.product .show_box .img .img_left{
	    width: 100%;
	}
	.product .show_box .img .text_right{
	    width: 100%;
	    box-sizing: border-box;
	    padding-top: 25px;
	}
	.product .show_box .img .text_right ul li{

	}
	.product .show_box .img .text_right ul li h3{
	    margin: 0;
	    padding-bottom: 15px;
	    font-size: 26px;
	    color: #323131;
	    font-weight: bold;
	    font-family: "微软雅黑";
	    display: block;
	    float: none;
	}
	.product .show_box .img .text_right ul li p{
	    color: #323131;
	    font-family: "微软雅黑";
	    display: block;
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .color_attr{
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.product .show_box .color_attr h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .color_attr h4 div{
	    display: none;
	    align-items: center;
	}
	.product .show_box .color_attr h4 span{
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .show_com{
	    padding-top: 10px;
	    padding-left: 50px;
	    padding-right: 50px;
	    padding-bottom: 65px;
	}
	.product .show_box .show_com h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .show_com h4 div{
	    display: none;
	    align-items: center;
	}
	.product .show_box .show_com h4 span{

	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .color_attr .color_text p{
	    margin: 0;
	}
	.product .show_box .color_attr .color_text{
	    padding: 10px 25px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .show_com .swiper-pagination{
	    position: relative;
	    margin-top: 30px;
	}
	.product .show_box .show_com .swiper-pagination span{
	    width: 150px;
	    height: 5px;
	    background: #dcdcdc;
	    opacity: 1;
	    border-radius: 0;
	}
	.product .show_box .show_com .com_list{
	    padding-top: 25px;
	}

	.product .show_box .show_com .swiper-pagination span.swiper-pagination-bullet-active{
	    background: #fb7932;
	}
	.pro_show{

	}
	.pro_show .title{
		border-bottom: 1px solid #dcdcdc;
	}
	.pro_show .title h3{
		line-height: 80px;
		color: #323131;
		margin: 0;
		font-weight: bold;
		font-size: 30px;
	}
	.pro_show .images_show{
		padding-top: 25px;
	}
	.pro_show .images_show img{
		width: 100%;
	}
	.pro_show .pro_con{
		padding: 25px 0;
	}
	.share{
		padding-bottom: 25px;
		border-bottom: 1px solid #dcdcdc;
	}
	.share span{
		float: left;
		padding-top: 10px;
	}
	.share  .share_box{
		float: left;
	}
	.share  .share_box a{
		display: inline-block;
		width: 36px;
		height: 36px;
		border: 1px solid #dcdcdc;
		border-radius: 18px;
	}
    .share  .share_box a.bshare-weixin{
		background: url(../images/wx.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-sinaminiblog{
		background: url(../images/wb.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qqim{
		background: url(../images/qq.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qzone{
		background: url(../images/qc.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-douban{
		background: url(../images/dd.jpg) no-repeat center;
	}
	.share  .share_box a.copy_url{
		background: url(../images/url.jpg) no-repeat center;
	}
	.pro_next{
		padding: 25px 0;
	}
	#input{
		opacity: 0;
		float: left;
		width: 1px;
	}
	.news{
		background: #f8f8f8;
		padding-bottom: 100px;
	}

	.page_sidebar{
		background: #fff;
	}
	.page_sidebar ul{
		margin-bottom: 0;
	}
	.page_sidebar ul li{
		display: inline-block;
		height: 55px;
		margin-right: 15px;
	}
	.page_sidebar ul li a{
		display: inline-block;
		height: 54px;
		line-height: 54px;
		border-bottom: 2px solid #fff;
		padding: 0 15px;
	}
    .page_sidebar ul li a:hover{
		border-bottom: 2px solid #ff7327;
	}
	.page_sidebar ul li a.active{
		border-bottom: 2px solid #ff7327;

	}

	.news .news_list{
		padding-top: 100px;
	}
	.news .news_list ul li{
		padding-bottom: 65px;
	}
	.news .news_list ul li a{

	}
	.news .news_list ul li a .img{
		float: left;
		width: 25%;
		height: 190px;
		overflow: hidden;
		line-height: 190px;
		background: #fff;
	}
	.news .news_list ul li a .img img{
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	.news .news_list ul li a  .text{
		float: right;
		width: 75%;
		box-sizing: border-box;
		background: #fff;
		padding-left: 6.2%;
		height: 190px;
	}
	.news .news_list ul li a  .text h3 small{
		float: right;
		width: 30%;
		line-height: 80px;
		text-align: center;
		font-size: 30px;
		color: #373737;
		font-weight: bold;
		box-sizing: border-box;
	}
	.news .news_list ul li a  .text h3 span{
		float: left;
		width: 70%;
		font-size: 22px;
		color: #323131;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		line-height: 80px;
	}
	.news .news_list ul li a  .text h3{
		overflow: hidden;
	}
	.news .news_list ul li a  .text p{
		float: left;
		width: 70%;
		box-sizing: border-box;
		font-size: 16px;
		color: #828282;
		line-height: 2em;
	}
	.news .news_list ul li a  .text .more{
		float: right;
		width: 30%;
		text-align: center;
	}
	.news .news_list ul li a  .text .more span{
		background: url(../images/icon_10.png) no-repeat center;
		width: 50px;
		height: 50px;
		display: inline-block;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.news .news_list ul li a:hover .text .more span{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		border: 1px solid #ff7327;
		background: url(../images/icon_8.png) no-repeat center;
		background-color: #ff7327;
	}
	.news .news_list ul li:nth-child(1){

	}
	.news .news_list ul li:nth-child(1) .text{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
		padding: 0 6.5%;
	}
	.news .news_list ul li:nth-child(1) .text h3 small{
		float: none;
		font-size: 26px;
		line-height: 1.5em;
		display: block;
		width: 100%;
		text-align: left;
	}
	.news .news_list ul li:nth-child(1) .text h3 span{
		float: none;
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	.news .news_list ul li:nth-child(1) .text p{
		float: none;
		display: block;
		width: 100%;
	}
	.news .news_list ul li:nth-child(1) .text .more{
		float: none;
		display: block;
		text-align: left;
		margin-top: 20px;
	}
	.news .news_list ul li:nth-child(1) .img{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
	}
	.news_show{
		padding-top: 70px;
	}
	.news_show .left{
		width: 70%;
		box-sizing: border-box;
		padding: 4%;
		background: #fff;
	}
	.news_show .right{
		width: 28.5%;
		box-sizing: border-box;
	}
	.news_show .left .title h3{
		font-size: 30px;
		margin: 0;
		color: #323131;
	}
	.news_show .left .title p{
		font-size: 12px;
		line-height: 2em;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.news_show .left  .content{
		padding: 20px 0;
		color: #706f6f;
		font-size: 16px;
		line-height: 2em;
	}
	.news_show .right .hot_news{
		background: #fff;
		padding: 15px;
	}
	.news_show .right .hot_news .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .hot_news .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .hot_news .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .hot_news .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .hot_news .list{
		padding-top: 20px;
	}
	.news_show .right .hot_news .list ul li{
		border-bottom: 1px  dashed  #d3d3d3;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.news_show .right .hot_news .list ul li .img{
		overflow: hidden;
		float: left;
		width: 40%;
	}
	.news_show .right .hot_news .list ul li .text{
		box-sizing: border-box;
		float: left;
		width: 60%;
		padding-left: 15px;
	}
	.news_show .right .hot_news .list ul li .img img{
		width: 100%;
	}
	.news_show .right .hot_news .list ul li .text h3{
		margin: 0;
		font-size: 18px;
	}
	.news_show .right .hot_news .list ul li .text p{
		font-size: 12px;
		line-height: 2em;
	}
	.news_show .right .Recommend{
		margin-top: 25px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
	} 
	.news_show .right .Recommend .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .Recommend .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .Recommend .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .Recommend .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .Recommend .list{
		padding-top: 15px;
	}
	.news_show .right .Recommend .list ul li{
		padding-bottom: 15px;
	}
	.news_show .right .Recommend .list ul li .img{
		overflow: hidden;
	}
	.news_show .right .Recommend .list ul li .img img{
		width: 100%;
	}
	.news_show .right .Recommend .list ul li h3{
		font-size: 18px;
	}
	.contact{
		background: #fff;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.contact .container{
		width: 100%;
		padding: 0 15px;
	}
	.contact .left{
		width: 40%;
		box-sizing: border-box;
		padding-right: 6%;
		padding-top: 50px;
	}
	.contact .left .title{
		overflow: hidden;
	}
	.contact .left .title img{
		float: left;
	}
	.contact .left .title .text{
		float: left;
		padding-left: 15px;
	}
	.contact .left .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.contact .left .title .text p{
		font-size: 12px;
		color: #b9b9b9;

	}
	.contact .left .phone{
		font-size: 46px;
		font-weight: bold;
		padding: 20px 0;
		border-bottom: 1px solid #dcdcdc;
	}
	.contact .left .content{
		padding: 20px 0;
		font-size: 15px;
		color: #646464;
		line-height: 2em;
		margin: 0;
	}
	.contact .left .code{

	}
	.contact .left .code div{
		display: inline-block;
		background: #292929;
		padding: 15px;
		margin-right: 15px;
	}
	.contact .left .code div p{
		font-size: 14px;
		color: #fff;
		line-height: 2em;
		text-align: center;

	}
	.contact .right{
		width: 60%;
		box-sizing: border-box;
	}
	.contact .right .map{
		width: 100%;
		height: 700px;
	}
	.eight{
		background: #212121;
		padding-top: 80px;
	}
	.eight .container{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.eight .container .item{
		float: left;
		background: #fff;
		padding: 70px;
		box-sizing: border-box;
	}
	.eight .container .item_1{
		width: 100%;
	}
	.eight .container .item .left h3{
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		padding-top: 15px;
	}
	.eight .container .item .left h4{
		font-size: 30px;
		color: #333333;
	}
	.eight .container .item .left h5{
		font-size: 16px;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #dcdcdc;
		color: #333333;
	}
	.eight .container .item .left p{
		color: #696969;
		font-size: 14px;
		line-height:2em;
		padding-top: 15px;
	}

	.eight .container .item_1 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_1 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_1 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	
	
	.eight .container .item_1 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_1 .right img{
		width: 100%;
	}
	.eight .container .item_2{
		margin-top: 30px;
	}
	.eight .container .item_2 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_2 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_2 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_2 .left .text{
		float: left;
		width: 30%%;
		box-sizing: border-box;
	}
	.eight .container .item_2 .left p{
		line-height:3em;
		padding-top: 15px;
		float: right;
		width: 70%;
		padding-top: 15px;
	}
	.eight .container .item_2 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_2 .right img{
		width: 100%;
	}
	.eight .container .item_3{
		width: calc(50% - 15px);
		margin-right: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_3 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 14.1%;
	}
	.eight .container .item_3 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_3 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_3 .left .text{

		box-sizing: border-box;
	}
	.eight .container .item_3 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_3 .right img{
		width: 100%;
	}
	.eight .container .item_4{
		width: calc(50% - 15px);
		margin-left: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_4 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 14.1%;
	}
	.eight .container .item_4 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_4 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_4 .left .text{

		box-sizing: border-box;
	}
	
	.eight .container .item_4 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_4 .right img{
		width: 100%;
	}
	.eight .container .item_5{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_5 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_5 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_5 .left{
		float: left;
		width: 41%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_5 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.eight .container .item_5 .right{
		float: right;
		width: 57%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_5 .right img{
		float: left;
	}
	.eight .container .item_5 .right img:nth-child(1){
		width: 63.3%;
	}
	.eight .container .item_5 .right img:nth-child(2){
		width: 33.7%;
		float: right;
	}
	.eight .container .item_5 .right img:nth-child(3){
		width: 33.7%;
		float: right;
		margin-top: 2%;
	}
	.eight .container .item_6{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_6 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_6 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_6 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_6 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_6 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_6 .right img{
		width: 100%;
	}
	.eight .container .item_7{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_7 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_7 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_7 .left{
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_7 .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_7 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_7 .right img{
		width: 100%;
	}
	.eight .container .item_8{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_8 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_8 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_8 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_8 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_8 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_8 .right img{
		width: 100%;
	}
	.eight_form{
		padding-bottom: 50px;
	}
	.eight_form .container{
		width: 100%;
	}
	.eight_form .container .left{
		width: 100%;
		float: none;
		background: url('../images/8-9-1.png') no-repeat center;
		background-size:cover;%;
		height: 100%;
		box-sizing: border-box;
		padding: 30px;
		text-align: center;

		line-height: 1.42857143;
		vertical-align: top;
	}
	
	.eight_form .container form{
	
	}
	.eight_form .container .left h3{
		font-size: 30px;
		color: #fff;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
	}
	.eight_form .container .left h4{
		font-size: 30px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-bottom: 25px;
	}
	.eight_form .container .left h5{
		font-size: 36px;
		color: #fff;
		margin: 0;
		font-weight: bold;
	}
	.eight_form .container .left p{
		font-size: 12px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-top: 25px;
		line-height: 2em;
	}
	.eight_form .container .form{
		background: #fff;
		box-sizing: border-box;
		vertical-align: top;
		border-left: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
	}
	.eight_form .container .form .form-group{
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.eight_form .container .form .form-group:nth-child(1){
		padding-top: 30px;
	}
	.eight_form .container .form .form-group div{
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding-left: 15px;
	}
	.eight_form .container .form .form-group div:nth-child(1){
		
		padding-left: 0;
	}
	.eight_form .container .form .form-group:last-child{
		padding-bottom: 0;
		margin: 0;
	}
	.eight_form .container .form .form-group div:last-child{
		float: none;
	}
	.eight_form .container .form .form-group select{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		padding-left: 20px;
		border: none;
	}
	.eight_form .container .form .form-group input{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		border: none;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.eight_form .container .right{
		float: none;
		box-sizing: border-box;
		line-height: 1.42857143;
		background: #fff;
		vertical-align: top;
		padding: 0 50px;
		padding-bottom: 25px;
		border: 1px solid #dcdcdc;
		border-top: none;
	}
	.eight_form .container .right .title{
		padding: 50px 0 0;
		overflow: hidden;
	}
	.eight_form .container .right .title img{
		float: left;
	}
	.eight_form .container .right .title .text{
		float: left;
		padding-left: 10px;
	}
	.eight_form .container .right .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.eight_form .container .right .title .text p{
		font-size: 12px;
		color: #b9b9b9;
	}
	.eight_form .container .right .phone{
		font-size: 42px;
		color: #363636;
		
		font-weight: bold;
	}
	.eight_form .container .right .content{
		font-size: 14px;
		color: #898989;
		line-height: 2em;
		margin: 0;
		
	}
	.eight_form .container .right .sub{
		
	}
	.eight_form .container .right .sub button{
		width: 250px;
		color: #fff;
		background: #fb7932;
		border: none;
		font-size: 18px;
		height: 60px;
	}
	.eight_form .container .right .sub button img{
		margin-left: 40px;
	}
	.about{
		border-top: 1px solid #dcdcdc;
		padding: 50px 0;
	}
	.about .about_top{
		position: relative;
		padding-bottom: 100px;
	}
	.about .about_top .img{

	}
	.about .about_top .img img{
		width: 100%;
	}
	.about .about_top .text{

		left: 0;

		background: #fff;
		box-sizing: border-box;
		padding: 50px;
	}
	.about .about_top .text h3{
		font-size: 48px;
		color: #404040;
		font-weight: bold;
		margin: 0;
	}
	.about .about_top .text h4{
		font-size: 32px;
		color: #404040;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.about .about_top .text p{
		color: #767676;
		font-size: 16px;
		line-height: 2em;
		padding-top: 15px;
	}
	.about .about_bot{
		
		padding-top: 55px;
	}
	.about .about_bot .left{
		width: 100%;
		box-sizing: border-box;
		background: url(../images/a-1.png) no-repeat center top;
		background-size: 100% 100%;
		padding: 15px 30px;
		line-height: 1.42857143;

		overflow: hidden;
		vertical-align: top;
	}
	.about .about_bot .left .img{
		text-align: center;
	}
	.about .about_bot .left p{
		font-size: 16px;
		color: #fff;
		line-height: 2em;
		padding: 20px 30px;
		text-align: center;
		padding-top: 20px;
	}
	.about .about_bot .left .more{
		text-align: center;
		padding: 10px 0;
		display: none;
	}
	.about .about_bot .right .more{
		text-align: center;
		padding: 10px 0;
	}
	.about .about_bot .right .more a{
		display: inline-block;
		width: 150px;
		text-align: center;
		height: 40px;
		color: #fff;
		background: #fb7932;
		line-height: 40px;
		font-size: 14px;
		border-radius: 20px;
	}
	.about .about_bot .right{
		width: 100%;
		box-sizing: border-box;
		line-height: 1.42857143;
		vertical-align: top;
	}
	.about .about_bot .right .hall{
		width: 100%;
		height: 100%;
		display: none;
	}
	.about .about_bot .right .hall_wap{
		display: block;
		width: 100%;
	}
	.about .about_bot .right .hall_wap .swiper-slide img{
		width: 100%;
	}
	.about .about_bot .right .hall_wap{

	}
	.about .about_bot .right .hall_wap .hall-prev{
		position: absolute;
		left: 0;
		width: 50px;
		height: 50px;
		top: 50%;
		z-index: 90;
		margin-top: -25px;
	}
	.about .about_bot .right .hall_wap .hall-next{
		position: absolute;
		right: 0;
		width: 50px;
		height: 50px;
		z-index: 90;
		top: 50%;
		margin-top: -25px;
	}
	.about .about_bot .right .hall_wap .hall-prev span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-right: -25px;
	}
	.about .about_bot .right .hall_wap .hall-next span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		left: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-left: -25px;
	}
	.about .about_bot .right .hall_wap .hall-prev span img{
		vertical-align: middle;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}

	.jodin{
		padding-bottom: 150px;
		background: #212121;
	}
	.jodin .top{
		text-align: center;
		line-height: 200px;
		height: 200px;
	}
	.jodin .top span{
		font-size: 36px;
		color: #fff;
		margin: 0 15px;
	}
	.jodin ul li{
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		padding: 20px;
	}
	.jodin ul li:hover{
		box-shadow: 0 0 20px #dcdcdc;
	}
	.jodin ul li .title{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 15px;
	}
	.jodin ul li .title h3{
		font-size: 30px;
		color: #333;
		font-weight: bold;
	}
	.jodin ul li .title h4{
		font-size: 22px;
		color: #333;
	}
	.jodin ul li p{
		font-size: 14px;
		color: #808080;
		line-height: 2em;
		padding: 15px 0;
		margin: 0;
		height: 145px;
		vertical-align: middle;
	}
	.jodin ul li .img{
		height: 229px;
		overflow: hidden;
		line-height: 229px;
	}
	.jodin ul li .img img{
		width: 100%;
		vertical-align: middle;
	}
	.why{
		background-color: #f3f3f3;
	}
	.industry {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.industry .title{
		text-align: center;
		padding-bottom: 50px;
	}
	.industry .title h5{
		font-size: 14px;
		color: #a6a6a6;
	}
	.industry .title h4{
		font-size: 28px;
	}
	.industry .title h4 label{
		display: inline-block;
		font-size: 28px;
		background: #f4f4f4;
		font-weight: 400;
		padding: 10px 10px;
	}
	.industry .title h4 span{
		display: inline-block;
		font-size: 28px;
		padding: 10px 10px;
		background: #fb7932;
		color: #fff;
	}
	.industry .title h3{
		font-size: 36px;
		color: #2e2e2e;
	}
	.industry .title h3 span{
		font-weight: bold;
	}
	.industry  .list ul li{
		position: relative;
		padding-bottom: 100px;
		float: left;
		width: 50%;
	}
	.industry  .list ul li .img{

	}
	.industry  .list ul li .img img{
		width: 100%;
	}
	.industry  .list ul li .text{
		position: absolute;
		width: 100%;
		padding: 0 50px;
		left: 0;
		bottom: 30px;
	}
	.industry  .list ul li .text h3{
		background: #fff;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
		font-size: 24px;
		line-height: 2em;
		text-align: center;
	}
	.industry  .list ul li .text p{
		background: #fff;
		margin: 0;
		min-height: 76px;
		padding: 0 15px;
		text-align: center;
		font-size: 14px;
		color: #595959;
		box-shadow: 0 20px 20px #dcdcdc;
		line-height: 2em;
		padding-bottom: 20px;
	}
	.video iframe{
		width: 100%;
		height: 365px;
	}
	.ready{
		background: url('../images/ready_bg.jpg') no-repeat center top;
		background-size: 100% 100%;
		padding-bottom: 50px;
	}
	.ready .title{
		text-align: center;
		padding: 50px 0;
	}
	.ready .title h3{
		font-size: 36px;
		color: #fff;
	}
	.ready .title h3 span{
		color: #ff823f;
		font-weight: bold;
	}
	.ready .title p{
		font-size: 14px;
		color: #969696;
	}
	.ready .list ul li{
		padding: 15px;
	}
	.ready .list ul li .box{
		background: rgba(255,255,255,0.1);
		padding: 20px 50px;
	}
	.ready .list ul li .box h3{
		text-align: center;
		color: #ff823f;
		font-size: 30px;
		line-height: 2em;
		font-weight: bold;
	}
	.ready .list ul li .box h4{
		text-align: center;
		font-size: 14px;
		color: #fff;
		line-height: 2em;
		padding-bottom: 15px;
		border-bottom: 1px solid #969696;
	}
	.ready .list ul li .box p{
		font-size: 14px;
		color: #969696;
		text-align: center;
		padding-top: 15px;
	}
}
/*小屏*/
@media (min-width: 993px) and (max-width:1200px) {
	.container{
		width: 100%;
	}
	.design ul li .img{
		margin-left: 0;
	}
	.video iframe{
		width: 100%;
		height: 465px;
	}
	.footer .container{
		width: 100%;
	}
	.header .nav .left{
		background: #fb7932;
	}
	.copy .container{
		width: 100%;
	}
	.location .container{
		position: relative;
	}
	.location .container .pos{
		position: absolute;
		left: 0;
		top: -40px;
		color: #fff;
		font-size: 14px;
		z-index: 98;
	}
	.location .container .pos a{
		color: #fff;
		margin-right: 10px;
		margin-left: 10px;
	}
	.location .container .pos span{
		color: #fff;
		margin-left: 10px;
	}
	.product{
		background: #f8f8f8;
		padding: 85px 0 120px;
	}
	.product .left{
		width: 20%;
		box-sizing: border-box;
		background: #fff;
	}
	.product .left .title{
		background: url(../images/product_title_bg.png) no-repeat center;
		position: relative;
		padding: 30px;
	}
	.product .left .title h3{
		margin: 0;
		color: #fff;
		font-size: 28px;
	}
	.product .left .title p{
		margin: 0;
		color: #fff;
		font-size: 22px;
	}
	.product .left .title img{
		position: absolute;
		right: 15px;
		bottom: 30px;
	}
	.product .left  .sidebar{

	}
	.product .left  .sidebar ul{
	}
	.product .left  .sidebar ul li{
		
	}
	.product .left  .sidebar ul li p{
		border-bottom: 1px solid #dcdcdc;
		padding: 0 30px;
	}
	.product .left  .sidebar ul li p a{
		width: 100%;
		line-height: 60px;
		color: #292929;
		font-size: 16px;
	}
	.product .left  .sidebar ul li p>span{
		float: right;
		height: 60px;
		padding: 0 15px;
		line-height: 60px;
	}
	.product .left  .sidebar ul li p>span img{
		vertical-align: middle;
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.product .left  .sidebar ul li .sidebar_sub{
		display: none;
		
	}
	.product .left  .sidebar ul li .sidebar_sub.active{
		display: block;
	}

	.product .left  .sidebar ul li .sidebar_sub h4{
		padding: 0 30px;
		margin: 0;
		line-height: 55px;
	}
	.product .left  .sidebar ul li .sidebar_sub h4 a{
		display: block;
		padding-left: 15px;
		color: #989898;
		font-size: 16px;
		border-bottom: 1px dashed #dcdcdc;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li.active p>span img{
		vertical-align: middle;
		-moz-transform:rotate(0deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		-webkit-transform:rotate(0deg);
	}
	.product .right{
		width: 78%;
		background: #fdfdfd;
		padding: 38px 38px 0;
		box-sizing: border-box;
	}
	.product .right .list ul li{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product .right .list ul li .img{
		width: 100%;
		height: 272px;
		overflow: hidden;
		text-align: center;
		line-height: 272px;
		background: #fff;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.product .right .list ul li .img img{
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}
	.product .right .list ul li .text{
		overflow: hidden;
		padding: 30px ;
	}
	.product .right ul li h3{
		float: left;
		font-size: 20px;
		color: #4e4e4e;
	}
	.product .right .list ul li .text span{
		float: right;
		width: 45px;
		height: 45px;
		line-height: 45px;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #dcdcdc;
	}
	.product .right .list ul li a{
		display: block;
		background: #ffffff;
		padding: 15px 0 0;
	}
	.product .right .list ul li a:hover {
		box-shadow: 0px 0px 20px #dcdcdc;
	}
	.product .right .list ul li .text span img{
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.product .right .pages{
		text-align: right;
		padding: 40px 0;
		border-top: 1px solid #dcdcdc;
	}
	.pagination>li>a, .pagination>li>span {
		color: #9f9f9f;
		font-size: 14px;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background: #ff7327;
		color: #fff;
		border: 1px solid #ff7327;
	}
	.product .show_box{
	    margin: 0 -38px;
	    font-family: "微软雅黑";
	}
	.product .show_box .title{
	    font-size: 30px;
	    font-weight: bold;
	    margin: 0;
	    padding-left: 50px;
	    padding-bottom: 20px;
	    color: #323131;
	    border-bottom: 1px solid #DCDCDC;
	}
	.product .show_box .img{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;
	    display: flex;
	}
	.product .show_box .img .img_left{
	    width: 65%;
	}
	.product .show_box .img .text_right{
	    width: 35%;
	    box-sizing: border-box;
	    padding-left: 50px;
	}
	.product .show_box .img .text_right ul li{
	    padding-bottom: 40px;
	}
	.product .show_box .img .text_right ul li h3{
	    margin: 0;
	    padding-bottom: 15px;
	    font-size: 26px;
	    color: #323131;
	    font-weight: bold;
	    font-family: "微软雅黑";
	    display: block;
	    float: none;
	}
	.product .show_box .img .text_right ul li p{
	    color: #323131;
	    font-family: "微软雅黑";
	    display: block;
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .color_attr{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.product .show_box .color_attr h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .color_attr h4 div{
	    display: flex;
	    align-items: center;
	}
	.product .show_box .color_attr h4 span{
	    margin-left: 15px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .show_com{
	    padding-top: 10px;
	    padding-left: 50px;
	    padding-right: 50px;
	    padding-bottom: 65px;
	}
	.product .show_box .show_com h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .show_com h4 div{
	    display: flex;
	    align-items: center;
	}
	.product .show_box .show_com h4 span{
	    margin-left: 15px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .color_attr .color_text p{
	    margin: 0;
	}
	.product .show_box .color_attr .color_text{
	    padding: 10px 25px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .show_com .swiper-pagination{
	    position: relative;
	    margin-top: 30px;
	}
	.product .show_box .show_com .swiper-pagination span{
	    width: 150px;
	    height: 5px;
	    background: #dcdcdc;
	    opacity: 1;
	    border-radius: 0;
	}
	.product .show_box .show_com .com_list{
	    padding-top: 25px;
	}
	.product .show_box .show_com .swiper-pagination span.swiper-pagination-bullet-active{
	    background: #fb7932;
	}
	.pro_show{

	}
	.pro_show .title{
		border-bottom: 1px solid #dcdcdc;
	}
	.pro_show .title h3{
		line-height: 80px;
		color: #323131;
		margin: 0;
		font-weight: bold;
		font-size: 30px;
	}
	.pro_show .images_show{
		padding-top: 25px;
	}
	.pro_show .images_show img{
		width: 100%;
	}
	.pro_show .pro_con{
		padding: 25px 0;
	}
	.share{
		padding-bottom: 25px;
		border-bottom: 1px solid #dcdcdc;
	}
	.share span{
		float: left;
		padding-top: 10px;
	}
	.share  .share_box{
		float: left;
	}
	.share  .share_box a{
		display: inline-block;
		width: 36px;
		height: 36px;
		border: 1px solid #dcdcdc;
		border-radius: 18px;
	}
    .share  .share_box a.bshare-weixin{
		background: url(../images/wx.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-sinaminiblog{
		background: url(../images/wb.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qqim{
		background: url(../images/qq.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qzone{
		background: url(../images/qc.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-douban{
		background: url(../images/dd.jpg) no-repeat center;
	}
	.share  .share_box a.copy_url{
		background: url(../images/url.jpg) no-repeat center;
	}
	.pro_next{
		padding: 25px 0;
	}
	#input{
		opacity: 0;
		float: left;
		width: 1px;
	}
	.news{
		background: #f8f8f8;
		padding-bottom: 100px;
	}

	.page_sidebar{
		background: #fff;
	}
	.page_sidebar ul{
		margin-bottom: 0;
	}
	.page_sidebar ul li{
		display: inline-block;
		height: 55px;
		margin-right: 15px;
	}
	.page_sidebar ul li a{
		display: inline-block;
		height: 54px;
		line-height: 54px;
		border-bottom: 2px solid #fff;
		padding: 0 15px;
	}
    .page_sidebar ul li a:hover{
		border-bottom: 2px solid #ff7327;
	}
	.page_sidebar ul li a.active{
		border-bottom: 2px solid #ff7327;

	}

	.news .news_list{
		padding-top: 100px;
	}
	.news .news_list ul li{
		padding-bottom: 65px;
	}
	.news .news_list ul li a{

	}
	.news .news_list ul li a .img{
		float: left;
		width: 25%;
		height: 190px;
		overflow: hidden;
		line-height: 190px;
		background: #fff;
	}
	.news .news_list ul li a .img img{
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	.news .news_list ul li a  .text{
		float: right;
		width: 75%;
		box-sizing: border-box;
		background: #fff;
		padding-left: 6.2%;
		height: 190px;
	}
	.news .news_list ul li a  .text h3 small{
		float: right;
		width: 30%;
		line-height: 80px;
		text-align: center;
		font-size: 30px;
		color: #373737;
		font-weight: bold;
		box-sizing: border-box;
	}
	.news .news_list ul li a  .text h3 span{
		float: left;
		width: 70%;
		font-size: 22px;
		color: #323131;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		line-height: 80px;
	}
	.news .news_list ul li a  .text h3{
		overflow: hidden;
	}
	.news .news_list ul li a  .text p{
		float: left;
		width: 70%;
		box-sizing: border-box;
		font-size: 16px;
		color: #828282;
		line-height: 2em;
	}
	.news .news_list ul li a  .text .more{
		float: right;
		width: 30%;
		text-align: center;
	}
	.news .news_list ul li a  .text .more span{
		background: url(../images/icon_10.png) no-repeat center;
		width: 50px;
		height: 50px;
		display: inline-block;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.news .news_list ul li a:hover .text .more span{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		border: 1px solid #ff7327;
		background: url(../images/icon_8.png) no-repeat center;
		background-color: #ff7327;
	}
	.news .news_list ul li:nth-child(1){

	}
	.news .news_list ul li:nth-child(1) .text{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
		padding: 0 6.5%;
	}
	.news .news_list ul li:nth-child(1) .text h3 small{
		float: none;
		font-size: 26px;
		line-height: 1.5em;
		display: block;
		width: 100%;
		text-align: left;
	}
	.news .news_list ul li:nth-child(1) .text h3 span{
		float: none;
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	.news .news_list ul li:nth-child(1) .text p{
		float: none;
		display: block;
		width: 100%;
	}
	.news .news_list ul li:nth-child(1) .text .more{
		float: none;
		display: block;
		text-align: left;
		margin-top: 20px;
	}
	.news .news_list ul li:nth-child(1) .img{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
	}
	.news_show{
		padding-top: 70px;
	}
	.news_show .left{
		width: 70%;
		box-sizing: border-box;
		padding: 4%;
		background: #fff;
	}
	.news_show .right{
		width: 28.5%;
		box-sizing: border-box;
	}
	.news_show .left .title h3{
		font-size: 30px;
		margin: 0;
		color: #323131;
	}
	.news_show .left .title p{
		font-size: 12px;
		line-height: 2em;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.news_show .left  .content{
		padding: 20px 0;
		color: #706f6f;
		font-size: 16px;
		line-height: 2em;
	}
	.news_show .right .hot_news{
		background: #fff;
		padding: 15px;
	}
	.news_show .right .hot_news .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .hot_news .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .hot_news .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .hot_news .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .hot_news .list{
		padding-top: 20px;
	}
	.news_show .right .hot_news .list ul li{
		border-bottom: 1px  dashed  #d3d3d3;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.news_show .right .hot_news .list ul li .img{
		overflow: hidden;
		float: left;
		width: 40%;
	}
	.news_show .right .hot_news .list ul li .text{
		box-sizing: border-box;
		float: left;
		width: 60%;
		padding-left: 15px;
	}
	.news_show .right .hot_news .list ul li .img img{
		width: 100%;
	}
	.news_show .right .hot_news .list ul li .text h3{
		margin: 0;
		font-size: 18px;
	}
	.news_show .right .hot_news .list ul li .text p{
		font-size: 12px;
		line-height: 2em;
	}
	.news_show .right .Recommend{
		margin-top: 25px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
	} 
	.news_show .right .Recommend .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .Recommend .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .Recommend .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .Recommend .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .Recommend .list{
		padding-top: 15px;
	}
	.news_show .right .Recommend .list ul li{
		padding-bottom: 15px;
	}
	.news_show .right .Recommend .list ul li .img{
		overflow: hidden;
	}
	.news_show .right .Recommend .list ul li .img img{
		width: 100%;
	}
	.news_show .right .Recommend .list ul li h3{
		font-size: 18px;
	}
	.contact{
		background: #fff;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.contact .container{
		width: 100%;
		padding: 0 15px;
	}
	.contact .left{
		width: 40%;
		box-sizing: border-box;
		padding-right: 6%;
		padding-top: 50px;
	}
	.contact .left .title{
		overflow: hidden;
	}
	.contact .left .title img{
		float: left;
	}
	.contact .left .title .text{
		float: left;
		padding-left: 15px;
	}
	.contact .left .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.contact .left .title .text p{
		font-size: 12px;
		color: #b9b9b9;

	}
	.contact .left .phone{
		font-size: 46px;
		font-weight: bold;
		padding: 20px 0;
		border-bottom: 1px solid #dcdcdc;
	}
	.contact .left .content{
		padding: 20px 0;
		font-size: 15px;
		color: #646464;
		line-height: 2em;
		margin: 0;
	}
	.contact .left .code{

	}
	.contact .left .code div{
		display: inline-block;
		background: #292929;
		padding: 15px;
		margin-right: 15px;
	}
	.contact .left .code div p{
		font-size: 14px;
		color: #fff;
		line-height: 2em;
		text-align: center;

	}
	.contact .right{
		width: 60%;
		box-sizing: border-box;
	}
	.contact .right .map{
		width: 100%;
		height: 700px;
	}
	.eight{
		background: #212121;
		padding-top: 80px;
	}
	.eight .container{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.eight .container .item{
		float: left;
		background: #fff;
		padding: 70px;
		box-sizing: border-box;
	}
	.eight .container .item_1{
		width: 100%;
	}
	.eight .container .item .left h3{
		font-size: 30px;
		color: #333333;
		font-weight: bold;
		padding-top: 15px;
	}
	.eight .container .item .left h4{
		font-size: 30px;
		color: #333333;
	}
	.eight .container .item .left h5{
		font-size: 16px;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #dcdcdc;
		color: #333333;
	}
	.eight .container .item .left p{
		color: #696969;
		font-size: 14px;
		line-height:2em;
		padding-top: 15px;
	}

	.eight .container .item_1 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_1 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_1 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	
	
	.eight .container .item_1 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_1 .right img{
		width: 100%;
	}
	.eight .container .item_2{
		margin-top: 30px;
	}
	.eight .container .item_2 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_2 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_2 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_2 .left .text{
		float: left;
		width: 30%%;
		box-sizing: border-box;
	}
	.eight .container .item_2 .left p{
		line-height:3em;
		padding-top: 15px;
		float: right;
		width: 70%;
		padding-top: 15px;
	}
	.eight .container .item_2 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_2 .right img{
		width: 100%;
	}
	.eight .container .item_3{
		width: calc(50% - 15px);
		margin-right: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_3 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 14.1%;
	}
	.eight .container .item_3 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_3 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_3 .left .text{

		box-sizing: border-box;
	}
	.eight .container .item_3 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_3 .right img{
		width: 100%;
	}
	.eight .container .item_4{
		width: calc(50% - 15px);
		margin-left: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_4 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 14.1%;
	}
	.eight .container .item_4 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_4 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_4 .left .text{

		box-sizing: border-box;
	}
	
	.eight .container .item_4 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_4 .right img{
		width: 100%;
	}
	.eight .container .item_5{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_5 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_5 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_5 .left{
		float: left;
		width: 41%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_5 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.eight .container .item_5 .right{
		float: right;
		width: 57%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_5 .right img{
		float: left;
	}
	.eight .container .item_5 .right img:nth-child(1){
		width: 63.3%;
	}
	.eight .container .item_5 .right img:nth-child(2){
		width: 33.7%;
		float: right;
	}
	.eight .container .item_5 .right img:nth-child(3){
		width: 33.7%;
		float: right;
		margin-top: 2%;
	}
	.eight .container .item_6{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_6 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_6 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_6 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_6 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_6 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_6 .right img{
		width: 100%;
	}
	.eight .container .item_7{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_7 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_7 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_7 .left{
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_7 .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_7 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_7 .right img{
		width: 100%;
	}
	.eight .container .item_8{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_8 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 70px;
		padding-left: 6.1%;
	}
	.eight .container .item_8 .title span{
		font-size: 60px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 70px;
	}
	.eight .container .item_8 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_8 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_8 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_8 .right img{
		width: 100%;
	}
	.eight_form{
		padding: 60px 0;
		background: url(../images/8-9.png) no-repeat center top;
	}
	.eight_form .container{
		width: 100%;
	}
	.eight_form .container .left{
		width: 28%;
		float: none;
		background: url('../images/8-9-1.png') no-repeat center;
		background-size: 100% 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 30px;
		display: table-cell;
		line-height: 1.42857143;
		vertical-align: top;
	}
	
	.eight_form .container form{
		display: table-row;
	}
	.eight_form .container .left h3{
		font-size: 30px;
		color: #fff;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
	}
	.eight_form .container .left h4{
		font-size: 30px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-bottom: 25px;
	}
	.eight_form .container .left h5{
		font-size: 36px;
		color: #fff;
		margin: 0;
		font-weight: bold;
	}
	.eight_form .container .left p{
		font-size: 12px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-top: 25px;
		width: 60%;
		line-height: 2em;
	}
	.eight_form .container .form{
		width: 47.5%;
		height: 100%;
		background: #fff;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
	}
	.eight_form .container .form .form-group{
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.eight_form .container .form .form-group:nth-child(1){
		padding-top: 30px;
	}
	.eight_form .container .form .form-group div{
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding-left: 15px;
	}
	.eight_form .container .form .form-group div:nth-child(1){
		
		padding-left: 0;
	}
	.eight_form .container .form .form-group div:last-child{
		float: none;
	}
	.eight_form .container .form .form-group select{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		padding-left: 20px;
		border: none;
	}
	.eight_form .container .form .form-group input{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		border: none;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.eight_form .container .right{
		width: 24.5%;
		float: none;
		box-sizing: border-box;
		display: table-cell;
		line-height: 1.42857143;
		background: #fff;
		vertical-align: top;
		padding: 0 50px;
		border-left: 1px solid #dcdcdc;
	}
	.eight_form .container .right .title{
		padding: 50px 0 0;
		overflow: hidden;
	}
	.eight_form .container .right .title img{
		float: left;
	}
	.eight_form .container .right .title .text{
		float: left;
		padding-left: 10px;
	}
	.eight_form .container .right .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.eight_form .container .right .title .text p{
		font-size: 12px;
		color: #b9b9b9;
	}
	.eight_form .container .right .phone{
		font-size: 42px;
		color: #363636;
		
		font-weight: bold;
	}
	.eight_form .container .right .content{
		font-size: 14px;
		color: #898989;
		line-height: 2em;
		margin: 0;
		
	}
	.eight_form .container .right .sub{
		
	}
	.eight_form .container .right .sub button{
		width: 250px;
		color: #fff;
		background: #fb7932;
		border: none;
		font-size: 18px;
		height: 60px;
	}
	.eight_form .container .right .sub button img{
		margin-left: 40px;
	}
	.about{
		border-top: 1px solid #dcdcdc;
		padding: 50px 0;
	}
	.about .about_top{
		position: relative;
		padding-bottom: 100px;
	}
	.about .about_top .img{

	}
	.about .about_top .img img{
		width: 100%;
	}
	.about .about_top .text{

		left: 0;

		background: #fff;
		box-sizing: border-box;
		padding: 50px;
	}
	.about .about_top .text h3{
		font-size: 48px;
		color: #404040;
		font-weight: bold;
		margin: 0;
	}
	.about .about_top .text h4{
		font-size: 32px;
		color: #404040;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.about .about_top .text p{
		color: #767676;
		font-size: 16px;
		line-height: 2em;
		padding-top: 15px;
	}
	.about .about_bot{
		
		padding-top: 55px;
	}
	.about .about_bot .left{
		width: 100%;
		box-sizing: border-box;
		background: url(../images/a-1.png) no-repeat center top;
		background-size: 100% 100%;
		padding: 15px 30px;
		line-height: 1.42857143;

		overflow: hidden;
		vertical-align: top;
	}
	.about .about_bot .left .img{
		text-align: center;
	}
	.about .about_bot .left p{
		font-size: 16px;
		color: #fff;
		line-height: 2em;
		padding: 20px 30px;
		text-align: center;
		padding-top: 20px;
	}
	.about .about_bot .left .more{
		text-align: center;
		padding: 10px 0;
		display: none;
	}
	.about .about_bot .right .more{
		text-align: center;
		padding: 10px 0;
	}
	.about .about_bot .right .more a{
		display: inline-block;
		width: 150px;
		text-align: center;
		height: 40px;
		color: #fff;
		background: #fb7932;
		line-height: 40px;
		font-size: 14px;
		border-radius: 20px;
	}
	.about .about_bot .right{
		width: 100%;
		box-sizing: border-box;
		line-height: 1.42857143;
		vertical-align: top;
	}
	.about .about_bot .right .hall{
		width: 100%;
		height: 100%;
		display: none;
	}
	.about .about_bot .right .hall_wap{
		display: block;
		width: 100%;
	}
	.about .about_bot .right .hall_wap .swiper-slide img{
		width: 100%;
	}
	.about .about_bot .right .hall_wap{

	}
	.about .about_bot .right .hall_wap .hall-prev{
		position: absolute;
		left: 0;
		width: 50px;
		height: 50px;
		top: 50%;
		z-index: 90;
		margin-top: -25px;
	}
	.about .about_bot .right .hall_wap .hall-next{
		position: absolute;
		right: 0;
		width: 50px;
		height: 50px;
		z-index: 90;
		top: 50%;
		margin-top: -25px;
	}
	.about .about_bot .right .hall_wap .hall-prev span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-right: -25px;
	}
	.about .about_bot .right .hall_wap .hall-next span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		left: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-left: -25px;
	}
	.about .about_bot .right .hall_wap .hall-prev span img{
		vertical-align: middle;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}

	.jodin{
		padding-bottom: 150px;
		background: #212121;
	}
	.jodin .top{
		text-align: center;
		line-height: 200px;
		height: 200px;
	}
	.jodin .top span{
		font-size: 36px;
		color: #fff;
		margin: 0 15px;
	}
	.jodin ul li{
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		padding: 20px;
	}
	.jodin ul li:hover{
		box-shadow: 0 0 20px #dcdcdc;
	}
	.jodin ul li .title{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 15px;
	}
	.jodin ul li .title h3{
		font-size: 30px;
		color: #333;
		font-weight: bold;
	}
	.jodin ul li .title h4{
		font-size: 22px;
		color: #333;
	}
	.jodin ul li p{
		font-size: 14px;
		color: #808080;
		line-height: 2em;
		padding: 15px 0;
		margin: 0;
		height: 145px;
		vertical-align: middle;
	}
	.jodin ul li .img{
		height: 229px;
		overflow: hidden;
		line-height: 229px;
	}
	.jodin ul li .img img{
		width: 100%;
		vertical-align: middle;
	}
	.why{
		background-color: #f3f3f3;
	}
	.industry {
		padding-bottom: 100px;
		padding-top: 50px;
	}
	.industry .title{
		text-align: center;
		padding-bottom: 50px;
	}
	.industry .title h5{
		font-size: 14px;
		color: #a6a6a6;
	}
	.industry .title h4{
		font-size: 28px;
	}
	.industry .title h4 label{
		display: inline-block;
		font-size: 28px;
		background: #f4f4f4;
		font-weight: 400;
		padding: 10px 10px;
	}
	.industry .title h4 span{
		display: inline-block;
		font-size: 28px;
		padding: 10px 10px;
		background: #fb7932;
		color: #fff;
	}
	.industry .title h3{
		font-size: 36px;
		color: #2e2e2e;
	}
	.industry .title h3 span{
		font-weight: bold;
	}
	.industry  .list ul li{
		position: relative;
		padding-bottom: 100px;
		float: left;
		width: 50%;
	}
	.industry  .list ul li .img{

	}
	.industry  .list ul li .img img{
		width: 100%;
	}
	.industry  .list ul li .text{
		position: absolute;
		width: 100%;
		padding: 0 50px;
		left: 0;
		bottom: 30px;
	}
	.industry  .list ul li .text h3{
		background: #fff;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
		font-size: 24px;
		line-height: 2em;
		text-align: center;
	}
	.industry  .list ul li .text p{
		background: #fff;
		margin: 0;
		min-height: 76px;
		padding: 0 15px;
		text-align: center;
		font-size: 14px;
		color: #595959;
		box-shadow: 0 20px 20px #dcdcdc;
		line-height: 2em;
		padding-bottom: 20px;
	}
	.ready{
		background: url('../images/ready_bg.jpg') no-repeat center top;
		background-size: 100% 100%;
		padding-bottom: 50px;
	}
	.ready .title{
		text-align: center;
		padding: 50px 0;
	}
	.ready .title h3{
		font-size: 36px;
		color: #fff;
	}
	.ready .title h3 span{
		color: #ff823f;
		font-weight: bold;
	}
	.ready .title p{
		font-size: 14px;
		color: #969696;
	}
	.ready .list ul li{
		padding: 15px;
	}
	.ready .list ul li .box{
		background: rgba(255,255,255,0.1);
		padding: 20px 50px;
	}
	.ready .list ul li .box h3{
		text-align: center;
		color: #ff823f;
		font-size: 30px;
		line-height: 2em;
		font-weight: bold;
	}
	.ready .list ul li .box h4{
		text-align: center;
		font-size: 18px;
		color: #fff;
		line-height: 2em;
		padding-bottom: 15px;
		border-bottom: 1px solid #969696;
	}
	.ready .list ul li .box p{
		font-size: 14px;
		color: #969696;
		text-align: center;
		padding-top: 15px;
	}
}
/*中屏*/
@media (min-width: 1201px) and (max-width:1600px) {
	.container{
		width: 1200px;
		margin: 0 auto;
	}
	.design ul li .img{
		margin-left: 0;
	}
	.footer .container{
		width: 100%;
	}
	.header .nav .left{
		background: #fb7932;
	}
	.copy .container{
		width: 100%;
	}
	.location .container{
		position: relative;
	}
	.location .container .pos{
		position: absolute;
		left: 0;
		top: -40px;
		color: #fff;
		font-size: 14px;
		z-index: 98;
	}
	.location .container .pos a{
		color: #fff;
		margin-right: 10px;
		margin-left: 10px;
	}
	.location .container .pos span{
		color: #fff;
		margin-left: 10px;
	}
	.product{
		background: #f8f8f8;
		padding: 85px 0 120px;
	}
	
	.product .left{
		width: 20%;
		box-sizing: border-box;
		background: #fff;
	}
	.product .left .title{
		background: url(../images/product_title_bg.png) no-repeat center;
		position: relative;
		padding: 30px;
	}
	.product .left .title h3{
		margin: 0;
		color: #fff;
		font-size: 28px;
	}
	.product .left .title p{
		margin: 0;
		color: #fff;
		font-size: 22px;
	}
	.product .left .title img{
		position: absolute;
		right: 15px;
		bottom: 30px;
	}
	.product .left  .sidebar{

	}
	.product .left  .sidebar ul{
	}
	.product .left  .sidebar ul li{
		
	}
	.product .left  .sidebar ul li p{
		border-bottom: 1px solid #dcdcdc;
		padding: 0 30px;
	}
	.product .left  .sidebar ul li p a{
		width: 100%;
		line-height: 60px;
		color: #292929;
		font-size: 16px;
	}
	.product .left  .sidebar ul li p>span{
		float: right;
		height: 60px;
		padding: 0 15px;
		line-height: 60px;
	}
	.product .left  .sidebar ul li p>span img{
		vertical-align: middle;
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.product .left  .sidebar ul li .sidebar_sub{
		display: none;
		
	}
	.product .left  .sidebar ul li .sidebar_sub.active{
		display: block;
	}

	.product .left  .sidebar ul li .sidebar_sub h4{
		padding: 0 10px 0 15px;
		margin: 0;
		line-height: 55px;
	}
	.product .left  .sidebar ul li .sidebar_sub h4 a{
		display: block;
		padding-left: 15px;
		color: #989898;
		font-size: 16px;
		height: 56px;
		overflow: hidden;
		border-bottom: 1px dashed #dcdcdc;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li.active p>span img{
		vertical-align: middle;
		-moz-transform:rotate(0deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		-webkit-transform:rotate(0deg);
	}
	.product .right{
		width: 78%;
		background: #fdfdfd;
		padding: 38px 38px 0;
		box-sizing: border-box;
	}
	.product .right .list ul li{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product .right .list ul li .img{
		width: 100%;
		height: 272px;
		text-align: center;
		overflow: hidden;
		line-height: 272px;
		box-sizing: border-box;
		background: #fff;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.product .right .list ul li .img img{
		max-width: 100%;
		max-height: 100%;
		vertical-align: middle;
	}
	.product .right .list ul li .text{
		overflow: hidden;
		padding: 30px ;
	}
	.product .right ul li h3{
		float: left;
		font-size: 20px;
		color: #4e4e4e;
	}
	.product .right .list ul li .text span{
		float: right;
		width: 45px;
		height: 45px;
		line-height: 45px;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #dcdcdc;
	}
	.product .right .list ul li a{
		display: block;
		background: #ffffff;
		padding: 15px 0 0;
	}
	.product .right .list ul li a:hover{
		box-shadow: 0px 0px 20px #dcdcdc;
	}

	.product .right .list ul li .text span img{
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.product .right .pages{
		text-align: right;
		padding: 40px 0;
		border-top: 1px solid #dcdcdc;
	}
	.pagination>li>a, .pagination>li>span {
		color: #9f9f9f;
		font-size: 14px;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background: #ff7327;
		color: #fff;
		border: 1px solid #ff7327;
	}
	.pro_show{

	}
	.pro_show .title{
		border-bottom: 1px solid #dcdcdc;
	}
	.pro_show .title h3{
		line-height: 80px;
		color: #323131;
		margin: 0;
		font-weight: bold;
		font-size: 30px;
	}
	.pro_show .images_show{
		padding-top: 25px;
	}
	.pro_show .images_show img{
		width: 100%;
	}
	.pro_show .pro_con{
		padding: 25px 0;
	}
	.product .show_box{
	    margin: 0 -38px;
	    font-family: "微软雅黑";
	}
	.product .show_box .title{
	    font-size: 30px;
	    font-weight: bold;
	    margin: 0;
	    padding-left: 50px;
	    padding-bottom: 20px;
	    color: #323131;
	    border-bottom: 1px solid #DCDCDC;
	}
	.product .show_box .img{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;
	    display: flex;
	}
	.product .show_box .img .img_left{
	    width: 65%;
	}
	.product .show_box .img .text_right{
	    width: 35%;
	    box-sizing: border-box;
	    padding-left: 50px;
	}
	.product .show_box .img .text_right ul li{
	    padding-bottom: 40px;
	}
	.product .show_box .img .text_right ul li h3{
	    margin: 0;
	    padding-bottom: 15px;
	    font-size: 26px;
	    color: #323131;
	    font-weight: bold;
	    font-family: "微软雅黑";
	    display: block;
	    float: none;
	}
	.product .show_box .img .text_right ul li p{
	    color: #323131;
	    font-family: "微软雅黑";
	    display: block;
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .color_attr{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.product .show_box .color_attr h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .color_attr h4 div{
	    display: flex;
	    align-items: center;
	}
	.product .show_box .color_attr h4 span{
	    margin-left: 15px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .show_com{
	    padding-top: 10px;
	    padding-left: 50px;
	    padding-right: 50px;
	    padding-bottom: 65px;
	}
	.product .show_box .show_com h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .show_com h4 div{
	    display: flex;
	    align-items: center;
	}
	.product .show_box .show_com h4 span{
	    margin-left: 15px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .color_attr .color_text p{
	    margin: 0;
	}
	.product .show_box .color_attr .color_text{
	    padding: 10px 25px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .show_com .swiper-pagination{
	    position: relative;
	    margin-top: 30px;
	}
	.product .show_box .show_com .swiper-pagination span{
	    width: 150px;
	    height: 5px;
	    background: #dcdcdc;
	    opacity: 1;
	    border-radius: 0;
	}
	.product .show_box .show_com .com_list{
	    padding-top: 25px;
	}
	.product .show_box .show_com .swiper-pagination span.swiper-pagination-bullet-active{
	    background: #fb7932;
	}
	.share{
		padding-bottom: 25px;
		border-bottom: 1px solid #dcdcdc;
	}
	.share span{
		float: left;
		padding-top: 10px;
	}
	.share  .share_box{
		float: left;
	}
	.share  .share_box a{
		display: inline-block;
		width: 36px;
		height: 36px;
		border: 1px solid #dcdcdc;
		border-radius: 18px;
	}
    .share  .share_box a.bshare-weixin{
		background: url(../images/wx.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-sinaminiblog{
		background: url(../images/wb.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qqim{
		background: url(../images/qq.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qzone{
		background: url(../images/qc.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-douban{
		background: url(../images/dd.jpg) no-repeat center;
	}
	.share  .share_box a.copy_url{
		background: url(../images/url.jpg) no-repeat center;
	}
	.pro_next{
		padding: 25px 0;
	}
	#input{
		opacity: 0;
		float: left;
		width: 1px;
	}
	.news{
		background: #f8f8f8;
		padding-bottom: 100px;
	}

	.page_sidebar{
		background: #fff;
	}
	.page_sidebar ul{
		margin-bottom: 0;
	}
	.page_sidebar ul li{
		display: inline-block;
		height: 55px;
		margin-right: 15px;
	}
	.page_sidebar ul li a{
		display: inline-block;
		height: 54px;
		line-height: 54px;
		border-bottom: 2px solid #fff;
		padding: 0 15px;
	}
    .page_sidebar ul li a:hover{
		border-bottom: 2px solid #ff7327;
	}
	.page_sidebar ul li a.active{
		border-bottom: 2px solid #ff7327;

	}

	.news .news_list{
		padding-top: 100px;
	}
	.news .news_list ul li{
		padding-bottom: 65px;
	}
	.news .news_list ul li a{

	}
	.news .news_list ul li a .img{
		float: left;
		width: 25%;
		height: 190px;
		overflow: hidden;
		line-height: 190px;
		background: #fff;
	}
	.news .news_list ul li a .img img{
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	.news .news_list ul li a  .text{
		float: right;
		width: 75%;
		box-sizing: border-box;
		background: #fff;
		padding-left: 6.2%;
		height: 190px;
	}
	.news .news_list ul li a  .text h3 small{
		float: right;
		width: 30%;
		line-height: 80px;
		text-align: center;
		font-size: 30px;
		color: #373737;
		font-weight: bold;
		box-sizing: border-box;
	}
	.news .news_list ul li a  .text h3 span{
		float: left;
		width: 70%;
		font-size: 22px;
		color: #323131;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		line-height: 80px;
	}
	.news .news_list ul li a  .text h3{
		overflow: hidden;
	}
	.news .news_list ul li a  .text p{
		float: left;
		width: 70%;
		box-sizing: border-box;
		font-size: 16px;
		color: #828282;
		line-height: 2em;
	}
	.news .news_list ul li a  .text .more{
		float: right;
		width: 30%;
		text-align: center;
	}
	.news .news_list ul li a  .text .more span{
		background: url(../images/icon_10.png) no-repeat center;
		width: 50px;
		height: 50px;
		display: inline-block;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.news .news_list ul li a:hover .text .more span{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		border: 1px solid #ff7327;
		background: url(../images/icon_8.png) no-repeat center;
		background-color: #ff7327;
	}
	.news .news_list ul li:nth-child(1){

	}
	.news .news_list ul li:nth-child(1) .text{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
		padding: 0 6.5%;
	}
	.news .news_list ul li:nth-child(1) .text h3 small{
		float: none;
		font-size: 26px;
		line-height: 1.5em;
		display: block;
		width: 100%;
		text-align: left;
	}
	.news .news_list ul li:nth-child(1) .text h3 span{
		float: none;
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	.news .news_list ul li:nth-child(1) .text p{
		float: none;
		display: block;
		width: 100%;
	}
	.news .news_list ul li:nth-child(1) .text .more{
		float: none;
		display: block;
		text-align: left;
		margin-top: 20px;
	}
	.news .news_list ul li:nth-child(1) .img{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
	}
	.news_show{
		padding-top: 70px;
	}
	.news_show .left{
		width: 70%;
		box-sizing: border-box;
		padding: 4%;
		background: #fff;
	}
	.news_show .right{
		width: 28.5%;
		box-sizing: border-box;
	}
	.news_show .left .title h3{
		font-size: 30px;
		margin: 0;
		color: #323131;
	}
	.news_show .left .title p{
		font-size: 12px;
		line-height: 2em;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.news_show .left  .content{
		padding: 20px 0;
		color: #706f6f;
		font-size: 16px;
		line-height: 2em;
	}
	.news_show .right .hot_news{
		background: #fff;
		padding: 15px;
	}
	.news_show .right .hot_news .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .hot_news .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .hot_news .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .hot_news .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .hot_news .list{
		padding-top: 20px;
	}
	.news_show .right .hot_news .list ul li{
		border-bottom: 1px  dashed  #d3d3d3;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.news_show .right .hot_news .list ul li .img{
		overflow: hidden;
		float: left;
		width: 40%;
	}
	.news_show .right .hot_news .list ul li .text{
		box-sizing: border-box;
		float: left;
		width: 60%;
		padding-left: 15px;
	}
	.news_show .right .hot_news .list ul li .img img{
		width: 100%;
	}
	.news_show .right .hot_news .list ul li .text h3{
		margin: 0;
		font-size: 18px;
	}
	.news_show .right .hot_news .list ul li .text p{
		font-size: 12px;
		line-height: 2em;
	}
	.news_show .right .Recommend{
		margin-top: 25px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
	} 
	.news_show .right .Recommend .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .Recommend .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .Recommend .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .Recommend .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .Recommend .list{
		padding-top: 15px;
	}
	.news_show .right .Recommend .list ul li{
		padding-bottom: 15px;
	}
	.news_show .right .Recommend .list ul li .img{
		overflow: hidden;
	}
	.news_show .right .Recommend .list ul li .img img{
		width: 100%;
	}
	.news_show .right .Recommend .list ul li h3{
		font-size: 18px;
	}
	.contact{
		background: #fff;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.contact .container{
		width: 100%;
		padding: 0 15px;
	}
	.contact .left{
		width: 40%;
		box-sizing: border-box;
		padding-right: 6%;
		padding-left: 10%;
		padding-top: 50px;
	}
	.contact .left .title{
		overflow: hidden;
	}
	.contact .left .title img{
		float: left;
	}
	.contact .left .title .text{
		float: left;
		padding-left: 15px;
	}
	.contact .left .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.contact .left .title .text p{
		font-size: 12px;
		color: #b9b9b9;

	}
	.contact .left .phone{
		font-size: 46px;
		font-weight: bold;
		padding: 20px 0;
		border-bottom: 1px solid #dcdcdc;
	}
	.contact .left .content{
		padding: 20px 0;
		font-size: 15px;
		color: #646464;
		line-height: 2em;
		margin: 0;
	}
	.contact .left .code{

	}
	.contact .left .code div{
		display: inline-block;
		background: #292929;
		padding: 15px;
		margin-right: 15px;
	}
	.contact .left .code div p{
		font-size: 14px;
		color: #fff;
		line-height: 2em;
		text-align: center;

	}
	.contact .right{
		width: 60%;
		box-sizing: border-box;
	}
	.contact .right .map{
		width: 100%;
		height: 700px;
	}
	.eight{
		background: #212121;
		padding-top: 80px;
	}
	.eight .container{
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.eight .container .item{
		float: left;
		background: #fff;
		padding: 70px;
		box-sizing: border-box;
	}
	.eight .container .item_1{
		width: 100%;
	}
	.eight .container .item .left h3{
		font-size: 36px;
		color: #333333;
		font-weight: bold;
		padding-top: 15px;
	}
	.eight .container .item .left h4{
		font-size: 36px;
		color: #333333;
	}
	.eight .container .item .left h5{
		font-size: 22px;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #dcdcdc;
		color: #333333;
	}
	.eight .container .item .left p{
		color: #696969;
		font-size: 16px;
		line-height:2em;
		padding-top: 15px;
	}

	.eight .container .item_1 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_1 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_1 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	
	
	.eight .container .item_1 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_1 .right img{
		width: 100%;
	}
	.eight .container .item_2{
		margin-top: 30px;
	}
	.eight .container .item_2 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_2 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_2 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_2 .left .text{
		float: left;
		width: 16.3%;
		box-sizing: border-box;
	}
	.eight .container .item_2 .left p{
		line-height:3em;
		padding-top: 15px;
		float: right;
		width: 80%;
		padding-top: 15px;
	}
	.eight .container .item_2 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_2 .right img{
		width: 100%;
	}
	.eight .container .item_3{
		width: calc(50% - 15px);
		margin-right: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_3 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 14.1%;
	}
	.eight .container .item_3 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_3 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_3 .left .text{

		box-sizing: border-box;
	}
	.eight .container .item_3 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_3 .right img{
		width: 100%;
	}
	.eight .container .item_4{
		width: calc(50% - 15px);
		margin-left: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_4 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 14.1%;
	}
	.eight .container .item_4 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_4 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_4 .left .text{

		box-sizing: border-box;
	}
	
	.eight .container .item_4 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_4 .right img{
		width: 100%;
	}
	.eight .container .item_5{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_5 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_5 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_5 .left{
		float: left;
		width: 41%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_5 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.eight .container .item_5 .right{
		float: right;
		width: 57%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_5 .right img{
		float: left;
	}
	.eight .container .item_5 .right img:nth-child(1){
		width: 63.3%;
	}
	.eight .container .item_5 .right img:nth-child(2){
		width: 33.7%;
		float: right;
	}
	.eight .container .item_5 .right img:nth-child(3){
		width: 33.7%;
		float: right;
		margin-top: 2%;
	}
	.eight .container .item_6{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_6 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_6 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_6 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_6 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_6 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_6 .right img{
		width: 100%;
	}
	.eight .container .item_7{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_7 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_7 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_7 .left{
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_7 .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_7 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_7 .right img{
		width: 100%;
	}
	.eight .container .item_8{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_8 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_8 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_8 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_8 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_8 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_8 .right img{
		width: 100%;
	}
	.eight_form{
		padding: 160px 0;
		background: url(../images/8-9.png) no-repeat center top;
	}
	.eight_form .container{
		width: 100%;
	}
	.eight_form .container .left{
		width: 28%;
		float: none;
		background: url('../images/8-9-1.png') no-repeat center;
		background-size: 100% 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 30px;
		display: table-cell;
		line-height: 1.42857143;
		vertical-align: top;
	}
	
	.eight_form .container form{
		display: table-row;
	}
	.eight_form .container .left h3{
		font-size: 30px;
		color: #fff;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
	}
	.eight_form .container .left h4{
		font-size: 30px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-bottom: 25px;
	}
	.eight_form .container .left h5{
		font-size: 36px;
		color: #fff;
		margin: 0;
		font-weight: bold;
	}
	.eight_form .container .left p{
		font-size: 12px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-top: 25px;
		width: 60%;
		line-height: 2em;
	}
	.eight_form .container .form{
		width: 47.5%;
		height: 100%;
		background: #fff;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
	}
	.eight_form .container .form .form-group{
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.eight_form .container .form .form-group:nth-child(1){
		padding-top: 30px;
	}
	.eight_form .container .form .form-group div{
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding-left: 15px;
	}
	.eight_form .container .form .form-group div:nth-child(1){
		
		padding-left: 0;
	}
	.eight_form .container .form .form-group div:last-child{
		float: none;
	}
	.eight_form .container .form .form-group select{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		padding-left: 20px;
		border: none;
	}
	.eight_form .container .form .form-group input{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		border: none;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.eight_form .container .right{
		width: 24.5%;
		float: none;
		box-sizing: border-box;
		display: table-cell;
		line-height: 1.42857143;
		background: #fff;
		vertical-align: top;
		padding: 0 50px;
		border-left: 1px solid #dcdcdc;
	}
	.eight_form .container .right .title{
		padding: 50px 0 0;
		overflow: hidden;
	}
	.eight_form .container .right .title img{
		float: left;
	}
	.eight_form .container .right .title .text{
		float: left;
		padding-left: 10px;
	}
	.eight_form .container .right .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.eight_form .container .right .title .text p{
		font-size: 12px;
		color: #b9b9b9;
	}
	.eight_form .container .right .phone{
		font-size: 42px;
		color: #363636;
		
		font-weight: bold;
	}
	.eight_form .container .right .content{
		font-size: 14px;
		color: #898989;
		line-height: 2em;
		margin: 0;
		
	}
	.eight_form .container .right .sub{
		
	}
	.eight_form .container .right .sub button{
		width: 250px;
		color: #fff;
		background: #fb7932;
		border: none;
		font-size: 18px;
		height: 60px;
	}
	.eight_form .container .right .sub button img{
		margin-left: 40px;
	}
	.about{
		border-top: 1px solid #dcdcdc;
		padding: 50px 0;
	}
	.about .about_top{
		position: relative;
		padding-bottom: 100px;
	}
	.about .about_top .img{

	}
	.about .about_top .img img{
		width: 100%;
	}
	.about .about_top .text{
		position: absolute;
		bottom: 100px;
		left: 0;
		width: 45%;
		background: #fff;
		box-sizing: border-box;
		padding: 50px;
	}
	.about .about_top .text h3{
		font-size: 48px;
		color: #404040;
		font-weight: bold;
		margin: 0;
	}
	.about .about_top .text h4{
		font-size: 32px;
		color: #404040;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.about .about_top .text p{
		color: #767676;
		font-size: 16px;
		line-height: 2em;
		padding-top: 15px;
	}
	.about .about_bot{
		
		padding-top: 55px;
	}
	.about .about_bot .left{
		width: 20%;
		box-sizing: border-box;
		background: url(../images/a-1.png) no-repeat center top;
		background-size: 100% 100%;
		padding: 30px;
		line-height: 1.42857143;
		height: 447px;
		overflow: hidden;
		vertical-align: top;
	}
	.about .about_bot .left .img{
		text-align: center;
	}
	.about .about_bot .left p{
		font-size: 16px;
		color: #fff;
		line-height: 2em;
		padding-top: 20px;
	}
	.about .about_bot .left .more{

		padding: 10px 0;
	}
	.about .about_bot .left .more a{
		display: block;
		width: 100%;
		text-align: center;
		height: 40px;
		color: #fff;
		background: #fb7932;
		line-height: 40px;
		font-size: 14px;
		border-radius: 20px;
	}
	.about .about_bot .right{
		width: 80%;
		box-sizing: border-box;
		line-height: 1.42857143;
		vertical-align: top;
		padding-left: 30px;
		height: 559px;
		margin-top: -55px;
	}
	.about .about_bot .right .hall{
		width: 100%;
		height: 100%;
	}
	#hall .swiper-container {
		padding-bottom: 60px;
	}

	#hall  .swiper-slide {
		width: 640px;
		height: 559px;
		background: #fff;
		
	}
	#hall  .swiper-slide img{
		display:block;
		width: 100%;
		height: 100%;
	}
	#hall  .swiper-slide p {
		line-height: 98px;
		padding-top: 0;
		text-align: center;
		color: #636363;
		font-size: 1.1em;
		margin: 0;
	}

	#hall .swiper-pagination {
		width: 100%;
		bottom: 20px;
	}

	#hall .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
		border: 3px solid #fff;
		background-color: #d5d5d5;
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	#hall .swiper-pagination-bullets .swiper-pagination-bullet-active {
		border: 3px solid #00aadc;
		background-color: #fff;
	}

	#hall .swiper-button-prev {
		left: -30px;
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 0;
		background-size: 100%;
	}

	#hall .swiper-button-prev:hover {
		background-position: 0 -46px;
		background-size: 100%
	}

	#hall .swiper-button-next {
		right: -30px;
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 -93px;
		background-size: 100%;
	}

	#hall .swiper-button-next:hover {
		background-position: 0 -139px;
		background-size: 100%
	}
	#hall .hall-prev{
		position: absolute;
		left: 0;
		background:rgba(0,0,0,0.8);
		width: 133px;
		height: 447px;
		top: 50%;
		margin-top: -252.5px;
		z-index: 90;
	}
	#hall .hall-next{
		position: absolute;
		right: 0;
		background:rgba(0,0,0,0.8);
		width: 133px;
		height: 447px;
		top: 50%;
		margin-top: -252.5px;
		z-index: 90;
	}
	#hall .hall-prev span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-right: -25px;
	}
	#hall .hall-next span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		left: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-left: -25px;
	}
	#hall .hall-prev span img{
		vertical-align: middle;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.jodin{
		padding-bottom: 150px;
		background: #212121;
	}
	.jodin .top{
		text-align: center;
		line-height: 200px;
		height: 200px;
	}
	.jodin .top span{
		font-size: 36px;
		color: #fff;
		margin: 0 15px;
	}
	.jodin ul li{
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		padding: 20px;
	}
	.jodin ul li:hover{
		box-shadow: 0 0 20px #dcdcdc;
	}
	.jodin ul li .title{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 15px;
	}
	.jodin ul li .title h3{
		font-size: 30px;
		color: #333;
		font-weight: bold;
	}
	.jodin ul li .title h4{
		font-size: 22px;
		color: #333;
	}
	.jodin ul li p{
		font-size: 14px;
		color: #808080;
		line-height: 2em;
		padding: 15px 0;
		margin: 0;
		height: 145px;
		vertical-align: middle;
	}
	.jodin ul li .img{
		height: 229px;
		overflow: hidden;
		line-height: 229px;
	}
	.jodin ul li .img img{
		width: 100%;
		vertical-align: middle;
	}
	.why{
		background-color: #f3f3f3;
	}
	.industry {
		padding-bottom: 100px;
		padding-top: 50px;
	}
	.industry .title{
		text-align: center;
		padding-bottom: 50px;
	}
	.industry .title h5{
		font-size: 14px;
		color: #a6a6a6;
	}
	.industry .title h4{
		font-size: 28px;
	}
	.industry .title h4 label{
		display: inline-block;
		font-size: 28px;
		background: #f4f4f4;
		font-weight: 400;
		padding: 10px 10px;
	}
	.industry .title h4 span{
		display: inline-block;
		font-size: 28px;
		padding: 10px 10px;
		background: #fb7932;
		color: #fff;
	}
	.industry .title h3{
		font-size: 36px;
		color: #2e2e2e;
	}
	.industry .title h3 span{
		font-weight: bold;
	}
	.industry  .list ul li{
		position: relative;
		padding-bottom: 100px;
	}
	.industry  .list ul li .img{

	}
	.industry  .list ul li .img img{
		width: 100%;
	}
	.industry  .list ul li .text{
		position: absolute;
		width: 100%;
		padding: 0 50px;
		left: 0;
		bottom: 30px;
	}
	.industry  .list ul li .text h3{
		background: #fff;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
		font-size: 24px;
		line-height: 2em;
		text-align: center;
	}
	.industry  .list ul li .text p{
		background: #fff;
		margin: 0;
		
		padding: 0 15px;
		text-align: center;
		font-size: 14px;
		color: #595959;
		box-shadow: 0 20px 20px #dcdcdc;
		line-height: 2em;
		padding-bottom: 20px;
	}
	.video iframe{
		width: 100%;
		height: 465px;
	}
	.ready{
		padding-bottom: 50px;
		background: url('../images/ready_bg.jpg') no-repeat center top;
	}
	.ready .title{
		text-align: center;
		padding: 50px 0;
	}
	.ready .title h3{
		font-size: 36px;
		color: #fff;
	}
	.ready .title h3 span{
		color: #ff823f;
		font-weight: bold;
	}
	.ready .title p{
		font-size: 14px;
		color: #969696;
	}
	.ready .list ul li{
		padding: 15px;
	}
	.ready .list ul li .box{
		background: rgba(255,255,255,0.1);
		padding: 20px 50px;
	}
	.ready .list ul li .box h3{
		text-align: center;
		color: #ff823f;
		font-size: 30px;
		line-height: 2em;
		font-weight: bold;
	}
	.ready .list ul li .box h4{
		text-align: center;
		font-size: 24px;
		color: #fff;
		line-height: 2em;
		padding-bottom: 15px;
		border-bottom: 1px solid #969696;
	}
	.ready .list ul li .box p{
		font-size: 14px;
		color: #969696;
		text-align: center;
		padding-top: 15px;
	}
}
/*大屏*/
@media (min-width: 1601px) {
	.container{
		width: 1600px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.design ul li .img{
		margin-left: 0;
	}
	.video iframe{
		width: 100%;
		height: 465px;
	}
	.header .nav .left{
		background: #fb7932;
	}

	.location .container{
		position: relative;
	}
	.location .container .pos{
		position: absolute;
		left: 0;
		top: -40px;
		color: #fff;
		font-size: 16px;
		z-index: 98;
	}
	.location .container .pos a{
		color: #fff;
		margin-right: 10px;
		margin-left: 10px;
	}
	.location .container .pos span{
		color: #fff;
		margin-left: 10px;
	}
	.product{
		background: #f8f8f8;
		padding: 85px 0 120px;
		box-sizing: border-box;
	}
	.product .left{
		width: 20%;
		box-sizing: border-box;
		background: #fff;
	}
	.product .left .title{
		background: url(../images/product_title_bg.png) no-repeat center;
		position: relative;
		padding: 30px;
		background-size: 100% 100%;
	}
	.product .left .title h3{
		margin: 0;
		color: #fff;
		font-size: 28px;
	}
	.product .left .title p{
		margin: 0;
		color: #fff;
		font-size: 22px;
	}
	.product .left .title img{
		position: absolute;
		right: 15px;
		bottom: 30px;
	}
	.product .left  .sidebar{

	}
	.product .left  .sidebar ul{
	}
	.product .left  .sidebar ul li{
		
	}
	.product .left  .sidebar ul li p{
		border-bottom: 1px solid #dcdcdc;
		padding: 0 30px;
	}
	.product .left  .sidebar ul li p a{
		width: 100%;
		line-height: 60px;
		color: #292929;
		font-size: 16px;
	}
	.product .left  .sidebar ul li p>span{
		float: right;
		height: 60px;
		padding: 0 15px;
		line-height: 60px;
	}
	.product .left  .sidebar ul li p>span img{
		vertical-align: middle;
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
	}
	.product .left  .sidebar ul li .sidebar_sub{
		display: none;
		
	}
	.product .left  .sidebar ul li .sidebar_sub.active{
		display: block;
	}

	.product .left  .sidebar ul li .sidebar_sub h4{
		padding: 0 30px;
		margin: 0;
		line-height: 55px;
	}
	.product .left  .sidebar ul li .sidebar_sub h4 a{
		display: block;
		padding-left: 15px;
		color: #989898;
		font-size: 16px;
		border-bottom: 1px dashed #dcdcdc;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4:hover a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active{
		background: #f77939;
	}
	.product .left  .sidebar ul li .sidebar_sub h4.active a{
		color: #fff;
		border-bottom: 1px dashed #f77939;
		text-decoration:underline;
	}
	.product .left  .sidebar ul li.active p>span img{
		vertical-align: middle;
		-moz-transform:rotate(0deg);
		-webkit-transition:all .3s ease-in-out 0s;
		-moz-transition:all .3s ease-in-out 0s;
		-ms-transition:all .3s ease-in-out 0s;
		-o-transition:all .3s ease-in-out 0s;
		transition:all .3s ease-in-out 0s;
		-webkit-transform:rotate(0deg);
	}
	.product .right{
		width: 78%;
		background: #fdfdfd;
		padding: 38px 38px 0;
		box-sizing: border-box;
	}
	.product .right .list ul li{
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.product .right .list ul li .img{
		width: 100%;
		height: 300px;
		overflow: hidden;
		text-align: center;
		line-height: 300px;
		background: #fff;
		box-sizing: border-box;
		padding: 0 15px;
	}
	.product .right .list ul li .img img{
		max-width: 100%;
		vertical-align: middle;
		max-height: 100%;
	}
	.product .right .list ul li .text{
		overflow: hidden;
		padding: 30px ;
	}
	.product .right ul li h3{
		float: left;
		font-size: 20px;
		color: #4e4e4e;
	}
	.product .right .list ul li .text span{
		float: right;
		width: 45px;
		height: 45px;
		line-height: 45px;
		box-sizing: border-box;
		text-align: center;
		border: 1px solid #dcdcdc;
	}
	.product .right .list ul li a{
		display: block;
		background: #ffffff;
		padding: 15px 0 0;
	}
	.product .right .list ul li a:hover {
		box-shadow: 0px 0px 20px #dcdcdc;
	}

	.product .right .list ul li .text span img{
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.product .right .pages{
		text-align: right;
		padding: 40px 0;
		border-top: 1px solid #dcdcdc;
	}
	.pagination>li>a, .pagination>li>span {
		color: #9f9f9f;
		font-size: 14px;
	}
	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background: #ff7327;
		color: #fff;
		border: 1px solid #ff7327;
	}
	.product .show_box{
	    margin: 0 -38px;
	    font-family: "微软雅黑";
	}
	.product .show_box .title{
	    font-size: 30px;
	    font-weight: bold;
	    margin: 0;
	    padding-left: 50px;
	    padding-bottom: 20px;
	    color: #323131;
	    border-bottom: 1px solid #DCDCDC;
	}
	.product .show_box .img{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;
	    display: flex;
	}
	.product .show_box .img .img_left{
	    width: 65%;
	}
	.product .show_box .img .text_right{
	    width: 35%;
	    box-sizing: border-box;
	    padding-left: 50px;
	}
	.product .show_box .img .text_right ul li{
	    padding-bottom: 40px;
	}
	.product .show_box .img .text_right ul li h3{
	    margin: 0;
	    padding-bottom: 15px;
	    font-size: 26px;
	    color: #323131;
	    font-weight: bold;
	    font-family: "微软雅黑";
	    display: block;
	    float: none;
	}
	.product .show_box .img .text_right ul li p{
	    color: #323131;
	    font-family: "微软雅黑";
	    display: block;
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .color_attr{
	    padding-top: 30px;
	    padding-left: 50px;
	    padding-right: 50px;
	}
	.product .show_box .color_attr h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .color_attr h4 div{
	    display: flex;
	    align-items: center;
	}
	.product .show_box .color_attr h4 span{
	    margin-left: 15px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .show_com{
	    padding-top: 10px;
	    padding-left: 50px;
	    padding-right: 50px;
	    padding-bottom: 65px;
	}
	.product .show_box .show_com h4{
	    display: flex;
	    margin: 0;
	}
	.product .show_box .show_com h4 div{
	    display: flex;
	    align-items: center;
	}
	.product .show_box .show_com h4 span{
	    margin-left: 15px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 26px;
	    font-weight: bold;
	    line-height: 2em;
	}
	.product .show_box .color_attr .color_text p{
	    margin: 0;
	}
	.product .show_box .color_attr .color_text{
	    padding: 10px 25px;
	    color: #323131;
	    font-family: "微软雅黑";
	    font-size: 22px;
	    line-height: 2em;
	}
	.product .show_box .show_com .swiper-pagination{
	    position: relative;
	    margin-top: 30px;
	}
	.product .show_box .show_com .swiper-pagination span{
	    width: 150px;
	    height: 5px;
	    background: #dcdcdc;
	    opacity: 1;
	    border-radius: 0;
	}
	.product .show_box .show_com .com_list{
	    padding-top: 25px;
	}
	.product .show_box .show_com .swiper-pagination span.swiper-pagination-bullet-active{
	    background: #fb7932;
	}
	.pro_show{

	}
	.pro_show .title{
		border-bottom: 1px solid #dcdcdc;
	}
	.pro_show .title h3{
		line-height: 80px;
		color: #323131;
		margin: 0;
		font-weight: bold;
		font-size: 30px;
	}
	.pro_show .images_show{
		padding-top: 25px;
	}
	.pro_show .images_show img{
		width: 100%;
	}
	.pro_show .pro_con{
		padding: 25px 0;
	}
	.share{
		padding-bottom: 25px;
		border-bottom: 1px solid #dcdcdc;
	}
	.share span{
		float: left;
		padding-top: 10px;
	}
	.share  .share_box{
		float: left;
	}
	.share  .share_box a{
		display: inline-block;
		width: 36px;
		height: 36px;
		border: 1px solid #dcdcdc;
		border-radius: 18px;
	}
    .share  .share_box a.bshare-weixin{
		background: url(../images/wx.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-sinaminiblog{
		background: url(../images/wb.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qqim{
		background: url(../images/qq.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-qzone{
		background: url(../images/qc.jpg) no-repeat center;
	}
	.share  .share_box a.bshare-douban{
		background: url(../images/dd.jpg) no-repeat center;
	}
	.share  .share_box a.copy_url{
		background: url(../images/url.jpg) no-repeat center;
	}
	.pro_next{
		padding: 25px 0;
	}
	#input{
		opacity: 0;
		float: left;
		width: 1px;
	}
	.news{
		background: #f8f8f8;
		padding-bottom: 100px;
	}

	.page_sidebar{
		background: #fff;
	}
	.page_sidebar ul{
		margin-bottom: 0;
	}
	.page_sidebar ul li{
		display: inline-block;
		height: 55px;
		margin-right: 15px;
	}
	.page_sidebar ul li a{
		display: inline-block;
		height: 54px;
		line-height: 54px;
		border-bottom: 2px solid #fff;
		padding: 0 15px;
	}
    .page_sidebar ul li a:hover{
		border-bottom: 2px solid #ff7327;
	}
	.page_sidebar ul li a.active{
		border-bottom: 2px solid #ff7327;

	}

	.news .news_list{
		padding-top: 100px;
	}
	.news .news_list ul li{
		padding-bottom: 65px;
	}
	.news .news_list ul li a{

	}
	.news .news_list ul li a .img{
		float: left;
		width: 25%;
		height: 190px;
		overflow: hidden;
		line-height: 190px;
		background: #fff;
	}
	.news .news_list ul li a .img img{
		width: 100%;
		height: 100%;
		vertical-align: middle;
	}
	.news .news_list ul li a  .text{
		float: right;
		width: 75%;
		box-sizing: border-box;
		background: #fff;
		padding-left: 6.2%;
		height: 190px;
	}
	.news .news_list ul li a  .text h3 small{
		float: right;
		width: 30%;
		line-height: 80px;
		text-align: center;
		font-size: 30px;
		color: #373737;
		font-weight: bold;
		box-sizing: border-box;
	}
	.news .news_list ul li a  .text h3 span{
		float: left;
		width: 70%;
		font-size: 22px;
		color: #323131;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		line-height: 80px;
	}
	.news .news_list ul li a  .text h3{
		overflow: hidden;
	}
	.news .news_list ul li a  .text p{
		float: left;
		width: 70%;
		box-sizing: border-box;
		font-size: 16px;
		color: #828282;
		line-height: 2em;
	}
	.news .news_list ul li a  .text .more{
		float: right;
		width: 30%;
		text-align: center;
	}
	.news .news_list ul li a  .text .more span{
		background: url(../images/icon_10.png) no-repeat center;
		width: 50px;
		height: 50px;
		display: inline-block;
		border: 1px solid #dcdcdc;
		box-sizing: border-box;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.news .news_list ul li a:hover .text .more span{
		-moz-transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		border: 1px solid #ff7327;
		background: url(../images/icon_8.png) no-repeat center;
		background-color: #ff7327;
	}
	.news .news_list ul li:nth-child(1){

	}
	.news .news_list ul li:nth-child(1) .text{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
		padding: 0 6.5%;
	}
	.news .news_list ul li:nth-child(1) .text h3 small{
		float: none;
		font-size: 26px;
		line-height: 1.5em;
		display: block;
		width: 100%;
		text-align: left;
	}
	.news .news_list ul li:nth-child(1) .text h3 span{
		float: none;
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	.news .news_list ul li:nth-child(1) .text p{
		float: none;
		display: block;
		width: 100%;
	}
	.news .news_list ul li:nth-child(1) .text .more{
		float: none;
		display: block;
		text-align: left;
		margin-top: 20px;
	}
	.news .news_list ul li:nth-child(1) .img{
		width: 48%;
		box-sizing: border-box;
		height: 330px;
	}
	.news_show{
		padding-top: 70px;
	}
	.news_show .left{
		width: 70%;
		box-sizing: border-box;
		padding: 4%;
		background: #fff;
	}
	.news_show .right{
		width: 28.5%;
		box-sizing: border-box;
	}
	.news_show .left .title h3{
		font-size: 30px;
		margin: 0;
		color: #323131;
	}
	.news_show .left .title p{
		font-size: 12px;
		line-height: 2em;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.news_show .left  .content{
		padding: 20px 0;
		color: #706f6f;
		font-size: 16px;
		line-height: 2em;
	}
	.news_show .right .hot_news{
		background: #fff;
		padding: 15px;
	}
	.news_show .right .hot_news .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .hot_news .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .hot_news .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .hot_news .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .hot_news .list{
		padding-top: 20px;
	}
	.news_show .right .hot_news .list ul li{
		border-bottom: 1px  dashed  #d3d3d3;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.news_show .right .hot_news .list ul li .img{
		overflow: hidden;
		float: left;
		width: 40%;
	}
	.news_show .right .hot_news .list ul li .text{
		box-sizing: border-box;
		float: left;
		width: 60%;
		padding-left: 15px;
	}
	.news_show .right .hot_news .list ul li .img img{
		width: 100%;
	}
	.news_show .right .hot_news .list ul li .text h3{
		margin: 0;
		font-size: 18px;
	}
	.news_show .right .hot_news .list ul li .text p{
		font-size: 12px;
		line-height: 2em;
	}
	.news_show .right .Recommend{
		margin-top: 25px;
		box-sizing: border-box;
		padding: 15px;
		background: #fff;
	} 
	.news_show .right .Recommend .title{
		border-bottom: 1px solid #dcdcdc;
	}	
	.news_show .right .Recommend .title h3{
		font-size: 24px;
		font-weight: bold;
		margin: 0;
	}
	.news_show .right .Recommend .title p{
		font-size: 18px;
		color: #5e5e5e;
		line-height: 2em;
	}
	.news_show .right .Recommend .title p img{
		float: right;
		height: 17px;
		width: auto;
	}
	.news_show .right .Recommend .list{
		padding-top: 15px;
	}
	.news_show .right .Recommend .list ul li{
		padding-bottom: 15px;
	}
	.news_show .right .Recommend .list ul li .img{
		overflow: hidden;
	}
	.news_show .right .Recommend .list ul li .img img{
		width: 100%;
	}
	.news_show .right .Recommend .list ul li h3{
		font-size: 18px;
	}
	.contact{
		background: #fff;
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.contact .left{
		width: 40%;
		box-sizing: border-box;
		padding-right: 6%;
		padding-top: 50px;
	}
	.contact .left .title{
		overflow: hidden;
	}
	.contact .left .title img{
		float: left;
	}
	.contact .left .title .text{
		float: left;
		padding-left: 15px;
	}
	.contact .left .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.contact .left .title .text p{
		font-size: 12px;
		color: #b9b9b9;

	}
	.contact .left .phone{
		font-size: 46px;
		font-weight: bold;
		padding: 20px 0;
		border-bottom: 1px solid #dcdcdc;
	}
	.contact .left .content{
		padding: 20px 0;
		font-size: 15px;
		color: #646464;
		line-height: 2em;
		margin: 0;
	}
	.contact .left .code{

	}
	.contact .left .code div{
		display: inline-block;
		background: #292929;
		padding: 15px;
		margin-right: 15px;
	}
	.contact .left .code div p{
		font-size: 14px;
		color: #fff;
		line-height: 2em;
		text-align: center;

	}
	.contact .right{
		width: 60%;
		box-sizing: border-box;
	}
	.contact .right .map{
		width: 100%;
		height: 700px;
	}
	.eight{
		background: #212121;
		padding-top: 80px;
	}

	.eight .container .item{
		float: left;
		background: #fff;
		padding: 70px;
		box-sizing: border-box;
	}
	.eight .container .item_1{
		width: 100%;
	}
	.eight .container .item .left h3{
		font-size: 36px;
		color: #333333;
		font-weight: bold;
		padding-top: 15px;
	}
	.eight .container .item .left h4{
		font-size: 36px;
		color: #333333;
	}
	.eight .container .item .left h5{
		font-size: 22px;
		margin: 0;
		padding: 15px 0;
		border-bottom: 1px solid #dcdcdc;
		color: #333333;
	}
	.eight .container .item .left p{
		color: #696969;
		font-size: 16px;
		line-height:2em;
		padding-top: 15px;
	}

	.eight .container .item_1 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_1 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_1 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	
	
	.eight .container .item_1 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_1 .right img{
		width: 100%;
	}
	.eight .container .item_2{
		margin-top: 30px;
	}
	.eight .container .item_2 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_2 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_2 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_2 .left .text{
		float: left;
		width: 16.3%;
		box-sizing: border-box;
	}
	.eight .container .item_2 .left p{
		line-height:3em;
		padding-top: 15px;
		float: right;
		width: 80%;
		padding-top: 15px;
	}
	.eight .container .item_2 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_2 .right img{
		width: 100%;
	}
	.eight .container .item_3{
		width: calc(50% - 15px);
		margin-right: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_3 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 14.1%;
	}
	.eight .container .item_3 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_3 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_3 .left .text{

		box-sizing: border-box;
	}
	.eight .container .item_3 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_3 .right img{
		width: 100%;
	}
	.eight .container .item_4{
		width: calc(50% - 15px);
		margin-left: 15px;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.eight .container .item_4 .title{
		background: url('../images/8_title_bg_2.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 14.1%;
	}
	.eight .container .item_4 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_4 .left{
		float: left;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #dcdcdc;
		padding: 15px 15px 35px;
	}
	.eight .container .item_4 .left .text{

		box-sizing: border-box;
	}
	
	.eight .container .item_4 .right{
		float: right;
		width: 100%;
		box-sizing: border-box;
		padding: 35px 15px 0;
	}
	.eight .container .item_4 .right img{
		width: 100%;
	}
	.eight .container .item_5{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_5 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_5 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_5 .left{
		float: left;
		width: 41%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_5 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	.eight .container .item_5 .right{
		float: right;
		width: 57%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_5 .right img{
		float: left;
	}
	.eight .container .item_5 .right img:nth-child(1){
		width: 63.3%;
	}
	.eight .container .item_5 .right img:nth-child(2){
		width: 33.7%;
		float: right;
	}
	.eight .container .item_5 .right img:nth-child(3){
		width: 33.7%;
		float: right;
		margin-top: 2%;
	}
	.eight .container .item_6{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_6 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_6 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_6 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px;
	}
	.eight .container .item_6 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_6 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_6 .right img{
		width: 100%;
	}
	.eight .container .item_7{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_7 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_7 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_7 .left{
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_7 .right{
		float: right;
		width: 50%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_7 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_7 .right img{
		width: 100%;
	}
	.eight .container .item_8{
		width: 100%;
		margin-top: 30px;
	}
	.eight .container .item_8 .title{
		background: url('../images/8_title_bg.jpg') no-repeat center;
		background-size: 100% 100%;
		height: 100px;
		padding-left: 6.1%;
	}
	.eight .container .item_8 .title span{
		font-size: 90px;
		color: #f77938;
		display: block;
		font-weight: bold;
		line-height: 100px;
	}
	.eight .container .item_8 .left{
		float: left;
		width: 55%;
		box-sizing: border-box;
		padding: 15px 45px;
	}
	.eight .container .item_8 .right{
		float: right;
		width: 45%;
		box-sizing: border-box;
		padding: 60px 45px 0;
	}
	.eight .container .item_8 .left h4{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}

	.eight .container .item_8 .right img{
		width: 100%;
	}
	.eight_form{
		padding: 160px 0;
		background: url(../images/8-9.png) no-repeat center top;
	}
	
	.eight_form .container .left{
		width: 28%;
		float: none;
		background: url('../images/8-9-1.png') no-repeat center;
		background-size: 100% 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 30px;
		display: table-cell;
		line-height: 1.42857143;
		vertical-align: top;
	}
	
	.eight_form .container form{
		display: table-row;
	}
	.eight_form .container .left h3{
		font-size: 30px;
		color: #fff;
		font-weight: bold;
		margin: 0;
		text-transform: uppercase;
	}
	.eight_form .container .left h4{
		font-size: 30px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-bottom: 25px;
	}
	.eight_form .container .left h5{
		font-size: 36px;
		color: #fff;
		margin: 0;
		font-weight: bold;
	}
	.eight_form .container .left p{
		font-size: 12px;
		color: #fff;
		margin: 0;
		text-transform: uppercase;
		padding-top: 25px;
		width: 60%;
		line-height: 2em;
	}
	.eight_form .container .form{
		width: 47.5%;
		height: 100%;
		background: #fff;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
	}
	.eight_form .container .form .form-group{
		padding-bottom: 30px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.eight_form .container .form .form-group:nth-child(1){
		padding-top: 30px;
	}
	.eight_form .container .form .form-group div{
		width: 33.3%;
		float: left;
		box-sizing: border-box;
		padding-left: 15px;
	}
	.eight_form .container .form .form-group div:nth-child(1){
		
		padding-left: 0;
	}
	.eight_form .container .form .form-group div:last-child{
		float: none;
	}
	.eight_form .container .form .form-group select{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		padding-left: 20px;
		border: none;
	}
	.eight_form .container .form .form-group input{
		width: 100%;
		height: 65px;
		background: #f2f2f2;
		color: #696969;
		border: none;
		box-sizing: border-box;
		padding-left: 20px;
	}
	.eight_form .container .right{
		width: 24.5%;
		float: none;
		box-sizing: border-box;
		display: table-cell;
		line-height: 1.42857143;
		background: #fff;
		vertical-align: top;
		padding: 0 50px;
		border-left: 1px solid #dcdcdc;
	}
	.eight_form .container .right .title{
		padding: 50px 0 0;
		overflow: hidden;
	}
	.eight_form .container .right .title img{
		float: left;
	}
	.eight_form .container .right .title .text{
		float: left;
		padding-left: 10px;
	}
	.eight_form .container .right .title .text h3{
		font-size: 16px;
		margin: 0;
		line-height: 2em;
	}
	.eight_form .container .right .title .text p{
		font-size: 12px;
		color: #b9b9b9;
	}
	.eight_form .container .right .phone{
		font-size: 42px;
		color: #363636;
		
		font-weight: bold;
	}
	.eight_form .container .right .content{
		font-size: 14px;
		color: #898989;
		line-height: 2em;
		margin: 0;
		
	}
	.eight_form .container .right .sub{
		
	}
	.eight_form .container .right .sub button{
		width: 250px;
		color: #fff;
		background: #fb7932;
		border: none;
		font-size: 18px;
		height: 60px;
	}
	.eight_form .container .right .sub button img{
		margin-left: 40px;
	}
	.about{
		border-top: 1px solid #dcdcdc;
		padding: 50px 0;
	}
	.about .about_top{
		position: relative;
		padding-bottom: 100px;
	}
	.about .about_top .img{

	}
	.about .about_top .img img{
		width: 100%;
	}
	.about .about_top .text{
		position: absolute;
		bottom: 100px;
		left: 0;
		width: 45%;
		background: #fff;
		box-sizing: border-box;
		padding: 50px;
	}
	.about .about_top .text h3{
		font-size: 48px;
		color: #404040;
		font-weight: bold;
		margin: 0;
	}
	.about .about_top .text h4{
		font-size: 32px;
		color: #404040;
		padding-bottom: 15px;
		border-bottom: 1px solid #dcdcdc;
	}
	.about .about_top .text p{
		color: #767676;
		font-size: 16px;
		line-height: 2em;
		padding-top: 15px;
	}
	.about .about_bot{
		
		padding-top: 55px;
	}
	.about .about_bot .left{
		width: 20%;
		box-sizing: border-box;
		background: url(../images/a-1.png) no-repeat center top;
		background-size: 100% 100%;
		padding: 30px;
		line-height: 1.42857143;
		height: 447px;
		overflow: hidden;
		vertical-align: top;
	}
	.about .about_bot .left .img{
		text-align: center;
		padding-top: 35px;
	}
	.about .about_bot .left p{
		font-size: 16px;
		color: #fff;
		line-height: 2em;
		padding-top: 20px;
	}
	.about .about_bot .left .more{

		padding: 10px 0;
	}
	.about .about_bot .left .more a{
		display: block;
		width: 100%;
		text-align: center;
		height: 60px;
		color: #fff;
		background: #fb7932;
		line-height: 60px;
		font-size: 16px;
		border-radius: 30px;
	}
	.about .about_bot .right{
		width: 80%;
		box-sizing: border-box;
		line-height: 1.42857143;
		vertical-align: top;
		padding-left: 30px;
		height: 559px;
		margin-top: -55px;
	}
	.about .about_bot .right .hall{
		width: 100%;
		height: 100%;
	}
	#hall .swiper-container {
		padding-bottom: 60px;
	}

	#hall  .swiper-slide {
		width: 770px;
		height: 559px;
		background: #fff;
		
	}
	#hall  .swiper-slide img{
		display:block;
		width: 100%;
		height: 100%;
	}
	#hall  .swiper-slide p {
		line-height: 98px;
		padding-top: 0;
		text-align: center;
		color: #636363;
		font-size: 1.1em;
		margin: 0;
	}

	#hall .swiper-pagination {
		width: 100%;
		bottom: 20px;
	}

	#hall .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
		border: 3px solid #fff;
		background-color: #d5d5d5;
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	#hall .swiper-pagination-bullets .swiper-pagination-bullet-active {
		border: 3px solid #00aadc;
		background-color: #fff;
	}

	#hall .swiper-button-prev {
		left: -30px;
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 0;
		background-size: 100%;
	}

	#hall .swiper-button-prev:hover {
		background-position: 0 -46px;
		background-size: 100%
	}

	#hall .swiper-button-next {
		right: -30px;
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 -93px;
		background-size: 100%;
	}

	#hall .swiper-button-next:hover {
		background-position: 0 -139px;
		background-size: 100%
	}
	#hall .hall-prev{
		position: absolute;
		left: 0;
		background:rgba(0,0,0,0.8);
		width: 240px;
		height: 447px;
		top: 50%;
		margin-top: -252.5px;
		z-index: 90;
	}
	#hall .hall-next{
		position: absolute;
		right: 0;
		background:rgba(0,0,0,0.8);
		width: 240px;
		height: 447px;
		top: 50%;
		margin-top: -252.5px;
		z-index: 90;
	}
	#hall .hall-prev span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		right: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-right: -25px;
	}
	#hall .hall-next span{
		width: 50px;
		height: 50px;
		display: block;
		background: #fb7932;
		border-radius: 25px;
		position: absolute;
		left: 0;
		top: 50%;
		line-height: 50px;
		margin-top: -25px;
		text-align: center;
		margin-left: -25px;
	}
	#hall .hall-prev span img{
		vertical-align: middle;
		-moz-transform:rotate(-180deg);
		-webkit-transform:rotate(-180deg);
	}
	.jodin{
		padding-bottom: 150px;
		background: #212121;
	}
	.jodin .top{
		text-align: center;
		line-height: 200px;
		height: 200px;
	}
	.jodin .top span{
		font-size: 36px;
		color: #fff;
		margin: 0 15px;
	}
	.jodin ul li{
		background: #fff;
		border-bottom: 1px solid #dcdcdc;
		border-right: 1px solid #dcdcdc;
		padding: 20px;
	}
	.jodin ul li:hover{
		box-shadow: 0 0 20px #dcdcdc;
	}
	.jodin ul li .title{
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 15px;
	}
	.jodin ul li .title h3{
		font-size: 30px;
		color: #333;
		font-weight: bold;
	}
	.jodin ul li .title h4{
		font-size: 22px;
		color: #333;
	}
	.jodin ul li p{
		font-size: 14px;
		color: #808080;
		line-height: 2em;
		padding: 15px 0;
		margin: 0;
		height: 145px;
		vertical-align: middle;
	}
	.jodin ul li .img{
		height: 229px;
		overflow: hidden;
		line-height: 229px;
	}
	.jodin ul li .img img{
		width: 100%;
		vertical-align: middle;
	}
	.why{
		background-color: #f3f3f3;
	}
	.industry {
		padding-bottom: 100px;
		padding-top: 50px;
	}
	.industry .title{
		text-align: center;
		padding-bottom: 50px;
	}
	.industry .title h5{
		font-size: 14px;
		color: #a6a6a6;
	}
	.industry .title h4{
		font-size: 28px;
	}
	.industry .title h4 label{
		display: inline-block;
		font-size: 28px;
		background: #f4f4f4;
		font-weight: 400;
		padding: 10px 10px;
	}
	.industry .title h4 span{
		display: inline-block;
		font-size: 28px;
		padding: 10px 10px;
		background: #fb7932;
		color: #fff;
	}
	.industry .title h3{
		font-size: 36px;
		color: #2e2e2e;
	}
	.industry .title h3 span{
		font-weight: bold;
	}
	.industry  .list ul li{
		position: relative;
		padding-bottom: 100px;
	}
	.industry  .list ul li .img{

	}
	.industry  .list ul li .img img{
		width: 100%;
	}
	.industry  .list ul li .text{
		position: absolute;
		width: 100%;
		padding: 0 50px;
		left: 0;
		bottom: 30px;
	}
	.industry  .list ul li .text h3{
		background: #fff;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
		font-size: 24px;
		line-height: 2em;
		text-align: center;
	}
	.industry  .list ul li .text p{
		background: #fff;
		margin: 0;
		padding: 0 40px;
		text-align: center;
		font-size: 18px;
		color: #595959;
		box-shadow: 0 20px 20px #dcdcdc;
		line-height: 2em;
		padding-bottom: 20px;
	}
	.ready{
		padding-bottom: 50px;
		background: url('../images/ready_bg.jpg') no-repeat center top;
	}
	.ready .title{
		text-align: center;
		padding: 50px 0;
	}
	.ready .title h3{
		font-size: 36px;
		color: #fff;
	}
	.ready .title h3 span{
		color: #ff823f;
		font-weight: bold;
	}
	.ready .title p{
		font-size: 14px;
		color: #969696;
	}
	.ready .list ul li{
		padding: 15px;
	}
	.ready .list ul li .box{
		background: rgba(255,255,255,0.1);
		padding: 20px 50px;
	}
	.ready .list ul li .box h3{
		text-align: center;
		color: #ff823f;
		font-size: 30px;
		line-height: 2em;
		font-weight: bold;
	}
	.ready .list ul li .box h4{
		text-align: center;
		font-size: 24px;
		color: #fff;
		line-height: 2em;
		padding-bottom: 15px;
		border-bottom: 1px solid #969696;
	}
	.ready .list ul li .box p{
		font-size: 14px;
		color: #969696;
		text-align: center;
		padding-top: 15px;
	}
}