body{font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#fff;background-color:#063a94}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,tr,p,select,dl,dt,dd{margin:0;padding:0;outline:none}
a {text-decoration:none;color:#fff}
img{vertical-align:top}
li{list-style:none}
.fl{float:left}
.fr{float:right}
.cs{cursor:pointer}
.overflow1{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.overflow2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.overflow3{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix{zoom:1}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center}
.f-bwn{-webkit-box-pack:justify;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between}
.w1200{width:1200px;margin:0 auto}

.first{overflow-x:hidden}
.first .w1200{position:relative;padding:698px 0 87px 0}
.banner{position:absolute;top:0;left:50%;transform:translate(-50%,0)}
.bannerS{width:100%}
.nav{position:relative;z-index:1;margin-left:88px}
.nav li{float:left;width:179px;height:67px;text-align:center;line-height:67px;background:linear-gradient(0deg,#6EB3ED,#18FFBD);font-size:24px;color:#10144D}
.nav li:not(:first-child){margin-left:23px}
.intro{position:relative;z-index:1;margin-top:65px}
.intro .tit{margin:20px 0 0 17px;width:130px;height:130px;border:5px solid #FFFFFF}
.intro .tit>div{padding:10px 0;position:relative;left:30px;top:32px;background-color:#063a94}
.intro .tit h5{letter-spacing:3px;font-size:30px;line-height:34px;font-weight:400;white-space:nowrap}
.intro .tit p{text-transform:uppercase;font-size:20px;line-height:24px;font-family:Bahnschrift;white-space:nowrap}
.intro .desc{width:950px}
.intro .desc p{font-size:16px;text-indent:2em}
.mould{padding:80px 0}
.headline{text-align:center;margin-bottom:60px}
.headline h2{font-size:48px;line-height:56px;font-weight:normal;letter-spacing:14px}
.headline p{position:relative;display:inline-block;font-size:25px;line-height:32px;text-transform:uppercase}
.headline p::before{content:"";position:absolute;z-index:1;left:-60px;top:5px;width:52px;height:52px;background:#E7D870;border-radius:50%}
.headline p::after{content:"";position:absolute;z-index:1;right:-33px;top:5px;width:25px;height:25px;background:#E7D870;border-radius:50%}
.dot{position:absolute;z-index:1;right:25px;top:-70px;width:16px;height:16px;background:#E7D870;border-radius:50%}
.second{background-color:#052C70}
.unit{margin-left:230px;font-size:16px;line-height:30px}
.img{display:block;margin:100px auto 0}
.third{background:#05317f url(images/bg3.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.third .img{margin-left:210px}
.fifth{background:url(images/bg5.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.fifth .img{margin-left:180px}
.act-nav{position:relative;width:660px;margin:0 auto;font-size:0}
.act-nav::after{position:absolute;bottom:-6px;left:0;content:"";width:100%;height:6px;border-radius:3px;background-color:#10144D}
.act-nav div{display:inline-block;width:50%;font-size:24px;color:#719EEE;line-height:55px;text-align:center}
.act-nav div:hover{color:#1CFBBF}
.act-nav div.act{color:#1CFBBF;position:relative}
.act-nav div.act::before{content:"";position:absolute;z-index:1;bottom:-6px;left:50%;transform:translateX(-50%);width:188px;height:8px;background:#1CFBBF;border-radius:4px}
.act-tit{margin-top:105px;text-align:center}
.act-tit p{display:inline-block;padding:10px 20px;min-width:461px;box-sizing:border-box;background:#10144D;color:#1CFBBF;border-radius:26px;font-weight:normal;font-size:21px;line-height:32px}
.act-list{margin-top:50px}
.act-list li{position:relative;font-size:0;padding-top:30px}
.act-list li::before{content:"";position:absolute;z-index:2;left:314px;top:35px;width:12px;height:12px;background:#FFFFFF;border-radius:50%}
.act-list li:not(:last-child)::after{content:"";position:absolute;z-index:1;left:318px;top:38px;width:3px;height:100%;background:#18DBCB}
.act-list li p{display:inline-block;line-height:24px;vertical-align:top}
.act-list li p:first-child{font-weight:bold;font-size:18px;width:290px;padding-right:30px;text-align:right}
.act-list li p:nth-child(2){font-size:14px;width:120px;padding-left:25px}
.act-list li p:nth-child(3){font-weight:bold;font-size:16px;width:626px;padding:0 0 30px 20px;border-bottom:1px solid #18DBCB;white-space:pre-line}
.seventh{background:#042C72}
.guests{padding:40px 0 100px 0;font-size:0}
.guests li{margin-top:50px;display:inline-block;width:25%;text-align:center;vertical-align:top}
.guests li>div{margin:0 auto;width:142px;height:162px;padding:4px;background:linear-gradient(to bottom,#7895F3,#D79BDA);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.guests li>div div{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.guests li h4{font-weight:bold;font-size:24px;margin:10px 0 5px 0}
.guests li p{font-size:14px;line-height:18px}
.products{padding:60px 0 100px 0;font-size:0}
.products li{width:260px;display:inline-block;margin-top:50px;margin-right:calc(33.3% - 260px);vertical-align:top}
.products li img{width:100%;height:193px}
.products li h4{font-size:18px;margin:15px 0 10px 0}
.products li p{font-size:14px;line-height:24px}
.ninth{background:url(images/bg9.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.ninth .swiper-container{margin:80px auto 100px}
.ninth video{width:1023px;height:576px;background-color:#000;display:block;margin:0 auto}
.ninth .swiper-button-next{background-image:url(images/right.png);width:32px;height:56px;background-size:32px 56px;margin-top:-28px}
.ninth .swiper-button-prev{background-image:url(images/left.png);width:32px;height:56px;background-size:32px 56px;margin-top:-28px}
.tenth .headline{margin-bottom:70px}
.units-tit{margin:10px 0 10px 0;font-size:18px}
.units-list{font-size:0}
.units-list li{display:inline-block;vertical-align:top;width:220px;height:100px;background-color:#fff;margin:0 20px 20px 0}
.units-list li img{width:100%;height:100%}
.eleventh{background-color:#002A7A;padding:190px 0}
.eleventh .w1200{position:relative}
.eleventh .w1200>.fl{width:1045px}
.eleventh h1{font-size:40px}
.contact{margin-top:60px}
.contact li{width:33.3%;font-size:0}
.contact li img{width:65px;height:65px;margin-right:25px;display:inline-block;vertical-align:bottom}
.contact li div{display:inline-block}
.contact li div h4{height:32px;font-size:16px}
.contact li div p{font-size:18px;line-height:26px;white-space:pre-line}
.eleventh .w1200>.fr{width:calc(100% - 1045px)}
.code{width:120px;height:150px;background:#FFFFFF;margin-bottom:13px;font-size:16px;color:#333333;text-align:center}
.code img{margin-top:13px;width:95px;height:95px;margin-bottom:5px}
.permit{font-size:14px;position:absolute;bottom:0;left:0;width:100%}


.h5warp{display:none}
@media screen and (max-width:767px){
    .w1200{width:100%}
    .pcwarp{display:none}
    .h5warp{display:block}

    .img{width:100%;margin:0}
    .first .w1200{padding:0 0 3rem 0}
    .third .img,.fourth .img,.fifth .img{margin-left:0}
    .nav{margin-left:1.55rem;}
    .nav li{width:3.1rem;height:2.18rem;font-size:.68rem;line-height:.82rem;padding:.3rem .6rem 0 .6rem;box-sizing:border-box;text-align:center}
    .nav li:first-child{margin-left:.64rem}
    .nav li:not(:first-child){margin-left:.36rem}
    .nav li:last-child{padding-left:.35rem;padding-right:.35rem}
    .intro{margin-top:1.28rem}
    .intro .tit{margin:.68rem 0 0 .92rem;width:1.46rem;height:6.52rem;border-width:.1rem}
    .intro .tit>div{padding:0;left:.9rem;top:1.4rem}
    .intro .tit h5{letter-spacing:0;font-size:.88rem;line-height:.92rem;white-space:normal}
    .intro .tit p{position:absolute;z-index:1;top:1.6rem;right:-1.6rem;font-size:.5rem;line-height:.54rem;transform:rotate(90deg)}
    .intro .desc{width:calc(100% - 5.5rem);margin-right:.6rem}
    .intro .desc p{font-size:.58rem}
    .mould{padding:1.6rem .6rem 2rem .6rem}
    .headline{margin-bottom:1.2rem}
    .headline h2{font-size:.96rem;line-height:1.12rem;letter-spacing:.28rem}
    .headline p{font-size:.5rem;line-height:.64rem;vertical-align:top}
    .headline p::before{left:-1.2rem;top:.1rem;width:1.04rem;height:1.04rem}
    .headline p::after{right:-0.66rem;top:.1rem;width:.5rem;height:.5rem}
    .dot{right:.5rem;top:-1.4rem;width:.32rem;height:.32rem}
    .unit{margin-left:2.5rem;font-size:.58rem;line-height:.92rem}
    .act-nav{width:100%}
    .act-nav::after{bottom:-0.12rem;height:.12rem;border-radius:.06rem}
    .act-nav div{font-size:.6rem;line-height:1.2rem}
    .act-nav div.act::before{bottom:-0.12rem;width:68%;height:.16rem;border-radius:.08rem}
    .act-tit{margin-top:1.8rem}
    .act-tit p{padding:.2rem .4rem;min-width:12rem;border-radius:.6rem;font-size:.58rem;line-height:.76rem}
    .act-list{margin-top:.8rem}
    .act-list li{padding-top:.6rem}
    .act-list li::before{left:4.9rem;top:1rem;width:.24rem;height:.24rem}
    .act-list li:not(:last-child)::after{left:5rem;top:1.1rem;width:.06rem}
    .act-list li p{line-height:1rem}
    .act-list li p:first-child{font-size:.68rem;width:4.5rem;padding-right:.5rem}
    .act-list li p:nth-child(2){font-size:.6rem;width:4.4rem;padding-left:.5rem}
    .act-list li p:nth-child(3){font-size:.6rem;width:9.6rem;padding:0 0 .6rem .4rem;border-width:.02rem}
    .guests{padding:0}
    .guests li{margin-top:1rem;width:50%}
    .guests li>div{width:6.82rem;height:7.77rem;padding:.16rem}
    .guests li h4{font-size:.68rem;margin:.2rem 0 .1rem 0}
    .guests li p{font-size:.48rem;line-height:.76rem}
    .products{padding:1.2rem 0 2rem 0}
    .products li{width:calc(50% - .3rem);margin:0 0 1rem 0}
    .products li:nth-child(2n){margin-left:.6rem}
    .products li img{height:6rem}
    .products li h4{font-size:.68rem;margin:.3rem 0 .2rem 0}
    .products li p{font-size:.48rem;line-height:.76rem}
    .tenth .headline{margin-bottom:1.4rem}
    .units-tit{margin:.4rem 0 .2rem 0;font-size:.6rem}
    .units-list li{width:4.84rem;height:2.2rem;margin:0 .24rem .24rem 0}
    .eleventh .w1200{padding-bottom:3rem}
    .eleventh .w1200>.fl{width:calc(100% - 5rem)}
    .eleventh h1{font-size:.92rem}
    .ninth .swiper-container {margin:1.6rem auto}
    .ninth video{width:80%;height:10rem}
    .ninth .swiper-button-next{width:.64rem;height:1.12rem;background-size:.64rem 1.12rem;margin-top:-0.56rem}
    .ninth .swiper-button-prev{width:.64rem;height:1.12rem;background-size:.64rem 1.12rem;margin-top:-0.56rem}
    .contact{margin-top:1.2rem}
    .contact li{width:100%;margin-bottom:.8rem}
    .contact li img{width:2.6rem;height:2.6rem;margin-right:.5rem}
    .contact li div h4{height:1.1rem;font-size:.64rem}
    .contact li div p{font-size:.72rem;line-height:1.1rem}
    .eleventh .w1200>.fr{width:5rem}
    .code{width:4.8rem;height:6rem;margin-bottom:.52rem;font-size:.64rem}
    .code img{margin-top:.52rem;width:3.8rem;height:3.8rem;margin-bottom:.2rem}
    .permit{font-size:.56rem;text-align:center}
}