@charset "utf-8";

*{margin: 0;padding: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1800px; width:94%;  margin: 0 auto; }

.container2{display: block;max-width:1600px; width:90%;  margin: 0 auto; }

.hidden{ overflow:hidden;}
.hide{ display:none;}

.header{ position: fixed; top:0; left:0; padding:40px 0; z-index:1000; width:100%; 
transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.header .logo{ height:75px;}
.header .logo img{ display: block; height:100%;}
.header .logo .logo01{ display:block;}
.header .logo .logo02{ display:none;}

.header .tel{line-height:75px; float:right; padding-left:30px; background: url(tel.png) no-repeat left center; font-size:16px; color:#ffffff; }

.nav-toggle{ display: none; }

.nav{ color:#ffffff; padding-right:40px;}
.nav li{ float: left; position:relative; }
.nav li>a{ display: block; padding:0 40px;line-height:75px;  font-size:16px; position:relative; z-index:10;}
.nav li .sub{ width:100%; top:75px; left:0; background:rgba(39,102,188,0.9);  position:absolute; text-align:center; font-size:14px; display:none; box-shadow: 0px 0px 10px #ffffff;}
.nav li .sub a{ display:block; height:40px; line-height:40px; border-top:1px solid #eef1f6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nav li .sub a:hover{ background:#0a499f;}
.header3{ padding:15px 0;}

.header2{ padding:15px 0; background: rgba(255, 255, 255, 0.9); position: fixed; top:0; left:0; z-index:1000; width:100%; border-bottom:1px solid #dcdcdc; }
.header2 .nav li>a{ color:#454545; }
.header2 .tel{ color:#454545; }
.header2 .logo .logo01{ display:none;}
.header2 .logo .logo02{ display:block;}
.header2 .tel{ background-image:url(tel2.png);}

.nav li:hover>a{background:rgba(39,102,188,0.9); color:#ffffff; box-shadow: 0px 0px 10px #ffffff;}


.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(banner-prev.png) no-repeat center center; background-size:cover; }
.banner .banner-next{ right:0; background: rgba(255, 255, 255, 0.3) url(banner-next.png) no-repeat center center; background-size:cover; }
.banner .banner-prev:hover,.banner .banner-next:hover{ background-color:#122a88;}

.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:#122a88; }
.banner .banner-next:hover:after{ border-bottom-color:#122a88;}


/*首页产品*/
.homeprod{ background: url(prodbj.jpg) no-repeat center center; background-size:cover; padding-top:85px; }

.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:#122a88; color:#ffffff; padding:0 24px; float: left; }
.hmore span{ background:url(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:#122a88; color:#ffffff; background:#122a88;}

.hplist{}
.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:#122a88; line-height:42px;  color:#ffffff; text-align: center;}
.hplist .swiper-slide a .more span{ display: inline-block; background: url(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; }

/*首页产品*/



/*首页视频*/
.homevideo{ background: url(videobj.jpg) no-repeat center center; background-size:cover; padding:85px 0; }

.hvlist{ overflow: hidden; margin-top: 70px;}
.hvlist li{ float: left; margin-right:2%; width: 23.5%; }
.hvlist li .img{ position: relative; }
.hvlist li .img img{ width:100%; display: block; }
.hvlist li .img:after{ content:""; width:52px; height:52px; top:50%; left:50%; margin:-26px 0 0 -26px; position: absolute; background: url(video_btn.png) no-repeat center center; background-size:cover;}
.hvlist li .tit{ line-height:100px; font-size:16px; color:#555a64; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hvlist li:hover .tit{ color:#ffffff; background:#122a88;}
.hvlist li:nth-child(4n){ margin-right:0;}
/*首页视频*/
/*首页关于我们*/
.homeabout{ background: url(aboutbj.jpg) no-repeat center center; background-size:cover; padding:120px 0;}

.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 .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(videobj.jpg) no-repeat center center; background-size:cover; padding:85px 0; }

.hvlist{ overflow: hidden; margin-top: 70px;}
.hvlist li{ float: left; margin-right:2%; width: 23.5%; }
.hvlist li .img{ position: relative; }
.hvlist li .img img{ width:100%; display: block; }
.hvlist li .img:after{ content:""; width:52px; height:52px; top:50%; left:50%; margin:-26px 0 0 -26px; position: absolute; background: url(../images/video_btn.png) no-repeat center center; background-size:cover;}
.hvlist li .tit{ line-height:100px; font-size:16px; color:#555a64; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hvlist li:hover .tit{ color:#ffffff; background:#122a88;}
/*首页视频*/

/*首页新闻*/
.homenews{padding-top:85px; }
.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;
}

/*合作伙伴*/
.partner{ margin-top:70px;}
.ptit{ text-align: center; position: relative;}
.ptit .cn{ color:#414141; font-size:36px;position: absolute; left: 0; bottom:0; text-align: center; width:100%; line-height:1;}
.ptit .en{ color:#eef1f6; font-size:60px; font-family: Impact; line-height:0.8; text-transform: uppercase; }

.partnerlist{ overflow: hidden; margin:70px 0;}
.partnerlist .swiper-slide{}
.partnerlist .swiper-slide .img{ border:1px solid #cccccc;}
.partnerlist .swiper-slide .img img{ display: block; width:100%;}
.partnerlist .swiper-slide .tit{ line-height:50px; font-size:14px; color:#414141; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.partnermain{ position: relative; padding:0 60px;}
.partnermain .p-prev,.partnermain .p-next{ width:38px; height:38px; border-radius:50%; border:1px solid #aeaeae; position: absolute; top:50%; margin-top:-44px; cursor: pointer;}
.partnermain .p-prev{ left:0; background: url(p-prev.png) no-repeat center center; background-size:70%;}
.partnermain .p-next{ right:0; background: url(p-next.png) no-repeat center center; background-size:70%;}
/*合作伙伴*/

/*底部*/
.footer{ background:url(footbj.jpg) no-repeat center center; background-size:cover; overflow: hidden; }

.dbmain{ overflow: hidden;padding:70px 0;}
.dbcontact{}
.dbcontact .dblogo{ height:75px;}
.dbcontact .dblogo img{ display: block; height:100%; }
.dbcontact .info{ line-height:36px; font-size:14px; color:#767c92; margin-top:35px; }
.dbcontact .info p{padding-left:30px; }
.dbcontact .con01{ background: url(con01.png) no-repeat left center;}
.dbcontact .con02{ background: url(con02.png) no-repeat left center;}
.dbcontact .con03{ background: url(con03.png) no-repeat left center;}


.dbnav{ overflow: hidden; color:#cbcccf;}
.dbnav li{ float: left; margin-left:150px;}
.dbnav li .tit{ font-size:18px; display: block; margin:25px 0;}
.dbnav li .sub{ font-size:14px; line-height:36px; color:#767c92; }
.dbnav li .sub a{ display: block;}
.dbnav a:hover{ text-decoration: underline; color:#ffffff;}

.dbrig{ overflow: hidden; margin-top:20px;}
.wechat{ width:156px; float: left;}
.wechat img{ width:100%; display: block;}
.rico{ float: left; margin-left:40px;}
.rico a{ width:40px; height:40px; background:#323232; display: block; border-radius:50%; margin-top: 18px;}
.rico a img{ display: block; width:100%; height:100%;}

.footer .bottom{ overflow: hidden; color:#767c92; font-size:14px; border-top:1px solid #323549; padding:30px 0;}
.footer .dburl a{ margin-left:25px;}
.footer .bottom a:hover{ text-decoration: underline; color:#ffffff;}
.footer .copy{text-align:center;}
/*底部*/


/*关于我们*/
.nyban{ width:100%; overflow: hidden; position: relative;}
.nyban img{ width:100%; display: block;}
.nyban .bantxt{ position: absolute; left:0; top:0; height:100%; width:100%; color:#ffffff; text-align: center; display: flex; align-items: center;}
.nyban .bantxt h3{ font-size:72px;letter-spacing:7px;}
.nyban .bantxt p{ font-size:14px; margin-top:1%;}
.nyban .bantxt p span{ margin:0 5px;}
.nyban .bantxt p a:hover{ text-decoration: underline;}


.about{ padding:120px 0;}
.abcontent{ overflow: hidden; margin-bottom:70px;}
.abcontent .img{ width:43.5%;}
.abcontent .img img{ display: block; width:100%;}
.abcontent .txt{ width:50%;}

.abcontent .txt .info{ color:#4b4b4b; font-size:16px; line-height: 2; margin-top:4%;}
.abcontent .txt .info strong{ font-size:20px; color:#2c2c2c;}


.honor{ background:#eef1f6; overflow: hidden; padding:120px 0;}
.honor_tit{text-align: center; position:relative;}
.honor_tit .cn{font-size: 30px; color: #1c77dc;font-weight: bold;position: absolute; left: 0; bottom: 0; width:100%; line-height:1;}
.honor_tit .en{ font-family: Impact; font-size: 60px; color: #e0e4ec; line-height: 0.8; text-transform: uppercase; }

.poster_box{ width:100%; margin:70px auto 0 auto; position:relative; }
.poster-main { position: relative; width: 100%;margin:0 auto;}
.poster-main img {display: block; width: 100%; height: 100%;}
.poster-main .poster-list .poster-item { position: absolute; left: 0; top: 0;}
.poster-btn { position: absolute; top: 0; cursor:pointer;}
.poster-prev-btn { left: 0;  width:50% !important;}
.poster-prev-btn span{ width:40px; height:90px; background: url(hleft.png) no-repeat center center; background-size:cover; position:absolute; left:16%; top:50%; margin-top:-45px; }
.poster-next-btn { right: 0;  width:50% !important;}
.poster-next-btn span{ width:40px; height:90px; background: url(hright.png) no-repeat center center; background-size:cover; position:absolute; right:16%; top:50%; margin-top:-45px; }
/*关于我们*/

/*联系我们*/
.contact{ overflow: hidden; margin:85px 0;}
.coninfo{ width:45%; position: relative;}
.coninfo .ctit{ color:#122a88; font-size:30px; font-weight: bold; }
.conlist{ overflow: hidden; font-size:16px;}
.conlist li{ float: left; width:100%; line-height:40px; margin-top:3%; }
.conlist li .tit{ color:#8d8d8d; padding-left:40px; }
.conlist li p{ color:#484747; padding-left:40px; }
.conlist li .cico01{ background: url(cico01.png) no-repeat left center; }
.conlist li .cico02{ background: url(cico02.png) no-repeat left center; }
.conlist li .cico03{ background: url(cico03.png) no-repeat left center; }

.coninfo .img{ width:160px; height:160px; border: 1px solid #e6e6e6; position: absolute; right:0; bottom:0;}
.coninfo .img img{ display: block; width:100%;}

.message{ width:50%; padding-left:5%; border-left:1px solid #e5e5e5; }
.message .mtips{ color:#5a5a5a; font-size:18px; line-height:2; margin:8% 0 5% 0; }
.mlist{}
.mlist li.input{ width:32%; float: left; margin-right:2%; border:1px solid #ededed; margin-bottom:2%; }
.mlist li.input input{ width:100%; display: block; height:40px; line-height:40px; padding:0 15px; }
.mlist li.textarea{ width:100%; border:1px solid #ededed; float: left; }
.mlist li.textarea textarea{ display: block; width:100%; height:110px; padding:15px; }
.mlist li.submit{ width:100%; float: left;}
.mlist li.submit input{ height:42px; background:#122a88; color:#ffffff; display: block; width:100%; font-size:18px; margin-top:2%; cursor: pointer; }
.mlist li.submit input:hover{background:#cc0000;}


.map{ margin-bottom:85px; height:500px; }
.my-map { margin: 0 auto; width: 100%; height: 100%; } 
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } 
.my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; color:#122a88; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ min-height: 40px; line-height: 20px; font-size: 12px; color: #666666; }
/*联系我们*/


/*视频列表*/
.nynav{ line-height:75px; text-align: center; font-size:18px; color:#5b5a5a; margin:35px 0; border-bottom:1px solid #ebe8e8;}
.nynav a{ padding:0 40px; position: relative; display: inline-block;}
.nynav a:after{ content:""; position: absolute; left:0; bottom:0; width:0; height:2px; background:#122a88;}
.nynav a:hover,.nynav a.on{ color:#122a88;}
.nynav a:hover:after,.nynav a.on:after{ width:100%;}

.videolist{ overflow: hidden;}
.videolist li{ float: left; margin-right:1.7%; margin-bottom:1.7%; width: 32.2%; }
.videolist li .img{ position: relative; }
.videolist li .img img{ width:100%; display: block; }
.videolist li .img:after{ content:""; width:52px; height:52px; top:50%; left:50%; margin:-26px 0 0 -26px; position: absolute; background: url(../images/video_btn.png) no-repeat center center; background-size:cover;}
.videolist li .img2:after{ display:none;}
.videolist li .tit{ line-height:70px; font-size:16px; color:#555a64; text-align: center; background:#eef1f6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.videolist li:hover .tit{ color:#ffffff; background:#122a88;}
.videolist li:nth-child(3n){ margin-right:0 !important;}
/*视频列表*/

.fenye{margin:50px 0; text-align: center;}
.fenye span,.fenye a{ display:inline-block; font-size:14px; color:#122a88; padding:0 14px;  height:38px; line-height:38px; margin:0 5px; border:1px solid #122a88;  }
.fenye a:hover,.fenye span{ background:#122a88; color:#ffffff;}


/*视频详情*/
.sheader{ background-color: #2e3c55; background-image: linear-gradient(to right, #2e3c55,#5c6c81);}
.hheight{ height:155px; background:#eef1f6;}

.videobj{ background:#eef1f6 url(../images/vbj.jpg) no-repeat center top; background-size:100% auto; overflow: hidden; padding-top: 50px; }

.videowidth{ width:78%; margin:0 auto;}

.weizhi{ line-height:85px; font-size:14px; color:#4d4d4d; }
.weizhi span{ margin:0 5px;}
.weizhi a:hover{ color:#122a88; text-decoration: underline;}

.videoshow{ position: relative; margin-bottom:2%; }
.video{ background:#000; }
.video video{ width:100%; display: block; height:670px; }

.videoshow .video_prev,.videoshow .video_next{ width:40px; height:40px; position: absolute; top:50%; margin-top:-20px;}
.videoshow .video_prev{ background: #b2b2b2 url(../images/video_prev.png) no-repeat center center; background-size:cover; left:0;}
.videoshow .video_next{ background: #b2b2b2 url(../images/video_next.png) no-repeat center center; background-size:cover; right:0;}

.videoshow .video_prev:hover,.videoshow .video_next:hover{ background-color:#2866bd;}

.return{ position: absolute; top:0; right:0; width: 48px; cursor: pointer;}
.return .ico{ width: 48px; height:48px; background:#ffffff url(../images/return.png) no-repeat center center; background-size:cover;}
.return .ico img{ display: block; width:100%;}
.return .tit{ color:#595959; font-size:14px; text-align: center; line-height:40px; }

.return:hover .ico{ background:#122a88 url(../images/return2.png) no-repeat center center; background-size:cover;}


.videotxt{ background:#ffffff; padding:3%; margin-bottom:4%; }
.videotxt .tit{ padding-bottom: 2%; line-height:1.4; color:#2b2a2a; font-size:24px; border-bottom:1px solid #f1f1f1; text-align: center;}
.videotxt .txt{ color:#717171; font-size:14px; line-height: 2; margin-top:3%; }
.videotxt .txt img{ max-width:100%; height: auto !important;}

.showpaging{ overflow: hidden; line-height:70px; border-top:1px solid #e8e8e8; margin-top:2%; }
.showpaging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.showpaging div.fr{ text-align:right;}
.showpaging a:hover{ color:#c32222; text-decoration: underline; }

/*视频详情*/

/*下载*/
.downloadlist{ overflow: hidden; margin-top:3%;}
.downloadlist li{ float: left; width:100%; border:1px solid #e5e5e5; padding:40px; line-height:50px; margin-top:1%;}
.downloadlist li .tit{ width:50%; color:#373737; font-size:20px; font-weight: bold;}
.downloadlist li .tit a{ display: block; padding-left:50px; background: url(../images/download01.png) no-repeat left center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.downloadlist li .tit:hover a{ color:#122a88;}
.downloadlist li .type{ width:20%;}
.downloadlist li .amount{ width:20%;}
.downloadlist li .download{ width:10%;}
.downloadlist li .download a{padding-left:50px; background: url(../images/download02.png) no-repeat left center; display: block; color:#122a88; text-decoration: underline; }
.downloadlist li .download a:hover{ color:#cc0000; }
/*下载*/


/*新闻列表*/
.nynav2{ margin:0 !important;}
.newslist{ overflow: hidden;}
.newslist li{ float: left; width:100%; overflow: hidden; border-bottom:1px solid #e5e5e5; }
.newslist li a{ display: block; overflow: hidden; padding:50px; position: relative;}
.newslist li .time{ line-height:1; padding-top:25px;}
.newslist li .time .md{ color:#323232; font-size:30px; font-weight: bold;}
.newslist li .time .y{ color:#aaaaaa; font-size:18px; margin-top:22px; }
.newslist li .txt{ padding:0 120px 0 170px; height:200px;}
.newslist li .txt h3{ color:#2f2f2f; font-size:24px; line-height:1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.newslist li .txt p{ color:#5a5a5a; font-size:16px; line-height:2.5; margin:30px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist li .txt .more{ width:92px; height:28px; line-height:26px; text-align: center; border:1px solid #122a88; color:#122a88; border-radius:14px;}
.newslist li .txt .more:hover{ background:#122a88; color:#ffffff; }
.newslist li .img{ position: absolute; top:50px; right:50px;}
.newslist li .img img{ display: block; height:200px;}
.newslist li:hover{ background:#eef1f6;}
.newslist li:hover .txt h3{color:#122a88;}
/*新闻列表*/


/*产品列表*/
.prodbj{ background:#eef1f6; overflow: hidden;}
.prodmain{ overflow: hidden; margin: 70px 0;}
.prodmain .prodleft{ background:#ffffff; width:23%; padding:35px 25px;}
.prod_search{position: relative; background-color:#122a88; height:46px; line-height:46px; font-size:18px; color: #fff; text-align:center; font-weight: bold;}


.pnav{ overflow: hidden; margin-top: 35px;}
.pnav li{ float: left; width:100%; border-top: 1px solid #dbdbdb; }
.pnav li .tit{ line-height:60px; color:#414141; font-size: 16px;}
.pnav li .tit a{ display: block; padding:0 20px; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pnav li .tit a:after{ content:""; width:10px; height:10px; background: url(sub02.png) no-repeat center center; position:absolute; top:50%; margin-top:-5px; right:10px ; }

.pnav li .tit2 a:after{ display: none;}

.pnav li:hover .tit a,.pnav li.on .tit a{ background: #122a88; color: #ffffff;}
.pnav li:hover .tit a:after,.pnav li.on .tit a:after{ background-image: url(sub01.png);}
.pnav li .sub{border-top: 1px solid #dbdbdb; padding:20px; display: none; }
.pnav li .sub a{ display: block; font-size:14px; line-height:36px; padding-left:12px; color: #282828; position: relative;}
.pnav li .sub a:after{ content: ""; width:2px; height:2px; position: absolute; left:0; top:50%; margin-top:-1px; background: #282828;}
.pnav li .sub a.on,.pnav li .sub a:hover{ color: #122a88;}
.pnav li .sub a.on:after,.pnav li .sub a:hover:after{ background: #122a88;}
.pnav li.on .sub{ display: block;}

.prodmain .prodright{ width:75%;}

.prodlist{ overflow: hidden;}
.prodlist li{ background:#ffffff; position: relative; width:23.5%; margin-right:2%; margin-bottom:2%; float: left; }
.prodlist li:hover{box-shadow: 0px 0px 10px #cccccc;}
.prodlist li img{ display: block; width:100%;}
.prodlist li .info{ color:#282828; padding:15px; border-top:1px solid #dcdcdc; }
.prodlist li .info h3{font-size:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.prodlist li .info p{ margin-top:5px; font-size:14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.prodlist li 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;}
.prodlist li:hover a{ opacity:1;} 
.prodlist li a .more{ height:42px; width: 148px; position: absolute; top:50%; left:50%; margin:-21px 0 0 -74px; background:#122a88; line-height:42px;  color:#ffffff; text-align: center;}
.prodlist li a .more span{ display: inline-block; background: url(../images/more2.png) no-repeat left center; padding-left:25px;}

.prodlist li:nth-child(4n){ margin-right:0 !important;}
/*产品列表*/

/*产品详情*/
.prodmain2{ margin-top:0 !important;}
.prodtop{ overflow: hidden;}
.prodtop .img{ width:50%;}
.prodtop .img img{ display: block; width:100%;}

.prodtop .txt{ width: 46%;}
.prodtop .txt h1{ font-size:30px; color:#282828; padding:5% 0; line-height:1.4; border-bottom:1px solid #d6d8dd; }
.prodtop .txt .info{ line-height:2; margin:3% 0;}
.prodtop .txt .info .tit{ font-size:16px; color:#292929; font-weight: bold; }
.prodtop .txt .info p{ color:#626262; font-size: 16px;}
.prodtop .txt .parameter{ overflow: hidden; border-bottom:1px dashed #cacccf; padding-bottom:6%;}
.prodtop .txt .parameter li{ float: left; width:100%; background: url(../images/parameter.png) no-repeat left center; padding-left:30px; color:#626262; font-size:16px; line-height: 36px;}


.prodbtn{ overflow: hidden; margin-top:9%;}
.prodbtn a{ float: left; height:50px; padding:0 25px; line-height:50px;}
.prodbtn a.online{ background:#122a88;}
.prodbtn a.online span{ display: block; font-size:16px; color:#ffffff; font-weight: bold; padding-left:40px; background: url(../images/prodbtn01.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.prodtel{ background:#122a88; margin-left: 7px;}
.prodbtn a.prodtel span{ display: block; font-size:16px; color:#ffffff; font-weight: bold; padding-left:40px; background: url(../images/prodbtn02.png) no-repeat left center; background-size:auto 100%; }
.prodbtn a.online:hover,.prodbtn a.prodtel:hover{ background:#cc0000;}
.prodbtn a.prodshare{ padding-right:0 !important; }
.prodbtn a.prodshare span{ display: block; font-size:16px; color:#626262; padding-left:40px; background: url(../images/prodbtn03.png) no-repeat left center; background-size:auto 100%; }


.share_pop_up{ display:none; width:380px; padding:48px; border:1px solid #dbdbdb; height:150px; position:fixed; top:50%; left:50%; text-align:center; margin-top:-175px; margin-left:-190px; background:#ffffff; z-index:100; box-shadow: 0 0 15px #dcdcdc;}
.share_pop_up .social-share .social-share-icon{ height:50px; width:50px; line-height:50px; font-size:30px; float:left; margin:0 10px;}


.ptabnav{ overflow: hidden; margin-top:40px; position: relative;}
.ptabnav:after{ content:""; position: absolute; bottom:0; left:0; width:100%; height:1px; background: #d4d7db; }
.ptabnav li{ float: left; position: relative; z-index:1; cursor: pointer; color:#282828; font-weight: bold; font-size:18px; line-height:56px ; padding:0 45px; border-top:2px solid #eef1f6; border-left:1px solid #eef1f6; border-right:1px solid #eef1f6; border-bottom:1px solid #d4d7db;}
.ptabnav li.on{ background:#ffffff; border-top-color:#122a88; border-left-color:#d4d7db; border-right-color:#d4d7db; border-bottom-color:#ffffff;}

.ptabmain{ background:#ffffff; overflow: hidden; padding:4%;}
.ptabmain .txt{ color:#686868; line-height:2; font-size: 16px;}
.ptabmain .tit{ color:#282828; font-size:18px; font-weight:bold; line-height:2; margin-top:3%; }
.characteristic{ overflow: hidden;}
.characteristic li{ float: left; width:50%; background: url(../images/parameter.png) no-repeat left center; padding-left:30px; color:#626262; font-size:16px; line-height:36px;}

.prodtable{ width:100%; background:#dddddd;}
.prodtable td{ background:#ffffff; color:#686868; font-size:16px; padding:5px 25px;}


.modellist{ overflow: hidden;}
.modellist li{ float: left; width:23.5%; margin-right:2%;}
.modellist li .img{ overflow: hidden; border:1px solid #dddddd;}
.modellist li .img img{ display: block; width:100%;}
.modellist li .name{ color:#686868; font-size: 16px; text-align: center; margin-top:30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.modellist li:hover .img{ border-color:#122a88;}
.modellist li:hover .name{ color:#122a88; }

.prod_tips{ color:#282828; font-size: 18px; font-weight: bold; padding:3% 0 0 3%;}
.prod_tips a:hover{color:#122a88;}
/*产品详情*/




/*资讯详情*/
.showmian{ padding:3% 3% 0 3%; background:#ffffff; }
.showtop{ text-align: center; border-bottom:1px solid #dcdcdc;}
.showtop h1{ color:#323232; font-size:24px; }
.showtop .parameter{ color:#666666; overflow: hidden; margin:1% 0;}
.showtop span{ margin:0 10px; }


.showtxt{ color: #3a3a3a; font-size:16px; line-height:1.8; margin-top:3%;}
.showtxt img{ max-width:100%; height: auto !important;}

.share{ width:200px; overflow: hidden; margin:3% auto 0 auto; }
.share span{ float:left; line-height:30px; font-size:14px; color:#999999; width:60px; text-align: right;}
.share a{width:30px!important; height:30px!important; margin:0 0 0 5px!important; padding:0!important; display: block; float:left;  }
.share .bshare-weixin{ background: url(../images/share01.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.share .bshare-qqim{ background: url(../images/share02.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.share .bshare-sinaminiblog{ background: url(../images/share03.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.share .bshare-qzone{ background: url(../images/share04.jpg) no-repeat center center!important; background-size:100% 100%!important; }
.bsTop{ width:100%!important; height:32px!important; line-height:32px!important;}
.bsFrameDiv div{ width:100%!important; height:100%!important;}
.bsFrameDiv img{ width:160px!important; height:160px!important;}


.paging{ overflow: hidden; line-height:70px; border-top:1px solid #e8e8e8; margin-top:3%; }
.paging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.paging div.fr{ text-align:right;}
.paging a:hover{ color:#122a88; text-decoration: underline; }
/*资讯详情*/


.animated{opacity: 0;}

.banner .banner-prev,.banner .banner-next,.banner .banner-prev:after,.banner .banner-next:after,.prodnav a,.hplist .swiper-slide,.hvlist li .tit,.footer .bottom a,
.mlist li.submit input,.nynav a,.nynav a:after,.videolist li .tit,.fenye a,.weizhi a,.videoshow .video_prev,.videoshow .video_next,.return:hover .ico,.downloadlist li .tit a,
.downloadlist li .download a,.newslist li,.newslist li .txt h3,.pnav li .tit a,.pnav li .tit a:after,.pnav li .sub a,.pnav li .sub a:after,.prodbtn a.online,.prodbtn a.prodtel,
.prod_tips a,.newslist li .txt .more,.modellist li .img,.modellist li .name,.return .ico,.hmore,.dbnav a,.nav li a,.nav li .sub a{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ssaimg{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.ssaimg:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}