@charset "utf-8";
.topbg{ background:#1F1F1F; line-height:28px; color:#FFFFFF;}
.topbg .left{float:left}
.topbg .right{ float:right; color:#FFFF00}
.topbg .right a{color: #FFFF00}
.navtop .logo{ float: left; padding:10px 0px}
.navtop .logo h1{ color:#F00011; margin:15px 0px; }
.navtop .logo h1 a{color: #F00011;font-size: 30px}
.navtop nav{ float:right;}
.navtop nav .swiper-slide-active a{color: #F00011; }
.navtop nav .wrapper{width: 100%;overflow: hidden;position: relative}
.navtop ul{ padding:0px ; margin:0px;}
.navtop ul li{width:auto;text-align:center;float:left;list-style:none;margin: 0px;  padding: 0px 20px;line-height:90px; /*color:#FFFFFF;*/ font-size:16px}
.navtop a{ color:#333333}
/*.navtop ul li.cur a{color: #F00011;}*/
.navtop ul li.active a{color: #F00011;}
.banner{padding:0px;height:310px;background:no-repeat center center/auto 100%;  }
.banner .bg{background-color:rgba(40, 140, 255,0.8); width:40%; margin:80px auto; height:160px; color:#FFFFFF;border:5px solid rgba(255,255,255,0.8); text-align:center}
.banner .bg h2{ padding:20px 0px 10px}
.titletop{border-bottom:1px #CCCCCC solid}
.titletop h3{ font-size:16px; line-height:30px; }
.titletop span{ padding-right:30px}

.footerbg{ background:#1F1F1F; padding:20px 0px; color:#FFFFFF}
.footerbg h4{ text-align:center; border-bottom:1px solid #343434; padding-bottom:20px}
.footerbg h4 a{color: #fff;font-size: 18px;}
.footerbg h5{ font-size:16px; font-weight:bold; padding:20px 20px 0px; color:#878585}
.footerbg h5 a{font-size: 16px;}
.footerbg ul{ padding:0px ; margin:0px;}
.footerbg ul li{text-align:center;float:left;list-style:none;margin: 0px;  padding: 0px 20px;line-height:30px; color:#FFFFFF; font-size:16px}
.footerbg a{ color:#878585; font-size:14px}
.telbg{ /*background:#246B9F;*/ text-align:center; color:#FFFFFF; padding:30px}
.telbg tel{ color:#FFFF00}
.telbg a{color: #fff}

.foot{background: #000000;padding: 20px 0;}
.foots{color: #999}
.foots a{color: #999}
.foots a:hover{text-decoration: underline}
.footl{padding: 0 20px;float: left}
.footr{float: right;padding: 0 20px;}
.footr span{color: #fff}

.foothight{height: 58px;overflow: hidden;display: none}
.footfixed{box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.06);width: 100%;background: #fff;position: fixed;bottom: 0;left: 0;padding: 8px 10px;display: flex;justify-content: space-between;align-items: center;display: none}
.footfixed .footfixeda{width: 25%;text-align: center}
.footfixed .footfixeda a{font-size: 12px;color: #666}
.footfixed .footfixedb{width: 70%;}
.footfixed .footfixedb img{margin-right: 8px;vertical-align: sub}
.footfixed .footfixedb a{display: flex;align-items:center;justify-content:center;line-height: 42px;color: #fff;width: 100%;border-radius: 30px;text-align: center;
font-size: 16px;font-weight: bold;background: #415BFD;}

.footfixblcok{position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;display: none}
.footfix{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;padding: 20px;text-align: center;border-top-right-radius: 15px;border-top-left-radius: 15px;}
.footfix h3{font-size: 18px;margin: 15px 0}
.footfix p{color: #666;margin-bottom: 0;line-height: 2}
.footfix a{display: block;width: 100%;line-height: 42px;background-image: -webkit-linear-gradient(45deg, rgb(65, 91, 253), rgb(40, 140, 255));
    animation: templateEnlargeShrink 3s infinite;color: #fff;border-radius: 30px;margin-top: 15px;font-size: 16px}
.footfix .footfixgb{float: right;margin-top: -8px}
@-webkit-keyframes templateEnlargeShrink{
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
    33% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
    }
    66% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}

/*手机超小屏幕下的单独样式 xs < 768px 
*/
@media (min-width: 300px) and (max-width: 766px){
.foothight{display: block}
.footfixed{display: flex}
.topbg .left{ font-size:12px; float: none; text-align:center}
.topbg span{ display:none}
.topbg .right{ float:none; text-align:center; width:100%;}
.navtop{ padding:0px}
.navtop .logo{ color:#F00011; background:#F00011; width:100%; float:none; text-align:center; padding:5px 0px}
.navtop .logo h1{ color:#ffffff; margin:10px 0px; font-size:30px}
.navtop nav{ padding:3px}
.navtop ul li{line-height:30px; /*color:#FFFFFF; */font-size:16px;width:48%; margin:2px 1%; background:#E2E2E2}
.navtop a{ font-size:14px}  
.banner{height:200px;background:no-repeat center center/auto 100%;}
.banner .bg{width:90%; margin:18px auto; }
.telbg tel{ color:#FFFF00; display:table}
.telbg span{ display:none}
.foot{display: none}
.navtop .logo h1 a{color:#fff}
}



/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 767px) and (max-width: 1023px){
.foothight{display: block}
.footfixed{display: flex}
.topbg .left{ width:70%}
.topbg .right{ width:30%; text-align:right}
.topbg span{ display:none}
.navtop .logo{ float: none; text-align:center}
.navtop{ padding:0px}
.navtop nav{ width:100%; float:none}
.navtop ul li{line-height:30px; color:#FFFFFF; font-size:16px; background:#E2E2E2; padding: 0px 5px;margin:1px; width:15%}
.navtop a{ font-size:14px}  
.banner .bg{width:70%; }

.cp .imgheight{ height:140px; overflow:hidden}
.nonecp{ display: block}
.cp figcaption{line-height:40px; font-size:14px}
.foot{display: none}

}


/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 1024px) and (max-width: 1299px){
.navtop ul li{padding: 0px 10px;}
.navtop .logo{ width:29%}
.navtop nav{ float:right; width:70%}
.banner .bg{width:55%; }
.cp .imgheight{ height:130px; overflow:hidden}
}