html, body, div, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, dl, dd, dt, img, form, textarea, input,select,button,em,i,table,tr,th,td,b,tbody,strong,label{margin: 0; padding:0; vertical-align: top; border: none; background: none; outline: none;font-style: normal;font-weight: normal; font-family: "Microsoft YaHei", "PingFang SC",  "Helvetica Neue", Helvetica, Arial, sans-serif;}

html, body{font-size: 14px;line-height: 1.0;text-align: left;}
ul li,ol li{list-style: none;}
strong{font-weight: bold;}
a{text-decoration: none; color: #333;}
input,button {border-radius: 0;-webkit-border-radius: 0;}
input,select{appearance:none;  -moz-appearance:none;  -webkit-appearance:none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-touch-callout: none; outline: none ;}
input, textarea {border: 0;}
textarea {resize: none; outline: none; font-family: "Microsoft YaHei", "PingFang SC",  "Helvetica Neue", Helvetica, Arial, sans-serif;}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #FFFFFF !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
img {border: 0;vertical-align: middle;}
.clear::after{content: '.'; height: 0; display: block; visibility: hidden; clear: both;}
.clear{*zoom:1; zoom: 1;}
select::-ms-expand{ display: none; }
select{ appearance:none;  -moz-appearance:none;  -webkit-appearance:none;background: url("../images/select_icon.png") no-repeat scroll right 10px center transparent;}
@font-face{font-family:'Roboto-Bold';src:url('../fonts/roboto_bold-webfont.eot');src:url('../fonts/roboto_bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto_bold-webfont.woff2') format('woff2'),url('../fonts/roboto_bold-webfont.woff') format('woff'),url('../fonts/roboto_bold-webfont.svg#Roboto-Bold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'PingFang-SC-Light';src:url('../fonts/PingFang-SC-Light.eot');src:url('../fonts/PingFang-SC-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/PingFang-SC-Light.woff') format('woff'),url('../fonts/PingFang-SC-Light.svg#PingFang-SC-Light') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'DIN';src:url('../fonts/din-bold-webfont.eot');src:url('../fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/din-bold-webfont.woff2') format('woff2'),url('../fonts/din-bold-webfont.woff') format('woff'),url('../fonts/din-bold-webfont.svg#DIN') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family: 'gothamMedium'; src: url('../fonts/gotham-medium-webfont.eot');src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gotham-medium-webfont.woff2') format('woff2'),url('../fonts/gotham-medium-webfont.woff') format('woff'), url('../fonts/gotham-medium-webfont.ttf') format('truetype'),url('../fonts/gotham-medium-webfont.svg#gothamMedium') format('svg'); font-weight: normal;font-style: normal;}
body{background-color: #efefef;}
.wrap {padding: 0 60px; margin: 0 auto;}
.wrapIn {padding: 0 100px; margin: 0 auto;}
.flef{float: left;}
.frig{float: right;}
.transition {transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition:all 0.5s; }
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.scaleBigToSmall{-webkit-animation-name:scaleBigToSmall;-moz-animation-name:scaleBigToSmall;-o-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}
/*头部*/
.header{position: fixed;left: 0;top:0;width: 100%;z-index: 2000;border-bottom: 1px solid rgba(255,255,255,0.21);}
.header.slideD,.header:hover {background-color: rgba(0,0,0,0.6)}
.header .wrap{}
.header .logo{float: left;padding-top: 28px;padding-bottom: 28px;}
.header .logo a{display: block;}
.header .logo img{height: 36px;}
.header .nav li{float: left;position: relative;}
.header .subMenu{position: absolute;left: 0;  top: 100%; width: 100%; z-index: 1001;background-color: rgba(0,0,0,0.6);box-shadow: 0 6px 12px rgba(0,0,0,.175);display: none; }
.header .subMenu a{display: block;font-size: 14px;line-height:22px;color: #fff;padding: 5px 0;text-align: center;font-weight: bold; }

.header .nav li>a{font-size: 16px;line-height: 24px;color: #fff;}
.header .nav li>a{display: block;padding: 34px 22px;}
.header .nav li>a span{display: block;position: relative;font-weight: bold;}
/*.header .nav li>a span:after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 1px;background:#fff;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;-o-transition:all 0.5s; }*/

/*.header .rigH .lang a:first-child:after{content: "";position: absolute;right: 0;top:50%;width: 2px;height: 19px;margin-top: -9.5px;background: #1e1e1e;}*/
.header .rigH{padding: 20px 0;}
.header .rigH .telH{padding: 14px 0;margin-left: 35px;font-size: 0;cursor: pointer;}
.header .rigH .telH img{width: 24px;}
.header .rigH .telH span{display: inline-block;font-size: 20px;line-height: 24px;color: #fff;font-family: 'Roboto-Bold';margin-left: 5px;}

.header .rigH .link{width: 52px;margin-left: 25px;border-top-left-radius: 12px;border-bottom-right-radius: 12px;background-color: #f9b500;overflow: hidden;}
.header .rigH .link select{width: 100%;font-size: 14px;line-height: 24px;color: #fff;text-align: center;font-family: 'Roboto-Bold';padding: 14px 20px 14px 5px;border: none;background: url("../images/icon_jt.png") no-repeat scroll right 5px center #f9b500;cursor: pointer;}

/*.header .nav li:hover>a,.header .nav li.active>a span,.header .rigH .lang a:hover{color:#f9b500;}*/
/*.header .nav li:hover>a span:after{left: 0;width: 100%;}*/
.header .nav li:hover>a{color: #f9b500;}
.header .nav li:hover .subMenu{display: block;}
.header .subMenu a:hover{color: #f9b500;}


.menu-handler { position:fixed; top:0; right:0; width: 58px; height: 58px; cursor: pointer; display: none; margin-left: 15px; z-index: 10000; }
.menu-handler .burger { width: 24px; height: 2px; background: #f9b500; display: block; position: absolute; z-index: 5; top: 20px;left: 50%; margin: 0 0 0 -12px; transform-origin: center; -webkit-transform-origin: center;
    -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: all 277ms ease-in-out;}
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


/*手机端头部*/
.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%;  height: 100%; background:rgba(0,0,0,0.9);z-index: 10001;}

.menu-bg a.close{position: absolute; top: 0;right:0;width: 58px;line-height: 58px;  display: inline-block; text-align: center;margin-right: 2% }
.menu-bg a.close img{vertical-align: middle;}
.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; position:fixed; top:0; right:0; margin-left: 15px; z-index: 10000; }
.menu-handler .burger { width: 24px; height: 2px; background: #f9b500; display: block; position: absolute; z-index: 5; top: 20px;
    left: 50%; margin: 0 0 0 -12px; transform-origin: center; -webkit-transform-origin: center;
    -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: all 277ms ease-in-out;}
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


.menu-list {display: none; position: fixed;  left: 100%;  top: 58px;  width: 100%;height: 100%;  z-index: 10002;  }
/* .menu-list a { display: block; position: relative;left: 100%; opacity: 0;  font-size: 18px;  line-height: 40px;  color: #fff;  padding-left: 7%;} */
/* .menuNav{margin-top: 120px;} */
.menu-list ul{padding: 0 5%;}
.menu-list li{border-bottom: 1px solid #f8f8f8;padding: 15px 0;}
.menu-list li:last-child{border-bottom: none;}
.menu-list li .item-first{position: relative;font-size: 18px;line-height: 32px;color: #fff;padding-right: 20px;cursor: pointer;}
.menu-list li .item-first a{display: block;font-size: 18px;line-height: 32px;color: #fff;}
.menu-list li .item-first img{display: inline-block;width: 20px;line-height: 32px;margin-right: 10px;}
.menu-list li .item-first::after{content: "";position: absolute;top:0;right: 0;width: 16px;height: 100%;background-image: url("../images/mr_02.png");background-repeat: no-repeat;background-position: right center;background-size: 13px;}
.menu-list li.first .item-first::after{background: none;}
.menu-list li.active .item-first::after{background-image: url("../images/mr_01.png");}
.menu-list li.first.active .item-first::after{background: none;}
.menu-list li .item-two{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition:all 0.3s linear; transition: all 0.3s linear;display: none;}
.menu-list li.active{}
.menu-list .item-two a{display: block;font-size: 16px;line-height: 26px;color: #fff;padding: 0 3%;}
.menu-list .support{position: absolute;left: 60px;bottom: 56px;}
.menu-list .support a{display: inline-block;font-size: 16px;line-height: 30px;color: #999;}



.title{position: relative;}
.title span{display: block;font-size: 20px;line-height: 20px;color: #b6b6b6;margin-bottom: 15px;}
.title h3{font-size: 52px;line-height: 60px;color: #231714;font-weight: 600;}
.title h4{font-size: 22px;line-height: 30px;color: #3c3b38;margin-top: 10px;}
.title p{font-size: 16px;line-height: 24px;color: #555;font-family: "Microsoft YaHei", "PingFang SC",  "Helvetica Neue", Helvetica, Arial, sans-serif;margin-top: 30px;text-align: justify;}
.title .info{margin-top: 35px;}
.title .info p{font-size: 18px;line-height: 28px;color: #3c3b38;margin-top: 0;}

.title a{display: inline-block;font-size: 18px;line-height: 20px;color: #333;padding: 20px 30px;background-color: #f9b600;border-radius: 30px;margin-top: 35px;font-weight: 600;vertical-align: middle;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition:all 0.3s linear; transition: all 0.3s linear;}
.title a em{font-weight: 600;}
.title a img{display: inline-block;width: 18px;margin-left: 15px;}
.title a:hover{box-shadow: 3px 4px 10px rgba(0,0,0,0.2);}
.sec03 .title h3{color: #fff;}
.sec05 .title h3{color: #fff;}
.development .title h3,.contact .title h3{color: #fff;}
.news-more{position: absolute;right: 0;bottom: 5px;}



.footer{background-color: #231815;overflow: hidden;}
.footer .lef{float: left;width: 64%;padding-right: 90px;padding-top: 100px;padding-bottom: 55px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer .lef:after{content: "";position: absolute;right: 0;top:0;width: 1px;height: 100%;background-color: rgba(255,255,255,0.2);}
.footer .rig{float: right;width: 35%;padding-top: 200px;padding-left: 90px;padding-bottom: 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer .search{margin-bottom: 70px;padding-bottom: 70px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer .search h2{font-size: 38px;line-height: 48px;color: #fff;margin-bottom: 25px;}
.footer .search .inb{float: left;width: 57%;padding:8px 25px;background-color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 5%;}
.footer .search .inb form{padding-right: 40px;position: relative;}
.footer .search .inb input{font-size: 18px;line-height: 40px;height: 40px;color: #333;background: none;}
.footer .search .inb input[type="text"] {width: 100%;color: #333;  border: none;}
.footer .search .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 30px;text-align: center;  cursor: pointer;background-size:20px;background-image: url(../images/icon_search.png);background-position: center center;background-repeat: no-repeat;background-color: #fff; }
.footer .search .inb input:-ms-input-placeholder{  color: #333;opacity:0.8;filter:alpha(opacity=80); }
.footer .search .inb input::-webkit-input-placeholder{  color: #333;opacity:0.8;filter:alpha(opacity=80);  }
.footer .search .allSear{float: left;width: 38%;padding:16px 0;font-size: 0;}
.footer .search .allSear span,.footer .search .allSear a{display: inline-block;font-size: 16px;line-height: 24px;}
.footer .search .allSear span{color: #b5b5b5;margin-right: 15px;}
.footer .search .allSear a{color: #fff;margin-right: 20px;}
.footer .search .allSear a:last-child{margin-right: 0;}

.footer-nav dl {float: left;margin-right: 70px;}
.footer-nav dl:last-child{margin-right: 0;}
.footer-nav a{display:inline-block;}
.footer-nav dt{margin-bottom: 18px;}
.footer-nav dt a{font-size: 18px;line-height: 30px;color: #fff;}
.footer-nav dd a { font-size: 16px;line-height: 30px;color:rgba(255,255,255,0.6);}
.footer-nav dd a:hover{color: #fff;}
.copyright{margin-top: 165px;}
.copyright,.copyright span,.copyright a{font-size: 16px;line-height: 24px;color: #fff;}
.copyright span,.copyright a{display: inline-block;}

.addr-list{}
.addr-list li{padding-bottom: 42px;margin-bottom: 42px;border-bottom: 1px solid rgba(255,255,255,0.2);}
.addr-list li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.addr-list li h3{font-size: 18px;line-height: 28px;color: #f9b500;margin-bottom: 20px;}
.addr-list li p,.addr-list li p a{font-size: 16px;line-height: 30px;color: rgba(255,255,255,0.6);}
.addr-list li p a{display: inline-block;}
.footer .rig .ewm{display: inline-block;text-align: center;margin-top: 100px;}
.footer .rig .ewm img{width: 100px;margin-bottom: 10px;}
.footer .rig .ewm p{font-size: 16px;line-height: 26px;color: #fff;}



/*内页*/
.f-banner{position: relative;overflow: hidden;}
.f-banner .img{width: 100%;height:750px;background-position: center center;background-repeat: no-repeat;background-size:cover;transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear;-o-transition:all 1s linear;  }
.f-banner:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 10;}
.current{position: absolute;top: 0;left: 0;width: 100%;height: 100%; overflow: hidden;z-index: 20;}
.current .cont{margin-top: 300px;color: #fff;}
.current h1{font-size: 72px;line-height: 82px;margin-bottom: 8px;}
.current p {font-size: 26px;line-height: 36px;font-family: "Microsoft YaHei", "PingFang SC",  "Helvetica Neue", Helvetica, Arial, sans-serif;}
.banner-search{position: relative;overflow: hidden;}
.banner-search .img{width: 100%;height:638px;background-position: center center;background-repeat: no-repeat;background-size:cover;transition: all 1s linear; -webkit-transition: all 1s linear; -moz-transition: all 1s linear;-o-transition:all 1s linear; }
.banner-search:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 10;}
.banner-search .current .cont{margin-top: 280px;}

/*.f-nav .wrapIn{padding: 0 60px;}*/
.f-nav{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 30;}
.f-navlist{background-color: rgba(0,0,0,0.5);display: flex;justify-content: space-between;align-items: center;}
.f-navlist li{flex: 1;text-align: center;position: relative;}
.f-navlist li a{display: block;width: 100%;font-size: 20px;line-height: 100px;color: #fff;}
.f-navlist li:after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 4px;transform: translateX(-50%);background-color: #f8b500;transition: all 0.5s;}
.f-navlist li.active:after,.f-navlist li:hover:after{width: 70.7%;}
.f-navlist li.active a,.f-navlist li:hover a{color: #f8b500;}


.curr{display: flex;align-items: center;}
.curr a{font-size: 16px;line-height: 26px;color: #444;}
.curr a:hover{color: #000;}
.curr span{font-size: 16px;line-height: 26px;color: #000;max-width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.curr .home{width: 18px;}
.curr .jt{width: 12px;margin: 0 10px;}


.product-intro .mes .xl{font-size: 23px;line-height: 32px;color: #000018;margin-bottom: 35px;}
.product-intro .mes .name{margin-bottom: 5px;}
.product-intro .mes .nm{display: inline-block;font-size: 58px;line-height: 78px;color: #000018;font-weight: 600;}
.product-intro .mes em{display: inline-block;font-size: 24px;line-height: 24px;color:#000018;margin: 0 5px; }
.product-intro .mes .en{display: inline-block;font-size: 70px;line-height: 80px;color: #000;background-color: #c7b266;padding: 0 25px;border-top-right-radius: 45px;border-bottom-left-radius: 45px;font-family: 'Roboto-Bold';}
.product-intro .mes p{font-size: 17px;line-height: 28px;color: #000;}
/*.f-nav .wrapIn{padding: 0 60px;}*/
/*.product-intro .mes p{font-size: 24px;line-height: 34px;color: #000;letter-spacing: 5.3px;font-weight: 600;}*/
.product-intro .mes .use{margin-top: 30px;}
.product-intro .mes .use span{display: inline-block;font-size: 40px;line-height: 40px;color: #000;margin-right: 35px;font-weight: 600;}
.product-intro .mes .use span img{width: 38px;margin-right: 10px;}
.product-intro .mes .use span:last-child{margin-right: 0;}
.product-intro .mes .online-btn{margin-top: 80px;}
.product-intro .mes .online-btn a{display: inline-block;width: 170px;font-size: 18px;line-height: 56px;color: #000;text-align: center;background-color: #f9b600;border-radius: 35px;font-weight: 600;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear;-o-transition:all 0.3s linear; transition: all 0.3s linear;}
.product-intro .mes .online-btn a.btn2{background-color: #fff;margin-left: 10px;}
.product-intro .mes .online-btn a:hover{box-shadow: 3px 4px 14px rgba(0,0,0,0.06);}