@charset "utf-8";

*{margin: 0;padding: 0;border: 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:1500px; width:80%; margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ height:0; overflow:hidden; }
.hide.on{ height:auto; overflow:inherit; }

.flex{ display: flex; align-items: center;}
.flex>div{ width:100%; }


.header{ height:80px; width:100%; position: fixed; left:0; top:0; z-index:1000; }
.header .container{ position: relative; }
.header .logos{ position: relative; z-index:1; }
.header .logos img{ height:80px; display: block; }
.header .logos img.logo2{ display:none;}
.header .langBtn{ position: relative; z-index:1; height:24px; margin-top:28px; font-size:16px; line-height:24px; background:#3389b8; border-radius:12px; font-size:16px; color:#ffffff; padding:0 16px; }
.header .langBtn span{ margin:0 8px; }

.header .nav{ position: absolute; left:0; top:0; width:100%; text-align: center; line-height:80px; color:#ffffff; font-size:18px; padding:0 110px 0 250px; }
.header .nav li{ display: inline-block; margin:0 18px; position: relative; }
.header .nav li>a{ display: block; padding:0 9px; position: relative; }
.header .nav li>a:after{ content:""; width:0; height:2px; position: absolute; left:0; bottom:0; background:#3389b8; }
.header .nav li:hover>a,.header .nav li.on>a{ color:#3389b8; }
.header .nav li:hover>a:after,.header .nav li.on>a:after{ width:100%; }

.header .nav li .sub{ position: absolute; left:0; top:80px; width:140%; background:#ffffff; padding:10px 20px; text-align: left; display: none; box-shadow:0 0 15px #cccccc; }
.header .nav li .sub a{ display: block; color:#666666; font-size:16px; padding:10px 0; line-height:1.5;  }
.header .nav li .sub a:hover{ color:#3389b8; }

.header .nav li:nth-child(3) .sub{ width:200%; }
.header .nav li:nth-child(4) .sub{ width:215%; }

.nav_btn{ display: none; width:24px; height:60px; width:60px; padding:20px 18px; background:#3389b8; cursor: pointer; position: relative; z-index:10; margin-left:20px; }
.nav_btn span{ width:24px; height:2px; display: block; background:#ffffff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px auto;}
.nav_btn span.sp03{ width:12px; }

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5); width:24px;}


.header2,.headerbj{ background:#ffffff; box-shadow:0 0 10px #cccccc; }
.header2 .nav,.headerbj .nav{ color:#333333; }
.header2 .logos img.logo1,.headerbj .logos img.logo1{ display:none; }
.header2 .logos img.logo2,.headerbj .logos img.logo2{ display: block;}

.homevideo{ width:100%; overflow:hidden; position:relative; }
.homevideo video{ position:absolute; left:0;  top:0; width:100%; height:100%;  object-fit: cover; }
.homevideo img{ display:none; width:100%;}

.lower{ position: absolute; width:40px; height:60px; z-index:100; right:5%; bottom:60px; cursor:pointer; }
.lower img{ animation:myFade 2s linear infinite; position: relative; width:100%; display: block; }

/*首页应用场景*/
.astit{ text-align:center; margin:4% 0; }
.astit .tit{ color:#333333; font-size:36px; font-weight:bold; letter-spacing:6px; line-height:1; }
.astit .tit span{  padding-left:6px; }
.astit .tit:after{ content:""; width:200px; height:3px; display: block; background:#3389b8; margin:24px auto; }
.astit .info{ color:#333333; font-size:20px; line-height:1; }

.asmain{ position: relative; }
.asban{ width:100%; overflow: hidden; }
.asban img{ display: block; width:100%; }

.home-prev,.home-next{ z-index:1; width:40px; height:40px; cursor:pointer; line-height:40px; border-radius:50%; text-align:center; background:#3d3d3d; position: absolute; top:50%; margin-top:-20px; color:#ffffff; }
.home-prev span,.home-next span{ font-size:24px; font-weight:bold; }
.home-prev{ left:-80px; }
.home-next{ right:-80px; }
.home-prev:hover,.home-next:hover{ background:#3389b8; }
/*首页应用场景*/

.hmore{ margin-top:22px; font-size:18px;  text-transform:uppercase; overflow: hidden; line-height:22px; height:22px; }
.hmore a{ position: relative; float:right; padding-right:35px; color:#1a1919; }
.hmore a span{ width:22px; height:22px; position: absolute; background:#3d3d3d; color:#ffffff; border-radius:50%; font-size:14px; line-height:22px; text-align:center; right:0; top:0; }
.hmore a:hover{ color:#3389b8; }
.hmore a:hover span{ background:#3389b8; }

.hpMore{ width:200px; height:40px; margin:3% auto; font-size:16px; line-height:40px; border-radius:20px; text-align:center; color:#ffffff; background:#3389b8; }
.hpMore a{ display: block; width:100%; }
.hpMore:hover{ background:#d71318; }


.htit{ color:#333333; text-align: center; margin:3% 0; line-height:1;}
.htit .cn{ font-size:36px; font-weight: bold; letter-spacing:6px; padding-left:6px; }
.htit .en{ font-size:16px; text-transform: uppercase; margin-top:16px; }

/*首页关于我们*/
.homeabout{ background: url(../images/homeabout.jpg) no-repeat center bottom; background-size:100% auto; overflow: hidden; }
.homeabout .tit{ overflow: hidden; margin:0; line-height:1; margin-top:3%; }
.homeabout .tit .cn{ float: left; color:#3389b8; font-size:36px; font-weight: bold; letter-spacing:6px; }
.homeabout .tit .en{ float: left; font-size:16px; text-transform: uppercase; margin-top:20px; margin-left:20px;}
.homeabout .xian{ width:70px; height:1px; background:#d71318; margin:3% 0 2% 0;}

.homeabout .container{position: relative; }
.homeabout .txt{ width:45%; }
.homeabout .info{ color:#5a5a5a; font-size:16px; line-height:2; color:#555555; text-align: justify;}
.homeabout .img{ width:50%; position: relative; }
.homeabout .img img{ display: block; width:100%; position: relative; z-index:1; }
.homeabout .img:after{ content:""; position: absolute; right:-2%; top:-3.5%; height:100%; width:100%; background:#7ecef4;  }
/*首页关于我们*/


/*首页产品中心*/
.homeprod{ background: url(../images/homeprod.jpg) no-repeat center center; background-size:cover;}

.prodnav{ overflow: hidden; width:80%; max-width:1200px; margin:0 auto 5% auto; }
.prodnav li{ float: left; margin-right:1%; width:24.25%; background:#3389b8; height:60px; line-height:60px; color:#ffffff; text-align: center; font-size:18px; letter-spacing:5px; }
.prodnav li:last-child{ margin-right:0; }
.prodnav li a{ display: block;}
.prodnav li.on,.prodnav li:hover{ background:#d71318; }

.hpList{ overflow: hidden; }
.hpList .swiper-slide{ width:23.5%; position:relative; padding:3px; }
.hpList .swiper-slide .img{ border:1px solid #7e7e7e; }
.hpList .swiper-slide img{ display: block; width:100%; }
.hpList .swiper-slide .tit{ position: absolute; left:0; bottom:0; width:100%; line-height:70px; color:#1a1919; font-size:18px; text-align:center; 
 text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hpList .swiper-slide:hover .tit{ color:#3389b8; }
.hpmain{ position: relative; }

.home-prev:hover,.home-next:hover{ background:#d71318; }
/*首页产品中心*/


/*首页案例*/
.homecase{ overflow: hidden; }
.homecase li{ float: left; margin-right:2%; width:23.5%; }
.homecase li:last-child{ margin-right:0; }
.homecase li .img{ border: 1px solid #202323; overflow: hidden; }
.homecase li img{ display: block; width:100%; }
.homecase li .tit{ color:#333333; text-align:center; font-size:18px; line-height:70px; background:#eeeeee; }
.homecase li:hover .tit{ background:#3389b8; color:#ffffff; }
/*首页案例*/


/*首页新闻*/
.homenews .hnban{ width:48%; overflow: hidden; position: relative; }
.homenews .hnban .img{ height:460px; }
.homenews .hnban .tit{ height:70px; line-height:70px; text-align: center; background:#333333; color:#fefefe; font-size:16px; }
.homenews .hnban .swiper-slide:hover .tit{ background:#3389b8; }

.homenews .swiper-pagination{ line-height:1; bottom:90px !important;}
.homenews .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#ffffff; opacity:1; margin:0 5px; }
.homenews .swiper-pagination .swiper-pagination-bullet-active{ background:#3389b8; }

.hnban .hnban-next,.hnban .hnban-prev{ background:rgba(0, 0, 0, 0.6); width:40px; text-align:center; line-height:70px; height:70px; position:absolute; top:50%; margin-top:-35px; z-index:10; cursor: pointer; }
.hnban .hnban-next{ right:0; }
.hnban .hnban-prev{ left:0; }
.hnban .hnban-next span,.hnban .hnban-prev span{ font-size:28px; color:#ffffff; }
.hnban .hnban-prev:hover{ background:#3389b8;}
.hnban .hnban-next:hover{ background:#3389b8;}

.homenews .hnlist{ width:48%;}
.homenews .hnlist li{ background:#eeeeee; margin-bottom:30px; width:100%;}
.homenews .hnlist li a{ padding:20px 0; display: block; overflow: hidden; color:#313131;}
.homenews .hnlist li a .time{ float: left; text-align: center; border-right:1px solid #d2d2d2; width:120px;}
.homenews .hnlist li a .time .d{ line-height:40px; font-size:30px;}
.homenews .hnlist li a .time .ym{ line-height:30px; font-size:16px;}
.homenews .hnlist li a .tit{ padding:0 30px; line-height:35px; font-size:16px; overflow: hidden;}
.homenews .hnlist li a .tit p:nth-child(1){ font-weight:bold; }
.homenews .hnlist li:last-child{ margin-bottom:0; }

.homenews .hnlist li:hover{ background:#3389b8;}
.homenews .hnlist li:hover a .tit{ color:#fdfafa;}
.homenews .hnlist li:hover a .time{ border-right-color:#fdfafa; color:#fdfafa;}
/*首页新闻*/

/*footer*/
.footer{ background:#3389b8; color:#ffffff; }
.dbcontent{ margin:3% auto;}
.dbnav{ overflow: hidden; width:50%; }
.dbnav li{ float: left; line-height:2.2; }
.dbnav li:nth-child(1){ width:21%; }
.dbnav li:nth-child(2){ width:28%; }
.dbnav li:nth-child(3){ width:30%; }
.dbnav li:nth-child(4){ width:21%; }
.dbnav li a{ display: block; font-size:14px; }
.dbnav li a.tit{ font-size:16px; font-weight:bold; }
.dbnav li a:hover{ text-decoration:underline;}

.message{ width:23%;}
.message .tit{ color:#ffffff; font-size:30px; line-height:1; }
.mlist{ overflow: hidden;}
.mlist li{ float: left; width:100%; margin-top:20px;}
.mlist li.input{}
.mlist li.input input{ width:100%; display: block; height:44px; line-height:44px; background:#ffffff; padding:0 16px;}
.mlist li.submit input{ width:100%; display: block; height:44px; line-height:44px; font-size:16px; border-radius:22px; cursor: pointer; background:#d2d2d2; color:#333333; }
.mlist li.submit:hover input{ background:#d71318; color:#ffffff; }

.dbcontact{ width:23%;}
.dbcontact .wechat{ overflow: hidden;}
.dbcontact .wechat li{ float: left; margin-right:50px; }
.dbcontact .wechat li:last-child{ margin-right:0; }
.dbcontact .wechat .img{ width:120px; }
.dbcontact .wechat .img img{ display: block; width:100%; }
.dbcontact .wechat .tit{ text-align:center; font-size:16px; line-height:50px; }

.dbcontact .info{ font-size:16px; line-height:2; margin-top:32px; overflow: hidden;}

.copy{ border-top:1px solid #4ea4ec; padding:1.5% 0; text-align: center; font-size:16px;}
.copy a:hover{ text-decoration: underline;}
/*footer*/

/*online*/
.online{ position:fixed; right:0; top:40%; margin-top:-75px; z-index:100; }
.online_tit{ width:35px; height:150px; padding:20px 0; background:#3389b8; color:#ffffff; text-align:center; cursor: pointer; position:relative; z-index:2; }
.online_tit span{ font-size:18px; line-height:30px; }
.online_tit .tit{ font-size:14px; line-height:20px; width:35px; padding:0 10px;}

.online_main{ width:200px; position:absolute; top:0; right:-200px; 
transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
.online_main .txt{ padding:15px;  background:#ffffff; border:1px solid #dcdcdc;}
.online_main .tit{ font-size:16px; color:#010101; line-height:30px; }
.online_main .tit span{ font-size:24px; margin-right:8px;}
.online_main .tel{ color:#010101; font-size:16px; line-height:30px; margin:16px 0; }
.online_main .time{ font-size:14px; color:#666666; margin-bottom:14px; }
.online_main .img{ margin-top:1px; background:#ffffff; border:1px solid #dcdcdc;}
.online_main .img img{ display: block; width:100%; }

.online_main.on{ right:35px;}
/*online*/

/*内页*/
.nyban{ overflow: hidden; margin-top:80px; }
.nyban img{ display: block; width:100%; }

.pagetop{ background:#f5f5f5; height:80px;}

.nynav{ overflow: hidden; line-height:80px; font-size:18px; }
.nynav li{ float: left; margin-right:40px; }
.nynav li:last-child{ margin-right:0; }
.nynav li a{ display: block; padding:0 9px; position: relative;}
.nynav li>a:after{ content:""; width:0; height:2px; position: absolute; left:0; bottom:0; background:#3389b8; }
.nynav li:hover>a,.nynav li.on>a{ color:#3389b8; }
.nynav li:hover>a:after,.nynav li.on>a:after{ width:100%; }

.weizhi{ line-height:80px; position: relative; padding-left:40px; color:#666666; font-size:18px;}
.weizhi span{ margin:0 9px;}
.weizhi span.iconfont{ font-size:28px; position: absolute; color:#fb9701; left:0; top:0; margin:0; }
.weizhi a:hover{ color:#3389b8; text-decoration: underline;}
/*内页*/

/*关于我们*/
.aboutbj{ background: url(../images/aboutbj.jpg) no-repeat center bottom; background-size:100% auto;}
.homeabout2 .content{ padding:7% 0 10% 0; overflow: hidden; }
.homeabout2 .tit{ margin-top:-3%; }
/*关于我们*/


/*联系我们*/
.con_list{ overflow: hidden;}
.con_list li{ float: left; width:33.33%; background:#f5f5f5; text-align: center; color:#333333; padding:3% 0;}
.con_list li.li02{ background:#3389b8; color:#ffffff; }
.con_list li .ico span{ font-size:40px; color:#fb9701; }
.con_list li .tit{ font-size:24px; margin:2% 0;}
.con_list li .info{ font-size:18px; padding:0 3%; }

.my-map { margin:6% auto; width: 100%; height:600px; background:#f5f5f5; } 
.my-map .icon { background: url(https://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{ color:#3389b8; height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; }
.myinfowindow div{ margin-top:5px; min-height: 40px; line-height: 20px; font-size: 13px; color: #666666; }
/*联系我们*/

/*图片列表*/
.img_list{ overflow: hidden; }
.img_list li{ margin-right:2%; width:32%; float: left; }
.img_list li:nth-child(3n){ margin-right:0; }
.img_list li .img{ overflow: hidden; border:1px solid #7d7c7c; }
.img_list li img{ display: block; width:100%; }
.img_list li .tit{ text-align: center; line-height:70px; color:#333333; font-size:18px; }
.img_list li:hover .tit{ color:#3389b8; }
/*图片列表*/

/*视频中心*/
.video_list{ overflow: hidden; }
.video_list li{ float: left; margin-right:2%; width:32%; }
.video_list li:nth-child(3n){ margin-right:0; }
.video_list li a{ display: block; }
.video_list li .img{position: relative; border:1px solid #7d7c7c;}
.video_list li .img:after{ content:""; position: absolute; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.4);}
.video_list li img{ display: block; width:100%;}
.video_list li .video_btn{ width:70px; height:70px; z-index:1; background:url(../images/video_btn.png) no-repeat center center; background-size:cover; position: absolute; left:50%; top:50%; margin:-35px 0 0 -35px;}
.video_list li:hover .img:after{ background:rgba(0, 0, 0, 0.2); }
.video_list li .tit{ text-align: center; line-height:70px; color:#333333; font-size:18px; }
.video_list li:hover .tit{ color:#3389b8; }
/*视频中心*/

.fenye{ text-align:center; margin:5% 0; overflow:hidden; }
.fenye a,.fenye span{ background:#ffffff; font-size:18px; line-height:1; border:1px solid #777777; color:#1a1919; display:inline-block; padding:9px 12px; margin:0 6px;}
.fenye span,.fenye a:hover{ background:#3389b8; color:#ffffff; border-color:#3389b8; }
.fenye2{ margin:5% 0 8% 0;}

/*新闻中心*/
.newslist{ overflow: hidden; margin-top:-2%;}
.newslist li{ float: left; width:100%; margin-top:2%;}
.newslist li a{ display: block; background:#f5f5f5; padding:1.5% 0 1.5% 1.5%; overflow: hidden; }
.newslist li .content{ position: relative; overflow: hidden;}
.newslist li .img{ width:300px; overflow: hidden;}
.newslist li .img img{ display: block; width:100%;}
.newslist li .time{  text-align: center; width:170px; height:100%; position: absolute; right:0; top:0;}
.newslist li .time .d{ line-height:40px; font-size:30px;}
.newslist li .time .ym{ line-height:30px; font-size:16px;}
.newslist li .txt{ padding:0 170px 0 350px; height:100%; position: absolute; left:0; top:0; width:100%;}
.newslist li .txt .tit{ color:#333333; font-size:20px; font-weight: bold; }
.newslist li .txt .info{ color:#808080; font-size:16px; line-height:1.8; margin-top:2%; text-align: justify;}

.newslist li:hover .tit{ color:#3389b8;}
/*新闻中心*/

/*产品列表*/
.weizhi2{ margin-top:60px; line-height:60px; position: relative; padding-left:40px; color:#666666; font-size:18px;}
.weizhi2 span{ margin:0 9px; }
.weizhi2 span.iconfont{ font-size:28px; position: absolute; color:#fb9701; left:0; top:0; margin:0; }
.weizhi2 a:hover{ color:#3389b8; text-decoration: underline;}

.prodmain{ }
.hpLeft{ width:300px;}
.hptit{ font-size:24px; height:50px; line-height:50px; background:#3389b8; color:#ffffff; padding:0 25px; }
.hpnav{ overflow: hidden; border:1px solid #bababa; border-top:none; margin-bottom:60px; }
.hpnav li{ float: left; border-top:1px solid #bababa; width:100%; }
.hpnav li a{ display: block; height:50px; line-height:50px; padding:0 30px; color:#1a1919; font-size:18px; }
.hpnav li.on,.hpnav li:hover{ background:#eeeeee; }

.hpcontact{ color:#1a1919; font-size:18px; border:1px solid #bababa; padding:25px; }
.hpcontact p{ padding:9px 0; }

.hpRight{ padding-left:360px; }

.prodlist{ overflow: hidden; margin-top:-3%; }
.prodlist li{ width:31.33%; margin-right:3%; margin-top:3%; float: left; border:1px solid #7e7d7d;}
.prodlist li:nth-child(3n){ margin-right:0; }
.prodlist li a{ display: block; position: relative;}
.prodlist li .img{ overflow: hidden;}
.prodlist li img{ display: block; width:100%;}
.prodlist li .tit{ position: absolute; left:0; bottom:0; width:100%; text-align: center; line-height:70px; color:#1a1919; font-size:18px; }

.prodlist li:hover{ border-color:#3389b8; }
.prodlist li:hover .tit{ color:#3389b8; }
/*产品列表*/

/*解决方案*/
.schemelist{ overflow: hidden; margin-top:-1%; }
.schemelist li{ width:49%; margin-right:2%; margin-top:1%; float: left; }
.schemelist li:nth-child(2n){ margin-right:0; }
.schemelist li a{ display: block; }
.schemelist li .img{ overflow: hidden; border:1px solid #7e7d7d; }
.schemelist li img{ display: block; width:100%; }
.schemelist li .tit{ width:100%; text-align: center; line-height:50px; color:#1a1919; font-size:18px; }

.schemelist li:hover{ border-color:#3389b8; }
.schemelist li:hover .tit{ color:#3389b8; }

.rtit{ width:200px; height:50px; line-height:50px; text-align: center; background:#fb9701; color:#ffffff; font-size:24px; margin:3% 0;}
.rtit2{ margin-top:0 !important; }

.recommend_list{ overflow: hidden; margin-bottom:6%; }
.recommend_list li{ float: left; margin-right:2%; width:23.5%; position: relative;}
.recommend_list li:last-child{ margin-right:0; }
.recommend_list li .img{ overflow: hidden; border:1px solid #7e7d7d; }
.recommend_list li img{ display: block; width:100%;}
.recommend_list li .tit{ position: absolute; left:0; bottom:0; width:100%; text-align: center; line-height:70px; color:#1a1a1a; font-size:18px; }
.recommend_list li:hover .tit{ color:#3389b8;}
.recommend_list li:hover .img{ border-color:#3389b8; }

.recommend_list2{ overflow: hidden; margin-bottom:6%; }
.recommend_list2 li{ float: left; margin-right:2%; width:32%; }
.recommend_list2 li:last-child{ margin-right:0; }
.recommend_list2 li .img{ overflow: hidden; border:1px solid #7e7d7d; }
.recommend_list2 li img{ display: block; width:100%;}
.recommend_list2 li .tit{ text-align: center; line-height:70px; color:#1a1a1a; font-size:18px; }
.recommend_list2 li:hover .tit{ color:#3389b8;}
.recommend_list2 li:hover .img{ border-color:#3389b8; }
/*解决方案*/

/*产品详情*/
.pc-slide { width: 600px; }
.pc-slide .view{ overflow: hidden; border:1px solid #959595; width: 100%; }
.view .swiper-container { width:100%; }
.view .swiper-container img{ width:100%; display: block; }

.preview{ width: 100%;margin-top:15px;position: relative; padding:0 40px; }
.preview .swiper-container{ width: 100%; overflow: hidden; }
.preview .swiper-slide{ width:25%; }
.preview .swiper-slide a{ display: block; margin:0 auto; width:110px; border:1px solid #959595; }
.preview .swiper-slide img{ display: block; width:100%; }

.preview .arrow-left,.preview .arrow-right{ color:#999999; cursor:pointer; position:absolute; text-align:center; width:40px; height:100%; top:0; }
.preview .arrow-left span,.preview .arrow-right span{ position:absolute; left:0; width:100%; top:50%; margin-top:-34px; line-height:2; font-size:34px; }
.preview .arrow-left { left:0; }
.preview .arrow-right { right:0; }
.preview .active-nav a{border:1px solid #3389b8;}
.preview .arrow-left:hover,.preview .arrow-right:hover{ color:#3389b8; }

.prodtop .txt{ padding-left:670px;}
.prodtop .txt .tit{ color:#1a1a1a; font-weight:bold; font-size:30px; line-height:1; margin-top:5%;}
.prodtop .txt .column{ overflow: hidden; margin:5% 0;}
.prodtop .txt .column a{ float: left; font-size:16px; height:34px; line-height:34px; padding:0 20px; background:#3389b8; color:#ffffff; border-radius:5px; }
.prodtop .txt .column a:hover{ background:#fb9700; }
.prodtop .txt .info{ font-size:16px; color:#1a1919; border-top:1px solid #959595; border-bottom:1px solid #959595; padding:5% 0; line-height:2;}
.prodtop .txt .tel{ color:#1a1919; font-size:16px; margin-top:4%; line-height:1;}
.prodtop .txt .tel span{ color:#fb9700; font-size:30px; font-style: italic; }

.ptit{ font-weight:bold; color:#1a1a1a; font-size:24px; line-height:1; padding-bottom:24px; margin:3% 0; border-bottom:1px solid #959595;}
.ptit2{ margin-top:0; }

.prodvideo{ width:70%;}
.prodvideo video,.prodvideo iframe{ width:100%; height:600px; background:#000000; display: block;}

.advantages{ overflow: hidden; color:#1a1a1a; font-size:16px; margin-top:-2%;}
.advantages li{ float: left; width:100%; padding-left:35px; position: relative; margin-top:2%;}
.advantages li:after{ content:""; position: absolute; left:0; top:50%; margin-top:-10px; width:8px; height:8px; border:6px solid #fb9701; border-radius:50%; }

.prodtxt{ font-size:16px; line-height:1.8;}
.prodtxt img{ max-width:100%; height: auto !important;}
.prodtxt table{ width:100%; border-collapse: collapse; text-align: center; background:#f5f5f5; }
.prodtxt table th{ color:#333333; }
.prodtxt table td,.prodtxt table th{ border-left:1px solid #c5c5c5; padding:10px;}
.prodtxt table tr td:first-child,.prodtxt table tr th:first-child{ border:none;}
.prodtxt table tr:nth-child(even) { background-color: #ffffff;}
/*产品详情*/


/*新闻详情*/
.showmian{ overflow: hidden; margin:4% 0; }

.showtop{ border-bottom:1px solid #dadada; text-align: center;}
.showtop h1{ color:#323232; font-size:24px; }

.showtop .parameter{ color:#666666; overflow: hidden; font-size:16px; margin:1% 0;}
.showtop .parameter .hits,.showtop .parameter .time{ margin:0 16px; display: inline-block;}
.showtop .parameter span{ margin-right:10px; font-size:16px;}

.videoshow{ width:80%; margin:2% auto 0 auto;}
.videoshow video{ width:100%; display: block; background:#000000; height:600px;}

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

.showpaging{ overflow:hidden; color:#3a3a3a; line-height:70px; border-top:1px solid #e8e8e8; margin-top:2%; font-size:16px; }
.showpaging div{ width:49%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.showpaging div.fr{ text-align:right;}
.showpaging a:hover{ color:#027de4; text-decoration: underline; }
/*新闻详情*/

.animated{opacity: 0;}

.header .nav li>a:after,.prodnav li,.prodlist li,.hpList .swiper-slide .tit,.home-prev,.home-next,.hmore a,.hmore a span,.hpMore,.homecase li .tit,.homenews .hnban .tit,.hnban .hnban-next,.hnban .hnban-prev,.homenews .hnlist li,
.homenews .hnlist li a .tit,.homenews .hnlist li a .time,.mlist li.submit input,.nynav li>a,.nynav li>a:after,.weizhi a,.img_list li .tit,.newslist li .txt .tit,.fenye a,
.recommend_list li .tit,.video_list li a:after,.prodtop .txt .column a,.weizhi2 a,.schemelist li .tit,.hpnav li,.recommend_list2 li .tit,.showpaging a,
.video_list li .img:after{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}


.prodlist li img,.homecase li img,.img_list li img,.newslist li .img img,.recommend_list li img,.recommend_list2 li img,.schemelist li img{
	-webkit-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;}
	
.prodlist li:hover img,.homecase li:hover img,.img_list li:hover img,.newslist li:hover .img img,.recommend_list li:hover img,
.recommend_list2 li:hover img,.schemelist li:hover img{
-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;}


.clippingOne{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.clippingTwo{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; }
.clippingThree{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;  }


@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.5;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.5;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.5;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.5;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.5;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.5;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.5;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.5;}
	100%{opacity: 1;top:0px;}
}