*{margin:0;padding:0;}
body{width: 100%;min-width: 320px;font:14px/1.5 微软雅黑;}
a{text-decoration: none;color:#000000;}
li{list-style: none;}
i{font-style: normal;}
.clear{clear: both;}

.header{width:100%;max-width: 1200px;padding:15px 0;margin: 0 auto;position: relative;}
.header .main{width: 100%;display: block;}
.header .logo{width:212px;height:73px;float:left;display: inline-block;}
.header .logo a,.header .logo img{width: 100%;display: block;}
.header .pc-nav{float:right;display: inline-block;}
.header .pc-nav li{width:auto;padding:0 20px;line-height:42px;border-radius:10px;float:left;display: inline-block;font-size:18px;margin-top:15px;}
.header .pc-nav li a{width: 100%;height: 100%;color:#3b3b3b;}
.header .pc-nav li.on{background:#0060a7;}
.header .pc-nav li.on a{color:#fff;}
.header .web-nav-btn{width:50px;height:50px;float:right;display: inline-block;}
.header .web-nav-btn span{width:25px;height:2px;background:#000;display: none;margin:5px auto 0;}
.header .web-nav{width:100%;position: absolute;top:93px;left:0;right:0;background:#000;z-index:9;padding:15px 0;display: none;}
.header .web-nav li{width: 100%;line-height: 36px;color:#fff;font-size:16px;text-align: center;display: block;}
.header .web-nav li a{color:#fff;display: block;}

.pc-banner,.web-banner{width:100%;display: block;}
.pc-banner .swiper-container ,.web-banner .swiper-container {width: 100%;height: 100%;}
.pc-banner .swiper-slide,.web-banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.pc-banner .swiper-pagination-bullet{width:50px;height:5px;border-radius:10px;}
.web-banner{display: none;}
.pc-banner .swiper-slide img,.web-banner .swiper-slide a,.web-banner .swiper-slide img{width: 100%;height:100%;display: block;}

.footer{width: 100%;background:#313131;color:#fff;}
.footer .footer-main{width:1200px;padding:30px 0;margin:0 auto;}
.footer .footer-main .footer-main-logo,.footer .footer-main .footer-main-logo a,.footer .footer-main .footer-main-logo img{width:297px;height:87px;display: block;}
.footer .footer-main .footer-main-logo{margin-top:20px;float:left;display: inline-block;}
.footer-main-mobile{float:left;margin-left:90px;display: inline-block;}
.footer-main-mobile p{font-size:15px;line-height:36px;}
.footer-main-mobile h2{font-size:26px;color:#ffbd4b;line-height:50px;margin-top:20px;display: block;}
.footer-main dl{margin-left:125px;float:left;display: inline-block;}
.footer-main dl dt{font-size:15px;line-height:36px;}
.footer-main dl dd{font-size:15px;line-height: 36px;padding-right:30px;float:left;display: inline-block;}
.footer-main dl dd a{color:#fff;}
.footer-main-right{width:86px;height:86px;float: right;display: inline-block;}
.footer-main-right img{width:100%;height:100%;display: block;}
.footer-main-right p{width: 100%;text-align: center;font-size:14px;display: block;line-height:24px;margin-top:5px;}
.foot-copyright{width:100%;text-align: center;font-size:14px;color:#fff;background:#000;}
.foot-copyright p{width:90%;margin:0 auto;line-height:30px;padding:8px 0;display: block;}
.foot-copyright a{color:#fff;}

@media screen and (max-width: 1200px) {
    .header{padding: 10px 0;}
    .logo{margin-left:10px;}
    .header .pc-nav{display: none;}
    .header .web-nav-btn span{display: block;}
    .pc-banner{display: none;}
    .web-banner{display: block;}
    .footer{display: none;}
}