@charset "utf-8";

.main{ width:1255px; margin:0px auto;}
.main p{ font-size:16px; line-height:25px; }
.banner{ width:100%;}
.banner img{ width:100%;}
.breadcrumb{ height:60px; line-height:60px; border-bottom:1px solid #CCC; margin-bottom:60px;}
.breadcrumb ul{ float:left;}
.breadcrumb ul li{ display:inline-block; padding:0px 30px; height:59px;}
.breadcrumb ul li a{ font-size:18px;}
.active{ background:#1e6db0; }
.active a{font-weight:bold; color:#FFF;}
.layui-breadcrumb{ float:right;}
.layui-breadcrumb span i{ margin-right:10px;}
.layui-breadcrumb a{ color:#333 !important;}
.layui-breadcrumb a cite{ color:#1e6db0;}

.main>h3{ font-size:36px; font-weight:bold; color:#1e6db0; text-align:center; margin-bottom:70px;}
.about1 .left{ float:left; width:50%;}
.about1 .right{ float:right; width:40%; margin-left:10%;}
.about h2{ font-size:30px; font-weight:bold;margin-bottom:50px;}
.about p{ font-size:16px; line-height:25px; margin-bottom:50px;}
.about2{ margin-top:50px; margin-bottom:50px;}
.about2 .left{ float:left; width:40%;}
.about2 .right{ float:right; width:50%}
.about .img{ border:1px solid #CCC; padding:10px;}
.about .img img{ width:100%;}

.pro>ul li{ display:inline-block; width:32%; margin-right:1%; border:1px solid #CCC; margin-bottom:40px;background:#f6f7fc;}
.pro>ul li span{ display:block; line-height:60px; text-align:center; font-size:16px; border-top:1px solid #CCC; white-space:nowrap; overflow:hidden;}
.pro>ul li img{ width:100%;}

.page{ text-align:center; margin-top:30px; margin-bottom:30px;}
.pagination li{ display:inline-block; padding:5px 10px; border:1px solid #CCC; margin:0px 2px;}

.anli dl{ float:left; width:48%; margin-right:2%; margin-bottom:50px;}
.anli dl dt{ float:left; width:50%;}
.anli dl dt img{ width:100%;}
.anli dl dd{ float:left;width:48%; margin-left:2%;}
.anli dl dd p{ line-height:30px;}
.anli dl dd h2{ font-weight:bold; margin-bottom:15px; font-size:18px;}



.shebei ul li{ display:inline-block;  margin-right:1%;  margin-bottom:40px;}
.shebei ul li:nth-child(3n){ margin-right:0px;}
.shebei ul li div{ background:url(../images/sbg.jpg) center center no-repeat; background-size:contain; padding:10px 20px 10px 10px; width:400px; height:300px;}
.shebei ul li div img{ width:100%;}
.shebei ul li span{ display:block; line-height:60px; text-align:center; font-size:16px;}


.news-top{ position:relative; margin-bottom:50px;}
.newtop>div{background: -moz-linear-gradient(#FFF,#ebf6fe);background: -o-linear-gradient(#FFF,#ebf6fe);background: -webkit-linear-gradient(#FFF,#ebf6fe);background: linear-gradient(#FFF,#ebf6fe)}
.newtop .img{ float:left; width:42%;}
.newtop .img img{ width:100%;}
.newtop .text{ float:left; width:53%; margin-left:5%;}
.newtop .text h2{ font-size:30px; font-weight:bold; margin-bottom:20px;}
.newtop .text span{ display:block; font-size:14px; margin-bottom:20px;}
.newtop .text p{ font-size:16px; line-height:30px; margin-bottom:20px;}
.newtop .text .move{ display:inline-block; border-top:3px solid #1e6db0;}
.newtop .text .move a{ color:#1e6db0; font-size:16px;}

.arraws{ position:absolute; right:5%; bottom:20px;}
.arraws div{ border:1px solid #CCC; padding:3px 6px; float:left; margin-left:10px; cursor:pointer;}



.newslist dl{ background:url(../images/arras.png) center right no-repeat; padding-bottom:50px;}
.newslist dl:after{ content:"."; font-size:0px; clear:both;}
.newslist dl dt{ float:left; width:15%; text-align:right; margin-right:5%;}
.newslist dl dt span{ font-size:48px; font-weight:bold; display:block;}
.newslist dl dd{float:left; width:60%;}
.newslist dl dd h2{ font-size:30px; margin-bottom:20px;}
.newslist dl dd p{ font-size:14px; line-height:30px;}
.bot{border-bottom:1px solid #CCC; padding-top:50px;}
.bot:hover{ background:#1e6db0;}
.bot:hover a{ color:#FFF;}



.bshare-custom{ display:inline-block;}


.title{background:#F5F5F5; padding:20px 25px;}
.title .left{ float:left; width:80%; }
.title .left h2{ font-size:24px; color:#666666; margin-bottom:15px;}
.title .left span{ font-size:14px; color:#666;}
.title .right{ float:right; width:20%; line-height:50px;}

.show{ padding:15px; margin-top:40px; min-height:400px; font-size:16px; border-bottom:1px solid #CCC; line-height:36px;}


.showpage { margin:20px auto;}
.showpage .left{ float:left; width:80%;}
.showpage .right{ float:right; border:1px solid #CCC; padding:5px 20px; font-size:14px; }
.text { border:4px solid #CCC; padding:10px 20px; line-height:25px; margin-bottom:50px;} 
#viewer li{ cursor:pointer;}
.bshare-custom .bshare-qqim{ }




@media only screen and (max-width: 1440px){
 
 .about{ padding:0 2vw;}
 .layui-breadcrumb {
 
    margin-right: 2vw;
}
}
 
 
@media only screen and (max-width: 1080px){
  .layui-breadcrumb { display:none;
}
	.pro{ padding:0 1vw;}
	.pro ul li{ width:49%;}
	 .pro ul li:nth-child(2n){ margin-right:0px;}
	.anli dl{ width:100%; padding:0 2vw; margin-bottom:4vw;}
	.anli dl dt{ width:100%; margin-bottom:2vw;}
	.anli dl dd{ width:100%;}
	.breadcrumb ul li{ padding:0px 2vw;}
	.shebei ul li{ width:48%; margin-bottom:4vw;}
	.shebei ul li div{ width:100%; height:inherit;}
	.shebei ul li div img{ width:100%;}
	.newslist dl{ background:none;}
	.newslist dl dt{ width:20%;}
	.newslist dl dd{width:72%;}
	.newslist dl dt span{ font-size:6vw;}
	.newslist dl dd h2{ font-size:4vw; font-weight:bold;}
	.newtop .img{ width:100%;}
	.newtop .text{ width:100%; margin-left:0px; padding:2vw;}
	.main>h3{ margin-bottom:5vw;}
	.news-top{ padding:0px 2vw;}
	.about{ padding:0 2vw;}
	.about .left{ width:100%;}
	.about .right{ width:100%;}
	.title .left{ width:100%;}
	.title .right{ width:100%;}
}