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: "PingFang SC",miui,system-ui,-apple-system, BlinkMacSystemFont, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", 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: -apple-system, BlinkMacSystemFont, Tahoma, Arial, "Hiragino Sans GB", "Microsoft YaHei", 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("/Public/Home/images/select_icon.png") no-repeat scroll right 10px center transparent;}
@font-face {font-family: 'geometos'; src: url('/Public/Home/fonts/geometos-webfont.eot');src: url('/Public/Home/fonts/geometos-webfont.eot?#iefix') format('embedded-opentype'), url('/Public/Home/fonts/geometos-webfont.woff2') format('woff2'),url('/Public/Home/fonts/geometos-webfont.woff') format('woff'), url('/Public/Home/fonts/geometos-webfont.ttf') format('truetype'),url('/Public/Home/fonts/geometos-webfont.svg') format('svg'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'gothamBold'; src: url('/Public/Home/fonts/gotham-bold.eot');src: url('/Public/Home/fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('/Public/Home/fonts/gotham-bold.woff2') format('woff2'),url('/Public/Home/fonts/gotham-bold.woff') format('woff'), url('/Public/Home/fonts/gotham-bold.ttf') format('truetype'),url('/Public/Home/fonts/gotham-bold.svg') format('svg'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'dinBold'; src: url('/Public/Home/fonts/din-bold-webfont.eot');src: url('/Public/Home/fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Public/Home/fonts/din-bold-webfont.woff2') format('woff2'),url('/Public/Home/fonts/din-bold-webfont.woff') format('woff'), url('/Public/Home/fonts/din-bold-webfont.ttf') format('truetype'),url('/Public/Home/fonts/din-bold-webfont.svg') format('svg'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'dinM'; src: url('/Public/Home/fonts/din_medium-webfont.eot');src: url('/Public/Home/fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('/Public/Home/fonts/din_medium-webfont.woff2') format('woff2'),url('/Public/Home/fonts/din_medium-webfont.woff') format('woff'), url('/Public/Home/fonts/din_medium-webfont.ttf') format('truetype'),url('/Public/Home/fonts/din_medium-webfont.svg') format('svg'); font-weight: normal;font-style: normal;}
.wrap {padding: 0 80px; margin: 0 auto;}
.wrapIn{padding: 0 160px; margin: 0 auto;}
.flef{float: left;}
.frig{float: right;}
@-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%;}
/*头部*/
/*头部*/
.topfixed{height: 58px;display: none;}
.header{position: fixed;left: 0;top:0;width: 100%;z-index: 2000; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear;-o-transition:all 0.4s linear;transition: all 0.4s linear; }
.header .wrap{position: relative;}
.header .logo{float: left;margin-right: 58px;}
.header .logo a{display: block;}
.header .logo img{height: 64px;}
.header .logo a .icon2{display: none;}
.header .nav{float: left;}
.header .nav li{ float: left;position: relative;}
.header .nav li .icon2,.header .nav li .icon3{display: none;}
.header .logo a,.header .nav li>a span{padding: 26px 0;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition:all 0.3s;transition: all 0.3s; }
.header .nav li>a { display: block; padding:0 37px;}
.header .nav li.groupN>a,.header .nav li.search>a,.header .nav li.lan>a{padding:0 0;}
.header .nav li.groupN>a img,.header .nav li.search>a img,.header .nav li.lan>a img{margin-right: 0;;}
.header .nav li.search,.header .nav li.lan{margin-left: 36px;}
.header .nav li.groupN{margin-left: 25px;}
.header .rig .nav li:last-child>a{padding-right: 0;}
.header .nav li>a span{ display: block;font-size: 18px;line-height: 64px;color: #fff;position: relative;text-align: center;}
.header .nav li>a span::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #12a79d;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition:all 0.3s;transition: all 0.3s;}
.header .nav li>a img{width: 20px;vertical-align: middle;margin-right: 30px;}
.header .subMenu{position: absolute;left: 50%; top: 100%; width: 216px; z-index: 1001;background: #fff;margin-left: -108px;padding-top: 25px;padding-bottom: 22px;display: none;box-shadow: 0 5px 15px rgb(0,0,0,0.04); }
.header .nav li.lan .subMenu{width: 156px;margin-left: -78px;}
.header .subMenu h2{font-size: 24px;line-height: 48px;color: #12a79d;}
.header .nav li.groupN .subMenu{width: 222px;margin-left: -151px;text-align: left;padding-left: 40px;padding-right: 40px;}
.header .subMenu a{display: block;font-size: 16px;line-height:16px;color: #5a5a5a;padding: 10px 0;text-align: center;}
.header .subMenu a:hover{ color: #12a79d;}
.header .nav li:hover>a span::after{width: 100%;margin-left: -50%;}
.header .nav li.groupN:hover>a span::after,.header .nav li.search:hover>a span::after,.header .nav li.lan:hover>a span::after{width: 69px;margin-left: -34.5px;}
.header .nav li:hover .subMenu{display: block;}
.header.slideD,.header:hover{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.04);}
.header.slideD .logo a .icon,.header:hover .logo a .icon{display:none;}
.header.slideD .logo a .icon2,.header:hover .logo a .icon2{display: inline-block;}
.header.slideD .nav li .icon,.header:hover .nav li .icon{display: none;}
.header.slideD .nav li .icon3,.header:hover .nav li .icon3{display: inline-block;}
.header.slideD .nav li>a span,.header:hover .nav li>a span{color: #474747;}
.header.slideD .logo a,.header.slideD .nav li>a span{padding: 14px 0;}
.header .nav li:hover>a span{color:#12a79d;}
.header .nav li:hover .icon,.header .nav li:hover .icon3{display: none;}
.header .nav li:hover .icon2{display: inline-block;}
.soluP{position: absolute;left: 0;top:99.99%;width: 100%;min-height: 840px;background: #fcfcfc;display: none;z-index: 1000; }
.soluP .secN{width: 410px;height: 100%;background: #f2f2f2;box-shadow: 0 0 15px rgba(0,0,0,0.04);}
.soluP .fr-nav{padding-top: 70px;padding-left: 80px;}
.soluP .fr-nav a{display: block;font-size: 26px;line-height: 90px;color: #343434;padding-left: 54px;padding-right: 40px;position: relative;}
.soluP .fr-nav a:hover,.soluP .fr-nav a.active{color: #12a79d;background: #fff;position: relative;}
.soluP .fr-nav a:hover::before,.soluP .fr-nav a.active::before{content: "";position: absolute;left: 0;top:0;width: 3px;height: 100%;background: #12a79d;}
.soluP .fr-nav a:hover::after,.soluP .fr-nav a.active::after{content: "";position: absolute;right: 0;top:0;width: 40px;height: 100%;background-image: url("/Public/Home/images/jt.png");background-position: center center;background-repeat: no-repeat;background-size: 12px;}
.soluP .sec-nav{padding-left: 35px;padding-top: 15px;}
.soluP .sec-nav li{width: 430px;display: none;}
.soluP .sec-nav li.active{display: block;}
.soluP .sec-nav li a,.soluP .thBox li a{display: block;font-size: 24px;line-height: 74px;color: #343434;padding-left: 40px;border-bottom: 1px solid #e0e0e0;position: relative;}
.soluP .sec-nav li.pro-secNav a{padding-right: 30px;}
.soluP .sec-nav li.pro-secNav a::after{content: "";position: absolute;top: 0;right: 0;width: 30px;height: 100%;background-image: url("/Public/Home/images/jt3.png");background-position: center center;background-repeat: no-repeat;background-size: 12px;}
.soluP .sec-nav li a:hover,.soluP .sec-nav li.pro-secNav a.active{color:#12a79d; }
.soluP .sec-nav li.pro-secNav a:hover::after,.soluP .sec-nav li.pro-secNav a.active::after{background-image: url("/Public/Home/images/jt4.png");}
.soluP .thBox{padding-left: 40px;margin-left: 40px;width: auto;height: auto;position: relative;border-left: 1px solid #d9d9d9;}
/* .soluP .thBox::before{content: "";} */
.soluP .thBox .th-nav{display: none;}
.soluP .thBox .th-nav.active{display: block;}
.soluP .thBox li{display: none;}
.soluP .thBox li.active{display: block;}
.soluP .thBox li a:hover{color: #12a79d;}
.header .search-click{position: absolute;top: 100%;left: 0;padding: 50px 0;width: 100%;background: rgba(0,0,0,0.75); color: #333;z-index: 999;display: none;}
.header .search-click .close{position: absolute;top: 30px;right: 30px;display: inline-block;height: 25px;width: 25px;
text-align: center;color: #fff;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;}
.header .search-click .close img{display: block;margin: 0 auto;width: 18px;vertical-align: middle;}
.header .search-click .tac{text-align: center;}
.header .search-click .inb{display: inline-block;width: 50%;padding-right: 50px;position: relative;}
.header .search-click .inb input{line-height: 40px;height: 40px;color: #333;background: none;}
.header .search-click .inb input[type="text"] {width: 100%;color: #333;border: 1px solid #12a79d; border-right: none; padding: 0 10px;background: #fff;box-sizing: border-box;}
.header .search-click .inb input[type="submit"] {position: absolute;top: 0;right: 0;width: 50px;text-align: center; cursor: pointer;background-size:20px;background-image: url(/Public/Home/images/search.png);background-position: center center;background-repeat: no-repeat;background-color: #12a79d; }
.header .search-click .inb input:-ms-input-placeholder{ color: #333;opacity:0.8;filter:alpha(opacity=80); }
.header .search-click .inb input::-webkit-input-placeholder{ color: #333;opacity:0.8;filter:alpha(opacity=80); }
/*手机端头部*/
.menu-bg {display: none;position: fixed;left: 100%;top: 0;width: 100%; height: 100%; background: #12a79d; z-index: 10000; }
.menu-bg a.logoA{display: block;position: absolute;top: 0;left: 5%;height: 24px;padding: 17px 0; text-align: center;z-index: 100; }
.menu-bg a.logoA img{height: 100%;}
.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: #12a79d; 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: 10001; }
/* .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 #43cfc6;padding: 8px 0;}
.menu-list li:last-child{border-bottom: none;}
.menu-list li .item-first{position: relative;font-size: 20px;line-height: 36px;color: #fff;padding-right: 20px;cursor: pointer;}
.menu-list li .item-first a{display: block;font-size: 20px;line-height: 36px;color: #fff;}
.menu-list li .item-first img{display: inline-block;width: 20px;line-height: 36px;margin-right: 10px;}
.menu-list li .item-first::after{content: "";position: absolute;top:0;right: 0;width: 16px;height: 100%;background-image: url("/Public/Home/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("/Public/Home/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: 36px;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;}
/*底部*/
.footer{background-color: #12a79d;background-image:url("/Public/Home/images/footer_bg.png") ;background-position: left bottom;background-repeat: no-repeat;background-size: 100%;overflow: hidden;position: relative;padding-top: 156px;z-index: 10;}
.footer .footer-mes{position: relative;margin-bottom: 7px;}
.footer-mes .flogo{padding-top: 2px;}
.footer-mes .flogo a{display: block;width: 150px;}
.footer-mes .flogo img{width: 70%;}
.footer-nav dl {float: left;margin-left: 112px;}
.footer-nav dl:first-child{margin-left: 0;}
.footer-nav a{display:inline-block;position: relative;}
.footer-nav dt{margin-bottom: 24px;}
.footer-nav dt a{font-size: 20px;line-height: 28px;color: #fff;}
.footer-nav dd a { font-size: 16px;line-height: 46px;color:#fff;}
.footer-nav dd a::after {content: "";position: absolute;left: 50%;bottom: 5px;width: 0;height: 1px;background: #fff;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition:all 0.2s;transition: all 0.2s;}
.footer-nav dd a:hover::after{width: 100%;margin-left: -50%;}
.footer-nav dl.hottel{margin-left: 140px;width: 285px;}
.footer-nav dl.hottel a em{font-size: 36px;line-height: 46px;color: #fff;font-weight: normal;font-family: 'gothamBold';}
.footer-nav dl.hottel p{font-size: 16px;line-height: 28px;color: #fff;}
.footer-nav dl.hottel a:hover::after{width: 0;}
.footer .copyright{padding:50px 0;border-top: 1px solid rgba(255,255,255,0.05); }
.footer .copyright,.footer .copyright a{font-size: 16px;line-height: 28px;color: #fff;}
.footer .copyright .lef{width: 48%;}
.footer .copyright .link li{position: relative;float: left;margin-left: 29px;}
.footer .copyright .link li:first-child{margin-left: 0;}
.footer .copyright .link li a{display: block;position: relative;width: 53px;height: 53px;text-align: center;border: 1px solid #fff;border-radius: 50%;}
.footer .copyright .link li a::before{content: "";position: absolute;left: 50%;top: 50%;width: 0;height: 0;border-radius: 50%;background: #fff;-moz-transition: all 0.2s;-o-transition:all 0.2s;transition: all 0.2s;}
.footer .copyright .link li a img{position:absolute;left: 50%;top:50%;width: 28px;margin-left: -14px;margin-top: -14px;}
.footer .copyright .link li .ic2{display: none;}
.footer .copyright .link-img{position: absolute;bottom: 100%;left: 50%;width: 110px;margin-left: -55px;padding-bottom: 10px;text-align: center;z-index: 100;visibility: hidden;}
.footer .copyright .link-img::after{content: "";position: absolute;left:50%;bottom: -2px;width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #fff;margin-left: -6px; }
.footer .copyright .link-img img{width: 100%;}
.footer .copyright .link li a:hover .ic1{display: none;}
.footer .copyright .link li a:hover .ic2{display: block;}
.footer .copyright .link li a:hover::before{width: 100%;height: 100%;margin-left: -50%;margin-top: -50%;z-index: -1;}
.footer .copyright .link li:hover .link-img{visibility: visible;}
.hoverLef{position: relative;}
.hoverLef::before,.hoverLef::after{content: "";position: absolute;left: 0;bottom: 0;height: 100%;}
.hoverLef::before{width: 100%;z-index: -2;}
.hoverLef::after{width: 0;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;z-index: -1;}
.hoverLef:hover::after{width: 100%;}
/*内页*/
.f-banner{position: relative;height:806px;overflow: hidden;}
.f-banner .img{position: relative;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size:cover;transition: all 3s linear; -webkit-transition: all 3s linear; -moz-transition: all 3s linear;-o-transition:all 3s linear; }
.f-banner .img:after{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: url("/Public/Home/images/banner_bg.png") left top no-repeat;background-size: cover;}
.current{position: absolute;top: 45%;left: 0;width: 100%; overflow: hidden;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 20;}
.current{color: #000;}
.current h1{font-size: 64px;line-height: 74px;color: #fff;}
.fnav{border-bottom: 1px solid #cdcecd;}
.fnav .f-navlist{float: left;}
.fnav .f-navlist li{float: left;}
.fnav .f-navlist li a{display: block;text-align: center;position: relative;padding:0 22px; }
.fnav .f-navlist li a span{display: inline-block;font-size: 20px;line-height: 96px;color: #000;position: relative;}
.fnav .f-navlist li:first-child a{padding-left: 0;}
.fnav .f-navlist li a span::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #11a79c;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition:all 0.3s;transition: all 0.3s;}
.fnav .f-navlist li.active a span::after{content: "";position: absolute;left: 50%;bottom: 0;width: 100%;height: 2px;background: #11a79c;margin-left: -50%;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition:all 0.3s;transition: all 0.3s;}
.fnav .f-navlist li.active a span,.fnav .f-navlist li:hover a span{color: #11a79c;}
.fnav .f-navlist li:hover a span::after{width: 100%;margin-left: -50%;}
.fnav .curr{float: right; }
.fnav .curr a{display: inline-block;font-size: 0;padding: 40px 0;opacity: 0.6;}
.fnav .curr a span,.fnav .curr a em{display: inline-block;font-size: 16px;line-height: 16px;color: #000;}
.fnav .curr a em{margin: 0 10px;}
.fnav .curr img{display: inline-block;width: 16px;margin-right:15px;}
.fnav .curr a:hover span{color: #11a79c;}
.ftit{margin-bottom: 10px;}
.ftit h1{font-size: 60px;line-height: 66px;color: #343434;}
.ftit h1 em{display: inline-block;font-size: 24px;line-height: 34px;vertical-align: bottom;}
.ftit h1 span{display: inline-block;font-family: 'dinM';margin-left: 10px;}
.social-cont .ftit{position: absolute;left: 160px;top:30px;}