/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    font-family: "微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
ul, li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
}
img {
    border: none;
}
i,em{
	font-style: normal;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.clear {
    clear: both;
}
.auto {
    width: 1200px;
    margin: 0 auto;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0
}
.clearfloat {
    zoom: 1
}
.banner{
	    position: relative;
    z-index: 0;
}
.headdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headdv section{
	display: flex;
	justify-content: space-between;
}
.headss form{
	border: 1px solid #8cd039;
	height: 45px;
	padding-left: 10px;
	border-radius: 50px ;
	overflow: hidden;
	width: 315px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headss .ipt{
	border: none;
	height: 45px;
	outline: none;
}
.headss input:last-child{
	width: 30px;
	height: 30px;
	background: url(../img/images/ss_03.jpg) center no-repeat;
	outline: none;
	border: none;
	margin-right: 10px;
}
.headtel{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 50px;
	color: #287dc5;
	font-size: 36px;
	font-family: "Impact";
}
.headtel i{
	display: flex;
	width: 41px;
	height: 41px;
	background: url(../img/images/logo_05.jpg) center no-repeat;
	margin-right: 10px;
}
.headnav{
	width: 100%;
	background-color: #287dc5;
	height: 55px;
}
.banners img{
	width: 100%;
	display: block;
}
.headnavdv{
	width: 1400px;
	margin: 0 auto;
}

.index_gjc{
	background-color: #f0f1f2;
}
.index_gjcdv{
	width: 1400px;
	margin: 0 auto;
	height: 65px;
	display: flex;justify-content: flex-start;
}
.index_gjcdv i{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 65px;
}
.index_gjcdv a{
	font-size: 14px;
	color: #838383;
	margin-left: 20px;
	line-height: 65px;
}
.index_gjcdv a:hover{
	color: #287dc5;
}
.index_pro{
	margin: 55px auto;
	width: 1400px;
}
.index_protop{
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	color: #333333;
	margin-bottom: 25px;
}
	.tabBox .hd{ height:40px; line-height:40px; position:relative;  }
	.tabBox .hd ul{ display: flex;justify-content: center; }
	.tabBox .hd ul li{ color:#666;width: 110px;height: 40px;margin: 0 6px;  }
	.tabBox .hd ul li a{font-size:14px;color: #ffffff;background-color: #287dc5;display: block;text-align: center; }
	.tabBox .hd ul li.on a{ display:block; background-color: #79cb15;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
	.tabBox .bd ul div{  display: flex;justify-content: flex-start;flex-flow: wrap; }
	.tabBox .bd li{ padding: 20px; border: 1px solid #eeeeee; width: 290px;margin: 9px; }
	.tabBox .bd ul{
		padding-top: 30px;
	}
.tabBox .bd ul div li span{
	color: #919090;
	font-size: 14px;
	line-height: 25px;
}	
.tabBox .bd ul div li h1{
	color: #333333;
	font-family: "Impact";
	font-size: 28px;
	line-height: 40px;
}
.tabBox .bd ul div li section{
	width: 100%;
	overflow: hidden;
}
.tabBox .bd ul div li section img{
	transition: all .3s;
	display: block;
	margin: 20px auto;
	width: 100%;
}
.tabBox .bd ul div li:hover img{
	transform: scale(1.1);
}
.tabBox .bd ul div li p{
	line-height: 35px;
	font-size: 14px;
	color: #333333;
}
.tabBox .bd ul div li p i{
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.tabBox .bd ul div li section{
	margin-top:20px ;
	display: flex;
	justify-content: flex-start;
}
.tabBox .bd ul div li section:last-child a{
	width: 125px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #eeeeee;
	margin-right: 15px;
	display: block;
	text-align: center;
	color: #7c7b7b;
}
.tabBox .bd ul div li section:last-child a:hover{
	background-color: #287dc5;
	color: #fff;
}
.tabBox .bd ul div li section:last-child a:first-child:hover{
	background-color: #79cb15;
}
.index_ys{
	width: 100%;
	background: url(../img/images/bax_02.jpg) center no-repeat;
	background-attachment: fixed;
	padding: 100px 0px;
	background-size: cover;
}
.index_ysdv{
	width: 1400px;
	margin: 0 auto;
	display: flex;justify-content: space-between;
}
.index_ysleft{
	width: 692px;
}
.nav1 h3 a.active{
	    background: linear-gradient(#6cc328, #439ce5);
}
.prodv section ul li a.active{
	background-color: #287dc5;
	display: block;
	color: #fff;
}
.index_ysright{
	width: 695px;
}
.index_ysleft ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.index_ysleft ul li{
	width: 340px;
	height: 230px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 12px;
}
.index_ysleft ul li:first-child{
	background: url(../img/images/szpng_03.jpg) right bottom no-repeat;
	background-color: #ffffff;
}
.index_ysleft ul li h1{
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	width: 85%;
	margin: 0 auto;
}
.index_ysleft ul li p{
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	width: 85%;
	margin: 0 auto;
	margin-top: 10px;
}
.index_ysleft ul li:nth-child(2){
	width: 338px;
	height: 228px;
	border: 1px solid #fff;
	background: url(../img/images/szpng_05.png) right bottom no-repeat;
}
.index_ysleft ul li:nth-child(2) h1{
	color: #fff;
}
.index_ysleft ul li:nth-child(2) p{
	color: #fff;
}
.index_ysleft ul li:nth-child(3){
	background: url(../img/images/szpng_09.jpg) right bottom no-repeat;
	background-color: #ffffff;
}
.index_ysleft ul li:nth-child(4){
	background: url(../img/images/sz_03.png) right bottom no-repeat;
	background-color: #79cb15;
}
.index_ysleft ul li:nth-child(4) h1{
	color: #fff;
}
.index_ysleft ul li:nth-child(4) p{
	color: #fff;
}
.index_ysrighttext h1{
	line-height: 95px;
	font-size: 36px;
	color: #ffffff;
	font-weight: bold;
}
.index_ysrighttext p{
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}
.index_ysright ul{
	display: flex;
	justify-content: space-between;
	margin-top: 57px;
}

.index_about{
	width: 100%;
	margin: 0 auto;
	background: url(../img/images/abotbg_02.jpg) center no-repeat;
	padding: 80px 0px;
	background-size: cover;
}
.index_aboutdv{
	display: flex;
	justify-content: space-between;
	width: 1400px;
	margin: 0 auto;
}
.index_aboutdvleft{
	width: 635px;
}
.index_aboutdvleft span{
	color: #333333;
	font-size: 20px;
}
.index_aboutdvleft h1{
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px;
}
.index_aboutdvleft p{
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}
.index_aboutdvleft a{
	display: block;
	width: 150px;
	height: 55px;
	border: 1px dashed #287dc5;
	color: #287dc5;
	line-height: 55px;
	text-align: center;
	font-size: 16px;
	border-radius: 50px;
	margin-top: 35px;
}
.index_aboutdvright{
	width: 740px;
}
.index_aboutdvright p{
	margin-top:30px;
	font-size: 16px;
	color: #287dc5;
	font-size: 26px;
}
.index_news{
	width: 1400px;
	margin: 0 auto;
	padding: 75px 0px;
}
.index_newsdv{
	text-align: center;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 25px;
}

	.tabBoxs .hd{ height:40px; line-height:40px; position:relative;margin-bottom: 30px;  }
	.tabBoxs .hd ul{ display: flex;justify-content: center; }
	.tabBoxs .hd ul li{ color:#666;width: 110px;height: 40px;margin: 0 6px;  }
	.tabBoxs .hd ul li a{font-size:14px;color: #ffffff;background-color: #287dc5;display: block;text-align: center; }
	.tabBoxs .hd ul li.on a{ display:block; background-color: #79cb15;/* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.tabBoxs .bd ul .tj dl{
	display: flex;
	justify-content: space-between;
}
.tabBoxs .bd ul .tj dl dt{
	width: 930px;
	height: 315px;
}
.tabBoxs .bd ul .tj dl dt a{
	display: block;
	height: 285px;
	padding-top: 30px;
}
.tabBoxs .bd ul .tj dl dt p{
	color: #fff;
	font-size: 14px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.tabBoxs .bd ul .tj dl dt h1{
	margin-left: 30px;font-size: 26px;
	font-weight: bold;
	color: #fff;
}
.tabBoxs .bd ul .tj dl dd{
	width: 470px;
	background-color: #f0f1f2;
}
.tabBoxs .bd ul .tj dl dd a{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 100%;
}
.tabBoxs .bd ul .tj dl dd a p{
	color: #333333;
	font-size: 18px;
	font-weight: bold;	
	width: 300px;
}
.tabBoxs .bd ul .tj dl dd a p i{
	font-size: 92px;
	color: #333333;
	font-weight: bold;
}
.tabBoxs .bd ul .tj dl dd a h1{
	width: 300px;
	color: #333333;
	font-size: 18px;
}
.nlist ul{
	display: flex;
	justify-content: space-between;
}
.nlist ul li{
	width: 100%;
}
.nlist ul li a{
	display: flex;justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 235px;
}
.nlist ul li:first-child{
	background-color: #fff;
}
.nlist ul li:nth-child(2){
	background-color: #f0f1f2;
}
.nlist ul li p{
	color: #666666;
	font-size: 16px;
	width: 330px;
	margin-bottom: 25px;
}
.nlist ul li h1{
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	width: 330px;
	margin-bottom: 45px;
}
.nlist ul li i{
	color: #666666;
	font-size: 14px;width: 330px;
}
.nlist ul li:hover p{
	color: #fff;
}
.nlist ul li:hover h1{
	color: #fff;
}
.nlist ul li:hover i{
	color: #fff;
}
.nlist ul li:hover {
	background-color: #287dc5;
}
.index_hzhb{
	width: 100%;
	padding: 70px 0px;
	background-color: #f0f1f2;
}
.index_hzhb h1{
	text-align: center;
	color: #333333;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 40px;
}

.index_hzhb ul{
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	width: 1400px;
	margin: 0 auto;
}
.index_hzhb ul li{
	display: block;
	width: 170px;
	border: 1px solid #efefef;
	margin-bottom: 10px;
	overflow: hidden;
}
.index_hzhb ul li img{
	width: 100%;
	transition: all .3s; 
}
.index_hzhb ul li:hover img{
	transform: scale(1.1);
}
.foot{
	background-color: #1d2f3d;
}
.footdv{
	width: 1400px;
	margin: 0 auto;
	padding-top: 95px;
	padding-bottom: 75px;
	display: flex;
	justify-content: space-between;
}
.footdv div{
	width: 230px;
	padding-right: 60px;
	border-right: 1px solid #293e4f;
}
.footdv div ul{
	display: flex;
	justify-content: flex-start;
	
}
.footdv div ul li i{
	display: block;
	width: 45px;
	height: 45px;	
	border-radius: 50px;
	background-color: #5d6d7a;
	margin: 25px auto;
	    text-align: center;
    line-height: 45px;
    font-size: 24px;
    margin-right: 15px;
}
.footdv div  p{
	font-size: 36px;
	color: #5d6d7a;
	font-family: 'Impact';
}
.footdv dl{
	border-right: 1px solid #293e4f;
}
.footdv dl dt a{
	font-size: 16px;
	color: #ffffff;
}
.footdv dl dd{
	margin-top: 20px;
}
.footdv dl dd a{
	color: #6d7d89;
	font-size: 14px;
}
.footdv dl div{
	width: 315px;
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
	border: none;
	padding-right: 0px;
}
.footdv dl div dd{
	width: 50%;
}
.dl1{
	padding-right: 50px;
}
.wdl{
	width: 100%;
	height: 100px;
	line-height: 100px;
	background-color: #162430;
}
.wdldv{
	width: 1400px;
	margin: 0 auto;
	height: 100px;
	display: flex;
	justify-content: space-between;
}
.wdldv p{
	color: #6d7d89;
	font-size: 14px;
	line-height: 100px;
}
.wdldv p a{
	color: #6d7d89;
}
.headss .ipt{
	width: 200px;
}
.prodv{
	width: 1400px;
	margin: 0 auto;
	padding: 40px 0px;
	padding-bottom: 0px;
}
.prodv section{
	display: flex;
	margin-bottom: 15px;
}
.prodv section div{
	width: 125px;
	height: 42px;
	line-height: 42px;
	color: #333333;
	font-size: 18px;
	margin: 5px 0px;
	overflow: hidden;
}
.prodv section ul{
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	width: 1260px;
}
.prodv section ul li{
	width: 170px;
	height: 42px;
	background-color: #efefef;
	margin: 5px;
	line-height: 42px;
	text-align: center;
}
.prodv section ul li a{
	color: #666666;
	font-size: 14px;
}
.prodv section ul li:hover{
	background-color: #287dc5;
}
.prodv section ul li:hover a{
	color: #fff;
}
.headnavdv ul li {
	
}

.proming{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	    align-items: baseline;
}
.proming h1{
	font-size: 24px;
	color: #333333;
}
.proming p{
	font-size: 14px;
	color: #333333;
	line-height: 35px;
}
.proming p a:last-child{
	color: #287dc5;
}
.showproweizhi{
	width: 100%;
	height: 60px;
	background-color: #ededed;
}
.showproweizhi p{
	width: 1400px;
	margin: 0 auto;
	font-size: 14px;
	color: #333333;
	line-height: 60px;
	font-weight: bold;
}
.showproweizhi p a:last-child{
	color: #287dc5;
}
.showproallleft{
	width: 57%;
	background-color: #fff;
	display: flex;
	justify-content: flex-end;position: relative;
    z-index: 0;
}
.showproall{
	display: flex;
	justify-content: space-between;align-items: flex-start;
}
.showproallright{
	width: 43%;
	background-color: #f5f5f5;
	height: 615px;
}
.pp{
	width: 100%;
	height: 8px;
	background-color: #ededed;
}
.proxqname{
	color: #333333;
	font-size: 28px;
	font-weight: bold;
	line-height: 100px;
	border-bottom: 2px solid #ededed;
}
.proxqname h1{
	width: 1400px;
	margin: 0 auto;
	font-weight: bold;
}
.showproallright h1{
	font-size: 28px;
	font-weight: bold;
	color: #333333;
	margin-left: 65px;
	margin-top: 90px;
	margin-bottom: 20px;
}
.showproallright p{
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	margin-left: 65px;
}
.showproallright div{
	width: 530px;
	height: 110px;
	border-top:1px solid #eaeaea ;
	border-bottom:1px solid #eaeaea ;
	margin-left: 65px;
	margin-top: 50px;
}
.showproallright section{
	justify-content: flex-start;
	display: flex;
	margin-left: 65px;
	margin-top: 45px;
}
.showproallright section a{
	display: block;
	width: 140px;
	height: 48px;
	background-color: #287dc5;
	color: #fff;
	line-height: 48px;
	font-size: 14px;
	text-align: center;
	margin-right: 30px;
}
.showproallright section a:last-child{
	background-color: #79cb15;
}
.showproallleftdv{
	width: 700px;
	margin-right: 100px;
	margin-top: 70px;
	padding-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
		.gallery-top {
	      	
	      	width: 380px;
	    }
	    .gallery-thumbs {
	    	width: 160px;
	      	box-sizing: border-box;
	      	height: 380px;
	      	overflow: hidden;
	    }
	    .gallery-thumbs .swiper-slide {
	    	width: 160px;
	      	
	      	transition: all .3s;
	    }
	    .gallery-thumbs .swiper-slide{
	    	background-size: cover;
	    }
	    .gallery-thumbs .swiper-slide i{
	    	border: 1px solid #e5e5e5;
	    	display: block;
	    	width: calc(100% - 2px);
	    	 height: 97%;text-align: center;
	    }
	    .gallery-thumbs .swiper-slide-thumb-active i{
	      	border: 1px solid #287dc5;text-align: center;    height: 98%;
	    }
	    .gallery-top .swiper-slide img,.gallery-thumbs .swiper-slide{
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			width: 100%;
			
	    }
	   
	  .gallery-thumbs .swiper-slide img{
    		max-width: 100%;height: 100%;
	  } 
.prodvtext{
	width: 1400px;
	margin: 30px auto; 
}
.shownav{
	border-bottom: 1px solid #efefef;
}
.shownav ul{
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.shownav ul li a{
	display: block;
	line-height: 70px;
	padding: 0px 30px;
	font-size: 20px;
	color: #333333;
}
.shownav ul li a:hover{
	background-color: #287dc5;
	color: #fff;
}
.shownav ul li.active a{
	background-color: #287dc5;
	color: #fff;
}
.newslists{
	width: 1400px;
	margin: 65px auto;
}
.newtime{
	width: 70px;
	margin-right: 30px;
}
.newtime h1{
	color: #287dc5;
	font-size: 48px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
.newtime i{
	height: 2px;
	border-bottom: 2px solid #287dc5;
	width: 100%;
	display: block;
}
.newtime p{
	line-height: 30px;
	font-size: 16px;
	color: #287dc5;
	font-size: 16px;
	font-weight: bold;
}
.newimg{
	width: 335px;
	margin-right: 35px;
	overflow: hidden;
}
.newimg img{
	width: 100%;
	display: block;
	transition: all 1s;
}
.newslists ul li a{
	display: flex;
	justify-content: space-between;
}
.newdv{
	width: 930px;
}
.newdv h1{
	line-height: 45px;
	font-size: 28px;
	color: #287dc5;
	margin-bottom: 20px;
}
.newdv p{
	color: #767778;
	font-size: 16px;
	line-height: 35px;
}
.newdv i{
	display: block;
	margin-top: 30px;
	width: 140px;
	height: 45px;
	border: 1px solid #eeeeee;
	border-radius: 50px;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	color: #287dc5;
	transition: all .3s;
}
.newslists ul li:hover .newdv i{
	background-color: #287dc5;
	color: #fff;
	border: 1px solid #287dc5;
}
.newslists ul li:hover .newimg img{
	transform: scale(1.1);
}
.newslists ul li{
	padding-bottom: 25px;
	margin-bottom: 35px;
	border-bottom: 1px dashed #e2e2e2;
}
.lxwmdv{
	width: 1400px;
	margin: 40px auto;
}
.lxwmdvleft{
	width: 1100px;
}
.lxwmdvleft table{
	width: 1100px;
}
.lxwmdvleft table tr th{
	line-height: 60px;
	background-color: #eeeeee;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.lxwmdvleft table tr td{
	line-height: 40px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	text-indent: 35px;
	
}
.lxwmdvright{
	width: 280px;
	background-color: #eeeeee;
	padding: 45px 0px;
	text-align: center;
	padding-bottom: 20px;
}
.lxwmdv{
	display: flex;
	justify-content: space-between;
}
.lxwmdvright p{
	font-size: 14px;
	color: #919191;
	margin-top: 20px;
}
.zxly {
	width: 1400px;
	margin: 30px auto;
}
.zxly h1{
	color: #333333;
	font-size: 36px;
	text-align: center;
	margin-bottom: 30px;
}
.zxly form div{ 
	display: flex;
	justify-content: space-between;
	flex-flow: wrap;
}
.zxly form div input{
	height: 50px;
	width: 32%;
	border: none;
	border: 1px solid #e5e5e5;
	text-indent: 2em;
	outline: none;
}
.zxly form input{
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #e5e5e5;
	text-indent: 2em;
	outline: none;
	margin-bottom: 25px;
}
.zxly form textarea{
	width: 100%;
	height: 170px;
	border: none;
	border: 1px solid #e5e5e5;
	text-indent: 2em;
	outline: none;
	line-height: 35px;
}
.zxly form .submit{
	width: 140px;
	height: 50px;
	background-color: #287dc5;
	color: #fff;
	text-indent: 0em;
	margin-top: 25px;
}
.qdyiqi{
	width: 1400px;
	margin: 45px auto;
}
.qdyiqi h1{
	color: #287dc5;
	font-size: 48px;
	font-family: "Myriad Pro";
}
.qdyiqi  h2{
	color: #287dc5;
	font-size: 32px;
	margin-bottom: 15px;
}
.qdyiqi p{
	line-height: 35px;
	color: #666666;
	font-size: 16px;
	margin-bottom: 35px;
}
.qdyiqi ul {
	display: flex;
	justify-content: space-between;
}
.qdyiqi ul li{
	width: 25%;
	overflow: hidden;
}

.qdyiqi ul li img{
	width: 100%;
	display: block;
	transition: all .5s;
}
.qdyiqi ul li:first-child:hover img{
	transform: scale(1.1);
}
.qdyiqi ul li:nth-child(3):hover img{
	transform: scale(1.1);
}
.gsln{
	width: 100%;
	background: url(../img/images/saw_02.jpg) bottom center no-repeat;
	padding: 60px 0px;
	background-size: cover;
}
.gslndv{
	width: 1400px;
	margin: 0 auto;
}
.gslndvtop h1{
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 25px;
}
.gslndvtop p{
	color: #333333;
	font-size: 14px;
	text-align: center;
	margin-bottom: 60px;
}
.gslndv ul{
	display: flex;
	justify-content: space-around;
}
.gslndv ul li{
	width: 201px;
}
.gslndv ul li i{
	display: block;
	width: 100%;
	height: 201px;
	background: url(../img/images/wq_05.png) center no-repeat;
	text-align: center;
	font-size: 28px;
	color: #fff;
	line-height: 181px;
	margin-bottom: 15px;
}
.gslndv ul li:nth-child(odd) i{
	background: url(../img/images/quna_03.png) center no-repeat;
}
.gslndv ul li p{
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	width: 80%;
	margin: 0 auto;
}
.about_news{
	width: 1400px;
	margin: 70px auto;
}
.about_newstop{
	text-align: center;
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 40px;
}
.about_news ul{
	display: flex;
	justify-content: space-between;
}
.about_news ul li{
	width: 450px;
}
.about_news ul li div{
	display: block;
	overflow: hidden;
	width: 100%;
}
.about_news ul li div img{
	width: 100%;
	display: block;
	transition: all .3s; 
}
.about_news ul li:hover div img{
	transform: scale(1.1);
}
.about_news ul li h1{
	line-height: 50px;
	color: #333333;
	font-size: 20px;
	margin-top: 10px;
}
.about_news ul li p{
	color: #abaaaa;
	font-size: 16px;
	line-height: 35px;
}
.aboutqy{
	width: 100%;
	background-color: #f3f4f4;
	padding: 85px 0px;
}
.aboutqy a{
	display: block;
	margin: 0 auto;
	width: 170px;
	height: 45px;
	background-color: #287dc5;
	color: #fff;
	text-align: center;
	line-height: 45px;
	font-size: 20px;
	border-radius: 50px;
}
.aboutqy p{
	font-size: 28px;
	color: #a5a4a4;
	text-align: center;
	margin-bottom: 30px;
}
.htmleaf-container{
	display: none;
}
.pronav{
	display: none;
}
.banner2{
	display: none;
} 
 .index_about .swiper-button-prev,.index_about .swiper-container-rtl .swiper-button-next{
	
	width: 50px;
	height: 50px;top:80%;
	
}
.index_about .swiper-button-prev.swiper-button-disabled,.index_about .swiper-button-next.swiper-button-disabled{
	opacity: 1;
}
.index_about .swiper-button-prev{
	background: url(../img/images/zuo.png) center no-repeat;
	background-size: 80%;
	background-color: #1e68b1;
	    left: auto;top:80%;
	right: 14%;
}
.index_about  .swiper-button-next{
	background: url(../img/images/zuo.png) center no-repeat;
	background-size: 80%;
	background-color: #569d31;
	right: 5%;
	width: 50px;
	height: 50px;top:80%;
	 transform: rotate(180deg);
	 
}
.m_footdv{
	display: none;
}
.m_foot{
	display: none;
}
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.navBar{  position:relative; z-index:1;  height:55px; line-height:55px; color:#333;   }
	.nav1{ position:relative; width:1400px; margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; height:55px; line-height:55px;display: flex;justify-content: space-between; }
	.nav1 a{ color:#333;  }
	.nav1 h3{ font-size:100%; font-weight:normal;  height:55px; line-height:55px; overflow: hidden }
	.nav1 .m11{ float:left;  z-index:1; }
	.nav1 .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px;line-height: 55px; }
	.nav1 h3 a{ display:block; width:106px; text-align:center;font-size: 14px;color: #fff;  }
	.nav1 .sub{ display:none; /*默认隐藏*/  position:absolute; top:54px; z-index:99; border-top:0;   background: #fff; border: 1px solid #2779CF;}
	.nav1 .sub div{
		 display: flex;justify-content: center;
	
	}
	.nav1 .sub li{ text-align:left; margin-bottom:-1px;margin: 0px 17px;     padding: 20px 0px;    position: relative;  }
	.nav1 .sub li a{ display:block; padding:2px; height:25px; line-height:25px; color:#333; overflow: hidden;  }
	.nav1 .sub li .lja_a{
		color: #2779CF;font-weight: bold;
	}

	.nav1 .block{ height:3px; width:130px; background:#FE7700; position:absolute; left:0; top:57px; overflow:hidden;  }
	.nav1 .sub li a:hover{
		color: #2779CF;
	}
	.nav1 .sub li dd a{
		text-indent: 1em;
	}
	.nav1 h3:hover{
		background: #1e6dc1;
	}
	.nav1 h3 a.hover{
		background: #1e6dc1;
	}
.nav1>li{
	position: initial;
}
.nav1 h3 a{
	padding: 0px 35px;
}
.nav1 h3:hover{
	 background: linear-gradient(#6cc328, #439ce5);
}
.nav1 .m11:hover .sub{
	display: block;
}
.gallery-thumbs .swiper-slide{
	height: 33%;
}
@media (min-width: 1000px) and (max-width: 1400px){
	.index_about .swiper-button-prev{
		right: 18%;
	}
	.headdv,.headnavdv,.index_gjcdv,.index_pro,.index_ysdv,.index_aboutdv,.index_news,.index_hzhb ul,.footdv,.wdldv,.nav,.nav .sub{
		width: 95%;
	}
	.headnavdv ul li a{
		padding: 0px 20px;
		font-size: 14px;
	}
	.index_gjcdv a:nth-child(10){
		display: none;
	}
	.index_gjcdv a:nth-child(9){
		display: none;
	}
	.index_gjcdv a:nth-child(8){
		display: none;
	}
	.tabBox .bd li{
		width: 17%;
		margin: 1%;
		padding: 1%;
	}
	.index_ysleft,.index_ysright{
		width: 49%;
	}
	.index_ysleft ul{
		width: 100%;
	}
	.index_ysleft ul li,.index_ysleft ul li:nth-child(2){
		width: 49%;
		margin-bottom: 8px
	}
	.index_ysright ul li{
		width: 49%;
		height: 230px;
	}
	.index_ysright ul li img{
		width: 100%;
	}
	.index_aboutdvleft{
		width: 48%;
	}
	.index_aboutdvright{
		width: 50%;
	}
	.index_aboutdvright img{
		width: 100%;
	}
	.index_aboutdv{
		align-items: center;
	}
	.tabBoxs .bd ul .tj dl dt{
		width: 80%;
	}
	.nlist ul li p,.nlist ul li h1,.nlist ul li i,.tabBoxs .bd ul .tj dl dd a p,.tabBoxs .bd ul .tj dl dd a h1{
		width: 90%;
	}
	.tabBoxs .bd ul .tj dl dd{
		width: 40%;
	}
	.index_hzhb ul li{
		width: 12%;margin-bottom: 5px;
	}
	.index_hzhb ul li img{
		display: block;
	}
	.dl1{
		display: none;
	}
	.footdv dl{
		margin-left: 20px;
	}
	.footdv div{
		padding-right: 18px;
	}
	.shownav ul,.qdyiqi,.gslndv,.about_news,.lxwmdv,.zxly,.prodv,.proming,.showproweizhi p,.proxq,.newslists,.nav1,.nav1 .sub{
		width: 95%;
	}
	.headnavdv ul li a{
		padding: 0;
	}
	.about_news ul li{
		width: 32%;
	}
	.about_news ul li h1{
		height: 50px;
		overflow: hidden;
	}
	.proxq{
		margin: 0 auto;
	}
	.lxwmdvleft{
		width: 78%;
	}
	.lxwmdvleft table{
		width: 100%;
	}
	.lxwmdvright{
		width: 20%;
	}
	.lxwmdvright img{
		width: 80%;
	}
	.prodv section div{
		width: 13%;
	}
	.prodv section ul{
		width: 85%;
	}
	.index_pro .tabBox .bd li{
		width: 20%;
	}
	.showproallleftdv{
		width: 100%;
	}
	.gallery-thumbs{
		width: 20%;
	}
	.newtime{
		width: 10%;
	}
	.newdv{
		width: 70%;
	}
	.newdv h1{
		height: 45px;
		overflow: hidden;
	}
	.newdv p{
		height: 70px;
		overflow: hidden;
	}
	.width,.proxqname h1{
		width: 95%;
	}.prodvtext{
		width: 95%;
	}
	.showproallright div {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 75%;
	}
	.showproallright div  img{
		display: block;
	}
	.nav1 .sub{
		width: auto;
	}
	.nav1 .sub div{
		justify-content: flex-start;
		flex-wrap: wrap;
	}
}
@media (min-width: 768px) and (max-width: 1000px){
	.proxqname h1{
		width: 95%;
	}
	.htmleaf-container{
		display: block;
	}
	.headdv,.headnav{
		display: none;
	}
	.headdv,.headnavdv,.index_gjcdv,.index_pro,.index_ysdv,.index_aboutdv,.index_news,.index_hzhb ul,.footdv,.wdldv{
		width: 95%;
	}
	.headnavdv ul li a{
		padding: 0px 25px;
		font-size: 14px;
	}
	.index_gjcdv a:nth-child(10){
		display: none;
	}
	.index_gjcdv a:nth-child(9){
		display: none;
	}
	.index_gjcdv a:nth-child(8){
		display: none;
	}
	.index_gjcdv a:nth-child(7){
		display: none;
	}
	.index_gjcdv a:nth-child(6){
		display: none;
	}
	.tabBox .bd li{
		width: 45%;
		margin: 1%;
		padding: 1%;
	}
	.index_ysleft,.index_ysright{
		width: 49%;
	}
	.index_ysleft ul{
		width: 100%;
	}
	.index_ysleft ul li,.index_ysleft ul li:nth-child(2){
		width: 49%;
		margin-bottom: 8px
	}
	.index_ysright ul li{
		width: 49%;
	}
	.index_ysright ul li img{
		width: 100%;
	}
	.index_aboutdvleft{
		width: 48%;
	}
	.index_aboutdvright{
		width: 50%;
	}
	.index_aboutdvright img{
		width: 100%;
	}
	.index_aboutdv{
		align-items: center;
	}
	.tabBoxs .bd ul .tj dl dt{
		width: 80%;
	}
	.nlist ul li p,.nlist ul li h1,.nlist ul li i,.tabBoxs .bd ul .tj dl dd a p,.tabBoxs .bd ul .tj dl dd a h1{
		width: 90%;
	}
	.tabBoxs .bd ul .tj dl dd{
		width: 40%;
	}
	.index_hzhb ul li{
		width: 12%;margin-bottom: 5px;
	}
	.index_hzhb ul li img{
		display: block;
	}
	.dl1{
		display: none;
	}
	.footdv dl{
		margin-left: 20px;
	}
	.footdv div{
		padding-right: 18px;
	}
	.tabBox .bd ul div{
		flex-flow: wrap;
	}
	.foot,.wdl{
		display: none;
	}
	.index_ysleft ul li h1{
		font-size: 18px;
	}
	.nlist ul li h1{
		font-size: 18px;
	}
	.shownav ul,.qdyiqi,.gslndv,.about_news,.lxwmdv,.zxly,.prodv,.proming,.showproweizhi p,.proxq,.newslists{
		width: 95%;
	}
	.about_news ul li{
		width: 32%;
	}
	.about_news ul li h1{
		height: 50px;
		overflow: hidden;
	}
	.proxq{
		margin: 0 auto;
	}
	.lxwmdvleft{
		width: 78%;
	}
	.lxwmdvleft table{
		width: 100%;
	}
	.lxwmdvright{
		width: 20%;
	}
	.lxwmdvright img{
		width: 80%;
	}
	.prodv section div{
		width: 20%;
	}
	.prodv section ul{
		width: 80%;
	}
	.index_pro .tabBox .bd li{
		width: 20%;
	}
	.showproallleftdv{
		width: 100%;
	}
	.gallery-thumbs{
		width: 20%;
	}
	.newtime{
		width: 13%;
	}
	.newdv{
		width: 70%;
	}
	.newdv h1{
		height: 35px;
		overflow: hidden;
		font-size: 24px;
		margin-bottom: 10px;
	}
	.newdv p{
		height: 70px;
		overflow: hidden;
	}	
	.newdv i{
		margin-top: 10px;
	}
	.showproallleftdv{
		margin-right: 0px;
	}
	.showproallleft,.showproallright{
		width: 100%;
	}
	.showproall{
		flex-flow: wrap;
	}
	.gslndv ul li{
		width: 24%;
	}
	.gslndv ul li i{
		background-size: contain;
	}
	.gslndv ul li:nth-child(odd) i{
		background-size: contain;
	}
	.index_about .swiper-button-prev{
		right: 20%;
	}
	.m_footdv{
		height: 45px;
		display: block;
	}
	.m_foot{
		width: 100%;
		position: fixed;
		bottom: 0;
		height: 45px;
		background-color: #287dc5;
		display: block;
	}
	.m_foot ul{
		display: flex;
		justify-content: space-between;
	}
	.m_foot ul li{
		width: 25%;
		border-right: 1px solid #0077AA;
	}
	.m_foot ul li a{
		width: 100%;
		text-align: center;
		line-height: 45px;
		display: block;
		font-size: 14px;
		color: #ffffff;
	}
	.width,.prodvtext{
		width: 95%;
	}
	.gallery-thumbs .swiper-slide img{
		width: 100%;
		height:100%;
	}
}
@media screen and (max-width: 767px){
	.headdv,.headnav{
		display: none;
	}
	.headdv,.headnavdv,.index_gjcdv,.index_pro,.index_ysdv,.index_aboutdv,.index_news,.index_hzhb ul,.footdv,.wdldv{
		width: 95%;
	}
	.headnavdv ul li a{
		padding: 0px 25px;
		font-size: 14px;
	}
	.index_gjcdv a:nth-child(10){
		display: none;
	}
	.index_gjcdv a:nth-child(9){
		display: none;
	}
	.index_gjcdv a:nth-child(8){
		display: none;
	}
	.index_gjcdv a:nth-child(7){
		display: none;
	}
	.index_gjcdv a:nth-child(6){
		display: none;
	}
	.tabBox .bd li{
		width: 45%;
		margin: 1%;
		padding: 1%;
	}
	.index_gjc{
		display: none;
	}
	.index_ysleft,.index_ysright{
		width: 49%;
	}
	.index_ysleft ul{
		width: 100%;
	}
	.index_ysleft ul li,.index_ysleft ul li:nth-child(2){
		width: 49%;
		margin-bottom: 8px
	}
	.index_ysright ul li{
		width: 49%;
	}
	.index_ysright ul li img{
		width: 100%;
	}
	.index_aboutdvleft{
		width: 48%;
	}
	.index_aboutdvright{
		width: 50%;
	}
	.index_aboutdvright img{
		width: 100%;
	}
	.index_aboutdv{
		align-items: center;
	}
	.tabBoxs .bd ul .tj dl dt{
		width: 100%;
	}
	.nlist ul li p,.nlist ul li h1,.nlist ul li i,.tabBoxs .bd ul .tj dl dd a p,.tabBoxs .bd ul .tj dl dd a h1{
		width: 90%;
	}
	.tabBoxs .bd ul .tj dl dd{
		width: 100%;
		padding: 20px 0px;
		height: 200px;
	}
	.tabBoxs .bd ul .tj dl dd a p i{
		font-size: 40px;
	}
	.nlist ul{
		flex-flow: wrap;
	}
	.index_hzhb ul li{
		width: 24%;margin-bottom: 3px;
	}
	.index_hzhb ul li img{
		display: block;
	}
	.dl1{
		display: none;
	}
	.footdv dl{
		margin-left: 20px;
	}
	.footdv div{
		padding-right: 18px;
	}
	.tabBox .bd ul div{
		flex-flow: wrap;
	}
	.foot,.wdl{
		display: none;
	}
	.index_ysleft ul li h1{
		font-size: 18px;
	}
	.nlist ul li h1{
		font-size: 18px;
	}
	.tabBox .hd{
		height: auto;
	}
	.tabBox .hd ul{
		flex-flow: wrap;
	}
	.tabBox .hd ul li{
		width: 29%;
		margin-bottom: 10px;
	}
	.tabBox .bd ul div li section{
		justify-content: space-around;
	}
	.tabBox .bd ul div li section:last-child a{
		margin: 5px;
	}
	.tabBox .bd ul div li h1{
		font-size: 22px;
	}
	.index_ys{
		padding: 35px 0px;
	}
	.index_ysdv{
		display: flex;
		flex-flow: wrap;
	}
	.index_ysleft,.index_ysright{
		width: 100%;
	}
	.index_ysrighttext h1{
		line-height: 55px;
		font-size: 24px;
	}
	.index_ysright ul{
		margin-top: 30px;
	}
	.index_about,.index_hzhb{
		padding: 40px 0px;
	}
	.index_aboutdv{
		flex-flow: wrap;
	}
	.index_aboutdvleft,.index_aboutdvright{
		width: 100%;
	}
	.index_aboutdvleft h1{
		font-size: 24px;
	}
	.index_aboutdvleft a{
		line-height: 40px;
		height: 40px;
		margin-bottom: 30px;
	}
	.index_aboutdvright p{
		font-size: 22px;
	}
	.index_about{
		background-size: cover;
	}
	.index_protop{
		font-size: 24px;
	}
	.index_newsdv{
		font-size: 24px;
	}
	.tabBoxs .bd ul .tj dl{
		flex-flow: wrap;
	}
	.tabBoxs .bd ul .tj dl dt h1{
		font-size: 24px;
	}
	.index_hzhb h1{
		font-size: 24px;
	}
	.shownav ul,.qdyiqi,.gslndv,.about_news,.lxwmdv,.zxly,.prodv,.proming,.showproweizhi p,.proxq,.newslists{
		width: 95%;
	}
	.about_news ul li{
		width: 32%;
	}
	.about_news ul li h1{
		height: 50px;
		overflow: hidden;
	}
	.proxq{
		margin: 0 auto;
	}
	.lxwmdvleft{
		width: 100%;
	}
	.lxwmdvleft table{
		width: 100%;
	}
	.lxwmdvright{
		width: 20%;
	}
	.lxwmdvright img{
		width: 40%;
	}
	.prodv section div{
		width: 20%;
	}
	.prodv section ul{
		width: 80%;
	}
	.index_pro .tabBox .bd li{
		width: 20%;
	}
	.showproallleftdv{
		width: 100%;
	}
	.gallery-thumbs{
		width: 20%;
	}
	.newtime{
		width: 17%;
		margin-right: 15px;
	}
	.newdv{
		width: 78%;
	}
	.newimg{
		width: 28%;
		margin-right: 15px;
		display: none;
	}
	.newdv h1{
		height: 30px;
		overflow: hidden;
		font-size: 16px;
		margin-bottom: 0px;
		line-height: 30px;
	}
	.newdv p{
		height: 50px;
		overflow: hidden;
		line-height: 25px;
		font-size: 14px;
	}	
	.newdv i{
		margin-top: 10px;
		display: none;
	}
	.showproallleftdv{
		margin-right: 0px;
	}
	.showproallleft,.showproallright{
		width: 100%;
	}
	.showproall{
		flex-flow: wrap;
	}
	.gslndv ul li{
		width: 24%;
	}
	.gslndv ul li i{
		background-size: contain;
	}
	.gslndv ul li:nth-child(odd) i{
		background-size: contain;
	}
	.qdyiqi h1{
		font-size: 32px;
	}
	.qdyiqi h2,.gslndvtop h1,.about_newstop,.zxly h1{
		font-size: 24px;
	}
	.qdyiqi ul,.gslndv ul,.lxwmdv{
		flex-flow: wrap;
	}
	.qdyiqi ul li{
		width: 50%;
	}
	.qdyiqi ul li img{
		display: block;
	}
	.gslndv ul li,.about_news ul li{
		width: 40%;
	}
	.gslndv ul li i{
		font-size: 18px;
	}
	.about_news ul li:last-child{
		display: none;
	}
	.about_news ul li h1{
		font-size: 16px
	}
	.about_news ul li p{
		font-size: 14px;
		height: 70px;
		overflow: hidden;
	}
	.aboutqy p{
		font-size: 16px;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.lxwmdvleft table tr td{
		text-indent: 0px;
		text-align: center;
	}
	.aboutqy a{
		font-size: 18px;
	}
	.lxwmdvright{
		width: 100%;
	}
	.proming{
		display: none;
	}
	.index_pro .tabBox .bd li{
		width: 45%;
	}
	.gallery-top .swiper-slide img, .gallery-thumbs .swiper-slide{
		height: auto;
	}
	.showproallright h1{
		margin-top: 40px;
		font-size: 18px;
		margin-left: 35px;
	}
	.showproallright p{
		font-size: 14px;margin-left: 35px;
	}
	.showproallright div,.showproallright section{
		margin-left: 35px;
	}
	.proxqname h1{
		width: 100%;font-size: 18px;
	}
	.proxqname{
		line-height: 50px;
	}
	.showproallright div{
		width: 80%;
	}
	.shownav ul li a{
		font-size: 16px;padding: 0px 10px;
	}
	.newtime h1{
		font-size: 32px;
	}
	.newtime p{
		font-size: 14px;
	}
	.htmleaf-container{
		display: block;
	}
	.prodv{
		display: none;
	}
	.equinav .navbar-collapse {
		padding: 0 !important;
	}
	
	.equinav-collapse .navbar-header {
		float: none;
	}
	.equinav-collapse .navbar-brand,
	.equinav-collapse .navbar-toggle {
		display: block !important;
	}
	.equina-collapse .navbar-collapse {
		border-top: 1px solid #e7e7e7 !important;
	}
	.equinav-collapse .navbar-collapse.collapse {
		display: none !important;
	}
	.equinav-collapse .navbar-nav {
		float: none !important;
		margin: 0 !important;
	}
	.equinav-collapse .navbar-nav > li {
		width: auto !important;
		float: none !important;
	}
	.equinav-collapse .navbar-nav > li > a {
		text-align: left !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	.equinav-collapse .navbar-collapse,
	.equinav-collapse .navbar-collapse.collapse.in {
		border-top: 1px solid #e7e7e7 !important;
		display: block !important;
	}
	.equinav-collapse .collapsing {
		overflow: hidden !important;
	}
	.equinav-collapse .dropdown-toggle {
		background-color: #e7e7e7 !important;
	}
	.equinav-collapse .dropdown-toggle > .caret {
		display: inline-block !important;
	}
	.equinav-collapse .dropdown-menu {
		background: none !important;
		float: none !important;
		border: 0 !important;
		box-shadow: none !important;
		position: relative !important;
	}
	.equinav-collapse .navbar-nav .open .dropdown-menu {
		display: block !important;
	}
	.equinav-collapse .navbar-nav .open .dropdown-menu > li > a,
	.equinav-collapse .navbar-nav .open .dropdown-menu .dropdown-header {
		color: #777 !important;
		padding: 5px 15px 5px 25px !important;
	}
	.pronav .navbar{
		border: none;
		margin-top: 25px;
	}
	.pronav{
		display: block;
	}
	.gallery-thumbs{
		

		    width: 30%;
	}
	.gallery-top{
		height: auto;
		    width: 70%;
	}
	.prodvtext{
		width: 95%;
	}
	.prodvtext img{
		max-width: 100%;
		height: auto;
	}
	.prodvtext table{
		max-width: 100%;
		width: 100%;
	}
	.mobile-inner{
		background-color: #fff;
	}
	.lxwmdvleft table tr th{
		    text-align: center;
	}
	.navbar-nav{
		margin: 0;
	}
	.banner2{
		display: block;
	}
	.banner1{
		display: none;
	}
	.index_about .swiper-button-prev{
		right: 22%;
	}
	.m_footdv{
		height: 45px;
		display: block;
	}
	.m_foot{
		width: 100%;
		position: fixed;
		bottom: 0;
		height: 45px;
		background-color: #287dc5;
		display: block;
	}
	.m_foot ul{
		display: flex;
		justify-content: space-between;
	}
	.m_foot ul li{
		width: 25%;
		border-right: 1px solid #0077AA;
	}
	.m_foot ul li a{
		width: 100%;
		text-align: center;
		line-height: 45px;
		display: block;
		font-size: 14px;
		color: #ffffff;
	}
	.index_hzhb ul li:nth-child(odd){
		display: none;
	}
	.index_hzhb ul li{
		width: 49%;
	}
	.navbar-brand{
		padding: 0;
		line-height: 50px;text-indent: 15px;
	}
	.showproallleftdv{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.gallery-top{
		width: 100%;
	}
	.gallery-thumbs{
		width: 100%;
		
	}
	.showproallright div {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.showproallright div img{
		width: 100%;
	}
	.showproallright{
		height: auto;
		padding-bottom: 20px;
	}
	.showproallleftdv{
		margin-top: 00px; 
	}
	.showproweizhi p{
		line-height: 30px;
	}
	.showproweizhi{
		height: 30px;
	}
	.article .post h1{
		font-size: 18px;
	}
	.container, .container-layout{
		padding: 0;
	}
	.padding-large{
		padding: 20px;
	}
	.banners {
		width:100%;
		overflow: hidden;
	}
	
	.banners img{
		width:200%;
		margin-left: -50%;
	}
	.width{
		width: 95%;
	}
	.skitter .info_slide_dots .image_number{
		    width: 8px;
    		height: 8px;
	}
	.gallery-thumbs .swiper-slide img{
		width: 100%;
		height: auto;
	}
	.skitter .prev_button,.skitter .next_button{
		width: 0px;
	}
	.gallery-thumbs{
		height: auto;
	}
	.gallery-thumbs .swiper-slide-thumb-active i{height: 98%;}
	.gallery-thumbs .swiper-slide i   {height: 98%;} 
	.gallery-thumbs .swiper-slide{
		height: auto;
	}
}
.prodvtext{
	font-family: "微软雅黑"  !important;;
	line-height: 3;
}
.prodvtext span{
	font-family: "微软雅黑"  !important;;
	 
}
.prodvtext p{
	font-family: "微软雅黑"  !important;;
	
}
.showproallleft .swiper-wrapper{
		height: 100%;

	}

.pagelist ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.pagelist li {
    display: inline-block;
    margin: 0 2px;
}
.pagelist ul li a{
	padding: 5px 8px;
	border:1px solid #d4cfcf;
	color:#868282;
	display: block;
}
.pagelist ul li.active a{
	background-color: #287dc5;
	color: #fff;
	border-color: #287dc5;
}