@charset "utf-8";
@font-face {
	font-family: 'Anton';
	src: url('../font/Anton.ttf') format('truetype');
}

@font-face {
	font-family: 'HELVETI';
	src: url('../font/HELVETI.ttf') format('truetype');
}
body{ max-width:2400px; margin:0 auto;}
*{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: Helvetica, sans-serif; }
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 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; width:90%; max-width:1700px; margin: 0 auto; }

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

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

/*header*/
.header{ height:116px; position: relative; }
.header .container{ position: relative; padding-right:140px; display: flex; justify-content:space-between; }
.header .logos{ position: relative; z-index:10; }
.header .logos img{ height:116px; }

.header .searchBtn{ position: relative; z-index:10; line-height:116px; height:116px; text-align:center; cursor:pointer; }
.header .searchBtn span{ color:#252525; font-size:24px; }
.header .searchBtn:hover span{ color:#0963b3; }

.header .nav{ text-align:center; display: flex; justify-content:space-between; flex:0.8; }
.header .nav li{ position: relative; list-style: none outside none;}
.header .nav li>a{ font-size:18px; line-height:116px; display: block; color:#333333; }
.header .nav li>a span{ font-size:18px; margin-left:12px; }

.header .nav li .sub{ margin-top:-2px; border-top:2px solid #0963b3; border-radius:0 0 8px 8px; overflow: hidden; font-size:16px; position:absolute; left:0; top:116px; width:210px; z-index:100; color:#333333; background:#ffffff; display:none; text-align:left; }
.header .nav li .sub a{ display:block; width:100%; padding:16px; line-height:1.4; font-weight:normal; }
.header .nav li .sub a:hover{ background:#0963b3; color:#ffffff;}


.header .nav li.on>a,.header .nav li:hover>a{ color:#0963b3; }
.header .nav li.on>a span,.header .nav li:hover>a span{ color:#0963b3; }

.header .wechatBtn{ position: absolute; top:0; right:0; width:170px; height:116px; line-height:116px; background:#0963b3; text-align:center; cursor: pointer; }
.header .wechatBtn span{ color:#ffffff; font-size:28px; }

.lang{ display: flex; align-items: center;}
.lang a{ display: block; height:34px; color:#0963b3; border-radius:5px; line-height:32px; font-size:16px; padding:0 12px; border:1px solid #0963b3; }
.lang a span{ font-size:16px; margin-right:8px; }
.lang a:hover{ background:#0963b3; color:#ffffff; }

.nav_btn{ display:none; }

.searchbj{ background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; width:100%; height:100%; z-index:900; display:none;}
.searchMain{ padding:60px; width:580px; height:180px; background:#ffffff; position: fixed; left:50%; top:50%; z-index:1000; margin:-90px 0 0 -290px; box-shadow: 0 0 20px #999999; display:none;}
.searchMain .input{ width:400px; height:60px; border:1px solid #0963b3; padding:0 15px; float:left; font-size:16px;}
.searchMain .submit{ width:60px; height:60px; text-align:center; line-height:60px; color:#ffffff; background:#0963b3; background-size:cover; float:left; cursor:pointer;}
.searchMain .submit span{ font-size:24px; }
/*header*/

/*banner*/
.banner{ width:100%; overflow: hidden; }
.banner .swiper-slide{ position: relative; background:#ffffff; }
.banner .swiper-slide>img{ display:block; width:100%; }
.banner .swiper-slide .img{ height:85%; position:absolute; top:5%; right:10%; }
.banner .swiper-slide .img img{ height:100%; display: block; }
.banner .swiper-slide .bantxt{ position: absolute; top:0; left:0; height:100%; width:100%; }
.banner .swiper-slide .bantxt .tit01{ height:76px; }
.banner .swiper-slide .bantxt .tit01 img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .tit02{ height:76px; margin:17px 0 34px 0; }
.banner .swiper-slide .bantxt .tit02 img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .ico{ height:111px; }
.banner .swiper-slide .bantxt .ico img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .more{ display:block; margin-top:50px; width:200px; height:50px; line-height:50px; background:#147bcc; text-align:center; color:#ffffff; }
.banner .swiper-slide .bantxt .more2{ background:#ff2400; }


.banner .swiper-slide .bantxt .ban2tit01{ height:85px; }
.banner .swiper-slide .bantxt .ban2tit01 img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .ban2tit02{ height:54px; margin:25px 0 50px 0; }
.banner .swiper-slide .bantxt .ban2tit02 img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .ban2tit03{ height:120px; }
.banner .swiper-slide .bantxt .ban2tit03 img{ display: block; height:100%; }

.banner .swiper-slide .bantxt .ban2tit01{ position: relative; top:200px; transition:1s;-o-transition: 1s;-ms-transition:1s;-moz-transition: 1s;-webkit-transition: 1s; opacity:0; }
.banner .swiper-slide-active .bantxt .ban2tit01{ opacity:1; top:0;}

.banner .swiper-slide .bantxt .ban2tit02{ position: relative; top:200px; transition: 1.2s;-o-transition: 1.2s;-ms-transition:1.2s;-moz-transition: 1.2s;-webkit-transition: 1.2s; opacity:0; }
.banner .swiper-slide-active .bantxt .ban2tit02{ opacity:1; top:0; }

.banner .swiper-slide .bantxt .ban2tit03{ position: relative; top:200px; transition: 1.4s;-o-transition: 1.4s;-ms-transition:1.4s;-moz-transition: 1.4s;-webkit-transition: 1.4s; opacity:0; }
.banner .swiper-slide-active .bantxt .ban2tit03{ opacity:1; top:0;}



.banner .swiper-slide .bantxt .ban3tit01{ height:85px; }
.banner .swiper-slide .bantxt .ban3tit01 img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .ban3tit02{ height:54px; margin:20px 0; }
.banner .swiper-slide .bantxt .ban3tit02 img{ display: block; height:100%; }
.banner .swiper-slide .bantxt .ban3tit03{ height:85px; }
.banner .swiper-slide .bantxt .ban3tit03 img{ display: block; height:100%; }

.banner .swiper-slide .bantxt .ban3tit01{ position: relative; top:200px; transition:1s;-o-transition: 1s;-ms-transition:1s;-moz-transition: 1s;-webkit-transition: 1s; opacity:0; }
.banner .swiper-slide-active .bantxt .ban3tit01{ opacity:1; top:0;}

.banner .swiper-slide .bantxt .ban3tit02{ position: relative; top:200px; transition: 1.2s;-o-transition: 1.2s;-ms-transition:1.2s;-moz-transition: 1.2s;-webkit-transition: 1.2s; opacity:0; }
.banner .swiper-slide-active .bantxt .ban3tit02{ opacity:1; top:0; }

.banner .swiper-slide .bantxt .ban3tit03{ position: relative; top:200px; transition: 1.2s;-o-transition: 1.2s;-ms-transition:1.2s;-moz-transition: 1.2s;-webkit-transition: 1.2s; opacity:0; }
.banner .swiper-slide-active .bantxt .ban3tit03{ opacity:1; top:0;}



.banBottom{ position: relative; height:180px; margin-top:-90px; z-index:10; }
.banBottom:after{ content:""; width:60%; height:100%; background:#0963b3; position: absolute; left:0; top:0; }
.banBottom .container{ position: relative; z-index:1; overflow: hidden; }
.banBottom .txt{ overflow: hidden; padding-bottom:30px; border-bottom:1px solid #2c79bd; float: left; width:38%; position: relative; }
.banBottom .txt::after{ content:""; position: absolute; width:9px; height:9px; left:0; bottom:0; background:#ffffff; }
.banBottom .txt .tit{ font-weight:bold; color:#ffffff; font-size:24px; line-height:1; margin-top:40px; }
.banBottom .txt .info{ color:#afd0ee; font-size:16px; line-height:1.2; margin-top:16px; }
.banBottom .swiper-pagination{ position:static; float: left; line-height:0; margin-left:48px; margin-top:125px; }
.banBottom .swiper-pagination .swiper-pagination-bullet{ height:8px; opacity:1; width:10px; margin:0 10px; background:#6ca1d0; border-radius:0; }
.banBottom .swiper-pagination .swiper-pagination-bullet-active{ background:#ffffff; width:40px; }

.banBottom .banner-prev,.banBottom .banner-next{ cursor: pointer; width:90px; height:90px; text-align:center; line-height:90px; left:60%; position:absolute; z-index:1; }
.banBottom .banner-prev span,.banBottom .banner-next span{ font-size:34px; }
.banBottom .banner-prev{ top:0; background:#ffffff; }
.banBottom .banner-next{ bottom:0; background:#191919; }

.banner .swiper-slide .bantxt .tit01{ position: relative; top:200px; transition:1s;-o-transition: 1s;-ms-transition:1s;-moz-transition: 1s;-webkit-transition: 1s; opacity:0; }
.banner .swiper-slide-active .bantxt .tit01{ opacity:1; top:0;}

.banner .swiper-slide .bantxt .tit02{ position: relative; top:200px; transition: 1.2s;-o-transition: 1.2s;-ms-transition:1.2s;-moz-transition: 1.2s;-webkit-transition: 1.2s; opacity:0; }
.banner .swiper-slide-active .bantxt .tit02{ opacity:1; top:0; }

.banner .swiper-slide .bantxt .ico{ position: relative; top:200px; transition: 1.4s;-o-transition: 1.4s;-ms-transition:1.4s;-moz-transition: 1.4s;-webkit-transition: 1.4s; opacity:0; }
.banner .swiper-slide-active .bantxt .ico{ opacity:1; top:0;}

.banner .swiper-slide .bantxt .more{ position: relative; top:200px; transition: 1.6s;-o-transition: 1.6s;-ms-transition:1.6s;-moz-transition: 1.6s;-webkit-transition: 1.6s; opacity:0; }
.banner .swiper-slide-active .bantxt .more{ opacity:1; top:0;}

.banner .swiper-slide .img img{ position: relative; right:-200px;  transition: 1.8s;-o-transition: 1.8s;-ms-transition:1.8s;-moz-transition: 1.8s;-webkit-transition: 1.8s; opacity:0;}
.banner .swiper-slide-active .img img{ opacity:1; right:0;}
/*banner*/

/*首页产品*/
.homeProdTop{ position: relative; margin-top:90px; }
.homeProdTop .txt{ width:50%; position: absolute; height:100%; padding:3%; background:#f8f8f8; }
.homeProdTop .txt .entit{ font-family:Anton; color:#222222; font-size:70px; line-height:1; text-transform:uppercase; position: relative; }
.homeProdTop .txt .rigtit{ font-family:Arial; color:#c5c4c4; font-size:18px; position: absolute; right:0; top:0; line-height:70px; }
.homeProdTop .txt .cntit{ color:#222222; font-size:18px; margin-top:18px; }
.homeProdTop .txt .info{ color:#868686; font-size:16px; margin:9% 0; }

.hmore{ display:inline-block; position: relative; color:#222222; font-size:16px; text-transform:uppercase; line-height:45px; padding-left:61px; }
.hmore span{ position: absolute; left:0; top:0; width:45px; height:45px; line-height:45px; text-align:center; border-radius:50%; background:#0963b3; color:#ffffff; font-size:18px; font-weight:bold; }

.homeProdTop .img{ width:50%; overflow: hidden; }
.homeProdTop .img img{ display:block; width:100%; }
.homeProdTop .img a{ display: block; position: relative; }
.homeProdTop .img .more{ position: absolute; border-radius:50%; width:216px; height:216px; left:50%; top:50%; margin-top:-108px; margin-left:-108px;
 background:rgba(9, 99, 179, 0.94); color:#ffffff; text-align:center;
}

.homeProdTop .img .more .tit{ font-size:24px; font-weight:bold; line-height:1.4; }
.homeProdTop .img .more .ico{ background:#ffffff; width:45px; line-height:45px; height:45px; border-radius:50%; margin:24px auto 0 auto; }
.homeProdTop .img .more .ico span{ color:#0963b3; font-size:18px; font-weight:bold; }

.homeProd{ margin:4% 0; overflow: hidden; }
.homeProd .swiper-slide{border:2px solid #ffffff;}
.homeProd .swiper-slide .img{ position: relative; z-index:1; width:76%; margin:60px auto 40px 24%; }
.homeProd .swiper-slide .img img{ display: block; width:100%; }
.homeProd .swiper-slide a{ display:block; position:relative; overflow: hidden; }
.homeProd .swiper-slide a .num{ display:none; position: absolute; font-size:200px; line-height:1; top:50%; left:15%; margin-top:-100px; font-family:Impact; color:rgba(0, 0, 0, 0.07); }
.homeProd .swiper-slide .tit{ position: absolute; left:7%; top:10%; line-height:1.2; z-index:10; }
.homeProd .swiper-slide .tit .entit{ text-transform:uppercase; color:#868686; font-size:14px; }
.homeProd .swiper-slide .tit .cntit{ color:#222222; font-size:24px; font-weight:bold; margin-top:20px; }
.homeProd .swiper-slide .more{ position:absolute; left:7%; font-size:14px; color:#222222; bottom:10%; text-transform: uppercase; }
.homeProd .swiper-slide .more .arrow{ position: absolute; top:50%; left:100px; background:#222222; width:70px; height:1px;  }
.homeProd .swiper-slide .more .arrow:after{ content:""; width:0; height:0; position: absolute; right:-10px; top:50%; margin-top:-7px; border:7px solid transparent; border-left-color:#222222; }
.homeProd .swiper-slide:hover{ border-color:#0963b3; }

.homeProd .swiper-pagination{ position:static; width:100%; line-height:0; margin-top:4%; }
.homeProd .swiper-pagination .swiper-pagination-bullet{ float: left; width:16.66%; margin:0; background:#e1e1e1; height:3px; opacity:1; border-radius:0; }
.homeProd .swiper-pagination .swiper-pagination-bullet-active{ background:#0963b3; }
/*首页产品*/

/*首页关于我们*/
.homeAbout{ overflow: hidden; position: relative; }
.halist{ overflow: hidden; width:50%; position: absolute; height:100%; }
.halist li{ float: left; position: relative; height:50%; list-style: none outside none;}
.halist li.li01{ width:50%; background:url(../images/homeAbout01.jpg) no-repeat center center; background-size:cover; }
.halist li.li02{ width:50%; background:url(../images/homeAbout02.jpg) no-repeat center center; background-size:cover; }
.halist li.li03{ width:100%; background:url(../images/homeAbout03.jpg) no-repeat right center; background-size:cover; }

.halist li a{ height:100%; padding:0 12%; }
.halist li .ico{ line-height:1; }
.halist li .ico span{ color:#ffffff; font-size:70px; }
.halist li .tit{ font-size:24px; color:#ffffff; font-weight:bold; margin-top:12px; }
.halist li .info{ color:#ffffff; font-size:16px; margin:12% 0;}
.halist li .more{ color:#ffffff; text-transform:uppercase; font-size:16px; }
.halist li .more span{ font-size:40px; }

.halist li.li03 .info{ margin:6% 0; }
.halist li.li03 a{ padding:0 7.5%; }
.halist li.li03 .info{ width:60%; }

.haright{ padding:8% 6%; height:50%; width:50%; background:url(../images/homeAbout04.jpg) no-repeat center center; background-size:cover; }
.haright .entit{ font-size:70px; line-height:1; text-transform:uppercase; color:#ffffff; font-family:Anton; }
.haright .cntit{ font-size:24px; color:#ffffff; margin-top:24px; }
.haright .xian{ width:60px; height:1px; background:#ffffff; position: relative; margin:8% 0; }
.haright .xian:after{ content:""; width:9px; height:9px; background:#ffffff; position: absolute; left:0; top:-4px; }
.haright .info{ color:#c8c7c7; font-size:16px; line-height:1.8; }

.haright .btn{ overflow: hidden; margin-top:14%; }
.haright .btn a{ text-align:center; float: left; height:70px; line-height:70px; width:48%; font-size:16px; text-transform:uppercase; font-weight:bold; }
.haright .btn a div{ position: relative; padding-left:36px; display:inline-block; }
.haright .btn a span{ position: absolute; font-size:24px; left:0; top:0; }
.haright .btn a.a1{ background:#0963b3; color:#ffffff; margin-right:4%; }
.haright .btn a.a2{ background:#ffffff; color:#0963b3; }
/*首页关于我们*/

/*首页新闻*/
.homeNewsTit{ padding-left:3%; line-height:70px; padding-bottom:2.5%; margin-top:4%; }
.homeNewsTit .tit{ font-family:Anton; text-transform:uppercase; font-size:70px; line-height:1; color:#222222; }
.homeNewsTit .sub{ color:#222222; font-size:24px; font-weight:bold; margin-left:24px; }
.homeNewsTit .sub span{ margin:0 24px; }
.homeNewsTit .sub a:hover{ color:#0963b3; }
.homeNewsTit .more{ padding:0 40px; text-transform:uppercase; font-weight:bold; height:70px; line-height:70px; background:#0963b3; color:#ffffff; font-size:16px; }
.homeNewsTit .more span{ float:right; font-size:18px; margin-left:18px; }

.homeNewsTop{ position: relative; padding:3%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.homeNewsTop .titen{ position: absolute; top:50%; line-height:1; margin-top:-110px; right:0; color:#f4f4f4; opacity:0.46; font-size:220px; font-family:Anton;  }
.homeNewsTop .time{ color:#878787; font-size:18px; }
.homeNewsTop .tit{ color:#2a2a2a; font-size:24px; font-weight:bold; margin:1.5% 0; width:60%; }
.homeNewsTop .info{ color:#878787; font-size:16px; line-height:1.8; width:60%; }
.homeNewsTop .hmore{ position: absolute; top:50%; right:3%; margin-top:-22.5px; }
.homeNewsTop .tit:hover{ color:#0963b3; }
.hmore:hover{ color:#0963b3; }

.hnlist{ overflow: hidden; padding:4% 3%; }
.hnlist li{ width:32%; margin-right:2%; float: left; list-style: none outside none;}
.hnlist li:nth-child(3n){ margin-right:0; }
.hnlist li .img{ overflow: hidden; }
.hnlist li img{ display: block; width:100%; }
.hnlist li .txt{ padding:8% 3%; line-height:1; border-bottom:1px solid #e0e0e0; }
.hnlist li .txt .tit{ color:#2a2a2a; font-size:20px; font-weight:bold; margin-bottom:20px; }
.hnlist li .txt .info{ color:#878787; font-size:16px; line-height:30px; height:60px; }
.hnlist li .more{ font-weight:bold; font-size:14px; color:#2a2a2a; float: left; line-height:70px; margin-left:3%; }
.hnlist li .more span{ font-size:24px; font-weight:normal; float:right; margin-left:14px; }

.hnlist li .txt .tit:hover{ color:#0963b3; }
.hnlist li .more:hover{ color:#0963b3; }
/*首页新闻*/

/*首页合作伙伴*/
.homeCoop{ background: linear-gradient(to bottom, #ececec, #ffffff, #ececec); }
.coopTit{ margin-top:6%;  }
.coopTit .tit{ color:#222222; line-height:1; font-size:70px; font-family:Anton; font-weight:bold; }
.coopTit .info{ color:#222222; font-size:16px; line-height:25px; padding:10px 0; width:45%; }

.homeCoopMain{ overflow: hidden; position: relative; }
.hclist{ overflow: hidden; width:40%; margin-top:7%; }
.hclist li{ float: left; width:100%; margin:5% 0; display: flex; list-style: none outside none;}
.hclist li .ico{ background:url(../images/coopico.png) no-repeat center center; background-size:cover; width:90px; height:90px; text-align:center; line-height:90px; }
.hclist li .ico span{ font-size:36px; color:#222222; }
.hclist li .txt{ flex:1; padding:10px 0; margin-left:30px; color:#222222; font-size:18px; line-height:1; }
.hclist li .txt .num{ line-height:40px; }
.hclist li .txt .num span{ color:#0963b3; font-size:48px; line-height:1; font-weight:bold; font-family:Impact; }
.hclist li .txt .tit{ line-height:30px; }

.homeCoopMain .map{ width:60%; }
.homeCoopMain .map img{ display: block; width:100%; }

.homeCoop .container{ position: relative; }
.cooplist{ overflow: hidden; position: absolute; bottom:9%; left:0; width:100%; }
.cooplist .swiper-slide{ padding:7px; }
.cooplist .swiper-slide img{ display: block; width:100%; box-shadow:0 0 14px #d9d9d9; }

.cooplist .swiper-pagination{ position:static; line-height:0; margin-top:28px; }
.cooplist .swiper-pagination .swiper-pagination-bullet{ width:14px; margin:0 7px; height:14px; background:#ffffff; opacity:1; }
.cooplist .swiper-pagination .swiper-pagination-bullet-active{ background:#0963b3; }
/*首页合作伙伴*/

/*底部*/
.footer{ background:#222222; }
.footTop{ margin-top:2%; display: flex; justify-content: space-between; }
.dblogo{ height:140px; }
.dblogo a{ display: block; height:100%; }
.dblogo img{ display: block; height:100%; }

.dbnav{ overflow: hidden; height:140px; line-height:140px; display:flex; }
.dbnav li{ color:#d8d8d8; font-size:18px; margin-left:36px; list-style: none outside none;}
.dbnav li a:hover{ color:#ffffff; }

.dbContact{ border-top:1px solid #2b2b2b; border-bottom:1px solid #2b2b2b; justify-content: space-between; padding:4% 0; display: flex; }

.dbconlist{ overflow: hidden; display:flex; flex:1; }
.dbconlist li{ list-style: none outside none; }
.dbconlist li .ico{ width:45px; height:45px; border-radius:50%; line-height:43px; text-align:center; border:1px solid #424242; }
.dbconlist li .ico span{ font-size:20px; }
.dbconlist li .tit{ color:#898989; font-size:16px; line-height:24px; margin-top:24px; }
.dbconlist li .txt{ border-right:1px solid #424242; padding-right:50px; margin-right:50px; }
.dbconlist li .info{ font-size:20px; line-height:30px; margin-top:10px; color:#d8d8d8; }
.dbconlist li .txt2 .info{ font-size:16px; font-family:Arial; }


.dbconlist li:last-child{ flex:1;}
.dbconlist li:last-child .txt{ margin-right:0 !important; border-right:none; }

.dbwechat{ width:140px; }
.dbwechat .img{ margin:0 auto; width:100px; border-radius:5px; overflow: hidden; background:#ffffff; }
.dbwechat .img img{ display: block; width:100%; }
.dbwechat .tit{ color:#838383; font-size:14px; text-align:center; margin-top:14px; }

.bottom{ position: relative; padding:3% 0; }
.copy{ color:#898989; font-size:16px; }
.copy span{ margin:0 16px; }
.copy a:hover{ color:#ffffff; }

.bottomBtn{ position: absolute; right:0; top:50%; margin-top:-22.5px; }
.bottomBtn a{ float:left; height:45px; width:45px; line-height:45px; border-radius:50%; text-align:center; background:#353434; margin-left:20px; }
.bottomBtn a span{ font-size:24px; color:#ffffff; }
.bottomBtn a:hover{ background:#0963b3; }
/*底部*/

.pupupbj{ display: none; background:rgba(0, 0, 0, 0.8); position: fixed; width:100%; height:100%; left:0; top:0; z-index:200; cursor:pointer; }
.pupup{ display:none; position: fixed; top:50%; left:50%; background:#ffffff; box-shadow:0 0 15px #000000; z-index:201; }

.pupup1{ width:150px; height:150px;  margin:-75px 0 0 -75px; }
.pupup1 img{ width:100%; display:block; }

.pupup2{ height:84px; width:560px; font-size:24px; text-align:center; line-height:84px; margin:-42px 0 0 -280px;  }

/*内页*/
.ban{ position: relative; }
.ban .img{ overflow: hidden; }
.ban img{ display: block; width:100%; }
.ban .banContent{ position: absolute; color:#ffffff; line-height:1; left:0; top:0; height:100%; width:100%; padding-bottom:120px; text-align:center; }
.ban .banContent .encolumn{ font-family:Anton; font-size:70px; text-transform:uppercase; }
.ban .banContent .cncolumn{ font-size:30px; margin:30px 0; }
.ban .banContent .btn{ width:50px; height:50px; background:#ffffff; margin:0 auto; text-align:center; line-height:50px; border-radius:50%; }
.ban .banContent .btn span{ color:#333333; font-size:24px; }
.ban .banContent .location{ font-size:16px; margin-top:30px; line-height:1; }
.ban .banContent .location span{ margin:0 8px; }

.ban .banContent2{ padding-bottom:0 !important; }

.pagenav{ border-top:1px solid rgba(255, 255, 255, 0.33); position: absolute; text-align:center; width:100%; left:0; bottom:0; height:120px; line-height:120px; color:#ffffff; }
.pagenav li{ display:inline-block; margin:0 36px; position: relative; list-style: none outside none;}
.pagenav li a{ position: relative; z-index:1; display: block; padding-left:36px; font-size:18px; font-weight:bold; }
.pagenav li a:after{ content:""; position: absolute; width:8px; height:8px; left:0; top:50%; margin-top:-4px; background:#ffffff; }
.pagenav li:after{ opacity:0; position: absolute; left:50%; bottom:-2px; content:""; width:0; height:0; border:14px solid transparent; border-bottom-color:#ffffff; }
.pagenav li.on:after{ opacity:1; }


.pagenav2{ border-top:none; }
.pagenav2 .container{ background:#0963b3; }

.pagenav3{ bottom: -60px; }

.pagenav4{ position: static; }
/*内页*/

/*关于我们*/
.aboutbj{ background:url(../images/aboutbj.jpg) no-repeat left top; background-size:100% auto; }

.aboutMain{ display: flex; justify-content: space-between; margin:9% 0; }
.aboutMain .img{ width:47%; }
.aboutMain .img img{ width:100%; display: block; }
.aboutMain .txt{ width:50%; }
.aboutMain .txt .entit{ color:#222222; font-size:60px; font-family:Anton; text-transform:uppercase; line-height:1; }
.aboutMain .txt .cntit{ color:#1e1d1d; font-size:30px; font-weight:bold; line-height:1; margin-top:30px; }
.aboutMain .txt .info{ color:#676767; font-size:16px; line-height:1.8; border-top:1px solid #a4a4a4; margin-top:6%; padding:6% 0; }
.aboutMain .txt .more{ padding:0 40px; text-transform:uppercase; font-weight:bold; height:70px; line-height:70px; background:#0963b3; color:#ffffff; font-size:16px; }
.aboutMain .txt .more span{ float:right; font-size:18px; margin-left:18px; }

.processImg{}
.processImg img{ display: block; width:100%; }

.processTop{ line-height:328px; background:url(../images/processTop.jpg) no-repeat center center; background-size:cover; }
.processNav{ position: relative; }
.processNav .swiper-slide{ cursor: pointer; text-align:center; color:#efefef; font-size:60px; font-family:Anton; font-weight:bold; }
.processNav .swiper-slide-active{ color:#0963b3; font-size:80px; }

.process-prev,.process-next{ cursor: pointer; z-index:1; border-radius:50%; line-height:60px; text-align:center; position: absolute; top:50%; margin-top:-30px; width:60px; height:60px; background:rgba(9, 99, 197, 0.75); }
.process-prev span,.process-next span{ color:#ffffff; font-size:24px; }
.process-prev{ left:10%; margin-left:-30px; }
.process-next{ right:10%; margin-right:-30px; }

.processNav{ width:100%; overflow: hidden; }

.processXian{ background:#0963b3; height:8px; position: relative; }
.processXian:after{ content:""; position: absolute; z-index:1; left:50%; top:50%; border-radius:50%; margin:-18px 0 0 -18px; width:36px; height:36px; background:rgba(202, 223, 241, 0.58); }
.processXian::before{ content:""; position: absolute; z-index:2; left:50%; top:50%; border-radius:50%; margin:-10px 0 0 -10px; width:20px; height:20px; background:#0963b3; }

.processTab{ text-align:center; color:#333333; font-size:18px; margin:3.5% 0 7% 0; }

.honorbj{ background:url(../images/honorbj.jpg) no-repeat center center; background-size:cover; }

.honorMain{ margin:7% 0; }
.pageTit{ margin-bottom:3%; line-height:60px; display:flex; justify-content: space-between; }
.pageTit .entit{ color:#222222; font-size:60px; font-family:Anton; text-transform: uppercase; }
.pageTit .info{ max-width:60%; font-size:18px; color:#ffffff; line-height:1.5; align-items: center; display: flex; }
.pageTit .info span{ color:#0963b3; margin:0 9px; }
.pageTit .ptnav{ overflow: hidden; }
.pageTit .ptnav li{list-style: none outside none; height:60px; float:left; cursor:pointer; font-size:24px; margin-left:12px; padding:0 48px; border:1px solid #0963b3; color:#0963b3; line-height:58px; text-align:center; }
.pageTit .ptnav li:hover,.pageTit .ptnav li.on{ color:#ffffff; background:#0963b3; }

.pageTit2{ margin-bottom:4%; }
.pageTit2 .entit{ color:#ffffff; }
.pageTit2 .cntit{ color:#ffffff; }

.pageTit3{ margin-bottom:5%; }
.pageTit3 .info{ color:#222222; }

.pageTit4{ margin:5% 0 2.5% 0; }
.pageTit4 .info{ color:#222222; }

.pageTit5{ margin-top:4%; }

.honorPaging{ overflow: hidden; }
.honorPaging .honor-prev,.honorPaging .honor-next{ cursor:pointer; width:60px; height:60px; line-height:58px; border:1px solid #0963b3; border-radius:50%; text-align:center; }
.honorPaging .honor-prev span,.honorPaging .honor-next span{ font-size:24px; color:#0963b3; font-weight:bold; }
.honorPaging .honor-prev:hover,.honorPaging .honor-next:hover{ background:#0963b3; }
.honorPaging .honor-prev:hover span,.honorPaging .honor-next:hover span{ color:#ffffff; }
.honorPaging .num{ margin:0 36px; color:#0963b3; font-size:18px; }
.honorPaging .num .sp01{ font-size:36px; }

.honorList{ overflow: hidden; }
.honorList .swiper-slide{ padding:18px; }
.honorList .swiper-slide a{ display: block; padding:12% 4%; box-shadow:0 0 18px #ebebeb; background:#ffffff; }
.honorList .swiper-slide a img{ display: block; width:100%; }
.honorList .swiper-slide .tit{ color:#333333; font-size:20px; text-align:center; margin-top:6%; }

.honorList .swiper-pagination{ position:static; line-height:1; margin-top:2%; }
.honorList .swiper-pagination .swiper-pagination-bullet{ width:18px; height:18px; background:#c6c6c6; opacity:1; border-radius:9px; }
.honorList .swiper-pagination .swiper-pagination-bullet-active{ background:#0963b3; width:45px; }

.brandbj{ background:url(../images/brandbj.jpg) no-repeat center center; background-size:cover; }
.brandMain{ margin:7% 0; }

.brandList{ overflow: hidden; display: flex; justify-content: space-between; }

.brandList li{list-style: none outside none; padding:3%; width:32%; background:#ffffff; border-radius:15px; }
.brandList li .ico{ width:150px; height:150px; margin:0 auto; padding:25px; border-radius:50%; background:#f2f7fb; text-align:center; }
.brandList li .ico span{ display: block; font-size:48px; border-radius:50%; background:#0963b3; width:100px; height:100px; line-height:100px; color:#ffffff; }
.brandList li .tit{ color:#333333; font-size:18px; line-height:1.8; margin:18px 0; text-align:center; }
.brandList li .info{ color:#a0a0a0; font-size:14px; text-align:center; text-transform:uppercase; }

.bottombj{  background: linear-gradient(to bottom, #ffffff, #f4f9fc); }

.culture{ position: relative; padding:7% 0; }
.culture .img{ width:536px; border-radius:50%; z-index:100; overflow: hidden; position: absolute; left:50%; top:50%; margin:-268px 0 0 -268px; }
.culture .img img{ display: block; width:100%; }

.cultureList{ padding:0 32px; }
.cultureList li{list-style: none outside none; float: left; width:50%; height:110px; position: relative; margin:32px 0; text-align:center; border-radius:55px; }
.cultureList li .num{ position: absolute; top:-16px; border-radius:50%; box-shadow:0 0 16px #dcdcdc; background:#ffffff; width:64px; height:64px; line-height:64px; color:#0963b3; font-size:30px; }
.cultureList li .text{font-size:24px; justify-content: center; line-height:1.5; display: flex; align-items: center; height:110px; }
.cultureList li.li01,.cultureList li.li04{ background:#0963b3; color:#ffffff; }
.cultureList li.li02,.cultureList li.li03{ background:#deeaf5; color:#222222; }
.cultureList li.li01,.cultureList li.li01,.cultureList li.li01,.cultureList li.li03{ padding:0 18% 0 3%; }
.cultureList li.li02,.cultureList li.li02,.cultureList li.li02,.cultureList li.li04{ padding:0 3% 0 18%;  }
.cultureList li.li01 .num,.cultureList li.li03 .num{ left:-16px; }
.cultureList li.li02 .num,.cultureList li.li04 .num{ right:-16px; }

.cooplist1,.cooplist2{ position:static; }

.coopTab{ margin:6% 0; }
.coopTab .hide{ display: block; height:0; overflow: hidden; }
.coopTab .hide.on{ height:auto; }

.coopTab .swiper-pagination{ position:static; line-height:1; margin-top:3% !important; }
.coopTab .swiper-pagination .swiper-pagination-bullet{ width:18px; height:18px; background:#c6c6c6; opacity:1; border-radius:9px; }
.coopTab .swiper-pagination .swiper-pagination-bullet-active{ background:#0963b3; width:45px; }
/*关于我们*/


/*服务支持*/
.advantageMain{ margin:7% 0; }

.advantageList{ border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; display:flex; }
.advantageList li{ list-style: none outside none; cursor:pointer; width:33.33%; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; }
.advantageList li .content{ height:100%; background:#ffffff; top:0; left:0; padding:15%; position: relative; }
.advantageList li .num{ position: absolute; top:10%; line-height:0.9; left:15%; color:#878787; font-size:160px; opacity:0.09; font-family:Anton; }
.advantageList li .entit{ color:#878787; font-size:18px; }
.advantageList li .cntit{ color:#2a2a2a; font-size:24px; font-weight:bold; margin-bottom:36px; }
.advantageList li .info{ color:#878787; font-size:16px; line-height:1.8; }
.advantageList li .content:after{ opacity:0; content:""; left:0; top:0; width:0; height:0; position: absolute; border:40px solid transparent; border-top-color:#0963b3;  border-left-color:#0963b3; }

.advantageList li:hover .content{ top:-20px; left:20px; z-index:100; box-shadow:0 0 20px #dcdcdc; }
.advantageList li:hover .content:after{ opacity:1; }
.advantageList li:hover .content .num{ color:#0963b3; opacity:0.09; }


.afterSales{ position: relative; overflow: hidden; }
.afterSales:after{ content:""; height:100%; width:50%; position: absolute; right:0; top:0; background:url(../images/afterSalesBj.jpg) no-repeat center center; background-size:cover; }
.afterSales .img{ height:100%; width:50%; position: absolute; left:0; top:0; }
.afterSales .img img{ display:none; }

.afterSales .txt{ position: relative; z-index:10; padding:5.5%; width:50%; background:url(../images/afterSalesBj.jpg) no-repeat center center; background-size:cover; }
.afterSales .txt .entit{ color:#ffffff; font-size:60px; font-family:Anton; text-transform:uppercase; line-height:1; }
.afterSales .txt .cntit{ color:#ffffff; font-size:30px; font-weight:bold; line-height:1; margin-top:30px; }
.afterSales .txt .info{ overflow: hidden; border-top:1px solid #3c81bf; margin-top:9%; }
.afterSales .txt .info li{ list-style: none outside none; position: relative; padding-left:30px; float: left; font-size:16px; color:#ffffff; line-height:30px; margin-top:8%; }
.afterSales .txt .info li .tit{ font-weight:bold; }
.afterSales .txt .info li .ico{ position: absolute; width:10px; height:10px; background:#ffffff; top:10px; left:5px; border-radius:50%; }
.afterSales .txt .info li .ico:after{ content:""; position: absolute; left:-5px; top:-5px; height:20px; width:20px; background:rgba(255,255,255,0.17); border-radius:50%; } 
/*服务支持*/

/*新闻列表*/
.homeNewsTop2{ padding:3% 0 !important; }

.hnlist2{ padding:0 !important; margin-top:2%; }
.hnlist2 li{ list-style: none outside none; border:1px solid #e0e0e0; margin-top:2%; }
.hnlist2 li a{ padding:8% 8% 0 8%; display: block; overflow: hidden; }
.hnlist2 li .txt{ padding-left:0; padding-right:0; }
.hnlist2 li .more{ margin-left:0; }

.paging{ text-align:center; margin:3.5% 0; }
.paging a,.paging .current{ margin:0 5px; font-size:18px; display:inline-block; background:#ededed; width:50px; height:50px; border-radius:50%; line-height:50px; text-align:center; }
.paging a span{ font-size:18px; }

.paging a:hover,.paging .current{ background:#0963b3; color:#ffffff; }
/*新闻列表*/

/*新闻详情*/
.huibj{ background:#f3f3f3; }

.showNews{ background:#ffffff; padding:5% 6% 0 6%; }

.showTop{ text-align:center; }
.showTop h1{ color:#2a2a2a; font-size:28px;line-height:1.2; }
.showTop .parameter{ text-align:center; font-size:16px; color:#666666; padding:2.5% 0 4% 0; border-bottom:1px solid #d2d2d2; }
.showTop .parameter li{ list-style: none outside none; display:inline-block; margin:0 16px; }
.showTop .parameter li span{ font-size:16px; margin-right:8px; }

.showtxt{ font-size:18px; line-height:1.8; padding:4% 0; color:#333333; }
.showtxt img{ max-width:100%; height:auto !important; }

.showBottom{ padding:4% 0; border-top:1px solid #d2d2d2; overflow: hidden; position: relative; padding-right:100px; }
.showBottom .sxp{ color:#2a2a2a; font-size:18px; line-height:1.4; }
.showBottom .sxp p:last-child{ margin-top:18px; }
.showBottom .sxp a:hover{ color:#0963b3; }
.showBottom .return{ color:#2a2a2a; font-size:24px; line-height:30px; font-weight:bold; position: absolute; top:50%; right:0; margin-top:-15px; padding-left:40px; }
.showBottom .return .ico{ background:#282828; color:#ffffff; width:30px; height:30px; text-align:center; border-radius:50%; position: absolute; left:0; top:0; }
.showBottom .return .ico span{ font-size:16px; line-height:30px; height:30px; display: block; font-weight:normal; }
.showBottom .return:hover{ color:#0963b3; }
.showBottom .return:hover .ico{ background:#0963b3; }

.relatedMain{ padding:7% 0; }
.relatedTit{ margin-bottom:4%; color:#222222; text-align:center; font-weight:bold; text-transform:uppercase; font-size:34px; line-height:1; }

.relatedList{ overflow: hidden; }
.relatedList li{ list-style: none outside none; border:1px solid #e3e3e3; float: left; width:32%; margin-right:2%; background:#ffffff; }
.relatedList li a{ display: block; padding:10% 10% 4% 10%; overflow: hidden; }
.relatedList li:last-child{ margin-right:0; }
.relatedList li .txt{ border-bottom:1px solid #e3e3e3; }
.relatedList li .txt .tit{ color:#2a2a2a; font-size:20px; line-height:1; font-weight:bold; }
.relatedList li .txt .info{ margin:16px 0 32px 0; color:#878787; font-size:16px; line-height:30px; height:60px; }
.relatedList li .more{ float: left; font-weight: bold; font-size: 14px; color: #2a2a2a; line-height: 70px; }
.relatedList li .more span { font-size: 24px; font-weight: normal; float: right; margin-left: 14px; }

.relatedList li .tit:hover{ color:#0963b3;}
.relatedList li .more:hover{ color:#0963b3;}
/*新闻详情*/

/*联系我们*/
.ban .banContent2{ position:static; color:#333333; padding-bottom:0; }
.ban .banContent2 .encolumn{ margin-top:8%; }

.contactList{ display: flex; overflow: hidden; background:rgba(255,255,255,0.9); margin-top:4%; padding:4% 0; }
.contactList li{ list-style: none outside none; width:33.33%; border-right:1px solid #e0e0e0; }
.contactList li .ico{ position: relative; margin:0 auto; width:110px; height:110px; text-align:center; line-height:110px; border-radius:50%; background:rgba(152, 203, 248, 0.12);color:#ffffff; }
.contactList li .ico:after{ content:""; position: absolute; left:15px; top:15px; border-radius:50%; width:80px; height:80px; background:#0963b3;  }
.contactList li .ico span{ font-size:34px; position: relative; z-index:10; }
.contactList li .tit{ font-size:24px; margin:6% 0; font-weight:bold; color:#333333; }
.contactList li .info{ font-size:16px; color:#333333; padding:0 20px 20px 20px; line-height:1.5;  }

.messageMain{ margin:7% 0; }
.mtit{ font-size:24px; color:#353333; }
.message{ overflow: hidden; }
.message li{ list-style: none outside none; float: left; width:100%; margin-top:2%; }
.message li.w32{ width:32%; margin-right:2%; }
.message li.w49{ width:49%; margin-right:2%; }
.message li.mr0{ margin-right:0;}

.message li.input input{ padding:0 18px; height:60px; width:100%; display: block; border:1px solid #d9d9d9; font-size:18px; color:#666666; }
.message li.input input::placeholder{color:#b7b7b7;}
.message li.textarea textarea{ padding:18px; height:240px; width:100%; display: block; border:1px solid #d9d9d9; font-size:18px; color:#666666; }
.message li.textarea textarea::placeholder{color:#b7b7b7;}

.message li.input:hover input{ border-color:#0963b3; }
.message li.textarea:hover textarea{ border-color:#0963b3; }


.message li.code{ position: relative; }
.message li.code img{ position: absolute; cursor:pointer; right:0; top:0; height:60px; }

.message li.tips{ font-size:18px; color:#b7b7b7; }

.message li.submit{}
.message li.submit input{ height:60px; cursor:pointer; background:#0963b3; color:#ffffff; font-size:18px; display: block; width:100%; }

.my-map{ height:750px; }
.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:#0963b3; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top:5px; min-height: 40px; line-height: 20px; font-size: 13px; color: #666666; }

/*联系我们*/

/*产品列表*/
.ban .banContent3{ padding-bottom:60px; }
.h60{ height:60px;}

.prodlist{ overflow: hidden; margin-top:2.6%; }
.prodlist li{ list-style: none outside none; float: left; margin-top:2.6%; width:31.6%; margin-right:2.6%; background:#ffffff; border:1px solid #ededed; }
.prodlist li a{ padding:0 6% 10% 6%; display: block; position: relative; }
.prodlist li:nth-child(3n){ margin-right:0; }

.prodlist li .img{}
.prodlist li .img img{ display: block; width:100%; }

.prodlist li .txt{ text-align:center; border-top:1px solid #ededed;}
.prodlist li .txt .tit{ color:#222222; font-size:18px; font-weight:bold; margin:4% 0 1.5% 0; }
.prodlist li .txt .info{ color:#666666; font-size:14px; }

.prodlist li .mask{ opacity:0; padding:0 5%; text-align:center; color:#ffffff; position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(9, 99, 179, 0.93); }
.prodlist li .mask .tit{ font-size:24px; font-weight:bold; }
.prodlist li .mask .info{ color:#bad6ee; font-size:16px; line-height:1.8; margin:4% auto 12% auto; }
.prodlist li .mask .more{ width:70px; height:70px; line-height:68px; border-radius:50%; margin:0 auto; border:1px solid #ffffff; }
.prodlist li .mask .more span{ font-size:20px; }

.prodlist li:hover .mask{ opacity:1; }

.prodlist li .mask .more:hover{ background:#ffffff; color:#0963b3; }
/*产品列表*/


/*产品详情*/
.topLocation{ color:#909090; font-size:16px; padding:2% 0; line-height:1.4; }
.topLocation span{ margin:0 8px; }
.topLocation a:hover{ color:#0963b3; }

.prodTop{ overflow: hidden; margin:4% 0; }
.prodban{ width:50%; background:#ffffff; position: relative; overflow: hidden; }
.prodban img{ width:100%; display: block; }

.prodban .prodban-prev,.prodban .prodban-next{ cursor:pointer; z-index:100; position: absolute; width:90px; height:80px; line-height:80px; text-align:center; bottom:0; }
.prodban .prodban-prev span,.prodban .prodban-next span{ font-size:34px; color:#ffffff; }

.prodban .prodban-prev{ right:90px; background:#0963b3; }
.prodban .prodban-next{ right:0; background:#141313; }

.prodtxt{ width:45%; }
.prodtxt .tit{ border-bottom:1px solid #d0d0d0; color:#000000; line-height:1.2; padding:30px 0; font-size:30px; font-weight:bold; }
.prodtxt .ftit{ margin:2% 0 1% 0; color:#222222; font-size:22px; line-height:70px; padding-left:50px; position: relative; }
.prodtxt .ftit span{ position: absolute; font-size:34px; left:0; top:0; }
.prodtxt .info{ font-size:16px; overflow: hidden; color:#454545; line-height:1.5; }
.prodtxt .info li{ list-style: none outside none; float: left; margin:4px 0; width:100%; padding-left:16px; position: relative; }
.prodtxt .info li:after{ content:""; width:4px; height:4px; border-radius:50%; position: absolute; left:0; top:50%; margin-top:-2px; background:#454545; }

.btnList{ overflow: hidden; margin-top:8%; }
.btnList li{ list-style: none outside none; float: left; width:48.5%; margin-right:3%; text-align:center; }
.btnList li:last-child{ margin-right:0; }
.btnList li a{ display: block; height:50px; line-height:50px; font-size:18px; font-weight:bold; }
.btnList li a span{ font-size:18px; margin-right:9px; font-weight:normal; }
.btnList li a span.icon-xiangyoujiantou{ margin-right:0; margin-left:9px; }
.btnList li.li01{ border:1px solid #333333; color:#333333; background:#ffffff; }
.btnList li.li02{ border:1px solid #4496e8; background:#0963b3; color:#ffffff; }

.prodNav{ height:100px; margin-bottom:1.5%; }
.prodNav .floor-nav{ height:100px; line-height:100px; }
.prodNav .floor-nav ul{ overflow: hidden;  background:#ffffff; }
.prodNav .floor-nav li{ list-style: none outside none; cursor:pointer; text-align:center; float: left; width:20%; border-right:1px solid #e4e4e4; }
.prodNav .floor-nav li:last-child{ border-right:none; }
.prodNav .floor-nav li .tit{ color:#222222; font-size:20px; position: relative; display:inline-block; padding-left:40px; }
.prodNav .floor-nav li .tit .ico{ top:50%; margin-top:-11px; left:0; position: absolute; font-size:13px; line-height:22px; text-align:center; width:24px; height:24px; border:1px solid #222222; border-radius:50%; }
.prodNav .floor-nav li .tit .ico span{ font-size:13px; }
.prodNav .floor-nav li:hover .tit{ color:#0963b3; }
.prodNav .floor-nav li:hover .ico{ color:#0963b3; border-color:#0963b3; }

.prodNav .floor-nav li.on{ background:#0963b3; }
.prodNav .floor-nav li.on .tit{ color:#ffffff; }
.prodNav .floor-nav li.on .ico{ color:#ffffff; border-color:#ffffff; }

.prodNav .floor-nav.on{ position: fixed; top:0; left:0; width:100%; z-index:1000; }
.prodNav .floor-nav.on ul{ border-bottom:1px solid #e4e4e4; }


.prodTab{ background:#ffffff; padding:3% 5% 5% 5%; margin-bottom:7%; }
.prodTab .ptit{ position: relative; line-height:85px; padding-left:46px; border-bottom:1px solid #e4e4e4; font-size:22px; font-weight:bold; color:#222222; }
.prodTab .ptit .ico{ position: absolute; top:50%; margin-top:-15px; left:0; width:30px; height:30px; border:1px solid #222222; border-radius:50%; font-size:16px; line-height:28px; text-align:center; }
.prodTab .ptit .ico span{ font-weight:normal;  font-size:16px; }

.prodTab .txt{ padding:2% 3% 3% 3%; color:#454545; font-size:16px; line-height:2; }

.prodTab .txt table{ width:100%; border-collapse: collapse; text-align:left; color:#000000; font-size:18px; line-height:1.4; }
.prodTab .txt table td,.prodTab .txt table th{ padding-left:7%; padding-top:18px; padding-bottom:18px; }
.prodTab .txt table tr th,.prodTab .txt table tr td{ background:#f2f5fa; }
.prodTab .txt table tr:nth-child(2n) th,.prodTab .txt table tr:nth-child(2n) td{ background:#ffffff; }
.prodTab .txt table td.tit{ width:30%;}


.characteristic{ overflow: hidden; padding:2% 3% 3% 3%; }
.characteristic li{ list-style: none outside none; width:100%; background:url(../images/characteristic.png) no-repeat left 4px; background-size:15px; float: left; position: relative; padding-left:25px; color:#454545; font-size:16px; line-height:1.4; margin:8px 0; margin-right:5% !important; }

.interface{ overflow: hidden; padding:3%; }
.interface li{ list-style: none outside none; width:49%; float: left; margin-right:2%; }
.interface li img{ display: block; width:100%; }
.interface li:nth-child(2n){ margin-right:0; }
/*产品详情*/


.pagemain{ background:#ffffff; padding:3%; margin:3% 0; }
.pagecatname{ font-size:28px; font-weight:bold; line-height:1; color:#222222; text-align:center; margin-bottom:3%; }
.pagemain .showtxt{ padding:0 !important; }

.searchPage{ border-top:1px solid #dcdcdc; margin-bottom:4%; min-height:400px; }


.animated{opacity: 0;}
.zoomIn.animated{opacity: 1;}



.header .nav li a,.header .searchBtn span,.homeProd .swiper-slide,.homeNewsTop .tit,.hmore,.hnlist li .txt .tit,.hnlist li .more,.dbnav li a,
.copy a,.bottomBtn a,.prodNav .floor-nav li .tit,.prodNav .floor-nav li .ico,.honorPaging .honor-prev,.honorPaging .honor-next,.showBottom .sxp a,
.advantageList li .content,.advantageList li .content:after,.advantageList li .content .num,.prodlist li .mask,.prodlist li .mask .more,.paging a,
.showBottom .return,.showBottom .return .ico,.relatedList li .txt .tit,.relatedList li .more,.message li.input input,.message li.textarea textarea,
.lang a{
transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
}

.homeProdTop .img img,.hnlist 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;}

.homeProdTop .img:hover img,.hnlist 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;  }