

.banner{ width:100%;}
.banner img{ display: block; width:100%;}
.banner .swiper-pagination{ line-height:1; bottom:50px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:16px; height:6px; background:#ffffff; opacity:0.5; border-radius:0; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:36px; opacity:1; }
.banner .banner-prev,.banner .banner-next{ width:60px; height:72px; position: absolute; top:50%; margin-top:-36px; z-index:100; cursor: pointer; }
.banner .banner-prev{ left:0; background: rgba(255, 255, 255, 0.3) url(../images/banner-prev.png) no-repeat center center; background-size:cover; }
.banner .banner-next{ right:0; background: rgba(255, 255, 255, 0.3) url(../images/banner-next.png) no-repeat center center; background-size:cover; }
.banner .banner-prev:hover,.banner .banner-next:hover{ background-color:#2766bc;}
.banner .banner-prev:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -17px;
	border-left: 0 solid transparent;
	border-bottom: 72px solid rgba(255, 255, 255, 0.3);
	border-top: 17px solid transparent;
	border-right: 17px solid transparent;
}
.banner .banner-next:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -17px;
	border-right: 0 solid transparent;
	border-bottom: 72px solid rgba(255, 255, 255, 0.3);
	border-top: 17px solid transparent;
	border-left: 17px solid transparent;
}

.banner .banner-prev:hover:after{ border-bottom-color:#2766bc; }
.banner .banner-next:hover:after{ border-bottom-color:#2766bc;}


/*首页产品*/
.homeprod{ background: url(../images/prodbj.jpg) no-repeat center center; background-size:cover; padding-top:85px;width: 100%;
float: left; }

.htit{ overflow: hidden; position: relative;}
.htit .hname{ position: relative;}
.htit .hname .color_block{ overflow: hidden; margin-bottom:14px;}
.htit .hname .color_block span{ float: left; height:23px; width:12px; margin-right:8px; }
.htit .hname span.color01{ background:#707070; }
.htit .hname span.color02{ background:#1c77dc;}

.htit .hname .hn_en{ font-family: Impact; font-size: 60px; color:#e0e4ec; line-height:0.8; text-transform: uppercase; }
.htit .hname .hn_cn{ color:#2c2c2c; font-size:30px; font-weight: bold; position: absolute; left:0; bottom:0; line-height:1; }

.hmore{font-size:14px; height:42px; line-height:42px; background:#2766bc; color:#ffffff; padding:0 24px; float: left; }
.hmore span{ background:url(../images/more.png) no-repeat right center; padding-right:28px;}
.htit .hmore{  position: absolute; top:50%; margin-top:-21px; right:0;}
.hmore:hover{ background:#cc0000;}

.search{ border:1px solid #414141; height:42px; width:552px; overflow: hidden; margin:-62px auto 0 auto; border-radius:21px; position: relative; z-index:10; }
.search .search_input{ width:490px; height:40px; padding:0 20px; float: left; background:none; color:#818a9a; font-size:14px; }
.search .search_input::-webkit-input-placeholder{ color:#818a9a; }

.search .search_btn{ width:60px; height:40px; float: right; background: url(../images/search_btn.png) no-repeat center center; cursor: pointer; }

.prodnav{ text-align: center; margin:60px 0;}
.prodnav a{ display: inline-block; height:36px; line-height:34px; border:1px solid #414141; font-size:14px; color:#414141; padding:0 35px; border-radius:18px; margin:0 2px;  }
.prodnav a:hover{ border-color:#2766bc; color:#ffffff; background:#2766bc;}

.hplist{width:100%;float:left;margin-top:5%;}
.hplist .swiper-slide{ background:#ffffff; position: relative; }
.hplist .swiper-slide:hover{box-shadow: 0px 0px 10px #cccccc;}
.hplist .swiper-slide img{ display: block; width:100%;}
.hplist .swiper-slide .info{ color:#282828; padding:15px; border-top:1px solid #dcdcdc; }
.hplist .swiper-slide .info h3{font-size:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hplist .swiper-slide .info p{ margin-top:5px; font-size:14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hplist .swiper-slide a{ position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); opacity:0; 
	transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.hplist .swiper-slide:hover a{ opacity:1;} 
.hplist .swiper-slide a .more{ height:42px; width: 148px; position: absolute; top:50%; left:50%; margin:-21px 0 0 -74px; background:#2766bc; line-height:42px;  color:#ffffff; text-align: center;}
.hplist .swiper-slide a .more span{ display: inline-block; background: url(../images/more2.png) no-repeat left center; padding-left:25px;}

.hplist1{width:100%;float:left;margin-top:5%;}
.hplist1 .swiper-slide{ background:#ffffff; position: relative; }
.hplist1 .swiper-slide:hover{box-shadow: 0px 0px 10px #cccccc;}
.hplist1 .swiper-slide img{ display: block; width:100%;}
.hplist1 .swiper-slide .info{ color:#282828; padding:15px; border-top:1px solid #dcdcdc; }
.hplist1 .swiper-slide .info h3{font-size:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hplist1 .swiper-slide .info p{ margin-top:5px; font-size:14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hplist1 .swiper-slide a{ position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.5); opacity:0; 
	transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.hplist1 .swiper-slide:hover a{ opacity:1;} 
.hplist1 .swiper-slide a .more{ height:42px; width: 148px; position: absolute; top:50%; left:50%; margin:-21px 0 0 -74px; background:#2766bc; line-height:42px;  color:#ffffff; text-align: center;}
.hplist1 .swiper-slide a .more span{ display: inline-block; background: url(../images/more2.png) no-repeat left center; padding-left:25px;}



.pagin .swiper-pagination{ line-height:1; margin:50px 0; position: static; }
.pagin .swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px; background:#898989; opacity:1; margin:0 6px; }
.pagin .swiper-pagination .swiper-pagination-bullet-active{ background:#1c77dc; }

/*首页产品*/

/*首页关于我们*/
.homeabout{ background: url(../images/aboutbj.jpg) no-repeat center center; background-size:cover; padding:120px 0;width:100%;float:left;}

.htit2 .hname{ width:100%;}
.htit2 .hname .hn_en{ color:#eef1f6; }
.htit2 .hname .hn_cn span{ font-weight: normal;}

.homeabout .abtxt{ width:65%; }
.abinfo{ width:80%; padding-top:50px; overflow: hidden;margin:0 auto;}
.homeabout .abtxt .tit{ color:#2c2c2c; font-size:30px; font-weight: bold; }
.homeabout .abtxt .tit h1{ color:#2c2c2c; font-size:30px; font-weight: bold; }
.homeabout .abtxt .txt{ font-size:16px; line-height:2.5; margin:25px 0;}


.abbottom{ position: relative; overflow: hidden;}
.abbottom .hmore{ position: absolute; left:0; top:50%; margin-top:-21px;}

.homeabout .container { position:relative;}
.homeabout .abtxt .abtu{ float:right;  width:27%;}
.homeabout .abtxt .abtu img{ width:100%; display: block;}

.homeabout .abimg{ width:28%; height:100%; position: absolute;top:3%; right:3%;}
.homeabout .abimg img{ display: none; width:100%; }
/*首页关于我们*/

/*首页视频*/
.homevideo{ background: url(../images/videobj.jpg) no-repeat center center; background-size:cover; padding:85px 0;width:100%;float:left;padding-bottom:0; }


/*首页新闻*/
.homenews{padding-top:85px;width:100%;float:left; }
.hnlist{ margin-top:85px;}
.hnlist .swiper-slide{ padding:50px 25px 0 25px;}
.hnlist .swiper-slide:after{ content: ""; position: absolute; left:0; top: 0; width:100%; height:100%; background:#eef1f6; }
.hnlist .content{ overflow: hidden; position: relative; z-index:10; }
.hnlist .content .time{ width:70px; text-align: right; float: left;}
.hnlist .content .time .y{ color:#5d5d5d; font-size:16px; }
.hnlist .content .time .md{ color:#414141; font-size:20px; font-weight: bold; }
.hnlist .content .txt{ padding-left:100px; width:100%; line-height:30px;}
.hnlist .content .txt h3{ font-size:20px; color:#414141; height:60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.hnlist .content .txt p{ color:#7b7b7b; font-size:16px; margin:15px 0 35px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.hnlist .more{ border-top:1px solid #dfe4eb; line-height:56px; position: relative; z-index:10;  }
.hnlist .more span{ display: inline-block; width:70px; text-align: center; position: relative; z-index:1; color:#414141; font-size:16px;}
.hnlist .more:after{ content: ""; width:70px; height:4px; background:#599de9; position: absolute; left:0; top:32px;  }

.hnlist .swiper-slide:hover:after{ background: rgba(28,119, 220, 0.8);}
.hnlist .swiper-slide:hover .content .time .y{ color:#b3d2f4;}
.hnlist .swiper-slide:hover .content .time .md{ color:#ffffff;}
.hnlist .swiper-slide:hover .txt h3{ color:#ffffff;}
.hnlist .swiper-slide:hover .txt p{ color:#b3d2f4;}
.hnlist .swiper-slide:hover .more{border-top-color:#5295df;}
.hnlist .swiper-slide:hover .more span{ color:#ffffff;}
.hnlist .swiper-slide:hover .more:after{background:#b3d2f4;}
/*首页新闻*/

.hnlist .swiper-slide:after,.hnlist .swiper-slide .content .time .y,.hnlist .swiper-slide .content .time .md,.hnlist .swiper-slide .txt h3,.hnlist .swiper-slide .txt p,.hnlist .swiper-slide .more,.hnlist .swiper-slide .more span,.hnlist .swiper-slide .more:after{
	transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

@media screen and (max-width: 1680px) {
.banner .swiper-pagination{ bottom:40px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:14px; height:5px; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:30px; }
.banner .banner-prev,.banner .banner-next{ width:50px; height:60px; margin-top:-30px;  }
.banner .banner-prev:after {
	right: -15px;
	border-bottom: 60px solid rgba(255, 255, 255, 0.3);
	border-top: 15px solid transparent;
	border-right: 15px solid transparent;
}
.banner .banner-next:after {
	left: -15px;
	border-bottom: 60px solid rgba(255, 255, 255, 0.3);
	border-top: 15px solid transparent;
	border-left: 15px solid transparent;
}


/*首页产品*/
.homeprod{ padding-top:70px; }
.htit .hname .color_block{ margin-bottom:12px;}
.htit .hname .color_block span{ height:20px; width:10px; margin-right:7px; }
.htit .hname .hn_en{ font-size:50px; }
.htit .hname .hn_cn{ font-size:24px; }
.hmore{font-size:12px; height:36px; line-height:36px; padding:0 20px; }
.hmore span{ padding-right:24px; }
.htit .hmore{ margin-top:-18px; }
.search{ height:36px; width:462px; border-radius:18px; margin-top:-52px; }
.search .search_input{ width:410px; height:34px; padding:0 15px; font-size:12px; }
.search .search_btn{ width:50px; height:36px; }
.prodnav{ margin:50px 0;}
.prodnav a{ height:32px; line-height:30px; font-size:12px; padding:0 30px; border-radius:16px; margin:0 2px;  }
.hplist .swiper-slide .info{ padding:12px; }
.hplist .swiper-slide .info h3{font-size:14px; }
.hplist .swiper-slide .info p{ margin-top:4px; font-size:12px; }
.hplist .swiper-slide a .more{ height:36px; width:126px; margin:-18px 0 0 -63px; line-height:36px; }

.pagin .swiper-pagination{ margin:40px 0; }
.pagin .swiper-pagination .swiper-pagination-bullet{ width:12px; height:12px; margin:0 5px; }
/*首页产品*/


/*首页关于我们*/
.homeabout{ padding:100px 0;}
.abinfo{ padding-top:40px; }
.homeabout .abtxt .tit{ font-size:24px; }
.homeabout .abtxt .txt{ font-size:14px; margin:20px 0;}
.abbottom .hmore{ margin-top:-18px;}
/*首页关于我们*/

/*首页视频*/
.homevideo{ padding:70px 0; }

/*首页视频*/

/*首页新闻*/
.homenews{padding-top:70px; }
.hnlist{ margin-top:70px;}
.hnlist .swiper-slide{ padding:40px 20px 0 20px;}
.hnlist .content .time{ width:60px; }
.hnlist .content .time .y{ font-size:14px; }
.hnlist .content .time .md{ font-size:18px; }
.hnlist .content .txt{ padding-left:85px; line-height:25px;}
.hnlist .content .txt h3{ font-size:18px; height:50px; }
.hnlist .content .txt p{ font-size:14px; margin:12px 0 30px 0;}
.hnlist .more{  line-height:48px;  }
.hnlist .more span{ width:60px; font-size:14px;}
.hnlist .more:after{ width:60px; height:3px; top:28px;  }
/*首页新闻*/


}




@media screen and (max-width: 1440px) {

.banner .swiper-pagination{ bottom:30px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:12px; height:4px; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:25px; }
.banner .banner-prev,.banner .banner-next{ width:42px; height:50px; margin-top:-25px;  }
.banner .banner-prev:after {
	right: -12px;
	border-bottom: 50px solid rgba(255, 255, 255, 0.3);
	border-top: 12px solid transparent;
	border-right: 12px solid transparent;
}
.banner .banner-next:after {
	left: -12px;
	border-bottom: 50px solid rgba(255, 255, 255, 0.3);
	border-top: 12px solid transparent;
	border-left: 12px solid transparent;
}


/*首页产品*/
.homeprod{ padding-top:60px; }
.htit .hname .color_block{ margin-bottom:10px;}
.htit .hname .color_block span{ height:18px; width:8px; margin-right:6px; }
.htit .hname .hn_en{ font-size:42px; }
.htit .hname .hn_cn{ font-size:20px; }
.search{ margin-top:-48px; }
.prodnav{ margin:40px 0;}
.prodnav a{ padding:0 25px;}
.hplist .swiper-slide .info{ padding:10px; }

.pagin .swiper-pagination{ margin:35px 0; }
.pagin .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 4px; }
/*首页产品*/



/*首页关于我们*/
.homeabout{ padding:85px 0;}
.homeabout .abtxt{ width:60%; }
.abinfo{ padding-top:30px; width:100%; }
.homeabout .abtxt .tit{ font-size:20px; }
.homeabout .abtxt .txt{ margin:15px 0;}
.homeabout .abimg{ width:35%; margin-right:0; }
/*首页关于我们*/


/*首页视频*/
.homevideo{ padding:60px 0; }
/*首页视频*/


/*首页新闻*/
.homenews{padding-top:60px; }
.hnlist{ margin-top:60px;}
.hnlist .swiper-slide{ padding:30px 15px 0 15px;}
.hnlist .content .time{ width:50px; }
.hnlist .content .time .y{ font-size:12px; }
.hnlist .content .time .md{ font-size:16px; }
.hnlist .content .txt{ padding-left:70px; line-height:20px;}
.hnlist .content .txt h3{ font-size:15px; height:40px; }
.hnlist .content .txt p{ font-size:12px; margin:10px 0 25px 0;}
.hnlist .more{  line-height:40px; }
.hnlist .more span{ width:50px; font-size:12px;}
.hnlist .more:after{ width:50px; height:3px; top:24px;  }
/*首页新闻*/




}


@media screen and (max-width: 1240px) {


.banner .swiper-pagination{ bottom:20px; }
.banner .swiper-pagination .swiper-pagination-bullet{ width:10px; height:3px; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ width:22px; }
.banner .banner-prev,.banner .banner-next{ width:36px; height:42px; margin-top:-21px;  }
.banner .banner-prev:after {
	right: -10px;
	border-bottom: 42px solid rgba(255, 255, 255, 0.3);
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
}
.banner .banner-next:after {
	left: -10px;
	border-bottom: 42px solid rgba(255, 255, 255, 0.3);
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
}

/*首页产品*/
.homeprod{ padding-top:50px; }
.htit .hname .color_block{ margin-bottom:10px;}
.htit .hname .color_block span{ height:16px; width:7px; margin-right:5px; }
.htit .hname .hn_en{ font-size:36px; }
.search{ width:402px; }
.search .search_input{ width:350px; }
.prodnav{ margin:35px 0;}
.prodnav a{ padding:0 20px;}
.pagin .swiper-pagination{ margin:35px 0; }
.pagin .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 4px; }
/*首页产品*/


/*首页关于我们*/
.homeabout{ padding:60px 0;}
.abinfo{ padding-top:20px; width:100%; }
.homeabout .abtxt .txt{ line-height:2; }

/*首页关于我们*/

/*首页视频*/
.homevideo{ padding:50px 0; }
/*首页视频*/

/*首页新闻*/
.homenews{padding-top:50px; }
.hnlist{ margin-top:50px;}
/*首页新闻*/



}

@media screen and (max-width: 1024px) {




/*首页产品*/
.homeprod{ padding-top:40px; }

.htit .hname .color_block{ margin-bottom:10px;}
.htit .hname .color_block span{ height:14px; width:6px; margin-right:4px; }


.search{ width:100%; margin-top:20px;  }
.search .search_input{ width:90%; }
.search .search_btn{ width:10%;}

.prodnav{ margin:15px 0; overflow: hidden;}
.prodnav a{ padding:0; float: left; width:23%; margin:1%;}

.pagin .swiper-pagination{ margin:35px 0; }
.pagin .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; margin:0 4px; }
/*首页产品*/


/*首页关于我们*/
.homeabout{ padding:40px 0;}
.homeabout .abtxt .txt{ line-height:2; }
/*首页关于我们*/


/*首页视频*/
.homevideo{ padding:40px 0; }
/*首页视频*/


/*首页新闻*/
.homenews{padding-top:40px; }
.hnlist{ margin-top:40px;}
/*首页新闻*/



}


@media screen and (max-width: 768px) {


.banner .swiper-slide{ overflow: hidden;}
.banner img{ width:120%; margin-left:-10%;}
.banner .swiper-pagination{ bottom:10px; }
.banner .banner-prev,.banner .banner-next{ width:30px; height:36px; margin-top:-18px;  }
.banner .banner-prev:after {
    right: -8px;
    border-bottom: 36px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
}
.banner .banner-next:after {
    left: -8px;
    border-bottom: 36px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
}


/*首页产品*/
.homeprod{ padding-top:20px; }

.hmore{padding:0 15px; }
.hmore span{ padding-right:20px;}
.htit .hname .color_block{ margin-bottom:8px;}
.htit .hname .color_block span{ height:12px; width:5px; margin-right:3px; }
.prodnav a{ width:48%; margin:1%;}


.pagin .swiper-pagination{ margin:20px 0; }
/*首页产品*/

/*首页关于我们*/
.homeabout{ padding:20px 0;}
.abinfo{ padding-top:15px;}
.homeabout .abtxt{ width:100%;}
.homeabout .abtxt .txt{ margin:10px 0;}
.homeabout .abimg{ width:100%; position:static; height:auto;}
.homeabout .abimg img{ display:block;}
.homeabout .abimg{ margin-top:20px;}
/*首页关于我们*/

/*首页视频*/
.homevideo{ padding:20px 0; }
/*首页视频*/


/*首页新闻*/
.homenews{padding-top:20px; }
.hnlist{ margin-top:20px;}
/*首页新闻*/

.homeabout .abtxt .tit h1{ font-size:16px;}



}
@media screen and (max-width: 1200px) {.nav li > a {
  padding: 0 10px;}}


@media screen and (max-width: 640px) {
.hvlist li .img:after{ width:32px; height:32px; margin:-16px 0 0 -16px; }
.videolist li .img:after{ width:32px; height:32px; margin:-16px 0 0 -16px; }
.nyban .bantxt h3{ font-size:20px; letter-spacing:0;}


}














