@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}
@charset "utf-8";
@media screen and (max-width:450px){ #pages-bar{margin-bottom:100px} }
body{min-width:1200px;background:#fff}
.body-wraper{box-sizing:border-box}
.round-corner{background:#fff;border-radius:6px;padding:10px 10px 0 10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.15)}

/*顶部导航*/
.navbar{height:48px;position:fixed;top:0;right:0;left:0;z-index:1;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}
/*.navbar h1{width:160px;text-align:center;line-height:48px;font-size:20px;color:#fff;background:#207fec}*/
.navbar h1{width:160px;height:48px;background:#207fec;display:inline-flex;justify-content:center;align-items:center}
.navbar h1 img{width:45%}
.navbar .sbar{font-size:20px;margin:12px 0 0 5px;color:#399EFF;position:relative;z-index:1}
.navbar .warn-wrap{width:40%;height:48px;overflow:auto}
.navbar .warn-wrap::-webkit-scrollbar{width:2px;background-color:transparent}
.navbar .warn-wrap::-webkit-scrollbar-thumb{background-color:#ddd}
.navbar .warn-wrap::-webkit-scrollbar-track{background-color:#eee}
@media screen and (max-width:1440px){.navbar .warn-wrap{width:36%}}
@media screen and (max-width:980px){.navbar .warn-wrap{width:32%}}
@media screen and (max-width:450px){.navbar .warn-wrap{max-width:110px}}
.navbar .warn-message{height:48px;display:table}
.navbar .warn-message .inner{display:table-cell;vertical-align:middle}
.navbar .warn-message span{margin-right:20px;display:inline-block}
.navbar .userinfo{position:absolute;right:15px;top:10px;white-space:nowrap}
.navbar .userinfo>div{cursor:pointer}
.navbar .userinfo i{display:inline-block;vertical-align:-2px}
.navbar .userinfo .icon-wode:before{font-size:20px}
.navbar .userinfo .dropmenu{width:140px;padding-top:10px;position:absolute;top:20px;right:-10px}
.navbar .userinfo .menu-inner{background:#fff;border-radius:4px;box-shadow:0 0 2px rgba(86,96,117,0.2);border:1px solid #ddd}
.navbar .userinfo .menu-inner a{display:block;padding:8px 0;text-align:center}
.navbar .userinfo .menu-inner a.last{border-top:1px solid #eee}
.navbar .userinfo .menu-inner a:hover{background:#eee}

/*左侧菜单*/
.menus{width:160px;position:fixed;top:48px;left:0;bottom:0;z-index:2;background:#090723;overflow-y:auto}
.menus::-webkit-scrollbar{width:0;background-color:transparent}
/*body::-webkit-scrollbar-thumb{background-color:#666}
body::-webkit-scrollbar-track{background-color:#eee}*/
.menus li{position:relative}
.menus li a{display:block;height:54px;line-height:54px;padding:0 25px 0 20px;color:#999;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.menus li a:hover,.menus li a.cur{color:#fff}
.menus li em{display:inline-block;position:absolute;right:10px;top:16px;transition:transform .2s}
.menus li ul li em{display:inline-block;position:absolute;right:20px;top:10px}
.menus>ul>li>a:hover,.menus>ul>li>a.cur{background:#242233}
.menus>ul>li ul{padding-left:24px}
.menus>ul>li ul a{height:36px;line-height:36px}
.menus li i{display:inline-block;width:18px;height:18px;vertical-align:top;margin-right:6px}
.menus.simple{width:64px}
.menus.simple>ul>li>a{font-size:0}
.menus.simple>ul>li ul{position:absolute;left:100%;top:0;width:160px;padding:9px;background:#242233;box-shadow:0 2px 8px 0 rgba(0,0,0,.2)}

/*TAB导航*/
.second-nav-wrap{display:flex;height:40px;overflow:hidden;position:absolute;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}
.second-nav-wrap>i{position:absolute\9}
.second-nav-wrap>i:first-child{left:0\9}
.second-nav-wrap>i:last-child{right:0\9}
.second-nav-wrap .arrow-l{font-size:14px;line-height:40px;border-right:1px solid #e6e6e6;cursor:pointer}
.second-nav-wrap .arrow-r{font-size:14px;line-height:40px;border-left:1px solid #e6e6e6;cursor:pointer}
.second-nav{flex-grow:1;max-width:100%;overflow:hidden;position:absolute\9;left:15px\9;right:15px\9;user-select:none}
.second-nav-inner{white-space:nowrap;transition:0.5s}
.second-nav-inner .item{display:inline-block;padding:0 10px;height:40px;line-height:40px;box-sizing:border-box;border-right:1px solid #e6e6e6}
.second-nav-inner .item:hover{cursor:pointer;color:#fff;background:#4aaffb}
.second-nav-inner .item.cur{color:#fff;background:#1E9FFF}
.second-nav-inner .item i{display:inline-block;vertical-align:-1px;margin-left:3px}

/*正文主体*/
.mains-wrap{position:fixed;top:48px;right:0;bottom:0;left:160px}
.mains{height:calc(100vh - 88px);overflow:auto;box-sizing:border-box;margin-top:40px;background:#fff;-webkit-overflow-scrolling:touch;-webkit-overflow:auto}
iframe{-webkit-overflow-scrolling:touch;-webkit-overflow:auto}

/******************************************公共部分**********************************************/
.toolbar{right:0;top:0}
.toolbar .layui-btn-sm i:nth-child(1){font-size:24px!important}
.toolbar .layui-btn-sm i:nth-child(2){font-size:12px!important}
.toolbar .opt-menu{position:absolute;right:0;top:30px;width:120px;padding:10px;max-height:312px;overflow-y:auto;background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,.25)}
.toolbar .opt-menu dd input{vertical-align:-2px;margin-right:4px}

button[name="timebtn"].cur{color:#fff}/*时间快捷选择按钮颜色重置*/
.hide-input{width:1px;height:1px}/*隐藏复制框*/
.layui-input-inline.w100,.w100{width:100px}
.layui-input-inline.w120,.w120{width:120px}
.layui-input-inline.w130,.w130{width:130px}
.layui-input-inline.w140,.w140{width:140px}
.layui-input-inline.w160,.w160{width:160px}
.layui-input-inline.w180,.w180{width:180px}
.layui-input-inline.w200,.w200{width:200px}
.layui-input-inline.wp50,.wp50{width:50%}
.layui-input-inline.wp60,.wp60{width:60%}
.layui-input-inline.wp70,.wp70{width:70%}
.layui-input-inline.wp80,.wp80{width:80%}
.layui-input-inline.wp100,.wp100{width:100%}
.table{width:100%;box-sizing:border-box;border-left:1px solid #e6e6e6;border-top:1px solid #e6e6e6;border-collapse:separate;border-spacing:1px}
.table th{background:#f6f6f6;font-weight:600;font-size:14px;white-space:nowrap}
.table th .sort{display:inline-block;width:10px;position:relative;vertical-align:middle}
.table th .sort .asc,.table th .sort .desc{display:block;width:0;height:0;overflow:hidden;margin:2px 0;cursor:pointer;border-left:5px solid transparent;border-right:5px solid transparent}
.table th .sort .asc:hover,.table th .sort .asc.cur{border-bottom-color:#333}
.table th .sort .desc:hover,.table th .sort .desc.cur{border-top-color:#333}
.table th .sort .asc{border-bottom:6px solid #999}
.table th .sort .desc{border-top:6px solid #999}
.table th,.table td{box-sizing:border-box;padding:8px 4px;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}
.table th input,.table td input{vertical-align:middle}
.table .tleft{text-align:left}
.table tbody td{font-size:12px;line-height:1.5;word-wrap:break-word;word-break:break-all}
.table td .status{color:#fff;width:48px;display:inline-block;text-align:center;padding:2px;border-radius:10px}
.table td .suc{background:#2DD488}
.table td .ing{background:#399EFF}
.table td .fail{background:#F97373}
.table td .layui-form-switch{margin:0}
.table tr:hover{background-color:#f9f9f9}
.table a:hover{text-decoration:underline;color:#399EFF}
.table .bdrblue{border-right-color:#ccc}

/******************************************操作按钮颜色*******************************************/
.layui-btn-grey{background:#949494!important}
.layui-btn-pink{background:#EF6F7F!important}
.layui-btn-green{background:#69A40D!important} 

/*******************************************日志弹层*********************************************/
.match-record-layout{position:fixed;left:315px;top:0;z-index:10;background:#FFF;width:800px;border:2px solid #e6e6e6;box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1)}
.match-record-layout .content{max-height:136px;overflow:auto}
.wait-total .iconfont.font12{font-size:12px}
.wait-total .iconfont:hover{text-decoration:none}
.wait-total td span{display:inline-block;margin:5px 10px}
.match-wait-layout{position:fixed;left:0;top:0;z-index:10;background:#FFF;width:300px;border:2px solid #e6e6e6;box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1)}
.match-rule .layui-form-label{width:130px;text-align:right}
@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.c7dc.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}
}