html,body{padding:0;margin: 0;font-family: PingFangSC-Semibold, PingFang SC;}
html,body,p,span,em,i,h1,h2,h3,h4,h5,h6{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
ul,ul li{list-style: none;padding:0;margin:0;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6,p{padding:0;margin: 0;}
dl,dd{padding:0;margin:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input,select,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background: none;outline:none;}

.header{display: block;width: 100%;background: url(../img/banner.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;}
.header .hcon{width: 1200px;margin:0 auto;overflow: hidden;}
.hcon .htop{width: 100%;overflow: hidden;}
.htop img{float: left;margin:30px 0;}
.htop .htopr{float: right;margin:30px 0;overflow: hidden;}
.htopr a.dl{float: left;border:1px solid #fff;border-radius: 5px;font-size: 16px;line-height: 40px;padding:0 20px;color: #fff;}
.htopr a.dl:hover{background: #fff;color: #000;}
.htopr a.zc{float: left;border:1px solid #ffba00;border-radius: 5px;font-size: 16px;line-height: 40px;padding:0 20px;color: #fff;background:#ffba00;margin:0 0 0 20px;}
.htopr a.zc:hover{background: #ff9c00;border: 1px solid #ff9c00;}
.hcon .hbon{width: 100%;display: block;overflow: hidden;}
.hbon .hbonl{float: left;margin:120px 0 150px;}
.hbonl span{font-size: 40px;color: #fff;line-height: 50px;}
.hbonl p{font-size: 16px;color: #fff;line-height: 30px;margin:30px 0 0;}
.hbon .hbonr{float: right;border-radius: 7px;background: rgba(255,255,255,0.8);padding:80px 30px;margin: 50px 100px 0 0;}
.hbonr span{display: block;font-size: 26px;color: #000;line-height: 40px;text-align: center;}
.hbonr p{display: block;font-size: 16px;color: #000;line-height: 40px;text-align: center;}
.hbonr a{display: block;background: #2165f4;border-radius: 5px;font-size: 16px;color: #fff;line-height: 50px;text-align: center;width: 250px;margin:20px 0;}
.hbonr a:hover{background: #104bd4;}

.hbbox{overflow: hidden;width: 1200px;margin: 20px auto;}
.hbbox img{float: left;margin:10px 25px;transition: transform 0.5s ease;}
.hbbox img:hover{transform: scale(1.2);}

.ysbox{width: 100%;overflow: hidden;background: #f8f8f8;display: block;}
.ysbox .yscon{width: 1200px;margin:0 auto;padding: 50px 0;}
.yscon h5{font-size: 32px;line-height: 50px;display: block;text-align: center; color: #000;}
.yscon dl{display: block;overflow: hidden;width: 100%;margin: 40px 0 0;}
.yscon dl dd{float: left;width: 25%;}
.yscon dl dd img{display: block;margin:0 auto;transition: transform 0.5s ease;}
.yscon dl dd img:hover{transform: scale(0.9);}
.yscon dl dd span{display: block;font-size: 16px;color: #000;font-weight: bold;text-align: center;line-height: 40px;margin: 10px 0 0;}
.yscon dl dd p{display: block;font-size: 14px;color:#797979;text-align: center;line-height: 22px;}

.fabox{width: 1200px;margin:0 auto;padding: 50px 0;}
.fabox h5{font-size: 32px;line-height: 50px;display: block;text-align: center;color: #000;}
.fabox dl{display: block;overflow: hidden;width: 100%;margin: 40px 0 0;}
.fabox dl dd{float: left;width: 350px;height: 220px;margin:0 25px;}
.fabox dl dd span{font-size: 18px;color: #fff;line-height: 25px;margin:40px;display: block;}
.fabox dl dd.faa{background: url(../img/c01.png) no-repeat;background-position: 100% 100%;}
.fabox dl dd.fab{background: url(../img/c02.png) no-repeat;background-position: 100% 100%;}
.fabox dl dd.fac{background: url(../img/c03.png) no-repeat;background-position: 100% 100%;}

.sfbox{background-image: linear-gradient(to right, #2d8ef1, #1c59e7);overflow: hidden;width: 100%;display: block;}
.sfbox .sfcon{width: 1200px;overflow: hidden;margin:0 auto;padding: 50px 0;}
.sfcon h5{font-size: 32px;line-height: 50px;display: block;text-align: center;color: #fff;}
.sfcon dl{display: block;overflow: hidden;width: 100%;margin: 40px 0 0;}
.sfcon dl dd{width: 33.33%;overflow: hidden;float: left;}
.sfcon dl dd img{display: block;margin: 0 auto;transition: transform 0.5s ease;}
.sfcon dl dd img:hover{transform: scale(1.1);}
.sfcon dl dd span{display: block;font-size: 16px;color: #fff;font-weight: bold;text-align: center;line-height: 40px;margin: 10px 0 0;}
.sfcon dl dd p{display: block;font-size: 14px;color:#fff;text-align: center;line-height: 22px;}

.jgbox{width: 1200px;margin:0 auto;padding: 50px 0;}
.jgbox h5{font-size: 32px;line-height: 50px;display: block;text-align: center;color: #000;}
.jgbox dl{display: block;overflow: hidden;width: 100%;margin: 40px 0 0;}
.jgbox dl dd{float: left;width: 310px;margin:0 25px;border-radius: 20px;background:#f8f8f8;padding:30px 20px;height: 180px;}
.jgbox dl dd img{display: block;transition: transform 0.5s ease;}
.jgbox dl dd img:hover{transform: scale(1.1);}
.jgbox dl dd span{display: block;font-size: 16px;color: #000;font-weight: bold;line-height: 40px;margin: 10px 0 0;}
.jgbox dl dd p{display: block;font-size: 14px;color:#797979;line-height: 22px;}

.footer{width: 100%;background: #1a1a1a;overflow: hidden;}
.footer span{font-size: 16px;color: #fff;text-align: center;line-height: 100px;display: block;}