@import url(common.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
body,html{font-size:14px;background:#fff;}
.center{max-width:1280px;}
.bg2{background:#f7f7f7;}
.bg4{background:#005098;}
.co4,.co-hover:hover{color:#005098;}
.bg5{background:#093e96;}
.co5{color:#093e96;}
.bg6{background:#0F6BAE;}
.bg7{background:#248BD6;}
.bg8{background:#838BFF;}
.bg9{background:#C6CDFF;}
.bg10{background:rgba(0,0,0,.05);}
.slick-arrow{font-weight:100;}
.bot{background:#292b2f;}
.sbox{padding:30px 0;}
.smore{padding:3px 50px;height:auto;border-color:rgba(0,0,0,.1);}
.s2 .smore{border-color:#fff;}
.smore:hover{background:#093e96;border-color:#093e96;color:#fff;}
.s32c2{left:10px;right:10px;top:20px;bottom:20px;}
.s32c21,.s32c23{height:2px;width:0;}
.s32c22,.s32c24{height:0;width:2px;}
.s32cb{perspective:2000px;}
.s32c{overflow:hidden;}
.s32c31{height:32px;}
.s32c331{height:2px;margin-left:0;}
.s32c2c{margin:auto;position:absolute;}
.s33c1-img{filter:grayscale(100%);transition:ease .3s;}
.s33cb:hover .s33c1-img{animation: animIcon1 1s;filter:grayscale(0);}
.cpc22{padding:30px;display:flex;align-items:center;justify-content:center;}
.cpc2{background:rgba(0,0,0,.3);color:#fff;}
.cpc21{top:8px;bottom:8px;left:10px;right:10px;}
.cpc21c{position:absolute;background:#fff;margin:auto;}
.cpc211,.cpc213{width:100%;height:1px;left:0;right:0;}
.cpc212,.cpc214{height:100%;width:1px;top:0;bottom:0;}
/*.s5{background-image:url(/images/b1.jpg);}*/
.s52c11{width:45px;background:#fff;height:45px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;}
.s52c11-img{max-height:100%;}
.wzmore{text-decoration:underline;}
.wzc22{-webkit-line-clamp:2;max-height:3.2em;}
.mnavca{float:left;padding:15px 30px;margin:-15px 0;display:block;}
.mnavca.active{background:#005098;color:#fff;}
.page a, .page span{background:#fff;}
.page a:hover, .page span{background:#005098;border-color:#005098;color:#fff;}
.page a:not([href]){display:none;}
.cpp1{border-left:1px solid rgba(0,0,0,.05);width:270px;}
.cpp1cb{padding-left:40px;}
.cpp1c{padding:10px 0;}
.cpp1ca{display:block;padding:5px 15px;font-size:16px;border-left:4px solid transparent;margin-left:-2px;font-weight:bold;}
.cpp1c.active .cpp1ca{border-left-color:#005098;color:#005098;}
.cpp1cb{display:none;}
.cpp1c.active .cpp1cb{display:block;}
.cpp1cca{display:block;padding:8px 0;}
.cpp1cca.active{color:#005098;}
.ct212 td{vertical-align:top;}
.lyinp{padding:14px 20px;width:100%;box-sizing:border-box;border:none;border-radius:24px;resize:none;box-shadow:0 1px 2px rgba(0,0,0,.05) inset;}
.liuyan{max-width:800px;}
.in12{font-style:italic;}
.bot3{position:fixed;z-index:1200;left:15px;top:260px;}
.bot3c1 .icon{width:30px;height:30px;fill:#fff;vertical-align:top;opacity:.8;}
.bot3c1{background:#248BD6;padding:15px;border-radius:50%;box-shadow:1px 2px 3px rgba(0,0,0,.1);cursor:pointer;position:relative;z-index:10;}
.bot3c{margin-bottom:8px;}
.bot3c2{background:#093e96;left:100%;top:50%;transform:translateY(-50%);margin-left:-15px;opacity:0;visibility:hidden;transition:ease .5s;box-shadow:0 1px 2px rgba(0,0,0,.05);}
.bot3c:hover .bot3c2{margin-left:15px;opacity:1;visibility:visible;}
.bot31 .bot3c2{white-space:nowrap;font-size:1.2em;padding:12px 30px;border-radius:25px;}
.bot32-ewm{width:100px;height:100px;max-width:none;padding:5px;}
.bot32 .bot3c2{border-radius:4px;}
.s32c32{color:#fb5724;}
.cpin11b{background:#5983fc;padding:10px;}
.cp12b{background:#5983fc;padding:30px 20px;box-sizing:border-box;}
.cp122{border-bottom:5px solid #fff;}
.s421b{height:800px;}
.cpp1{background:#248bd6!important;}
.cpp1 a{color:#fff;}
.cpp1c.active .cpp1ca{border-color:#fff;color:#fff;}
.top{z-index:2000;}


@keyframes animIn {
    from{display:block;margin-top:10px;opacity:0;}
    to{margin-top:0;opacity:1;}
}
@keyframes animIcon1{
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@media screen and (min-width:769px) {
    .all{min-width:1380px;}
    .top1{background:#248BD6;color:#fff;}
    .top1b{max-width:1450px;}
    .top11{float:left;margin-top:18px;}
    .top12,.top121,.top122{float:right;}
    .navc{float:left;position:relative;margin:0 15px;}
    .navcb{position:absolute;min-width:100%;margin-top:30px;opacity:0;visibility:hidden;transition:ease .3s;}
    .navca{display:block;padding:40px 15px;font-size:16px;font-weight:bold;color:#fff;}
    .top121{margin:35px 0 0 60px;}
    .navc-inner{padding:0 0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05);}
    .navcca{display:block;padding:10px 20px;white-space:nowrap;/*padding-right:40px;*/position:relative;}
    .navcc{border-top:1px solid rgba(0,0,0,.03);}
    .navcca::after{content:"\e602";position:absolute;font-family:layui-icon;right:10px;opacity:.7;display:none;}
    .navcca:hover{background:rgba(0,0,0,.03);color:#005098;}
    .navc.active .navca,.navc:hover .navca{color:#fff;}
    .navc:hover .navcb{margin-top:0;opacity:1;visibility:visible;}
    .top12{display:block!important;}
    .ewm{width:120px;height:120px;}
    .s32c3{padding:70px 60px;}
    .s32c34{height:360px;}
    .s32c:hover .s32c34{opacity:1;transition-delay:.8s;}
    .s32c:hover .s32c21,.s32c:hover .s32c23{width:100%;}
    .s32c:hover .s32c22,.s32c:hover .s32c24{height:100%;}
    .s32c:hover .s32c2c{transition-delay:.8s;}
    .s32c:hover .s32c1{transition-delay:0;transform:rotateY(100deg);}
    .s32c:hover .s32c331{width:40px;transition-delay:.8s;}
    .s32c331{width:0;transition:linear .3s;}
    .s32c2c{transition:ease .5s;}
    .s32c1{transition:ease .8s .5s;transform-origin:left;}
    .s32c34{opacity:0;transition:ease .5s;}
    .cpc211,.cpc213{width:0;transition:ease .5s;}
    .cpc212, .cpc214{height:0;transition:ease .5s;}
    .cpcb:hover .cpc211,.cpcb:hover .cpc213{width:100%;transition-delay:.8s;}
    .cpcb:hover .cpc212,.cpcb:hover .cpc214{height:100%;transition-delay:.8s;}
    .cpc2{top:100%;transition:ease .5s .5s;}
    .cpcb:hover .cpc2{top:0;transition-delay:0;}
    .s52cb{width:230px;border:1px solid rgba(255,255,255,.2);overflow:hidden;height:328px;}
    .s52c1,.s52c2{height:100%;box-sizing:border-box;}
    .s52c1{padding:90px 15px;transition:ease .6s;}
    .s52cb:hover .s52c1{margin-top:-328px;}
    .s52c2{padding:40px 20px 20px;text-align:left;}
    .wzc1-img{height:298px;}
    .cpc1-img{height:302px;}
    .cppage .cpc1-img{height:230px;}
    .navcb .navcb{display:none;}
    .cpp1{display:block!important;margin-right:30px;}
    .cp12b{margin-left:20px;min-height:384px;}
    .fnavc{width:120px;}
    /*.s42 .cpc1-img{height:224px;}*/
    
}
@media screen and (max-width:768px) {
    .all{min-width:480px;}
    .top11{position:fixed;z-index:100;background:#248BD6;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:10px 15px;left:0;right:0;top:0;color:#fff;}
    .top12{position:fixed;left:0;right:0;top:58px;bottom:0;padding:10px 20px 20px;background:#fff;display:none;overflow:auto;}
    .top121{text-align:right;opacity:.5;}
    .navca{padding:15px;border-bottom:1px solid rgba(0,0,0,.03);display:block;font-size:16px;}
    .navc-inner{padding:10px;background:rgba(0,0,0,.03);opacity:.8;}
    .navcca{display:block;padding:5px;}
    .navca::after,.navcca::after{content:"\e602";font-family:layui-icon;font-size:14px;float:right;opacity:.5;}
    .navca::after{margin-top:3px;}
    .top{height:58px;}
    .ewm{width:100px;height:100px;}
    .sbox{padding:20px 0;}
    .s32c3{padding:50px 40px;}
    .s32c34{opacity:1;transition-delay:.8s;}
    .s32c21,.s32c23{width:100%;}
    .s32c22,.s32c24{height:100%;}
    .s32c2c{transition-delay:.8s;}
    .s32c331{width:40px;transition-delay:.8s;}
    .s32c{padding:10px 15px;}
    .s32c34{font-size:13px;line-height:1.8em;}
    .s33c3 {height:3.2em;}
    .s4 .cpitem:nth-child(n+7){display:none;}
    .s52c1{float:left;width:120px;text-align:center;margin-right:15px;}
    .s52cb{padding:30px 20px;border:1px solid rgba(255,255,255,.3);}
    .s62c:nth-child(n+3){display:none;}
    .wzc1-img{height:34vw;}
    .navc-inner .navc-inner{padding:0;background:0;padding-left:20px;font-size:13px;}
    .cpc1-img{height:30vw;}
    .cpp1{position:absolute;right:0;z-index:100;background:#fff;display:none;box-shadow:0 1px 2px rgba(0,0,0,.05);}
    .cpp3{right:15px;top:-50px;}
    .map-panel-box{height:300px;}
    .cpp1{min-height:0!important;}
}
@media screen and (max-width:575px) {
}