body {padding: 0;margin: 0;color: #333;font-family: 'Microsoft YaHei';}
ul,li,p{padding: 0;margin: 0;list-style: none;}
.active {color: #F7CC9B;}
a {text-decoration: none;color: #fff;}
.flex{display: flex;flex-direction: row;justify-content: center;word-break:break-all;align-items: center;}
.flex1{flex:1;}
.widthContent{width: 1200px;margin: 0 auto;position: relative;}
.headerc{height: 120px;}
.header{height: 120px;position: fixed;left: 0;top: 0;width: 100%;z-index: 20;
  background: url(../images/hbg.png) repeat;
}
.logo{width:245px;height: 58px;padding-top: 31px;float: left;margin-left: 100px;}
.logo img{width: 100%;height: 100%;}
.tab{float:right;margin-top: 35px;}
.tab li{display: inline-block;padding: 10px 35px;}
.tab li a{font-size: 16px;color: #fff;font-weight: bold;padding: 10px 0px;position: relative;}
.tab li.cur a::after{content: '';position: absolute;left: 10%;width: 80%;bottom: 0;height: 2px;background: #F3DAA3;}
.banner{background: url(../images/banner.png) no-repeat center; background-size: cover;}
.bg{width: 100%;}
.banner .aa:hover .ewm{display: block;}
.banner .aa1{position:absolute;left:32%;top:52%;width:18%;height:14%;}
.banner .aa2{position:absolute;left:53.1%;top:52%;width:18%;height:14%;}

.banner .ewm{position:absolute;top:100%;left:8%;width:80%;padding: 2%;border-radius: 5%;background: #fff;display: none;}
.banner .ewm img{width:100%;height:auto;background: #fff;display: block;}
.kefu{position: fixed;right: 0;top: 400px;width: 49px;height: 163px;z-index: 8;cursor: pointer;}
h1{text-align: center;margin-top: 70px;margin-bottom: 42px;}
h1 span{position: relative;font-size: 36px;color: #000;font-weight: bold;padding: 25px 0;}
h1 span::after{content: '';position: absolute;left: 20%;width: 60%;bottom: 0;height: 5px;background: #FFDC8E;}
.desc{font-size: 20px;color: #191919;text-align: center;line-height: 64px;}
.f3{overflow: hidden;padding: 20px 0;}
.f3 .left{width: 33.3%;float: left;}
.f3 .p13{padding:  0 13px;}
.f3 .box{width: 100%;min-height: 253px;color: #191919;text-align: center;box-shadow: 0px 3px 16px rgba(0,0,0,.14);}
.f3 .t{font-size: 26px;font-weight: bold;padding: 63px 10px 0 10px;}
.f3 .c{font-size: 22px;line-height: 33px;padding: 25px 50px 10px 50px;}
.desc2{text-align: center;font-size: 28px;color: #000;margin-top: 60px;}
.icon01{text-align: center;margin-top: 10px;}
.icon01 img{width: 18px;height: 13px;}
.f4{margin-top: 20px;overflow: hidden;padding: 20px 0;}
.f4 .left{width: 25%;float: left;}
.f4 .p9{padding:  0 9px;}
.f4 .box{width: 100%;border-radius: 12px;box-shadow: 0px 3px 16px rgba(0,0,0,.14);overflow: hidden;cursor: pointer;
  transition:all .3s;
}
.f4 .box:hover{transform: scale(1.05);}
.f4 .box img{width: 100%;display: block;}
.f4 .t{font-size: 18px;color: #000;text-align: center;padding:30px 0 50px 0;}
.foot{background: #000;padding: 100px 0;overflow: hidden;}
.foot .left{float: left;text-align: left;}
.foot .left .text{line-height: 40px;font-size: 14px;color: #fff;}
.foot .left .text span{font-size: 22px;}
.foot .right{float: right;margin-top: 12px;}
.foot .ewm{margin-left: 19px;display: inline-block;}
.foot .ewm .img{width: 104px;height: 104px;background: #fff;border-radius: 3px;}
.foot .ewm .img img{display: block;width: 98px;height: 98px;position: relative;top: 3px;left: 3px;}
.foot .ewm .text{font-size: 14px;color: #999;text-align: center;margin-top: 10px;}
#YSF-CUSTOM-ENTRY-6{display: none!important;}
#YSF-CUSTOM-ENTRY-7{display: none!important;}
@media  (max-width:1200px) {
  .widthContent{width: 95%;}
  .banner_text .text{font-size: 5.5vw;}
  .banner_text .ewm{margin-top: 9vw;width: 12.5vw;height: 12.5vw;}
  .banner_text .ewm img{width: 12vw;height: 12vw;left: .25vw;top: .25vw;}

}
.h5img{font-size: 0;}
.h5img img{width: 100%;display: block;}
.download{position: absolute;    left: 36%;top: 87%;width: 30%;height: 7%;}
.leimu1{position: absolute;left: 11%;top: 8%;width: 34%;height: 19%;}
.leimu2{position: absolute;left: 55%;top: 8%;width: 34%;height: 19%;}
.leimu3{position: absolute;left: 11%;top: 28%;width: 34%;height: 19%;}
.leimu4{position: absolute;left: 55%;top: 28%;width: 34%;height: 19%;}
.leimu5{position: absolute;left: 11%;top: 48%;width: 34%;height: 19%;}
.leimu6{position: absolute;left: 55%;top: 48%;width: 34%;height: 19%;}
.leimu7{position: absolute;left: 11%;top: 68%;width: 34%;height: 19%;}
.leimu8{position: absolute;left: 55%;top: 68%;width: 34%;height: 19%;}
#h5{display: none;}
@media  (max-width:810px) {
  #pc{display: none;}
  #h5{display: block;}
}
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 10px;
}
*::-webkit-scrollbar-track-piece {
  background: transparent;
}