@charset "utf-8";
/* CSS Document */
html{color:#000000;background-color:#FFF;font-family: Source Han Sans CN, Microsoft Yahei, Verdana, PingFang SC, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;font-size: 16px;}
*{margin: 0;padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,p,blockquote,th,td{-moz-user-select:none; /* Firefox私有属性 */ -webkit-user-select:none; /* WebKit内核私有属性 */ -ms-user-select:none; /* IE私有属性(IE10及以后) */ -khtml-user-select:none; /* KHTML内核私有属性 */ -o-user-select:none; /* Opera私有属性 */ user-select:none; /* CSS3属性 */}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
img{vertical-align: middle;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:700;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{outline: none;border: none;}
input[type=button], input[type=submit], input[type=file], button{cursor: pointer;-webkit-appearance: none;}
::-webkit-input-placeholder{color: #ADADAD;}
:-moz-placeholder{color: #ADADAD;opacity: 1;}
::-moz-placeholder{color: #ADADAD;opacity: 1;}
:-ms-input-placeholder{ color: #ADADAD;}
i{font-style:normal;}
a{color: #333;text-decoration: none;cursor: pointer;}
body{overflow-x: hidden;min-width: 1200px;}
.box{width: 1200px;margin: 0 auto;position: relative;}
.title{text-align: center;font-size: 34px;line-height: 44px;color: #292929;font-weight: bold;}
.enda{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;bottom: 0;width: 100%;background-color: rgba(0,0,0,.55);color: #fff;box-sizing: border-box;}

header{height: 70px;width: 100%;position: relative;z-index: 15;}
.header{height: 70px;width: 100%;}
.header .box{display: flex;align-items: center;height: 70px;}
.header .box .logo img{width: 168px;}
.header .box .logo .bla{display: none;}
.header .box .nav{display: flex;justify-content: space-between;flex: 1;margin: 0 134px 0 179px;}
.header .box .nav li{position: relative;}
.header .box .nav li::before{content: '';position: absolute;width: 100%;height: 3px;border-radius: 2px;background-color: #FFFFFF;left: 0;bottom: -22px;display: none;}
.header .box .nav li.active::before{display: block;}
.header .box .nav li:hover::before{display: block;}
.header .box .nav li a{font-size: 16px;line-height: 26px;display: block;padding: 0 10px;color: #FFFFFF;}
.header .box .header-free{width: 100px;height: 40px;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 20px;font-size: 16px;line-height: 38px;text-align: center;color: #FEFEFE;cursor: pointer;}
.header.active{background-color: #FFFFFF;box-shadow: 0 0 18px rgba(168,168,168,0.49);position: fixed;top: 0;left: 0;}
.header.active .box .logo .whi{display: none;}
.header.active .box .logo .bla{display: block;}
.header.active .box .nav li a{color: #000000;}
.header.active .box .nav li.active a{color: #00A9FF;}
.header.active .box .nav li::before{background-color: #00A9FF;}
.header.active .box .header-free{background-color: #00A9FF;border: 1px solid #00A9FF;}

.banner{position: relative;height: 1080px;margin-top: -70px;}
.banner>img, .banner .swiper-slide img{position: absolute;left: 50%;margin-left: -960px;}
.banner .swiper-slide{height: 1080px;overflow: hidden;}
.banner .box{z-index: 5;}
.banner .banner-main{position: absolute;left: 0;top: -349px;}
.banner .banner-main .banner-from{display: flex;}
.banner .banner-main .banner-from .ipt-box{position: relative;}
.banner .banner-main .banner-from input{font-size: 20px;display: block;border-radius: 30px;border: 2px solid #FFFFFF;width: 281px;height: 60px;box-sizing: border-box;padding: 0 54px 0 38px;color: #FFFFFF;background-color: transparent;}
.banner .banner-main .banner-from input::-webkit-input-placeholder{color: #FFFFFF;}
.banner .banner-main .banner-from input:-moz-placeholder{color: #FFFFFF;opacity: 1;}
.banner .banner-main .banner-from input::-moz-placeholder{color: #FFFFFF;opacity: 1;}
.banner .banner-main .banner-from input:-ms-input-placeholder{ color: #FFFFFF;}
.banner .banner-main .banner-from .ipt-box i{position: absolute;width: 43px;height: 43px;border-radius: 50%;background-color: #FFC334;box-shadow: 0 7px 42px rgba(49,49,49,0.3);top: 8px;right: 11px;}
.banner .banner-main .banner-from .ipt-box img{position: absolute;top: 22px;right: 26px;}
.banner .banner-main .banner-from .banner-btn{background-color: #FFC334;width: 205px;height: 60px;font-size: 24px;line-height: 60px;border-radius: 30px;color: #FFFFFF;text-align: center;margin-left: 16px;}
.banner .banner-main p{font-size: 38px;line-height: 48px;color: #FFFFFF;margin-top: 20px;letter-spacing: 2px;}

footer{background-color: #393939;padding: 60px 0;}
footer .box{display: flex;justify-content: space-between;}
footer .box .foot-left .nav{display: flex;margin-top: 39px;}
footer .box .foot-left .nav li a{font-size: 18px;line-height: 22px;display: block;padding: 0 18px;border-left: 2px solid #FFFFFF;color: #FFFFFF;}
footer .box .foot-left .nav li:first-child a{padding-left: 0;border-left: none;}
footer .box .foot-left .foot-address{margin-top: 33px;font-size: 16px;line-height: 30px;color: #FFFFFF;}
footer .box .foot-right{text-align: center;}
footer .box .foot-right p{font-size: 18px;line-height: 28px;margin-top: 11px;color: #FFFFFF;}

footer .box .foot-right.wechat-entry{cursor: pointer;}

/* 微信服务号弹层：默认隐藏，点页脚二维码后居中弹出 */
.surr-wechat{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 16;display: none;}
.surr-wechat .wechat-box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.surr-wechat .wechat-box .shade{position: absolute;background-color: rgba(0,0,0,.55);width: 100%;height: 100%;top: 0;left: 0;}
.surr-wechat .wechat-box .wechat-img{position: relative;z-index: 1;width: 360px;box-sizing: border-box;padding: 34px 34px 30px;background-color: #FFFFFF;border-radius: 12px;text-align: center;box-shadow: 0 3px 18px rgba(0,0,0,.33);}
.surr-wechat .wechat-box .wechat-img img{width: 280px;height: 280px;object-fit: contain;display: block;margin: 0 auto;}
.surr-wechat .wechat-box .wechat-img p{font-size: 20px;line-height: 30px;color: #333333;margin-top: 18px;font-weight: bold;}

.surr-free{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 15;display: none;}
.surr-free .free-box{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.surr-free .free-box .shade{position: absolute;background-color: rgba(0,0,0,.36);width: 100%;height: 100%;top: 0;left: 0;}
.surr-free .free-box .free-form{width: 690px;box-sizing: border-box;padding: 35px 45px 46px;background-color: #FFFFFF;box-shadow: 0 3px 18px rgba(170,170,170,0.33);border-radius: 10px;position: relative;z-index: 1;}
.surr-free .free-box .free-form h3{font-size: 32px;line-height: 42px;color: #00A9FF;font-weight: bold;text-align: center;margin-bottom: 35px;}
.surr-free .free-box .free-form h3 i{color: #FE6613;}
.surr-free .free-box .free-form input, .surr-free .free-box .free-form select{background-color: rgba(89,197,252,.1);display: block;width: 100%;height: 80px;border-radius: 40px;padding-left: 45px;font-size: 26px;box-sizing: border-box;color: #ADADAD;}
.surr-free .free-box .free-form .age-select{margin: 20px 0;position: relative;}
.surr-free .free-box .free-form .age-select::before{content: '';width: 0;height: 0;position: absolute;border-style: solid;border-width: 12px 10px 0;border-color: #CED9DE transparent transparent;top: 34px;right: 40px;}
.surr-free .free-box .free-form .age-select select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.surr-free .free-box .free-form .code-box{display: flex;justify-content: space-between;margin: 20px 0;}
.surr-free .free-box .free-form .code-box input{width: 390px;}
.surr-free .free-box .free-form .code-box i{width: 196px;height: 80px;font-size: 26px;line-height: 80px;color: #FFFFFF;background-image: linear-gradient(65deg,#6ACBFC,#00A9FF);border-radius: 40px;text-align: center;cursor: pointer;}
.surr-free .free-box .free-form .free-btn{display: block;width: 100%;height: 80px;font-size: 30px;font-weight: bold;color: #FFFFFF;background-image: linear-gradient(65deg, #00A9FF, #6ACBFC);border-radius: 40px;}