﻿@import url(common.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
/*body {font-variant-east-asian: traditional;}*/
@keyframes animIn {
    from{display:block;margin-top:10px;opacity:0;}
    to{margin-top:0;opacity:1;}
}
.co4{color:#1274fb;}
.co5{color:#ea3d01;}
.co6{color:#c30c22;}
.co7{background:#0f3961;}
.bg4{background:#1274fb;}
.bg5{background:#ea3d01;}
.bg6{background:#c30c22;}
.bg7{background:#0f3961;}
.z2000{z-index:2000;}
.s1 .slick-arrow{display:none!important;}
.blist-ctrl li{width:8px;height:8px;}
.blist-ctrl li.slick-active{width:40px;background:#1274fb;}
.blist-ctrl{opacity:.8;}
.bot2{background:#1e1d1f;}
.bot1{background:#252426;}
.bot1-bt{font-size:1.2em;font-weight:bold;}
.bot12 img{width:26px;border-radius:50%;height:26px;max-width:none;margin-right:10px;}
.bot12 td{vertical-align:top; padding-bottom:15px;}
.ewm{width:120px;}
.bot122{color:#a8a7a8;}
.sbox{padding:40px 0;}
.s2c{padding:30px 15px;background:#1274fb;color:#fff;border-radius:4px;}
.s2c1{background:#fff;border-radius:50%;display:flex;width:60px;height:60px;align-items:center;justify-content:center;margin-bottom:20px;}
.s3c{width:160px;height:160px;box-sizing:border-box;padding:40px 5px;border:3px solid #eaeaea;border-radius:50%;transition:ease .5s;}
.s3c0{left:-3px;top:-3px;border:3px solid transparent;border-radius:50%;transition:ease .5s;}
.s3item:nth-child(4n+1) .s3c0{border-right-color:#063d69;}
.s3item:nth-child(4n+2) .s3c0{border-top-color:#063d69;}
.s3item:nth-child(4n+3) .s3c0{border-left-color:#063d69;}
.s3item:nth-child(4n) .s3c0{border-bottom-color:#063d69;}
.s3c:hover .s3c0{transform:rotateZ(180deg);}
.s3c:hover{border-color:#063d69;}
.s4{background-image:url(/images/bg.jpg);}
.sbmcb:hover{color:#e04800;}
.s41cb{padding:20px;background:#505050;}
.s41c-bg{background:#1274fb;width:0;height:0;left:50%;top:50%;transition:ease .3s;}
.s41c.active .s41c-bg{width:100%;height:100%;left:0;top:0;}
.s422{background:rgba(0,0,0,.7);padding:20px 30px;}
.s4 .sbm{display:flex;justify-content:center;flex-wrap:wrap;}
.s5bm2-c{line-height:26px;color:#666;}
.s5bm2-c.active{color:#1274fb;font-size:1.2em;}
.cpb-bg{transition:ease .3s;height:0;}
.cpb:hover .cpb-bg{height:100%;}
.cpb:hover{color:#fff;}
.s6-inner-bg{background-image:url(/images/bg2.jpg);}
.s6211{font-family:fantasy;}
.s6212{padding-top:25px;}
.s6232{background:#999;padding:0 15px;border-left:none!important;}
.s6232 i.layui-icon{display:block;padding:0 3px;border:2px solid #fff;height:22px;line-height:22px;border-radius:50%;margin-top:9px;}
.s63b .count-up{font-size:1.8em;}
.scale{overflow:hidden;}
.scale-inner{transition:ease .3s;}
.scale:hover .scale-inner{transform:scale(1.1,1.1);}
.s7cb{border:3px solid #eaeaea;}
.s7img{width:240px;height:140px;}
.s7 .gditem{margin:0 5px;}
.xwb{margin:-15px 0;padding:15px 0;border-bottom:1px solid #ddd;}
.xwb:hover .xwb1{color:#1274fb;}
.xwb2c{-webkit-line-clamp:2;height:3.2em;}
.mnavc.active .mnavca,.mnavc:hover .mnavca{background:#c30c22;}
.mnavcc.active .mnavcca,.mnavcc:hover .mnavcca{color:#063d69;}
.navccb{margin-left:20px;position:relative;top:8px;color:#999;}
.navccc{padding:5px 0;}
.pages{margin-top:40px;}
.page a:hover, .page span{background:#063d69;color:#fff;border-color:#063d69;}
.tub:hover,.xwzb:hover{color:#1274fb;}
.sbb-c{display:none;}
.sbb-c.active{display:block;}
.s5bm2-c{white-space:nowrap;}
.mnavcb{display:none;}
.mnavc.active .mnavcb{display:block;}
.tuimg{height:190px;}
.tub1{text-align:center;}



@media screen and (min-width:769px) {
    .navca{padding:20px 20px 17px;border-bottom:3px solid #fff;}
    .navc.active .navca,.navc:hover .navca{color:#1274fb;border-bottom-color:#1274fb;}
    .navc{position:relative;padding:0 20px;}
    .navc::after{content:"|";position:absolute;left:0;top:20px;opacity:.3;}
    .navc:first-child::after{display:none;}
    .navcb{position:absolute;min-width:100%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);display:none;left:0;}
    .navcca{display:block;padding:10px 40px;white-space:nowrap;}
    .navcc{border-top:1px dashed #f1f1f1;}
    .navcc:first-child{border:none;}
    .navcca:hover{color:#1274fb;}
    .navcca .layui-icon{margin-right:-40px;}
    .navc:hover .navcb{display:block;}
    .top2{display:block!important;}
    .bot12{padding:0 20px 0 40px;border:1px solid #333;border-width:0 1px;height:360px;}
    .bot13{padding-left:60px;}
    .bot1-bb{margin-top:20px;}
    .s2item{width:11.1111111%;}
    .s42cimg{height:496px;}
    .s4 .sbmc{margin:0;padding: 0 30px;border-right:1px dashed #ccc;}
    .s4 .sbmc:first-child{border-left:1px dashed #ccc;}
    .cpimg{height:260px;}
    .s62b{width:600px;margin-right:0;padding:40px 60px 80px 15px;box-sizing:border-box;}
    .s61img{height:560px;}
    .s63b{box-shadow:2px 4px 10px rgba(0,0,0,.1);position:relative;top:-60px;}
    .s63c{border:1px dashed #ddd;border-width:1px 0 0 1px;}
    .s7{margin-top:-30px;}
    .mnavc{margin-top:2px;}
    .mnavcc{margin-top:1px;}
    .navccb{display:none;}
    .cpi12-b2{height:140px;}
}
@media screen and (max-width:768px) {
    .top1{padding:10px 0;}
    .top2{position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto;z-index:10;background:#fff;padding:80px 0 20px;display:none;}
    .navc{float:none;}
    .top1{box-shadow:0 1px 3px rgba(0,0,0,.1);position:fixed;width:100%;}
    .navcb{padding:8px;background:#f1f1f1;}
    .navcc{padding:7px;}
    .navca{padding:15px;border-bottom:1px solid #f1f1f1;}
    .navcca,.navccca{display:block;}
    .navca:after,.navcca:after,.navccca::after{content:"\e602";font-family:layui-icon;float:right;}
    .bimg{height:240px;}
    .bot11c-2c{display:inline-block;margin-right:10px;}
    .bot1-bb{margin-top:10px;}
    .bot1-box{padding:20px 0;border-bottom:1px solid #333;}
    .bot13{border:none;}
    .sbmc1{float:none;margin:0 auto;}
    .sbmcb{text-align:center;}
    .sbmc21{font-size:1em;}
    .s41cimg{width:40px;}
    .s413{font-size:1em;margin-top:15px;}
    .s422{padding:10px 15px;}
    .s4222{font-size:13px;margin-top:5px;}
    .s4221{font-size:1.15em;}
    .s42221{margin-left:15px;}
    .s5bm2-c{font-size:13px;}
    .s5bm2-c.active{font-size:15px;}
    .cpimg{height:31.5vw;}
    .s6-inner{padding:30px 15px;}
    .s63b .count-up{font-size:1.6em;}
    .s63b{font-size:14px;}
    .s7img{width:180px;height:108px;}
    .s6-inner-bg{width:220%;}
    .tuimg{height:20vw;}
}
@media screen and (max-width:575px) {
    .tuimg{height:32vw;}
}
