@charset "utf-8";
@media screen and (max-width:1600px)
{
.swiper-slide dl dt{ clear:both; overflow:hidden; font-size:30px; color:#0463b3; font-weight:bold; line-height:34px; background:url(../images/indextwoline.jpg) no-repeat left bottom; padding:0 0 20px 0; margin:20px 0 30px 0; }
.swiper-slide dl dd{ line-height:28px; color:#999999; margin:0 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
}


@media screen and (max-width:1483px)
{
header .headerright{float:left; width:60%; margin:0px 0% 0px 5%; position:relative;  }


.menu3 a,.menu3 a:link,.menu3 a:visited{ padding:30px 1%;  }

.sousuo{ display:none;}
}



@media screen and (max-width:1366px)
{
.mobanone dl dt{ line-height:32px; color:#696969; margin:20px 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; }	
	
.swiper-slide dl dt{ clear:both; overflow:hidden; font-size:28px; color:#0463b3; font-weight:bold; line-height:34px; background:url(../images/indextwoline.jpg) no-repeat left bottom; padding:0 0 20px 0; margin:20px 0 30px 0; }
.swiper-slide dl dd{ line-height:28px; color:#999999; margin:0 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}	


}

@media screen and (max-width:1200px)
{
.aboutbox{ width:100%;  }

}
/*<=1023px*/
@media screen and (max-width:1023px)
{

.mainbanner1 {height:400px;}

.positioninfo{font-size:26px;}

.mobanfive{ height:350px; }
.mobanfive a{ color:#fff; display:block; width:90%; padding:9% 0 0 0; margin:0 auto; }
.mobanfive strong{ font-size:38px; }
.mobanfive span{ display:block; font-size:16px; line-height:30px; margin:15px 0 0 0;  }

.mainmenu{ background:#f3f3f3; padding:2% 0;  }
.menu3 a,.menu3 a:link,.menu3 a:visited{ display:block; float:left; width:32%; padding:0px 0%; margin:4px 0.5%;  line-height:50px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; background:#fff; }
.menu3 a:hover,.menu3 a.active,.menu3 a.active:link,.menu3 a.active:visited{background:#11284b; color:#fff; text-decoration:none;}


}


/*<=920px*/
@media screen and (max-width:992px)
{
header .logo img {
    width: 50%;}	
	
	
.headerpage{height:70px; }
header .logo{width:80%; line-height:60px;  }
header .wapnav{display:block; width:15%; margin-top:15px; text-align:right; padding-right:1%;}

.nav{ display:none}
header .headerright{width:100%;z-index:99999;}

.sousuo{ display:none; }

.widthbox{ width:96%; margin:0 auto;}


.biaoti{ text-align:center; margin:1% 0 3% 0; }
.biaoti a{ font-size:38px; font-weight:bold; line-height:100px; padding:0 0 15px 0;  }
.biaoti span{ display:block; color:#afbac5; font-size:16px; }
a.gengduo{ display:block; width:200px; text-align:center; color:#fff; background: -webkit-linear-gradient(right, rgba(1,92,173,1.0), rgba(50,190,255,1.0)); line-height:50px; }
a.gengduo:hover{  box-shadow:0px 3px 6px #015cad; }

.biaoti1{ text-align:center; margin:1% 0 3% 0; }
.biaoti1 a{ font-size:38px; font-weight:bold; color:#0463b3; line-height:100px; padding:0 0 15px 0;  }
.biaoti1 span{ display:block; color:#999999; font-size:16px; }
a.gengduo1{ display:block; width:200px; text-align:center; color:#005aab; border:1px solid #005aab; line-height:50px; margin:40px auto 0 auto; }
a.gengduo1:hover{  box-shadow:0px 3px 6px #015cad; }


.swiper-slide dl{ margin:30px 0 0 0; padding:0 15px 30px 15px; }
.swiper-slide dl span{ font-size:20px; color:#999999; }
.swiper-slide dl dt{ clear:both; overflow:hidden; font-size:28px; line-height:36px; color:#0463b3; font-weight:bold; background:url(../images/indextwoline.jpg) no-repeat left bottom; padding:0 0 30px 0; margin:20px 0 30px 0; }
.swiper-slide dl dd{ line-height:28px; color:#999999; margin:0 0 30px 0; }


.mainpage{ width:96%;  }

.bannermain{ height:240px; }
.posbox{ clear:both; margin:-130px auto 0 auto; height:130px; width:100%; text-align:center; text-shadow:0px 0px 10px #000; }

.info_listxw li .newsdate{font-size:18px; }


.about_si{ display:none;}
.aboutbox { margin-bottom:8%;}
.aboutbox P {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: -o-ellipsis-lastline; }
	
	
.yb_conct{ display:none;}	

}


@media screen and (max-width:859px)
{

/*搜索*/
.sousuobg { display:none;}

.mainbanner1 {height:400px;}

.left{clear:both; overflow:hidden; padding:0 0%; width:96%; margin:0 auto;  }

.about_si{ display:none;}

.slick-prev,
.slick-next
{ display:none;
}

.slick-next {
    display:none;}


.biaoti2 a {
    font-size: 30px;}


}



@media screen and (max-width:767px)

{
.mainbanner {height:350px;}	
.mainbanner1 {height:400px;}	

.newsbox ul h3{ font-size:16px; color:#555555; margin:0 0 5px 0;  }

.mobanfive{ height:300px; }
.mobanfive strong{ font-size:28px; }

.wrapper1{width:50%; float:left; text-align:center; border-left:1px solid #d6dde7; margin:0 0 20px 0; }
.wrapper1:nth-child(1),.wrapper1:nth-child(3),.wrapper1:nth-child(5){ border:0px; }


.footmenu{ display:none; /*clear:both; overflow:hidden; margin:5% 0%; padding:5% 0%; border-right:0px solid #335982;  border-left:0px solid #335982; border-top:1px solid #335982;  border-bottom:1px solid #335982;*/  }

.maintitle{ font-size:26px; font-weight:bold; background:url(../images/line01.gif) no-repeat left bottom; padding:0 0 20px 0; margin:0 0 20px 0; }



/*产品导航*/
.menucp a,.menucp a:link,.menucp a:visited { display:block; width:48%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}
.menu1 a,.menu1 a:link,.menu1 a:visited { display:block; width:31%; float:left; line-height:40px; padding:0 0; margin:3px 1%;}


.message_add input[type="text"]{ width:79%;  }


.info_listxw li .newsdate{ clear:both; color:#999999; line-height:26px; font-size:18px; padding:1.5% 0 0 0; margin:0 0 20px 0; text-align:center; border-bottom:1px solid #cccccc; border-right:0px solid #cccccc; }


.myslider{ max-width:1650px; margin: 20px auto; width: calc(100%);}

}


@media screen and (max-width:640px)
{
	
header .logo img {
    width: 100%;}	
		
.webtop ul ol{ display:none; }

.mainbanner {height:200px;}	
.mainbanner1{height:240px;}	

.biaoti{ text-align:center; margin:1% 0 4% 0; }
.biaoti a{ font-size:30px; font-weight:bold; line-height:70px; padding:0 0 15px 0;  }
.biaoti span{ display:block; color:#afbac5; font-size:16px; }
a.gengduo{ display:block; width:200px; text-align:center; color:#fff; background: -webkit-linear-gradient(right, rgba(1,92,173,1.0), rgba(50,190,255,1.0)); line-height:50px; }
a.gengduo:hover{  box-shadow:0px 3px 6px #015cad; }

.biaoti1{ text-align:center; margin:1% 0 4% 0; }
.biaoti1 a{ font-size:30px; font-weight:bold; color:#0463b3; line-height:70px; padding:0 0 15px 0;  }
.biaoti1 span{ display:block; color:#999999; font-size:16px; }
a.gengduo1{ display:block; width:200px; text-align:center; color:#005aab; border:1px solid #005aab; line-height:50px; margin:40px auto 0 auto; }
a.gengduo1:hover{  box-shadow:0px 3px 6px #015cad; }


.product_view div.bigimg img{ width: 100%;  height:auto; }

.footerbottom{  padding:2% 0 60px 0; }
.fnav2{ display: block; }

.menu3 a,.menu3 a:link,.menu3 a:visited{ display:block; float:left; width:47%; padding:0px 1%; margin:4px 0.5%;  }

.biaoti1 a {
    font-size: 24px;}



}
@media screen and (max-width:500px)
{
.htmleaf-content{ width:90%; margin:3% auto 0 auto; }

.message_add input[type="text"]{ width:70%; border:0px solid red; background:#f3f3f3; }

.aboutbox{  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:6; }
.counter{display:block; width:90px;  margin:0 auto; }
.counter h2{ font-size:35px; font-weight:bold; float:left; }

.cpfenlei a {  margin: 0 0 10px 0;}
a.gengduo { font-size: 18px;}
.aboutbox { margin-bottom:17%;}

}

@media screen and (max-width:400px)
{

}


@media screen and (max-width:320px)
{
.mainbanner {height:150px;}	
.mainbanner1{height:160px;} 



}