@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{ font-size:16px;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*淇鎵嬫寔璁惧瀛椾綋鍙樺寲*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Source Han Sans CN", "Microsoft Yahei",  Arial, Helvetica, sans-serif;overflow-x:hidden; color:#0b0b0b;}
body.en{ font-family:Helvetica, Arial, sans-serif;}
a{ text-decoration:none;outline:none;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;color:#0b0b0b}
a:hover{color:#000}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#0d4d9c}
.col02{ color:#008abd}
.col03{ color:#ec6a17}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}


.wrap{width:88%;margin:0 auto; max-width:1700px}
.main .wrap{ padding:0 5%}
.header{position: fixed; width:100%;left:0;right:0;top:0; height:140px; background:#fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease; box-shadow: 0 0 15px rgba(0,0,0,.15); z-index:99;}
.header-scroll{ box-shadow:0 0 15px rgba(0,0,0,.15)}
.header .wrap{ position:relative}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:140px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.logo img{ display:block;}
.lang{ color:#8d8d8d; font-size:20px; line-height:120px; margin-left:40px}
.lang a{color:#8d8d8d}
.lang a:hover{color:#000}
.menu, .lang{ padding-top:20px}

.menu>ul>li{ float:left; font-size:20px; margin:0 30px;position:relative;white-space: nowrap;}
.menu>ul>li>a{ display:block; color:#8d8d8d;line-height:120px;position:relative}
.menu>ul>li:hover>a, .menu>ul>li.cur>a{color:#000}
.menu .sub{ position:absolute;left: 50%;top: 100%; min-width: 100%;text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); display:none}
.menu .sub a{ display:block; background:#fff; border-bottom:1px solid #ddd;font-size: 16px;color:#333; line-height: 20px; padding: 12px 20px; word-break: keep-all; white-space: nowrap;}
.menu .sub a:hover{color:#000}

.search{ position:relative; height:90px;}
.search-btn{ display:block;width:35px;height:35px;background:url(../images/search-btn.png) no-repeat center;cursor:pointer; margin-left:10px;margin-top: 27.5px; border-radius:50px;}

.search-alert{width:300px; padding:30px;position: absolute;right:0;top:90px;z-index: 50;background: #006835;display: none;}
.search-alert form {position: relative; width:100%; border:1px solid #ddd;line-height:46px; height:48px;}
.search-alert input[type=text]{border:0;height:100%; width:100%;color: #555;background:#fff;padding-left:10px; display:block}
.search-alert input[type=submit]{border: none;position: absolute;right: 0;top: 0;width:40px; height:100%;cursor:pointer; background:url(../images/search-btn.png) no-repeat center; background-size:15px;}
.search-alert .search-close{ width:15px; height:15px; position:absolute; right:30px;top:45px;}
.search-alert .search-close:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .search-close:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}

/*banner*/

.banner{ position:relative; height:100vh}
.banner img{ display:block;width:100%; height:100%; object-fit:cover}
.banner .ban-txt{ position:absolute; top:48%; left:16%; color:#fff;opacity: 0; -moz-transform:translate(-150px,0);-webkit-transform:translate(-150px,0);transform:translate(-150px,0);-moz-transition:1s;-webkit-transition:1s;transition:1s;}
.banner .swiper-slide-active .ban-txt{opacity:1;-moz-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0); transition-delay:.3s}
.banner .ban-txt h3{ font-size:50px}
.banner .ban-txt h4{ font-size:36px; font-weight:300}
/*鍒嗛〉鍣?/
.banner .swiper-pagination{bottom:3%; display:none}
.banner .swiper-pagination-bullet{ width:8px; height:8px;background:none;border-radius:50%; border:1px solid #fff; opacity:1;position:relative;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.banner .swiper-pagination-bullet-active{ opacity:1; background:#fff}

.banner .swiper-button-prev, .banner .swiper-button-next{ display:block; width:57px; height:57px; border-radius:50%; margin-top:20px}
.banner .swiper-button-prev{ background:url(../images/arrow.png) no-repeat center}
.banner .swiper-button-next{ background:url(../images/arrow2.png) no-repeat center}
.banner .swiper-button-prev span, .banner .swiper-button-next span{ position:absolute; width:100%; height:100%; border:2px dotted #fff;top:0;left:0;right:0;bottom:0; border-radius:50%;-webkit-transition:1s;-moz-transition:1s; transition:1s}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); transform:rotate(45deg)}

.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}



@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}
@font-face{
font-family:'Frutiger';
src:url("../fonts/Frutiger.eot");
src:url("../fonts/Frutiger.eot") format("embedded-opentype"),
url("../fonts/Frutiger.ttf") format("truetype"),
url("../fonts/Frutiger.woff2") format("woff2"),
url("../fonts/Frutiger.woff") format("woff"),
url("../fonts/Frutiger.svg#BEBAS") format("svg");
}


.i-main{ padding:15px 0; background:#f8f8f8}
.i-main .section{ position:relative}
.i-main .tech{ position:absolute; width:63%; left:0;top:0; height:100%; overflow:hidden}
.i-main .tech img{ display:block; width:100%; height:100%; object-fit:cover;-moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.i-main .tech .title{ position:absolute; left:100px; top:80px}
.i-main .tech .title .en{ color:#fff}
.i-main .tech .title .cn{ background:#fff; color:#000}
.i-main .tech:hover img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03); transform:scale(1.03)}

.i-main .right{width:36%;float:right;}
.i-main .right > div{height:310px;  background:#fff; box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-main .news{ margin-bottom:1%;}
.i-main .right > div >a{ display:block; padding:80px 100px 0}
.i-main .title .en{ font-size:42px; line-height:42px; font-family:'Frutiger'; color:#000; margin-bottom:20px}
.i-main .title .cn{ line-height:40px; padding:0 10px; border-radius:5px; background:#000; color:#fff;font-size:24px; display:inline-block}
.i-main .right > div:hover{box-shadow:0 1px 15px rgba(0,0,0,.2)}

.footer{ background:#f8f8f8;color:#0b0b0b; padding-top:60px; padding-bottom:30px;position:relative; line-height:32px; font-size:20px}
.footer a{color:#0b0b0b}
.footer-top{ border-bottom:1px solid #0a0a0a; padding-bottom:35px; margin-bottom:40px}
.f-nav ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.f-nav li{ float:left;}
.f-nav .tit{margin-bottom:10px;}
.f-nav .tit a{ color:#0b0b0b; font-weight:500}
.f-nav .sub a{ display:block; font-weight:300;}
.f-nav .sub a:hover{ color:#000}

.f-contact{ margin-top:60px}
.f-contact .tel{position:relative;}
.f-contact .tel a{ display:none}
.f-contact .media li{ float:left; margin-left:20px; cursor:pointer; position:relative}
.f-contact .media .icon{ position:relative;}
.f-contact .media .icon img{ display:block;}
.f-contact .media .hd{ position:absolute; padding:6px 6px 10px; text-align:center; background:#fff; font-size:14px; left:50%; margin-left:-85px;bottom:40px; opacity:0; visibility:hidden;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; box-shadow:0 0 10px rgba(0,0,0,.1)}
/*.f-contact .media .hd:after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute;bottom:-6px; left:50%; margin-left:-6px;}*/
.f-contact .media .hd img{ display:block; width:150px; height:150px;}
.f-contact .media li:hover .hd{ opacity:1; visibility: visible;}


.footer-bot{ position:relative; font-weight:300; text-align:center}
.f-other a{ position:relative; padding-right:15px; margin-right:15px;}
.f-other a:after{ content:""; width:1px; height:20px; background:#0a0a0a; position:absolute;top:0;right:0;}
.f-other a:last-child::after{ display:none}
.copyright{ display:inline-block}
/*============================================================*/

.nbanner{ position:relative;overflow:hidden;margin-top:140px}
.nbanner>img{ display:block; width:100%; height:100%}
.nbanner .txt{ position:absolute; left:0;bottom:0; width:100%; padding-bottom:110px; color:#fff; font-size:24px;}
.nbanner .txt img{display:block; margin-bottom:20px}
.nbanner .txt p span{ display:block}
.nbanner .txt2{color:#fff; text-align:center; position:absolute; left:50%;top:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.nbanner .txt2 h2{ font-size:48px; white-space:nowrap;}
.nbanner .titleBox{ position:absolute;top:40%; margin-bottom:0 !important}

.nbanner02{ position:relative; height:100vh}
.nbanner02>img{ display:block; width:100%; height:100%; object-fit:cover}

.nbanner02 .nbantit{position: absolute;left:50%;top:45%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); color:#fff;z-index:2; text-align:center;}
.nbanner02 .nbantit h5, .nbanner02 .nbantit h6{ position:relative; font-size:57px; white-space: nowrap}
.nbanner02 .nbantit h6:after{ content:""; width:70px; height:7px; background:#ffe1ad; display:block; margin:15px auto}

.nbanner02 .inner-nav{position: absolute; width:100%; bottom:0}
.inner-nav ul{ display:flex; display:-webkit-flex; justify-content:center;}
.inner-nav li{}
.inner-nav li a{font-size:30px;color: #fff;display: flex; display:-webkit-flex; justify-content:center; align-items:center; height:80px;padding:0px 50px;position:relative}
.inner-nav li.cur a, .inner-nav li:hover a{position:relative;color:#ffe1ad;}
.inner-nav li.cur a:before, .inner-nav li:hover a:before{ background:#006835; width:90%; left:5%}

.main{ padding:100px 0; position:relative;}
.titleBox{ margin-bottom:40px}
.titleBox span{ display:block}
.titleBox .en{ font-size:55px; line-height:50px; font-family:'Frutiger'; text-transform:uppercase; margin-bottom:10px}
.titleBox .cn{ font-size:40px; line-height:60px}
.titleBox2 .cn{ text-align:center}

.main .content{ line-height:40px; font-size:20px;}
.main .content img{ max-width:100%; height:auto}
.main .content-txt p{ margin-bottom:25px}
.marg{ margin-top:100px}
.anchor{display: block;top: -180px;visibility: hidden; position:absolute;}

/*about*/
.section-about{ position:relative}
.main .content-hor{ font-size:24px}
.patent{ padding:20px 0; margin-top:-20px; margin-bottom:30px;}
.patent .swiper-slide{}
.patent img{ display:block; width:100%; height:auto; box-shadow:0 5px 15px rgba(24,24,24,.15);transition:.3s}

.honor{ margin-top:3%; padding-bottom:3%}
.honor .pic{ position:relative}
.honor .pic .img1{ display:block; width:100%}
.honor .pic .img2{ position:absolute; left:0;top:0; right:0;bottom:0; margin:auto; max-width:100%;}
.honor .tit{ text-align:center; padding:0 15px;line-height: 28px;}
.honor .swiper-pagination-bullet-active, .patent .swiper-pagination-bullet-active{ background:#000}
.honor .swiper-pagination, .patent .swiper-pagination{ display:none}

.culture ul{ display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between;}
.culture li{ width:49.5%; margin-bottom:1%;}
.culture .pic{ position:relative}
.culture .img1{ display:none; width:100%}
.culture .img2{/* position:absolute; width:100%; height:100%; object-fit:cover; left:0;top:0*/ display:block; width:100%; height:auto}
.culture li:nth-child(9){ width:100%}
/**/
.section-service .titleBox{ float:left; width:45%}
.section-service .content{ float:right; width:50%}
.cooperation{ display:flex; display:-webkit-flex; justify-content:space-between;align-items:flex-end}
.cooperation .titleBox{ margin-bottom:0}
.cooperation .content{ line-height:40px}

.main-product{ margin-top:40px}
.productList>ul>li{ margin:70px 0 120px}
.productList .pic{ width:35%; text-align:center;}
.productList .pic img{ display:block; max-width:100%; height:auto; margin-bottom:5%; margin-left:auto; margin-right:auto}
.productList .pic .tit{ display:inline-block; color:#000; font-size:30px; line-height:50px; border:1px solid #000; padding:0 25px}
.productList .txt{ width:50%; font-size:20px;}
.productList .txt ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.productList .txt li{ width:50%; padding:2% 0}
.productList .txt li span, .productList .txt li p{ color:#777; display:block}
.productList li:nth-child(2n) .pic{ float:right}
.productList li:nth-child(2n) .txt{ float:left}
.productRelated .pic .tit{ border:0; line-height:30px}

.newsList{ padding:0 5%}
.newsList li{ margin-bottom:90px; position:relative}
.newsList .pic{ width:30%; box-shadow:0 1px 10px rgba(36,36,36,.3);overflow:hidden; position:absolute; left:0;top:0; height:100%}
.newsList .pic img{ display:block; width:100%; height:100%; object-fit:cover; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newsList .txt{ width:65%; padding-bottom:1%}
.newsList .time{ border-bottom:1px solid #c4c4c4; color:#000; font-size:35px; font-weight:300; padding:0 0 2%; margin-bottom:5%; font-family:PingFangSC-Regular, sans-serif;}
.newsList .time .fl{ position:relative}
.newsList .time .fl:after{ content:"/"; color:#000; padding-left:30px}
.newsList h3{ color:#000; font-size:30px; display:-webkit-box;-webkit-line-clamp:2; overflow:hidden;-webkit-box-orient:vertical; text-overflow:ellipsis; line-height:35px; margin-bottom:4%}
.newsList .intro{display:-webkit-box;-webkit-line-clamp:4; overflow:hidden;-webkit-box-orient:vertical; text-overflow:ellipsis;}
.newsList .pic img:hover{ -webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.newstit{ text-align:center; font-size:30px; line-height:35px;}
.newstime{ text-align:center; font-size:18px; margin:5px 0}
.newsdetail{ border-top:1px solid #c4c4c4; padding-top:40px; font-size:18px; line-height:35px}
.newsdetail p{ margin-bottom:15px}
.page_2{ margin-top:80px; font-size:18px; line-height:30px}
.page_2 p{overflow:hidden;text-overflow:ellipsis; white-space:nowrap}

.sitemap li{ margin-bottom:1%; display:flex; display:-webkit-flex;}
.sitemap h4{ width:200px;}
.sitemap .sub{ width:calc(100% - 200px);}
.sitemap .sub a{ margin-right:20px; color:#777;}


.section-contact .left{ float:left; width:40%}
.section-contact .content-cont{ float:right; width:55%; font-size:22px; color:#000}
.contlist .tel{ background:url(../images/ico-c1.png) no-repeat left center; padding-left:65px; margin-bottom:20px}
.contlist .wx{ background:url(../images/ico-c2.png) no-repeat left 10px; padding-left:65px;}
.contlist .wx p{ margin-bottom:20px}
.section-contact .add{background:url(../images/ico-c3.png) no-repeat left 0; padding-left:45px; margin-bottom:20px; font-size:22px; color:#000; line-height:35px}
.contlist .tel a{pointer-events:none;}

.message .ts{ text-align:center; margin-top:-30px; margin-bottom:30px}
.message .item{ margin-bottom:1%; float:left; width:49.5%; position:relative}
.message .item:nth-child(even){ float:right}
.message label{ display:block;line-height:58px; color:#999;position:absolute; left:15px;top:0;bottom:0;}
.message label span{ margin-right:5px;}
.message input[type=text], .message textarea {display: block;width: 100%;border: 0;background:#fff; padding: 0 10px; padding-left:90px; line-height:60px;color: #333;font-size: 16px;}
.message .item:nth-child(4) input[type=text]{ padding-left:100px}


.message .item2{ width:100%}
.message .item2 label{ bottom:auto;top:0}
.message textarea{ height:61px}
.message .item3{ float:left !important; width:100%}
.message .yzm[type=text]{ padding-left:85px; width:30%; float:left}
.message .submit{ width:120px; height:45px; line-height:45px; border:0; color:#fff; font-size:16px;border-radius:5px; text-transform:uppercase; cursor:pointer; transition:.5s; display:block; margin:0 auto;background: -webkit-linear-gradient(120deg, #22bcf0, #013e96);
    background: -o-linear-gradient(120deg, #22bcf0, #013e96);
    background: -moz-linear-gradient(120deg, #22bcf0, #013e96);
    background: linear-gradient(120deg, #22bcf0, #013e96);}
.message .submit:hover{border-radius:25px}
.message02 .item:nth-child(8) input[type=text]{ padding-left:100px}


#allmap{width:100%; border:6px solid #ddd;line-height:22px; font-size:14px; overflow:hidden;height: 600px;}
#allmap img{ display:block; min-width:100%}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}
#allmap .map-address-name {
	text-align: center;
	font-size: 16px;
	line-height: 1.1;
	color: #333;
	padding: 10px 0;
}

#allmap .map-address-detail {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #888;
}
/*============================================================*/


.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; padding:12px 0;color:#535353; position:relative; font-size:14px}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#0a2d5a;border:1px solid #0a2d5a;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}

.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd img{ width:150px; display:block;}
.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}
.float_kf .app .hd img{ width:150px; display:block;}
.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}
.float_kf .service .sub{ background:#fff; padding:15px;}
.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}
.float_kf .service .sub a:first-child{ margin-top:0}
.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}
.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .fwh .hd{ margin-top:-84px}
.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}
.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}


.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .backtop{background:#fddd5f;border:1px solid #fddd5f; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6_h.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#0a2d5a}
.float_kf .backtop:hover{ background:#0a2d5a}
.float_kf .backtop:hover i{background:url(../images/right_pic6.png) no-repeat;}

.pages{ margin-top:40px}
.pagination{ height:auto !important; padding:0 !important}
.en .i-main .title .cn{ display:none}
.en .banner .ban-txt{ max-width:600px}
.en .titleBox{ margin-bottom:30px}
.en .titleBox .en{ text-transform:capitalize; font-size:35px; margin-bottom:0; line-height:40px;}
.en .titleBox2 .en{ text-align:center}
.en .nbanner .txt2 h2{font-family: 'Frutiger';padding-top: 2%;white-space:normal}
.en .nbanner .titleBox .en{font-size: 55px;}
.en .f-nav .tit{font-weight:bold}
.en .f-nav .sub a{font-weight:lighter}