@import url(common.css); /* 引用公共样式 */
/*------------------------------------------旋转台------------------------------------------------------------------*/
.xuan{position:relative;}
.xub{width:46%;height:24vw;position:relative;}
.xuc{position:absolute;width:50%;height:50%;left:25%;top:25%;z-index:0;transition:ease .5s;}
.xuc.active{z-index:100;}
.xuc.xup1{z-index:90;}
/*.xuc.xup2{z-index:80;}*/
.xuc.xun1{z-index:90;}
/*.xuc.xun2{z-index:80;}*/
.xuc1-img{padding:5px;box-sizing:border-box;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.xuc.active{width:100%;height:100%;left:0;top:0;}
.xuc.xup1{height:50%;width:50%;top:25%;left:-55%;}
.xuc.xun1{height:50%;width:50%;top:25%;left:105%;}
.xuarrow{width:40px;height:40px;line-height:38px;text-align:center;background:rgba(0,0,0,.5);border-radius:50%;color:#fff;font-size:1.2em;}
.xuarrow-img{vertical-align:top;padding:5px;border:1px solid #ccc;border-radius:50%;cursor:pointer;width:33px;height:33px;}
.xuarrow{position:absolute;top:50%;margin-top:-22px;z-index:120;cursor:pointer;}
.xuprev{left:0;}
.xunext{right:0;}
/*@media screen and (min-width:769px){
    .xuc.xup2{height:64%;width:64%;top:18%;left:-25%;}
    .xuc.xun2{height:64%;width:64%;top:18%;left:61%;}
}*/
@media screen and (max-width:768px){
    .xub{width:65%;height:40vw;}
    .xuarrow-img{width:20px;height:20px;}
}
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
body,html{font-size:14px;}
.center{max-width:1280px;width:auto;}
.navc2:empty{display:none!important;}
.bg4,.bg4-hover:hover{background:#004098;}
.co4,.co4-hover:hover{color:#004098;}
.bg5,.bg5-hover:hover{background:#e50112;}
.co5,.co5-hover:hover{color:#e50112;}
.top23b{padding:8px 30px;border-radius:30px;}
.ewm{width:120px;height:120px;}
.bot{background:#282d31;color:#fff;}
.bot2222-2{font-size:1.5em;font-weight:bold;}
.s1ctrl-11{font-size:2em;}
.s1ctrl-12{font-size:3em;line-height:1em;font-weight:100;margin:0 10px;opacity:.3;}
.s1arrow{width:22px;height:22px;border:1px solid rgba(255,255,255,.3);text-align:center;padding:10px;border-radius:50%;line-height:22px;font-size:1.2em;font-weight:100;}
.s1ctrl{padding:20px 40px 30px 150px;bottom:-50px;left:0;border-top-right-radius:30px;}
.s2 .slick-arrow{width:44px;background:rgba(0,0,0,.15);border-radius:50%;}
.font-en{font-family:math;}
.s2,.s4{background:#f9f9f9;}
.sbt12{width:10px;height:10px;border:3px solid #004098;border-radius:50%;left:100%;top:10px;margin-left:8px;}
.co1 .sbt12{border-color:#fff;}
.s322{width:4px;height:22px;border-radius:3px;background:#fff;margin: 30px auto 40px 0;}
.s324{position:absolute;right:0;bottom:0;padding:20px 40px;border-top-left-radius:20px;}
.smore{display:inline-block;padding:14px 50px;text-align:center;border-radius:30px;}
.s5 img{width:100%;vertical-align:top;}
.s6{background:url(/images/b2.jpg) no-repeat;background-size:cover;}
.cpc2{background:#96a0ac;}
.cpcb{box-shadow:0 1px 10px rgba(0,0,0,.1);border-radius:7px;overflow:hidden;}
.cpcb:hover .cpc2{background:#e50112;}
.s7bg{min-height:480px;height:50%;background:url(/images/b3.jpg) no-repeat;background-size:cover;}
.wzc3{-webkit-line-clamp:2;height:3.2em;}
.wzc2{margin-top:15px;}
.s81b{padding:60px 80px 50px 50px;background:#004098;border-radius:30px;margin-top:-20px;box-shadow:-12px -12px 0 #e50112;}
.lyinp{border:none;padding:8px 20px;height:50px;width:100%;box-sizing:border-box;border-radius:25px;background:rgba(255,255,255,.3);color:#fff;}
.lyinp::placeholder{color:#fff;opacity:.5;}
.lybtn{padding:12px;line-height:25px;height:26px;border-radius:25px;font-size:16px;}
.a22cb{/*background:#2d2d2d;*/color:#fff;border-radius:10px;}
.sha1{box-shadow:0 1px 2px rgba(0,0,0,.1);}
.ctlyinp{padding:10px 20px;border:none;background:#f3f3f3;height:50px;width:100%;box-sizing:border-box;border-radius:25px;}
.ctlytext{padding:10px 20px;border:none;background:#f3f3f3;height:120px;width:100%;box-sizing:border-box;border-radius:25px;resize:none;}
.ct13-img{width:270px;}
.map-panel-box{vertical-align:top;}
.cppage .cpcb{padding:40px 30px;border-radius:10px;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.05);}
.cppage .cpc2{background:none!important;padding:0;}
.page a, .page span{background:#fff;}
.page a:hover, .page span{background:#004098;color:#fff;border-color:#004098;}
.tupage .cpcb{box-shadow:0 1px 2px rgba(0,0,0,.1);}
.cpi212-c1img{width:100px;height:80px;object-fit:contain;}
.cpi212-cb{padding:15px;background:#f3f3f3;text-align:center;border-radius:7px;}
.cpi212-item{padding:5px;}
.cpi212-arrow{height:auto;text-align:center;padding:5px;background:#f3f3f3;margin:5px;font-size:1.3em;cursor:pointer;border-radius:7px;font-family:layui-icon;}
.cpi211-img{top:0;bottom:0;left:0;right:0;margin:auto;position:absolute;width:400px;max-height:100%;object-fit:contain;}
.cpi211b{position:relative;width:540px;height:454px;margin:5px auto;}
.cpi223 table{max-width:100%;}
.cpi223 td{padding:5px;}
.cpi2b{padding:40px;border-radius:20px;}
.cpi31{background:#e9e9e9;}
.cpi3b{border-radius:20px;overflow:hidden;}
.in2b{border-radius:20px;}
.showimg-box{position:relative;}
.showimg-img{position:absolute;left:0;right:0;top:0;bottom:0;max-height:100%;max-width:100%;margin:auto;}
.s2c11{height:208px;}
.cppage .cpc11{height:160px;margin:10px auto;}
.tupage .cpc11{height:240px;margin:20px;}
.a523{width:40px;height:3px;margin:0;}
.a52b{box-sizing:border-box;width:670px;padding:200px 15px 60px 150px;}

@keyframes animIn {
    from{display:block;margin-top:10px;opacity:0;}
    to{margin-top:0;opacity:1;}
}

@media screen and (min-width:769px) {
    .all{min-width:1380px;}
    .navc.dp1{width:14%;float:left;text-align:center;}
    .navc1{padding:15px 0;display:inline-block;vertical-align:top;}
    .navc.active  .navc1{position:relative;}
    .navc.active  .navca{color:#004098;}
    .navc.active .navc1::after{content:"";width:40px;height:2px;background:#004098;bottom:0;position:absolute;left:50%;margin-left:-20px;}
    .top4{display:none!important;}
    .s32b{padding:80px 200px 120px 80px;box-sizing:border-box;border-top-left-radius:60px;}
    .s2cb:hover{background:#fff;border-radius:7px;box-shadow:1px 3px 15px rgba(0,0,0,.1);}
    .s4b{margin:0 160px;}
    .s4 .xub{height:460px;}
    .s4 .xuc1-img{padding:20px 0;border-radius:10px;}
    .s4 .xuc.active .xuc1-img{padding:40px 0 120px;}
    .s4c-bt{bottom:0px;text-align:center;font-size:1.2em;font-weight:bold;opacity:0;transition:ease .5s;}
    .s4 .xuc.active .s4c-bt{opacity:1;bottom:50px;}
    .s4 .xuprev{left:460px;}
    .s4 .xunext{right:460px;}
    .s4 .xuarrow{opacity:.5;}
    .s4 .xucb:hover{cursor:pointer;color:#e50112;}
    .s81bg{right:70px;}
    .s811{height:60px;}
    .m1b{position:absolute;width:100%;bottom:100px;}
    .m1bt{font-size:4em;margin-left:50px;}
    .a11b{padding:50px 0;}
    .a112{padding:20px 50px;border-radius:15px;right:-50px;bottom:25px;}
    .a12{float:none;width:100%;}
    .a11{margin:0 0 60px 100px;}
    .a122{margin-top:30px;}
    .a22cb{padding:80px 40px 80px 80px;}
    .ct13b{padding:0 80px 0 160px;border-radius:0 40px 40px 0;}
    .cpi22b{margin-right:60px;}
    .in2b{padding:60px 40px;}
    .a51-img{height:680px;}
}
@media screen and (min-width:1600px){
    .center{max-width:1600px;width:84%;}
    .s7bg{max-height:600px;}
    .s1ctrl{padding:30px 60px 50px 160px;}
    .s2c11{height:260px;}
    .cppage .cpc11{height:200px;}
    .tupage .cpc11{height:300px;}
}
@media screen and (max-width:768px) {
    .all{min-width:480px;}
    .top4{top:58px;display:none;}
    .navc.dp1{padding:15px;border-bottom:1px solid #eaeaea;}
    .navca.dp1::before{content:"\e602";font-family:layui-icon;float:right;opacity:.7;}
    .bot1{font-size:14px;}
    .top{height:58px;}
    /*.s1img{height:60vw;}*/
    .s1ctrl{padding:10px 20px 15px 50px;bottom:-20px;left:0;border-top-right-radius:20px;}
    .s1ctrl-1{font-size:1em;}
    .s1ctrl-11{font-size:1.6em;}
    .s1ctrl-12{font-size:2.4em;}
    .s1ctrl-13{margin-top:13px;}
    .s1arrow{font-size:1em;padding:5px;}
    .s1ctrl-2{margin:5px 0 0 10px;}
    .s2b{padding:0 15px;}
    .s2 .slick-arrow{width:36px;height:36px;display:none!important;}
    .s2 .slick-arrow::before{font-size:28px;line-height:14px;}
    .s2cb{padding:20px 10px;}
    .s31{position:relative;height:auto;}
    .s32b{width:100%;padding:40px 30px 120px;box-sizing:border-box;}
    .sbt{font-size:1.2em;}
    .sbt12{width:8px;height:8px;}
    .s322{margin:20px auto 30px 0;}
    .s323{font-size:1em;}
    .s4 .xub{width:80%;height:50vw;}
    .s4 .xuc1-img{padding:20px 0;border-radius:10px;}
    .s4 .xuc.active .xuc1-img{padding:20px 0 80px;}
    .s4c-bt{bottom:0px;text-align:center;font-size:1.2em;font-weight:bold;opacity:0;transition:ease .5s;}
    .s4 .xuc.active .s4c-bt{opacity:1;bottom:30px;}
    .xuc.xup1{height:70%;width:70%;top:15%;left:-75%;}
    .xuc.xun1{height:70%;width:70%;top:15%;left:105%;}
    .s42b{padding:0 20px;}
    .space20-sm{margin: -10px;}
    .space20-sm>div{padding:10px;}
    .space15-sm{margin: -7.5px;}
    .space15-sm>div{padding:7.5px;}
    .cpc2{padding:10px 15px;}
    .s7 .wzitem:nth-child(n+3){display:none;}
    .s7bg{height:45%;min-height:200px;}
    .s81{float:none;margin-right:0;}
    .s81bg{right:auto;left:160px;}
    .s811{height:75px;}
    .s81b{padding:40px 75px 50px 120px;position:relative;top:-20px;margin:0 30px 0 40px;}
    .m1b{padding:60px 0 70px;position:relative;z-index:10;text-align:center;text-shadow:1px 1px 3px #000;font-size:1.3em;background:rgba(0,0,0,.1);}
    .m1img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
    .a11b{padding:0 30px 40px 0;margin-bottom:20px;}
    .a112{border-radius:15px;font-size:1.4em;padding:15px 30px;right:0;bottom:25px;}
    .a12b{font-size:1em;}
    .a122{margin-top:20px;}
    .a21{font-size:1.5em;}
    .a22cb{font-size:1em;padding:40px 20px 40px 60px;}
    .a22c1{font-size:1.8em;margin-bottom:-20px;}
    .a3b img{width:100%;vertical-align:top;}
    .a41-img{width:320px;}
    .a4b{font-size:1.2em;}
    .ct13-img{width:200px;}
    .ct13b{padding:0 40px 0 20px;border-radius:0 30px 30px 0;}
    .cppage .cpcb{padding:30px 15px;}
    .cppage .cpc2{margin-top:20px;}
    .cpi211b{width:auto;height:50vw;}
    .cpi2121{position:absolute;left:0;top:0;}
    .cpi2123{position:absolute;right:0;top:0;}
    .cpi212-arrow{height:110px;box-sizing:border-box;line-height:105px;}
    .cpi2122{margin:0 40px;}
    .cpi2b{padding:30px 15px;}
    .cpi212b{margin:20px auto;}
    .cpi22b{font-size:14px;}
    .cpi221{font-size:1.6em;}
    .cpi32{padding:30px 15px;}
    .in2b{padding:30px 15px;}
    .in21{font-size:1.6em;}
    .bot3{height:56px;}
    .bot3b{box-shadow:0 -1px 2px rgba(0,0,0,.05);}
    .s2c11{height:22vw;}
    .cppage .cpc11{height:25vw;}
    .tupage .cpc11{height:36vw;}
    .a52b{padding:40px 15px;text-align:center;width:auto;}
    .a523{margin:auto;}
    .a521{font-size:1.5em;}
    .a522{font-size:16px;}
}
@media screen and (max-width:575px) {
    .a22cb{padding:40px 20px 40px 40px;}
    .s2c11{height:27vw;}
}

/* 新 */
.top1-panel{position:fixed;left:0;right:0;top:0;z-index:100;}
.top22{top:58px;display:none;}
.bot12{border:1px solid rgba(255,255,255,.15);border-width:0 1px;}
.bot13c{max-width:110px;}
.bot1{background:linear-gradient(180deg,#fff,#004098);padding:60px 0;}
.bot2{height:56px;}
.blist-ctrl{bottom:40px;}
.blist-ctrl li{opacity:.8;}
.blist-ctrl li.slick-active{background:#e50112;opacity:1;}
.countup-start{bottom:100vh;position:absolute;}
.xsbt11{width:50px;height:50px;border-radius:50%;background:linear-gradient(120deg,#9ebae1,#fff);top:-8px;left:-20px;}
.xsbtn1{padding:10px 20px;min-width:120px;text-align:center;border-radius:30px;display:inline-block;}
.xsbtn1 .icon{position:relative;top:5px;}
.xs2221c1{padding:10px 20px;}
.xs2221c2{height:84px;}
.xs2222c{border:0 solid #eaeaea;border-width:1px 0 0 1px;}
.xs2222cb{padding:40px 15px;text-align:center;}
.countup{font-size:2em;color:#004098;margin-right:5px;}
.xs32c5{width:0;height:50px;border-left:1px solid #fff;margin:40px auto 20px;}
.xs32c1-img{width:118px;height:99px;}
.xs32c6-img{width:334px;height:179px;}
.xs32c{border:0 solid rgba(255,255,255,.2);border-width:1px 0 0 1px;}
.xs32c:hover{background:rgba(255,255,255,.1);}
.s42c2{background:#fff;padding:40px 20px;box-sizing:border-box;box-shadow:1px 1px 5px 1px rgba(0,0,0,.1);}
.s42c23{-webkit-line-clamp:2;height:4em;}
.xs4{padding:60px 0 30px;}
.s42cb .icon{fill:#999;}
.s42cb:hover .icon{fill:#e50112;}
.zply{background-image:url(/images/xin/b3.jpg);}
.layui-form-select dl dd.layui-this{background:#004098;}
.zpinfo-btn{background:#dbe9f4;padding:10px 30px 10px 20px;display:inline-block;float:left;font-size:16px;border-radius:0 25px 25px 0;margin-left:-20px;white-space:nowrap;}


@media screen and (min-width:769px) {
    .logo{height:72px;}
    .top11{width:15%;max-width:300px;}
    .navb{display:flex;justify-content:space-around;max-width:920px;font-size:15px;font-weight:bold;}
    .top1-panel .navca{color:#fff;}
    .top12{margin-top:24px;}
    .top13{margin-top:20px;}
    .top1-panel{padding:15px 0;box-shadow:0 1px 1px rgba(255,255,255,.2);}
    .top1-panel.fly{background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05);}
    .top1-panel.fly .navca{color:#222;}
    .navc.active .navca{color:#e50112;}
    .xs22121{font-size:15px;}
    .xs222b{margin-left:-60px;}
    .xs2{padding:140px 0 180px;}
    .xs32cb{padding:200px 20px;}
    .zptab{display:table;width:100%;background:#fff;}
    .zptr{display:table-row;}
    .zpth,.zptd{display:table-cell;padding:15px 5px;}
    .zptd{border-top:1px solid #eaeaea;}
    .zpt1{width:18%;}
    .zpt2{width:8%;}
    .zpt3{width:42%;}
    .zpt4{width:8%;}
    .zpt5{width:8%;}
    .zpt6{width:8%;}
    .zpt7{width:8%;}
    .zply22{margin-left:10px;}
    .xs21{bottom:40px;}
}

@media screen and (max-width:768px){
    .bot1{padding:20px 0;background:#004098;}
    .bot112{width:100%;text-align:center;}
    .blist-ctrl{bottom:10px;}
    .xs1img{height:50vw;min-height:300px;}
    .xs21{position:relative;}
    .xsbt{font-size:1.4em;}
    .xs2221c1{font-size:1.3em;padding:10px 20px;}
    .xs2{padding:40px 0 60px;}
    .xs32c6{margin-top:20px;}
    .xs32cb{padding:100px 20px;}
    .zptr{background:#fff;padding:15px;margin-top:15px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.05);text-align:left;line-height:2em;}
    .zptd{float:left;}
    .zpt1,.zpt2,.zpt3{width:100%;}
    .zpt4,.zpt5,.zpt6,.zpt7{width:50%;}
    .zpt1{font-size:1.2em;font-weight:bold;margin-bottom:10px;}

}