html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
/* body{margin:0;max-width:1920px;margin:0 auto;} */
body{margin:0;margin:0 auto;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

html{font-family:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-text-size-adjust:none;}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
a{text-decoration: none;color:#666;}
ul,ol{list-style: none;}
table{border-collapse: separate;border-spacing: 0;}
a,img{-webkit-touch-callout: none;}
a,input,button{outline:0;border:none;}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{background:#f1f1f1;margin:0 auto;font-size:14px;}
html{margin: 0 auto;color:#666;}
img{display:block;max-width:100%;}

a{-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}

@font-face {
    font-family:'BEBAS';
    src: url('../fonts/BEBAS.eot');
    src: url('../fonts/BEBAS.eot?#iefix') 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#en') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Acrom';
    src: url('../fonts/Acrom.eot');
    src: url('../fonts/Acrom.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Acrom.woff2') format('woff2'),
    url('../fonts/Acrom.woff') format('woff'),
    url('../fonts/Acrom.ttf') format('truetype'),
    url('../fonts/Acrom.svg#en') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family:'Acrom';transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}

.clearfix{*zoom:1;}
.clearfix::before{display:table;content:"";}
.clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.w1200{max-width:1200px;margin:0 auto;}
.w1400{max-width:1400px;margin:0 auto;}

@media screen and (max-width:1400px){.w1400{padding:0 80px;}}
@media screen and (max-width:1025px){.w1400{padding:0 15px;}}
@media screen and (max-width:1200px){.w1200{padding:0 15px;}}

.overh{overflow:hidden;}

.height10{height:10px;clear:both;}
.height20{height:20px;clear:both;}
.height30{height:30px;clear:both;}

.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}

.bg{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;display:none;}

.bg-cover{background-size:cover;}
.bg-repeat{background-repeat:no-repeat;}
.bg-cc{background-position:center center;}

.page{padding-top:120px;}
.page.fixed{padding-top:50px;}

.header{background:#00859b;color:#fff;width:100%;z-index:999;height:120px;position:fixed;left:0;top:0;width:100%;}
.header .logo{margin-top:20px;}
.header .menu{width:50px;height:50px;background:url(../images/menu.png) no-repeat center center;display:none;}
.header .menu.active{background:url(../images/close.png) no-repeat center center;}
.header .nav{float:right;margin-top:55px;}
.header .nav > ul{}
.header .nav > ul > li{position:relative;float:left;margin-right:50px;height:55px;}
/*.header .nav > ul > li.lang{display:none;}*/
.header .nav > ul > li > a{color:#fff;text-transform:uppercase;padding-bottom:10px;border-bottom:3px solid transparent;}
.header .nav > ul > li.active > a,.header .nav > ul > li:hover > a{border-bottom:3px solid #fff;}
/*.header .nav > ul > li.product .drowdown .box .row .col > a:hover,.header .nav > ul > li .drowdown ul li a:hover{color:#ff5801;}*/
.header .nav > ul > li .drowdown{position:absolute;width:200px;top:55px;/*border-bottom-left-radius:5px;border-bottom-right-radius:5px;*/display:none;margin-left:-80px;padding-top:15px;z-index:2;}
.header .nav > ul > li .drowdown .box{position:relative;background:#fff;/*border-radius:5px;padding-top:1px;*/}
.header .nav > ul > li .drowdown .box:before{position:absolute;content:'';border-bottom:25px solid #fff;top:-15px;border-left:25px solid transparent;border-right:25px solid transparent;left:50%;margin-left:-25px;}
.header .nav > ul > li .drowdown ul{/*border-radius:5px;*/padding:0px 0;}
.header .nav > ul > li .drowdown ul li{border-bottom:1px solid #cdcdcd; position:relative; z-index:9;}
.header .nav > ul > li .drowdown ul li a{display:block;text-align:center;font-family:Arial;font-size:13px;color:#333;line-height:45px;}
.header .nav > ul > li .drowdown ul li a:hover{background:#ff5801; color:#fff;}
.header .nav > ul > li .drowdown > ul > li > a:hover{ background:#ff5801;color:#fff;}
.header .nav > ul > li .drowdown ul li:last-child{border-bottom:none;}
.header .nav > ul > li .drowdown ul li:hover > a{ background:#ff5801; color:#fff;}

.header .nav > ul > li .drowdown ul li a.mdown{ background:url(../images/menu_right.png) no-repeat 96% 50% #fff;}
.header .nav > ul > li .drowdown ul li:hover a.mdown{ background:url(../images/menu_right_on.png) no-repeat 96% 50% #ff5801; color:#fff;}
.header .nav > ul > li .drowdown ul li dl{ position:absolute; z-index:10; left:200px; top:0;/*border-radius:5px;*/padding:0px 0; background:#fff; width:200px; display:none;}
.header .nav > ul > li .drowdown ul li dl dd{ border:0;border-bottom:1px solid #cdcdcd;}
.header .nav > ul > li .drowdown ul li dl dd:last-child{border-bottom:none;}

.header .nav > ul > li:hover .drowdown{ display:block;}
.header .nav > ul > li .drowdown ul li:hover dl{ display:block;}
.header .nav > ul > li .drowdown ul li dl dd a{ font-size:13px; font-style:normal;}
.header .nav > ul > li .drowdown ul li dl dd a:hover{background:#ff5801; color:#fff;}


.header .nav > ul > li.product .drowdown{width:1000px;left:-480px;}
.header .nav > ul > li.product .drowdown .box{padding-bottom:45px;}
.header .nav > ul > li.product .drowdown .box:before{left:50%;margin-left:70px;}
.header .nav > ul > li.product .drowdown .box .row{margin-top:55px;}
.header .nav > ul > li.product .drowdown .box .row .col{width:33.33%;float:left;padding:0px 30px;}
.header .nav > ul > li.product .drowdown .box .row .col > a{padding-bottom:15px;border-bottom:1px solid #b3b3b3;color:#333;display:block;font-size:18px;font-family:Arial;font-weight:bold;}
.header .nav > ul > li.product .drowdown .box .row .col ul{margin-top:10px;padding:0;}
.header .nav > ul > li.product .drowdown .box .row .col ul li{border-bottom:none;}
.header .nav > ul > li.product .drowdown .box .row .col ul li a{font-family:Arial;position:relative;padding-left:10px;text-align:left;font-weight:normal;font-size:14px;line-height:30px;}
.header .nav > ul > li.product .drowdown .box .row .col ul li a:before{position:absolute;content:'';top:50%;margin-top:-2px;width:4px;height:4px;border-radius:100%;background:#8a8a8a;left:0;}

.page .header .nav > ul > li .drowdown{top:50px;}
.page .header .nav > ul > li.product .drowdown{left:-290px;}
.page .header .nav > ul > li.product .drowdown .box:before{left:50%;margin-left:-110px;}

@media screen and (max-width:1400px) {
    .header .nav > ul > li.product .drowdown{width:1150px;left:-565px;}
    .header .nav > ul > li.product .drowdown .box:before{margin-left:15px;}
    .header .nav > ul > li.product .drowdown .box{padding-bottom:20px;}
    .header .nav > ul > li.product .drowdown .box .row{margin-top:30px;}
    .header .nav > ul > li.product .drowdown .box .row .col{padding:0px 20px;}

    .page .header .nav > ul > li.product .drowdown{left:-420px;}
    .page .header .nav > ul > li.product .drowdown .box:before{margin-left:-65px;}
}

.header .search-box{position:relative;margin-top:45px;height:75px;}
.header .search-box .icon{width:38px;height:38px;background:url(../images/icon01.png) no-repeat center center;cursor:pointer;}
.header .search-box .box{position:absolute;width:0;height:45px;right:0;margin-top:20px;overflow:hidden;z-index:2;}
.header .search-box .box input{height:45px;}
.header .search-box .box input[type=text]{background:#fff;border-radius:3px;height:45px;width:100%;padding:0px 10px;padding-right:55px;}
.header .search-box .box input[type=submit]{position:absolute;width:45px;height:45px;right:0;top:0;background:url(../images/icon01-grary.png) no-repeat center center;cursor:pointer;}
.header .search-box:hover .box{width:375px;}

.header.fixed{background:#00859b;height:50px;}
.header.fixed .logo{margin-top:5px;}
.header.fixed .logo img{max-width:50%;}
.header.fixed .nav{margin-top:17px;}
.header.fixed .search-box{margin-top:8px;}
.header.fixed .nav > ul > li.active > a,.header.fixed .nav > ul > li:hover > a{color:#fff;}

.index-header{height:155px;background:none;}
.index-header .logo{margin-top:40px;}
.index-header .nav{margin-top:70px;}
.index-header .search-box{margin-top:60px;height:100px;}
.index-header .nav > ul > li.active > a,.index-header .nav > ul > li:hover > a{border-bottom:3px solid #ff5801;}
/*.index-header .nav > ul > li.active > a,.index-header .nav > ul > li:hover > a,.index-header .nav > ul > li .drowdown ul li a:hover,.index-header .nav > ul > li.product .drowdown .box .row .col > a:hover{color:#ff5801;}*/

@media screen and (max-width:1400px) {
    .header .nav > ul > li{margin-right:40px;}
}
@media screen and (max-width:1025px) {
    
}


.footer-itme01{background:#00859b;color:#fff;}
.footer-itme01 a{color:#fff;}
.footer-itme01 .item01{padding-top:95px;margin-left:5%;}
.footer-itme01 .item01 .tit{font-size:30px;}
.footer-itme01 .item01 .txt{margin-top:45px;font-size:18px;line-height:30px;}
.footer-itme01 .item02{padding-top:95px;margin-left:20%;}
.footer-itme01 .item02 .tel{font-size:24px;}
.footer-itme01 .item02 .tel i{width:50px;height:50px;border-radius:100%;background:#fff url(../images/icon03.png) no-repeat center center;display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:15px;}
.footer-itme01 .item02 > a{width:275px;height:55px;line-height:55px;margin-top:40px;text-align:center;color:#ff5801;background:#fff;border-radius:30px;display:block;font-size:16px;}

@media screen and (max-width:1600px) {
    .footer-itme01 .item02{margin-left:8%;}
}
@media screen and (max-width:1366px) {
    .footer-itme01 .item01{margin-left:2%;}
    .footer-itme01 .item02{margin-left:20px;}
}


.footer-item02{padding:95px 0;}
.footer-item02 .contxt{color:#333;margin-left:10%;}
.footer-item02 .contxt .txt{font-size:18px;line-height:30px;}
.footer-item02 .foot-nav{margin-left:10%;}
.footer-item02 .foot-nav a{color:#333;font-size:18px;line-height:30px;display:block;}
.footer-item02 .foot-nav a:hover{color:#ff5801;}
.footer-item02 .share{margin-left:12%;width:175px;}
.footer-item02 .share .tit{font-size:18px;color:#ff5801;}
.footer-item02 .share a{width:44px;height:44px;float:left;display:block;margin-top:20px;margin-right:20px;}
.footer-item02 .share a:last-child{margin-right:0;}
.footer-item02 .share a.icon01{background:url(../images/icon-facebook.png) no-repeat center center;}
.footer-item02 .share a.icon02{background:url(../images/icon-twitter.png) no-repeat center center;}
.footer-item02 .share a.icon03{background:url(../images/icon-linkin.png) no-repeat center center;}
.footer-item02 .share a.icon01:hover{background:url(../images/icon-facebook-h.png) no-repeat center center;}
.footer-item02 .share a.icon02:hover{background:url(../images/icon-twitter-h.png) no-repeat center center;}
.footer-item02 .share a.icon03:hover{background:url(../images/icon-linkin-h.png) no-repeat center center;}
.footer-item02 .btn{}
.footer-item02 .btn a{display:block;width:215px;height:60px;line-height:60px;border-radius:30px;box-shadow:0px 0px 15px rgba(0,0,0,0.1);text-align:center;margin-bottom:20px;color:#333;}
.footer-item02 .btn a:last-child{margin-bottom:0;}
.footer-item02 .btn a:hover{background:#ff5801;color:#fff;}

@media screen and (max-width:1367px) {
    .footer-item02 .contxt,.footer-item02 .foot-nav,.footer-item02 .share{margin-left:5%;}
}


.footer-item03{padding:30px 0;background:#1b2e3a;color:#768289;}
.footer-item03 a{color:#768289;}
.footer-item03 a:hover{color:#fff;}
.footer-item03 .fl{}
.footer-item03 .fl span{margin:0px 10px;}


.page-banner{position:relative;padding-top:20%;z-index:1;}
.page-banner .content{position:absolute;top:50%;transform:translateY(-50%);}
.page-banner .content .title{font-size:60px;color:#fff;}
.page-banner .content .line{width:30px;height:5px;border-radius:3px;background:#ff5801;margin-top:21px;}



.position{text-align:right;font-weight:bold;text-transform:uppercase;line-height:75px;}
.position span{margin:0px 8px;}
.position a{font-weight:bold;text-transform:uppercase;}



.paging{margin:60px 0px 100px 0;text-align:right;}
.paging *{width:48px;height:48px;line-height:48px;border-radius:100%;font-family:Arial;display:inline-block;font-size:24px;margin:0px 5px; text-align:center;}
.paging a.prev{background:#ff5801 url(../images/page-icon-l.png) no-repeat center center;}
.paging a.next{background:#ff5801 url(../images/page-icon-r.png) no-repeat center center;}
.paging a.on{background:#ff5801;color:#fff;}