.hg-content{min-height:500px;}
.section p{color:#666;font-size:16px;text-align:center;line-height:36px;width:90%;margin:0 auto 100px auto;max-width:950px;}

.video{-webkit-transition: width 350ms;-o-transition: width 350ms;-moz-transition: width 350ms;transition: width 350ms;text-align:left;position: relative;width:100%;overflow:hidden;height:auto}
.video-box{position: relative;width:55%;height:100%;margin:30px 0 0 30px;display:inline-block;vertical-align:top;max-width:660px;min-width:300px;}
.video-box .video-bg{width:100%;height:100%;background:#f29100;position:absolute;top:-30px;left:-30px;z-index:0;}
.video-box video{display: inline-block;vertical-align: baseline;z-index:1;position:relative;background:#fff}
.video-box .video-img{position: absolute;top: 0;bottom: 0;width: 100%;height:100%;z-index: 2;cursor:pointer;text-align:center;background:rgba(0,0,0,.1)}
.video-box .video-img i{color:#fff;width:70px;height:70px;border-radius:50%;display:inline-block;text-align:center;line-height:70px;font-size:30px;background:rgba(51,51,51,.5);box-sizing:border-box;padding-left:5px;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;}
.say{display:inline-block;width:38%;min-width:100px;position:absolute;right:0;top:0;height:100%;}
.say i{font-size:50px;color:#f29100;position:absolute;}
.say i:first-child{top:0;left:0;}
.say i:last-child{bottom:0;right:0;}
.say h3{font-size:20px;line-height:40px;}
.say .indent{text-indent: 3em;}
.say h4{font-size:14px;margin-top:80px;text-align: right;}
.say .wrap{text-align:left;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);box-sizing:border-box;padding-right:20px;word-break: break-all;width: 100%;text-align: center;}

.hg-banner {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.hg-banner .swiper-wrapper{transition-delay:.3s;}
.hg-banner .swiper-slide {background:#f4f4f4;width:100%;height:auto;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;}
.hg-banner .swiper-slide img{display:block;vertical-align:top;width:100%;height:auto}
.hg-banner .swiper-pagination-bullet {width: 20px;height: 4px;background:#fff;opacity: 1;border-radius:1px;transition: width 200ms;margin:0 5px}
.hg-banner .swiper-pagination-bullet-active {width:30px;background:#F29100}

.count{background:url('/web/img/bg.png') repeat center;width:100%;display: block;zoom: 1;margin:100px 0;opacity:0;transition: all 350ms;}
.count:after {height: 0;visibility: hidden;content: "";display: block;clear: both;}
.count li{float:left;width:25%;text-align:center;display:inline-block;padding:45px 0;box-sizing:border-box;}
.count li b{font-size: 44px;font-weight: bold;color: #F29100;line-height: 36px;display:block;transition: all 350ms;}
.count li span{font-size:16px;color: #999;line-height: 20px;display:inline-block;margin-top:30px;transition: all 350ms;}
.count.show{opacity:1}

.customer { width: 100%;  height: 100%; margin:0 auto; padding-bottom: 80px;}
.customer .swiper-slide{display:inline-block;width:calc(100% / 5);min-width:125px;height:auto;vertical-align:middle;}
.customer .swiper-slide img{width:100%;display:inline-block;height:auto}

.comment{padding: 5px 0 100px 0;}
.comment .swiper-slide{padding-top:30px;text-align:left;width: calc((100% - 240px) / 3);box-sizing:border-box;height: auto;min-width: 300px;margin: 0 40px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.1);}
.comment .swiper-slide h4{color:#fff;font-size:20px;padding: 5px 20px 5px 45px;background:#f29100;display:inline-block;position:relative;left:-10px;white-space: nowrap;}
.comment .swiper-slide h4:after{content:'';display:inline-block;width: 0;height: 0;border: 5px solid;border-color: transparent #CC7A00 #CC7A00  transparent;position: absolute;left:0;top:-10px;}
.comment .swiper-slide span{display: block;font-size:14px;color:#999;padding: 0 35px;margin:20px 0 10px 0;}
.comment .swiper-slide p{padding: 30px 35px 45px 35px;margin-top:60px;line-height: 32px;font-size:14px;color:#333;margin:0;text-align:left;width: 100%;box-sizing:border-box;}

.apply{width:100%;height: auto;background:#f29100;text-align:center;padding: 30px 0;}
.apply .content-wrap{color:#fff;text-align:left;font-size:20px;font-weight:bold;vertical-align:middle;display:inline-block;line-height:40px;position: relative;}
.apply .apply-btn{font-weight:500;cursor:pointer;display:inline-block;width: auto;height:40px;line-height:40px;color:#f29100;font-size:14px;background:#fff;text-align:center;border:none;margin-right:10px;padding: 0 10px;min-width: 110px;position: absolute;right: 0;top: 0;}

#apply-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;box-sizing: border-box;}
#apply-layer .mask{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;}
#apply-layer .content{text-align:center;background:#fff;display:block;max-width: 900px;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(51, 51, 51, 0.1);border-radius: 10px;padding:40px;box-sizing:border-box;max-height: 90%;overflow-y: auto;min-width: 256px;}
#apply-layer .content .title{position:relative;width:100%;padding-left: 20px;border-left: 8px solid #f29100;color: #333;font-size: 24px;text-align: left;font-weight: bold;line-height: 24px;margin-bottom: 40px;}
#apply-layer .content .title i{position:absolute;right: 30px;top:0;font-size: 20px;color: #999;cursor:pointer}
#apply-layer .content .info input{width: 48%;display:inline-block;height: 50px;line-height:50px;border: 1px solid #d2d2d2;box-sizing:border-box;padding:0 20px;background:transparent;color:#333;margin-bottom:30px;outline:none;}
#apply-layer .content .info input:nth-child(odd){float:left;}
#apply-layer .content .info input:nth-child(even){float: right;}
#apply-layer .content .button{display: inline-block;padding:  0 20px;height:40px;line-height:40px;color:#fff;background:#f29100;margin-top: 20px;cursor:pointer;min-width: 140px;}



@media screen and (max-width: 1200px){
    .apply .content-wrap{padding:0 10px;box-sizing:border-box;}
}
@media screen and (max-width: 1000px){
    .say h4{margin-top:50px}
}
@media screen and (max-width: 900px){
    .video{text-align:center;}
    .video-box{width:80%}
    .say{position:relative;display:inline-block;height: 250px;width:80%;margin-top:20px;}
    .say .wrap{padding-right:0;text-align: center;}
    .say h4{margin-top:40px;text-align: center;}
    .say i{font-size:45px;}
    .hg-banner .swiper-slide .mark>div h3{font-size:30px;line-height:40px;margin-bottom:35px}
    .count{padding:20px 0;box-sizing:border-box;}
    .count li{width:50%;padding:30px 0;}
}
@media screen and (max-width: 750px){
    .say{height:220px;}
    .say i{font-size:40px;}
    .say h3{font-size:18px;line-height:30px;}
    .say h4{font-size:12px;margin-top:30px}
    #apply-layer .content .title{font-size:18px;line-height:18px;border-width:6px;padding-left: 10px;}
    #apply-layer .content .title i{font-size:16px;right: 20px;}
    #apply-layer .content .info input{float: none !important;width:100%;margin-bottom: 20px;}
}
@media screen and (max-width: 600px){
    .say i{font-size:35px;}
    .say h3{font-size:16px;line-height:28px;}
    .apply .content-wrap{font-size: 18px;text-align: center;line-height: 18px;}
    .apply .apply-btn{position: static;margin-top: 20px;}
    .count li{padding:20px 0;}
    .count li b{font-size: 35px;}
    .count li span{font-size: 14px;margin-top:20px}
    #apply-layer .content{padding:20px;}
    #apply-layer .content .info input{height:40px;line-height:40px;margin-bottom:15px;padding:0 15px}
    #apply-layer .content .title{border-width:4px;font-size:16px;margin-bottom: 20px;}
    #apply-layer .content .title i{display:none;}
    #apply-layer .content .button{margin:10px 0}
}
@media screen and (max-width: 414px){
    .section p{margin-bottom:50px;font-size:14px;line-height:30px}
    .video-box{margin:0}
    .video-box .video-bg{display:none}
    .say i{font-size:25px;}
    .say{height:200px;}
    .customer{padding-bottom:50px}
    .count{margin:50px 0}
}