@charset "UTF-8";
* { margin: 0; padding: 0; }

html { font-family: "Microsoft YaHei"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { color: #474747; margin: 0 auto; font-size: 12px; line-height: 24px; background: #ffffff; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: middle; }

a { color: #474747; text-decoration: none; outline: none; }

a:hover { color: #323233; }

button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; border: none; }

/*去除ipad，iphone按钮的默认样式*/
input { -webkit-appearance: none; outline: none; border-radius: 0; /*去除input默认样式*/ }

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; /*去除高光样式*/ }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i { font-style: normal; }

b { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



/*@font-face { font-family: 'bookantiqua'; src: url("../font/bookantiqua.eot"); src: url("../font/bookantiqua.eot?#font-spider") format("embedded-opentype"), url("../font/bookantiqua.woff") format("woff"), url("../font/bookantiqua.ttf") format("truetype"), url("../font/bookantiqua.svg") format("svg"); font-weight: normal; font-style: normal; }
.bookantiqua { font-family: "bookantiqua"; }
.header .nav ul li > a i{ font-family: "bookantiqua"; }
.inner_menu li i{ font-family: "bookantiqua"; }
.js_productchannel li .title2 i,.js_productchannel li .title i{ font-family: "bookantiqua"; }
.js_classify li .txt span{ font-family: "bookantiqua"; }*/

.multiline_text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.single_text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.input[text]:focus { background-color: #fff; }

.box_sizing { -webkit-box-sizing: content-box; box-sizing: content-box; }

.trans, .footer .footer_top .left li a, .footer .footer_top .center a, .footer .footer_bot .left a, .header .nav ul li > a, .header .nav ul li > a:after, .header .search_btn, .header .search_btn i { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }

.imgem { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }

.w_1380 { width: 96%; max-width: 1380px; margin: 0 auto; }

.footer { width: 100%; background: #2a2a2a; padding-top: 34px; }
.footer_tel{ margin-bottom: 33px;text-align: center; font-size: 14px;color: #bdbdbd;}
.footer_tel span{ padding: 0 12px;  }
.footer .footer_top { border-bottom: 1px solid #1b1b1b; padding-bottom: 54px; }
.footer .footer_top .left { float: left; margin-left: -100%; }
.footer .footer_top .left li { float: left; margin-right: 10px; }
.footer .footer_top .left li a { display: block; width: 30px; height: 30px; background: url(../images/footer_icon.png) no-repeat; }
.footer .footer_top .left li a:hover { opacity: 0.8; }
.footer .footer_top .left .li2 a { background-position: -40px center; }
.footer .footer_top .left .li3 a { background-position: -80px center; }
.footer .footer_top .center { float: left; width: 100%; text-align: center; line-height: 30px; }
.footer .footer_top .center .wrap { padding: 0 10%; }
.footer .footer_top .center a { padding: 0 24px; font-size: 14px; color: #ababab; }
.footer .footer_top .center a:hover { color: #fff; }
.footer .footer_top .right { float: left; width: 120px; margin-left: -120px; }
.footer .footer_top .right a { background: url(../images/share_icon.png) no-repeat; width: 30px; height: 30px; padding: 0; margin: 0 0 0 10px; }
.footer .footer_top .right .bds_weixin { background-position: left center; }
.footer .footer_top .right .bds_tsina { background-position: -40px center; }
.footer .footer_top .right .bds_qzone { background-position: -80px center; }
.footer .footer_bot { border-top: 1px solid #3a3a3a; padding: 29px 0 35px; }
.footer .footer_bot .left { float: left; font-size: 14px; color: #979797; margin-top: 9px; }
.footer .footer_bot .left a { color: #979797; }
.footer .footer_bot .left a:hover { color: #fff; }
.footer .footer_bot .right { float: right; font-size: 14px; color: #bdbdbd; text-align: center; }
.footer .footer_bot .right dt { float: right; margin-right: 20px; margin-top: 22px; }
.footer .footer_bot .right dt span { display: block; }
.footer .footer_bot .right dd { float: right; }

.header { padding: 0 5%; position: relative; left: 0; top: 0; right: 0; height: 80px; z-index: 9; }


.header .logo { float: left; line-height: 80px; height: 80px;  }
.header .logo a img { vertical-align: middle;max-width: 300px;max-height: 60px;}
.header .header_right { float: right; }
.header .nav { float: left; }
.header .nav ul li { float: left; }
.header .nav ul li > a { display: block; height: 40px; line-height: 40px; padding: 20px 30px; font-size: 16px; color: #fff; position: relative; }
.header .nav ul li > a:after { position: absolute; left: 50%; margin-left: -32px; bottom: 0; width: 64px; height: 1px; background: #3a7e89; content: ""; -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; visibility: hidden; }
.header .nav ul li > a:hover:after { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }
.header .nav ul li > a:hover { color: #3a7e89; }

.header .nav ul li a span,.header .nav ul li a i{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .nav ul li:hover>a span{  color: #00a5ad;}
.header .nav ul li:hover>a i{  color: #94b3b9;color: rgba(0,165,173,0.2);}
.index_body .header .nav ul li:hover>a span{  color: #d0e5ef;}
.index_body .header .nav ul li:hover>a i{  color: #d0e5ef;}
.index_body .header .search_btn:hover i { color: #d0e5ef; }
.index_body .menu_btn:hover span{ background:#d0e5ef; }

.header .search_btn { display: block; float: left; margin-top: 18px; width: 44px; height: 44px; line-height: 44px; text-align: center; }
.header .search_btn i { font-size: 22px; color: #fff; }
.header .search_btn:hover i { color: #00a5ad; }

.hidden_search { background: #222222; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; }

.search_close { position: absolute; display: block; width: 44px; height: 44px; right: 5%; top: 18px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.search_close .icon { display: block; width: 44px; height: 44px; text-align: center; line-height: 44px; color: #fff; font-size: 26px; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.search_close:hover .icon { color: #3a7e89; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.hidden_searchwrap { background: #222222; position: absolute; left: 5%; right: 5%; top: 50%; margin-top: -62px; overflow: hidden; }

.hidden_searchwrap .text_wrap { float: left; width: 100%; }

.hidden_searchwrap .text { position: relative; padding-left: 88px; padding-right: 80px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; font-size: 66px; color: #fff; background: none; height: 124px; border-bottom: 1px solid #515151; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; }

.hidden_searchwrap label { display: block; position: relative; width: 0; border-bottom: 1px solid #515151; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; height: 0; white-space: nowrap; }

.hidden_searchwrap .text:focus + label { border-bottom: 1px solid #3a7e89; width: 100%; }

.hidden_searchwrap .icon { display: block; float: left; width: 88px; margin-left: -100%; font-size: 24px; color: #fff; height: 124px; line-height: 124px; text-align: center; }

.hidden_searchwrap .btn { float: left; width: 80px; margin-left: -80px; position: relative; text-align: center; height: 124px; font-size: 24px; color: #555; background: none; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; }

.hidden_searchwrap .btn:hover, .hidden_searchwrap .btn:active { color: #3a7e89; }

/*popup*/
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #222; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; }

.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-popup-container { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

.is-visible .cd-popup-container { transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.menu_btn { float: right; display: inline-block; width: 44px; height: 37px; padding-top: 7px; margin-top: 18px; }

.menu_btn.is-hidden { visibility: hidden; }

.menu_btn > * { display: block; height: 3px; margin-left: 9px; background-color: #fff; -webkit-transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; transition: width 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s; margin-top: 5px; }

.is-white .menu_btn > * { background-color: #fff; }

.menu_btn .-top { width: 26px; }

.menu_btn .-middle { width: 26px; }

.menu_btn .-bottom { width: 26px; margin-bottom: 0; }

.menu_btn:hover .-top { width: 28px; }

.menu_btn:hover .-middle { width: 30px; }

.menu_btn:hover .-bottom { width: 32px; }
.menu_btn:hover span{ background:#00a5ad; }


.p-menuModal { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background-color: #333333; }

.p-menuModal.is-hidden { /*display: none*/ }

.modal_closebtn { display: block; width: 44px; height: 44px; line-height: 44px; text-align: center; position: absolute; right: 5%; top: 18px; }

.modal_closewrap { position: relative; display: block; width: 28px; height: 28px; margin: 7px; text-align: center; }

.modal_closewrap .-left { position: absolute; left: 0%; top: 50%; display: block; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.modal_closewrap .-left:before { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease 0s; transition: -webkit-transform .8s ease 0s; transition: transform .8s ease 0s; transition: transform .8s ease 0s, -webkit-transform .8s ease 0s; transition: transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; }

:hover > .modal_closewrap .-left:before { -webkit-transform: translateX(100%); transform: translateX(100%); }

.modal_closewrap .-right { display: block; position: absolute; left: 0; top: 50%; width: 28px; height: 2px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal_closewrap .-right:after { content: ""; position: absolute; z-index: 1; left: 0; top: 50%; display: block; width: 32px; height: 4px; background-color: #333333; margin-top: -2px; margin-left: -1px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .8s ease .1s; transition: -webkit-transform .8s ease .1s; transition: transform .8s ease .1s; transition: transform .8s ease .1s, -webkit-transform .8s ease .1s; transition: transform 0.8s ease 0.1s, -webkit-transform 0.8s ease 0.1s; }

:hover > .modal_closewrap .-right:after { -webkit-transform: translateX(100%); transform: translateX(100%); }

.modal_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.modal_menu ul li { margin-bottom: 20px; text-align: center; }

.modal_menu ul li > a { display: block; position: relative; padding-bottom: 12px; margin-bottom: 6px; font-size: 22px; color: #d8d7d7; }

.modal_menu ul li > a:after { position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 1px; background: #3a7e89; content: ""; }

.modal_menu dl dd { display: inline-block; }

.modal_menu dl dd a { line-height: 30px; font-size: 16px; color: #a4a4a4; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

.modal_menu dl dd a:hover { color: #fff; }

.modal_menu dl dd i { font-size: 14px; color: #a4a4a4; }

.modal_menu dl dd:last-child i { display: none; }

.modal_menu ul li a em { display: block; position: relative; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.modal_menu ul li a em:before { left: 0; position: absolute; top: 0; clip: rect(0, 0, 100px, 0); content: attr(data-content); color: #3a7e89; display: inline-block; zoom: 1; -webkit-transition: clip 1s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: clip 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }

.modal_menu ul li:hover em:before { clip: rect(0, 200px, 100px, 0); }

.modal_menu ul li > a:before { content: ""; width: 30px; height: 1px; background: #3a7e89; position: absolute; left: 50%; margin-left: -15px; bottom: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }

.modal_menu ul li:hover > a:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }


.header .nav ul li > a{text-align: center;}
.header .nav ul li > a span{ display: block; line-height: 21px; font-size: 16px;color: #1a1a1a;}
.header .nav ul li > a i{ display: block; line-height: 14px; font-size: 12px;color: #bfbfbf;text-transform: uppercase; }
.header .search_btn i{ color: #999999;}
.menu_btn > *{ background: #999;}


.index_body .header{ position: absolute; background: rgba(0, 0, 0, 0.2); }
.index_body .header .search_btn i{ color: #fff;}
.index_body .menu_btn > *{ background: #fff;}
.index_body .header .nav ul li > a span{ color: #fff;}
.index_body .header .nav ul li > a i{ color: rgba(255,255,255,0.8); }



.right_service { position: fixed; right: 10px; top: 50%; z-index: 9; }
.right_service ul li { position: relative; margin-bottom: 10px; }
.right_service ul li:hover .icon { opacity: 0.8; }
.right_service ul li:hover .ewm_wrap { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); }
.right_service ul .icon { display: block; background: #b4d1d7; width: 40px; height: 40px; }
.right_service ul .icon img { width: 40px; height: 40px; }
.right_service ul .ewm_wrap { position: absolute; left: -120px; top: 0; width: 120px; height: 120px; text-align: center; line-height: 120px; background: #fff; border: 1px solid #ecf2f1; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: right top; transform-origin: right top;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }
.right_service ul .ewm_wrap img { vertical-align: middle; width: 110px; height: 110px; }
.right_service ul .share a { width: 42px; height: 42px; padding: 0; margin: 0; background: #b4d1d7 url(../images/service_righticon1.png) no-repeat center; }

.bdshare_popup_box { display: none !important; }


/*20181228xg*/
.header_language{float: left;     display: block;
    height: 40px;
    line-height: 40px;
    padding: 20px 10px;   font-size: 16px;
    color: #999999; -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.header_language:hover{color: #00a5ad;}

.index_body .header_language{color: #fff;}
.index_body .header_language:hover{color: #00a5ad;}

@media only screen and (max-width: 1200px) { 
.header .nav { display: none; }

/*1200 end*/
}

@media only screen and (max-width: 991px) { 

  .hidden_searchwrap .text { font-size: 24px; }
   .footer { padding-top: 20px; }
   .footer_tel{margin-bottom: 10px;}
   .footer_tel span{padding: 0 5px;}
  .footer .footer_top { padding-bottom: 20px; }
  .footer .footer_top .center { margin-bottom: 20px; }
  .footer .footer_top .center .wrap { padding: 0; }
  .footer .footer_top .left { margin-left: 0; margin: 0 auto; float: none; text-align: center; }
  .footer .footer_top .left li { float: none; display: inline-block; margin: 0 5px; }
  .footer .footer_top .right { display: none; }
  .footer .footer_bot { padding: 20px 0; }
  .footer .footer_top .center a { padding: 0 5px; }
  .footer .footer_bot .left { float: none; width: 100%; text-align: center; margin-bottom: 20px; }
  .footer .footer_bot .left span { display: block; }
  .footer .footer_bot .right { float: none; width: 194px; margin: 0 auto; }


.header{ height: 60px;}
.header .logo{height: 60px;line-height: 60px; }
.header .logo a img{ height: 24px;}
.header .search_btn{ margin-top: 8px;}
.menu_btn{ margin-top: 9px;}

.modal_menu ul li > a{font-size: 16px;}
.modal_menu dl dd a{font-size: 14px;}
/*20181228xg*/
.header_language{     padding: 10px 10px;}
   }
@media only screen and (max-width:480px) { 
/*20181228xg*/
.header{ padding: 0 2%;}
.header .logo a img{height: 21px;}
}

/*# sourceMappingURL=topfoot.css.map */