@charset "utf-8";

.ny-banner{overflow: hidden; height: 350px;}

/* 当前位置 */
.location{ overflow: hidden;height: 66px;line-height: 66px; border-bottom: 1px solid #E7E7E7;}
.location h2{float: left;color: #333;}
.location .here{float: right; color: #333;}
.location .here a{ color: #666;}

.webbg{ overflow:hidden; background:#f8f8f8; }
.webbox{ overflow:hidden; background:#FFF; padding:50px; margin: 50px;}


.sublist{overflow: hidden;background: #FCFCFC; border-bottom: 1px solid #E7E7E7;}
.sublist ul{}
.sublist ul li{float: left;line-height: 60px;}
.sublist ul li a{color: #222;display: block; padding: 10px 30px;font-size: 15px;}
.sublist ul li a:hover{ display: block;color: #222;}
.sublist ul li a.thisclass{ display: block;color: #FFF; background: #0075d9;}

/* 关于我们 */
.wenhuabg{overflow: hidden; background: url(../images/wenhuabg.jpg) no-repeat center; background-size: cover; padding: 60px 0;}
.wenhua-tit{ text-align:center; color:#FFF; padding:50px 0; }
.wenhua-tit em{font-size: 15px; text-transform:uppercase; }
.wenhua-tit h2{ font-size:42px; }
.wenhua{overflow: hidden;}
.wenhua ul{}
.wenhua ul li{float: left; width: 29.333333%; margin: 0 2%; background: #FFF;}
.wenhua ul li .img{overflow: hidden;}
.wenhua ul li .img img{width: 100%;}
.wenhua ul li .text{ padding:30px; }
.wenhua ul li .text h3{font-size: 28px; text-align: center; margin-bottom: 20px;}
.wenhua ul li .text p{font-size: 14px;line-height: 28px; color: #666;}

.teambg{overflow: hidden; background: #f7f7f7;padding: 60px 0;}
.teambox{ overflow:hidden; background:#FFF; padding:30px; }
.team-tit{ text-align:center; padding:50px 0; }
.team-tit em{font-size: 15px; text-transform:uppercase;  color:#999;}
.team-tit h2{ font-size:42px;  color:#333;}

.TeamSwiper{position: relative; margin-bottom: 60px;}
.TeamSwiper .swiper-pagination{text-align: center;width: 100%;bottom: -60px;}
.TeamSwiper .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #acacac;opacity: .5;}
.swiper-pagination-bullet-active{background: #186cb4 !important; opacity: 1 !important;}

.HonorSwiper{position: relative; margin-bottom: 60px;}
.HonorSwiper .swiper-pagination{text-align: center;width: 100%;bottom: -60px;}
.HonorSwiper .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #acacac;opacity: .5;}
.swiper-pagination-bullet-active{background: #186cb4 !important; opacity: 1 !important;}

.ChejianSwiper{position: relative; margin-bottom: 60px;}
.ChejianSwiper .swiper-pagination{text-align: center;width: 100%;bottom: -60px;}
.ChejianSwiper .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #acacac;opacity: .5;}
.swiper-pagination-bullet-active{background: #186cb4 !important; opacity: 1 !important;}

.team,.honor,.chejian{overflow: hidden;}
.team img,.honor img,.chejian img{max-width: 100%;}

/* 联系方式 */
.contact{overflow: hidden; background: #FFF; padding: 50px; margin: 50px 0;}
.contact-l{float: left; width: 50%;}
.contact-l img{max-width: 100%;}
.contact-r{float: left; width: 45%; margin-left: 5%;}
.contact-r h2{font-size: 32px; margin-bottom: 30px;}
.contact-r .text{line-height: 28px;}



/* 下载资料 */
.downlist{overflow: hidden;}
.downlist ul{margin-left: -1%; margin-right: -1%;}
.downlist ul li{ float:left;border:1px solid #e7e7e7; width: 31.333333%; margin:  0 1%; margin-bottom: 30px; padding: 15px;}
.downlist ul li i{float: left; width: 100px; color: #186cb4; font-size: 70px;}
.downlist ul li .text{float: left;width: calc((100% - 100px));}
.downlist ul li .text h3{font-size: 22px; display: block;}
.downlist ul li .text .gk{display: inline-block; font-size: 14px;line-height: 26px; color: #999; margin: 5px 0;}
.downlist ul li .text .xz{display: inline-block; font-size: 14px; background: #186cb4; padding: 10px 20px;}
.downlist ul li .text .xz a{color: #FFF;}


/* 产品列表 */
.prolist{overflow: hidden; text-align: center; }
.prolist ul{display: inline-block;}
.prolist ul li{float: left;margin: 0 10px; padding: 70px 0;}
.prolist ul li a{color: #666;border: 1px solid #ccc;  background: #FFF;border-radius: 50px; padding: 10px 30px; font-size: 16px;}
.prolist ul li a:hover{color: #FFF; border: 1px solid #186cb4; background: #186cb4;}
.prolist ul li a.hover{color: #FFF; border: 1px solid #186cb4;background: #186cb4;}

.productbg{overflow: hidden; background: #f8f8f8;}
.product{}
.product ul{}
.product ul li{float: left; width:23%; margin: 0 1%; background: #FFF; margin-bottom: 4%;box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.product ul li:hover{ transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.product ul li .img{overflow: hidden;}
.product ul li .img img{max-width: 100%;}
.product ul li h2{font-size: 16px; display: block; line-height: 30px; text-align: center; padding: 10px 0;}
.product ul li h3{font-size: 16px; display: block; line-height: 30px; text-align: center; padding: 30px 0 10px 0;}
.product ul li .more{ color: #186cb4; text-align: center; line-height: 30px; padding-bottom: 30px;}



/*新闻资讯*/

.newslist{}
.newslist ul{}
.newslist ul li{ overflow: hidden; margin-bottom: 50px; background: #FFF; border: 1px solid #E7E7E7; cursor: pointer; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .img{float: left; width:300px; height: 200px; overflow: hidden; }
.newslist ul li .img img{width: 100%; height: 100%;}
.newslist ul li .text{float: left;  width: calc((100% - 300px));padding: 30px; }
.newslist ul li .text h3{font-size: 18px; font-weight: bold;}
.newslist ul li .text time{display: block;margin: 10px 0; color: #888;}
.newslist ul li .text .nr{line-height: 26px; font-size: 14px; color: #777; margin-top: 10px; text-align: justify;}

.news{overflow: hidden; margin-bottom: 30px;}
.news ul{}
.news ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7;  height: 40px; line-height: 40px;}
.news ul li span{font-size: 13px;}
.news ul li span i{float: left; font-size: 14px;}
.news ul li time{float: right; color: #999;}



/*在线留言*/
.book{padding: 15px; overflow: hidden;}
.book ul{}
.book ul li{float: left; width: 100%;  padding: 5px 0;}
.book ul li span{float: left; font-size: 15px; width: 60px; line-height: 32px;}
.book ul li i{color: #FF0000; font-weight: bold; padding-left: 8px;}
.book ul li input{ height: 30px; line-height: 30px; padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li textarea{ padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li .yzm{width: 80px;}
.book .submit{ background: #f23803; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}


/*产品详情页*/
.web-left{float: left; width: calc((100% - 400px)); background: #FFF; margin: 50px 0;}
.web-leftbox{padding: 50px;}
.web-right{float: left; width: 350px; margin-left: 50px;margin-top: 50px;}

.pro-xg{overflow: hidden; background: #FFF; padding: 25px; margin-bottom:50px; }
.pro-xg h1{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px; color: #186cb4;}
.pro-xg ul {}
.pro-xg ul li{}
.pro-xg ul li .img{overflow: hidden;  border: 1px solid #e7e7e7; padding: 15px;}
.pro-xg ul li .img img{max-width: 100%;}
.pro-xg ul li h2{margin: 20px 0;line-height: 24px;text-align: center;}

.lx-right{overflow: hidden; background: #FFF; padding: 25px; line-height: 30px;}
.lx-right h2{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px; color: #186cb4;}

.ewm-right{overflow: hidden;padding: 30px;background: url(../images/gzhbg.jpg) no-repeat center bottom;background-size: cover;margin: 50px 0;}
.ewm-right .img{ width: 154px; margin: 0 auto;}
.ewm-right .img img{ width: 154px;}
.ewm-right p{ text-align: center;font-size: 18px;line-height: 28px;}
.ewm-right p small{ font-size: 19px;color: #999;}




/*详情页*/
.Details_tit{ text-align:center; font-size:38px; }
.showbt{overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.showbt span{ display: inline-block; padding: 15px 40px; color: #FFF; background:#186cb4; font-size: 18px}

.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}

.Details-conent{overflow: hidden; margin: 30px 0; line-height: 32px;}
.Details-conent img{max-width: 100%;}



@media (min-width:1024px) and (max-width:1366px) {
	
.wenhua-tit h2,.team-tit h2{font-size: 36px;}
.contact{padding: 40px;}
.webbox{padding: 40px;margin: 40px;}

}

@media (min-width:768px) and (max-width:1023px) {

.ny-banner{overflow: hidden; height: 300px;}
.webbox{padding: 30px;margin: 20px;}
.Details_tit{font-size: 30px;}
.contact{padding: 30px;}
.web-leftbox{padding: 40px;}
.wenhua-tit h2,.team-tit h2{font-size: 30px;}
.prolist ul li{ padding:30px 0; }
.product ul li{width: 28%;}
.product ul li h3{font-size: 14px;padding: 10px 0;}

.downlist ul li{width: 48%;}
.downlist ul li .text h3{font-size: 18px;}



	
}
@media screen and (max-width:767px) {
	
.ny-banner{overflow: hidden; height: 200px;}
.webbox{padding: 20px;margin: 10px;}
.wenhua-tit h2,.team-tit h2{font-size: 22px;}
.prolist ul li{ padding:20px 0; }
.prolist ul li a{font-size: 14px;}
.product ul li{width: 48%;}
.product ul li h3{font-size: 14px; padding: 10px 0;}

.web-right{display: none;}
.web-left{width: 100%;}
.Details_tit{font-size: 22px;}
.Details h1{font-size: 22px;}
.web-leftbox{padding: 20px;}

.contact{padding: 20px;}
.contact-l{width: 100%;}
.contact-r{width: 100%; margin-left: 0;}

.newslist ul li .img{width: 100%;}
.newslist ul li .text{width: 100%; padding: 15px;}

.downlist ul li{width: 98%;}
.downlist ul li .text h3{font-size: 16px;}

}



