@charset "utf-8";
/* CSS Document */

/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,b,blockquote,th,td,em,span,img{padding:0;margin:0;outline:none}
table {border-collapse:collapse;border-spacing:0}
img{border:0;vertical-align:middle}
input{border:none;outline:none}
button{border:none}
address,caption,cite,code,dfn,em,th,var,i{font-weight:normal;font-style:normal}
ol,ul{list-style:none}
:focus{outline:none}
.hide{display:none}
.hidden{width:0;height:0;overflow:hidden;display:none}
.block{display:block}
.lblock{display:inline-block}
.tcenter{text-align:center}
.tleft{text-align:left}
.tright{text-align:right}
.relative{position:relative}
.absolute{position:absolute}
.left{float:left}
.right{float:right}
.clear:after{display:block;content:".";height:0;font-size:0;overflow:hidden;clear:both;visibility:hidden} 
.bold{font-weight:bold}
.flex{display:flex}
.underline{text-decoration:underline}
.select{vertical-align:middle;padding:5px;border:1px solid #e6e6e6}
body{color:#666;font:normal 14px/1.5 "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:hover{text-decoration:none;cursor:pointer}
.layui-layer-loading .layui-layer-loading1{left:45%}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{box-shadow:0 0 0px 1000px white inset;-webkit-text-fill-color:#000}

.pd2{padding:2px}
.pd4{padding:4px}
.pd6{padding:6px}
.pd8{padding:8px}
.pd10{padding:10px}
.pd12{padding:12px}
.pd14{padding:14px}
.pd16{padding:16px}
.pd20{padding:20px}
.pd30{padding:30px}

.pdl2{padding-left:2px}
.pdl4{padding-left:4px}
.pdl6{padding-left:6px}
.pdl8{padding-left:8px}
.pdl10{padding-left:10px}
.pdl12{padding-left:12px}
.pdl14{padding-left:14px}
.pdl16{padding-left:16px}
.pdl20{padding-left:20px}

.pdr2{padding-right:2px}
.pdr4{padding-right:4px}
.pdr6{padding-right:6px}
.pdr8{padding-right:8px}
.pdr10{padding-right:10px}
.pdr12{padding-right:12px}
.pdr14{padding-right:14px}
.pdb2{padding-bottom:2px}
.pdb4{padding-bottom:4px}
.pdb6{padding-bottom:6px}
.pdb8{padding-bottom:8px}
.pdb10{padding-bottom:10px}
.pdb12{padding-bottom:12px}
.pdb14{padding-bottom:14px}

.pdt1{padding-top:1px}
.pdt2{padding-top:2px}
.pdt4{padding-top:4px}
.pdt5{padding-top:5px}
.pdt6{padding-top:6px}
.pdt8{padding-top:8px}
.pdt10{padding-top:10px}
.pdt12{padding-top:12px}
.pdt14{padding-top:14px}
.pdt20{padding-top:20px}

.mg2{margin:2px}
.mg4{margin:4px}
.mg6{margin:6px}
.mg8{margin:8px}
.mg10{margin:10px}
.mg12{margin:12px}
.mg14{margin:14px}
.mgt2{margin-top:2px}
.mgt4{margin-top:4px}
.mgt6{margin-top:6px}
.mgt8{margin-top:8px}
.mgt10{margin-top:10px}
.mgt12{margin-top:12px}
.mgt15{margin-top:15px}
.mgt18{margin-top:18px}
.mgt20{margin-top:20px}
.mgt30{margin-top:30px}
.mgl2{margin-left:2px}
.mgl4{margin-left:4px}
.mgl6{margin-left:6px}
.mgl8{margin-left:8px}
.mgl10{margin-left:10px}
.mgl12{margin-left:12px}
.mgl14{margin-left:14px}
.mgl20{margin-left:20px}
.mgl30{margin-left:30px}
.mgb2{margin-bottom:2px}
.mgb4{margin-bottom:4px}
.mgb6{margin-bottom:6px}
.mgb8{margin-bottom:8px}
.mgb10{margin-bottom:10px}
.mgb12{margin-bottom:12px}
.mgb14{margin-bottom:14px}
.mgr2{margin-right:2px}
.mgr4{margin-right:4px}
.mgr6{margin-right:6px}
.mgr8{margin-right:8px}
.mgr10{margin-right:10px}
.mgr12{margin-right:12px}
.mgr14{margin-right:14px}

/*字体颜色*/
.colorff0000{color:#FF0000} /*大红*/
.colorf97373{color:#F97373} /*橘红*/
.color399eff{color:#399EFF} /*深蓝*/
.color2be3dc{color:#2BE3DC}	/*浅绿*/
.color2dd488{color:#2DD488} /*深绿*/
.colorffb800{color:#FFB800} /*黄色*/
.color666666{color:#666666} /*深灰*/
.color999999{color:#999999} /*灰*/
.color8496ff{color:#8496FF} /*紫色*/
.colorff69b4{color:#FF69B4} /*粉色*/

/*字号*/
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font24{font-size:24px}
.font28{font-size:28px}
.font30{font-size:30px}
.font32{font-size:32px}
.font36{font-size:36px}
.font40{font-size:40px}
.font48{font-size:48px}

/*宽度*/
.w120{width:120px}
.w140{width:140px}
.w160{width:160px}
@media screen and (max-width:1200px){body{min-width:360px;max-width:768px;width:100%;margin:0 auto}}
.w1200{width:1200px;margin:0 auto}
.header-wrap{height:72px}
.header-wrap .header{width:100%;position:fixed;left:50%;transform:translateX(-50%);z-index:5;padding:8px 0;background:#002B64}
@media screen and (max-width:1200px){
    .header-wrap .header{max-width:768px}
}
.header>div.w1200{display:flex;justify-content:space-between;color:#fff}
.header a.logo{display:block;height:56px;width:322px;overflow:hidden}
.header a.logo img{width:322px;height:56px}
.header .nav{flex-grow:1;text-align:right}
.header .nav a{font-size:18px;line-height:56px;color:#fff;margin-right:60px;position:relative}
.header .nav a:after{display:block;width:100%;height:6px;position:absolute;right:0;bottom:-12px;background:#F7AB00;border-radius:4px}
.header .nav a.cur:after{content:""}
.header .nav a:nth-child(3){display:none}
.header .nav-m{display:none;text-align:center;font-size:18px;line-height:56px}
.header .oper-bar-m{width:120px;display:none}
.header .oper-bar-m i.h5menu{display:none;width:30px;height:30px;user-select:none;background:url(/resource/images/menu_h5.69bf.png) center 100%/100% no-repeat;cursor:pointer;transition:.3s transform}
.header .oper-bar{line-height:56px}
.header .oper-bar .tel-num{font-size:20px;line-height:56px}
.header .oper-bar .tel-num i{display:inline-block;width:24px;height:24px;vertical-align:-5px;margin-right:4px;background:url(/resource/images/tel.2fa5.png) 100%/100% no-repeat}
.header .oper-bar a:hover{color:#f97373}
@media screen and (max-width:1200px){
    .header>div.w1200{width:100%;padding:0 10px;box-sizing:border-box}
    .header a.logo{width:120px}

    .header .nav{width:100%;max-width:768px;height:120vh;padding:8px 16px 10px 16px;box-sizing:border-box;z-index:3;position:fixed;top:70px;right:-300%;background:#fff;transition:.3s}
    .header .nav a{display:block;margin:0;border-bottom:1px solid #D4D4D4;color:#223458;text-align:left;font-size:14px;position:relative}
    .header .nav a:after{content:"";display:block;position:absolute;right:0;top:24px;transform:rotate(-45deg);width:5px;height:5px;border-radius:0;background:none;border:2px solid transparent;border-right-color:#223458;border-bottom-color:#223458}
    .header .nav.show{right:0%}
    
    .header .oper-bar{display:none}
    .header .nav-m{display:block;flex-grow:1}
    .header .oper-bar-m,.header .oper-bar-m i,.header .oper-bar-m i.h5menu{display:inline-block;cursor:pointer}
    .header .oper-bar-m{display:flex;justify-content:right;align-items:center}
    .header .oper-bar-m i.h5menu.show{background:url(/resource/images/close_h5.2bed.png) center 72%/72% no-repeat;transform:rotate(180deg)}
}

/*banner图*/
.banner{height:550px;padding-top:82px;background: url(/resource/images/banner1.8569.jpg) 50% no-repeat;background-size: cover}
.banner>div.w1200{display:flex;justify-content:space-between;align-items:center}
.banner .intro{color:#fff}
.banner .intro .txt-png{width:628px;margin-top:16px}
.banner2{height:580px;background:url(/resource/images/banner2.0343.jpg) center no-repeat;background-size:cover}
.banner2 .intro{width:800px;position:absolute;top:45%;transform:translateY(-50%);color:#fff}
.banner2 .intro p:nth-child(1):after{display:block;content:"";margin:10px 0;width:36px;height:4px;background:#fcaa06}
@media screen and (max-width:1200px){
    .banner{height:auto;padding:20px 0;background:#233aae}
    .banner>div.w1200{width:100%;flex-direction:column;justify-content:center}
    .banner .intro{width:90%;margin:0 5% 5% 5%}
    .banner .intro .txt-png{width:100%}
    .banner2{height:24vw;min-height:260px}
    .banner2 .intro{width:90%;left:5%}
}
@media screen and (max-width:768px){ 
    .banner .intro p.font24{font-size:18px} 
    .banner2 .intro p.font28{font-size:24px}
}
@media screen and (max-width:540px){ 
    .banner .intro p.font24{font-size:14px} 
    .banner2 .intro p.font28{font-size:16px}
}
@media screen and (max-width:414px){ 
    .banner .intro p.font24{font-size:12px} 
    .banner2 .intro p.font28{font-size:14px}
}

/*登录框*/
.login-area{width:380px;padding:30px;background:#fff;border-radius:20px;box-sizing:border-box}
.login-area .tab span{display:inline-block;width:50%;text-align:center;font-size:16px;font-weight:600;position:relative;color:#666;cursor:pointer;user-select:none}
.login-area .tab span.cur{color:#333}
.login-area .tab span.cur:after{content:"";width:30px;height:6px;background:#399EFF;position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;border-radius:4px}
.login-area .fmitem{margin-top:16px}
.login-area .fmitem label{display:block;font-weight:600}
.login-area .fmitem input{display:block;width:100%;height:36px;border-bottom:1px solid #ddd;transition:background 5000s ease-in-out 0s}
.login-area .fmitem input:-ms-input-placeholder{color:#b9babf}
.login-area .fmitem input::-moz-input-placeholder{color:#b9babf}
.login-area .fmitem input::-webkit-input-placeholder{color:#b9babf}
.login-area .fmitem input:focus{border-color:#399EFF}
.login-area .codeitem{display:flex;align-items:flex-end}
.login-area .chk{width:14px;height:14px;vertical-align:-2px}
.login-area a.fpsd{color:#b9babf}
.login-area .lgbtn{width:100%;height:40px;font-size:20px;letter-spacing:10px;color:#fff;border-radius:4px;cursor:pointer;background:#399EFF}
@media screen and (max-width:1200px){
    .login-area{width:90%;padding:20px}
}

/*tab-menu*/
.tab-menu{background:#fff}
.tab-menu>div.w1200{position:relative;background:#fff;top:-60px;margin-bottom:-60px;border-radius:30px;box-shadow:0 4px 11px 0 #EAEAEA;box-sizing:border-box}
.tab-menu ul{padding:8px 15px;display:flex;justify-content:space-between}
.tab-menu li{width:20%;padding:1% 2.5%;box-sizing:border-box;text-align:center}
.tab-menu li i{display:block;width:100px;height:100px;margin:0 auto;background-size:cover}
.tab-menu li i.icon1{background-image:url(/resource/images/turn01.9c0b.png)}
.tab-menu li i.icon2{background-image:url(/resource/images/turn02.d068.png)}
.tab-menu li i.icon3{background-image:url(/resource/images/turn03.d985.png)}
.tab-menu li i.icon4{background-image:url(/resource/images/turn04.0eb3.png)}
.tab-menu li i.icon5{background-image:url(/resource/images/turn05.f482.png)}
.tab-menu li h3{line-height:2;font-weight:600;color:#333}
@media screen and (max-width:1200px){
    .tab-menu>div.w1200{width:90%;top:-32px;margin-left:auto;margin-right:auto;border-radius:20px}
    .tab-menu ul{flex-wrap:wrap;padding:8px}
    .tab-menu li{width:50%}
    .tab-menu li h3{line-height:1}
}

.pub-section-title h3{font-size:18px;font-weight:600;color:#000;display:inline;position:relative}
.pub-section-title span{position:relative;margin-left:-14px}
.pub-section-title h3:before,.pub-section-title span:after{display:block;content:"";background:linear-gradient(135deg,#C7E1FF,#419BFF);position:absolute}
.pub-section-title h3:before{width:20px;height:20px;border-radius:4px;left:-26px}
.pub-section-title span:after{width:12px;height:12px;border-radius:2px;right:-16px;bottom:-2px}

.swiper-img{padding-top:60px}
.swiper-img .focus-scroll-img .list{background:#EEF6FF url(/resource/images/ysbg.ca98.png) 12%/12% no-repeat;background-position:98% 95%;border-radius:20px}
.swiper-img .focus-scroll-img .item{height:390px;position:relative}
.swiper-img .focus-scroll-img .item img{width:640px;height:390px}
.swiper-img .focus-scroll-img .item .txt{position:absolute;width:36%;height:35%;padding:5% 4%;background:rgba(255,255,255,0.8);backdrop-filter:blur(2px);border-radius:10px;top:50%;left:63%;transform:translate3d(-50%,-50%, 0)}
.swiper-img .focus-scroll-img .item .txt:before,.swiper-img .focus-scroll-img .item .txt:after{display:block;content:"";width:18px;height:18px;border-radius:50%;position:absolute;bottom:10%}
.swiper-img .focus-scroll-img .item .txt:before{right:40px;background-color:#F7AB00}
.swiper-img .focus-scroll-img .item .txt:after{right:24px;background-color:#358BE9}
.swiper-img .focus-scroll-img .item .txt p:after{display:block;content:"";width:40px;height:8px;background:#F7AB00;border-radius:4px;margin-top:16px}
.swiper-img .focus-dotted li{display:inline-block;width:5px;height:5px;margin:0 4px;border:1px solid #358BE9;border-radius:5px;cursor:pointer}
.swiper-img .focus-dotted li.cur{width:30px;background:#358BE9}
@media screen and (max-width:1200px){
    .swiper-img{width:90%;margin:0 auto}
    .swiper-img>div.w1200{width:100%}
    .swiper-img .focus-scroll-img .list{background-size:22%}
    .swiper-img .focus-scroll-img .item{height:40vw;min-height:160px;max-height:280px}
    .swiper-img .focus-scroll-img .item img{display:none}
    .swiper-img .focus-scroll-img .item .txt{width:100%;height:100%;padding:8%;box-sizing:border-box;left:50%;background:transparent;font-size:16px;backdrop-filter:blur(0)}
    .swiper-img .focus-scroll-img .item .txt:before,.swiper-img .focus-scroll-img .item .txt:after{content:initial}
    .swiper-img .focus-dotted{margin-top:0}
}

/*合作流程*/
.coper-turn{padding-top:60px}
.coper-turn ul{display:flex;justify-content:center}
.coper-turn li{width:25%;position:relative}
.coper-turn li:nth-last-child(1){width:10%}
.coper-turn li:before{display:block;content:"";position:absolute;top:47.5%;width:95%;border-top:1px dashed #ddd;z-index:-1}
.coper-turn li:after{display:block;content:"";position:absolute;top:43%;left:95%;border:8px solid transparent;border-left-color:#ddd}
.coper-turn li img{width:40%;min-width:60px}
.coper-turn li:nth-last-child(1) img{width:100%}
.coper-turn li .txt{color:#333;font-weight:600;text-indent:11%;line-height:3;white-space:nowrap}
.coper-turn li:nth-last-child(1) .txt{text-indent:28%}
.coper-turn li:nth-last-child(1):before,.coper-turn li:nth-last-child(1):after{content:initial}
@media screen and (max-width:1200px){
    .coper-turn{padding-top:40px}
    .coper-turn>div.w1200{width:100%}
    .coper-turn li{width:23%}
    .coper-turn li:nth-last-child(1){width:9.5%}
    .coper-turn li:before{top:40%;width:90%}
    .coper-turn li:after{top:35%;left:90%;border-width:6px}
    .coper-turn li .txt{text-indent:4.5%}
    .coper-turn li:nth-last-child(1) .txt{text-indent:8.5%}
}
@media screen and (max-width:768px){
    .coper-turn li .txt{font-size:12px}
}

/*关于我们*/
.aboutus{padding-top:60px}
.aboutus>div.w1200{position:relative;background:#EEF6FF;display:flex;justify-content:space-between;border-radius:20px}
.aboutus img{width:554px;border-radius:20px}
.aboutus .txt{padding:4%;line-height:1.8;color:#333;width:626px}
.aboutus .txt p{word-wrap:break-word;word-break:break-all}
.aboutus .txt h5{color:#000;font-weight:600}
.aboutus .txt h5:after{display:block;content:"";width:40px;height:8px;margin-top:4px;background:#F7AB00;border-radius:4px}
@media screen and (max-width:1200px){
    .aboutus>div.w1200{width:90%;margin:0 auto}
    .aboutus>div.w1200 img{display:none}
}

/*合作品牌*/
.coper-friends{padding-top:60px}
.coper-friends ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.coper-friends li{width:15%;margin:20px 0;padding:15px;text-align:center;box-sizing:border-box;border-radius:12px;box-shadow:2px 2px 10px 0 #EAEAEA}
.coper-friends li span{display:block}
.coper-friends li img{width:80%}
@media screen and (max-width:1200px){
    .aboutus{padding-top:40px}
    .coper-friends{padding-top:40px;padding-bottom:40px}
    .coper-friends>div.w1200{width:90%;margin:0 auto}
    .coper-friends li{width:31%;margin:10px 0;padding:10px}
    .coper-friends li img{width:72%}
    .coper-friends li span{display:none}
}

/*联系我们*/
.contactus{padding:50px 0;color:#333}
.contactus ul{display:flex;align-items:center;padding:30px 0}
.contactus li{width:20%;text-align:center;position:relative}
.contactus li:before{display:block;content:"";margin:20px auto;width:104px;height:104px;transition:.3s;background-size:cover}
.contactus li.part1:before{background-image:url(/resource/images/contact01.fd98.png)}
.contactus li.part2:before{background-image:url(/resource/images/contact02.114b.png)}
.contactus li.part3:before{background-image:url(/resource/images/contact03.7fb4.png)}
.contactus li.part4:before{background-image:url(/resource/images/contact04.9120.png)}
.contactus li.part5:before{background-image:url(/resource/images/contact05.5d36.png)}
.contactus li:hover:before{transform:scale(1.25)}
@media screen and (max-width:1200px){
    .contactus>div.w1200{width:100%}
    .contactus ul{flex-wrap:wrap}
    .contactus li{width:33.33%}
}
@media screen and (max-width:540px){
    .contactus li:before{width:84px;height:84px;margin:10px auto 0 auto}
    .contactus li .font20{font-size:16px}
    .contactus li .font16{font-size:12px}
}
.layer-msgcode-layout{max-width:500px;min-width:338px}
.qrcode-layout{width:350px;position:fixed;left:50%;top:50%;transform:translate3d(-50%,-50%,0);z-index:6;padding:15px;background:#fff;border-radius:10px;box-shadow:0 10px 20px 0 rgba(0,0,0,0.6)}
.qrcode-layout .close{width:32px;height:32px;padding:4px;display:block;position:absolute;top:-10px;right:-10px;border-radius:50%;cursor:pointer;background:#fff url(/resource/images/close.16b0.png) center no-repeat}
@media screen and (max-width:1200px){
    .qrcode-layout{width:78%;max-width:320px}
}

.footer{background:#30343e;color:#999a9d}
.footer .w1200{display:flex;justify-content:space-around;padding-bottom:30px}
.footer .item{width:20%}
.footer .item strong{color:#fff;font-weight:100;font-size:16px}
.footer .item p.tel{margin-top:10px;color:#ffbe00;font-weight:600}
.footer .item a{margin-right:20px;color:#999a9d}
.footer .item a:hover{color:#fff;text-decoration:underline}
.footer .item p{margin-top:20px}
.footer .fbtm{padding:10px 0;background:#292c33;text-align:center;line-height:1.5}
.footer .fbtm a{color:#999a9d}
@media screen and (max-width:1200px){
    .footer{display:none}
}