@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,span,table,td,textarea,th,ul{margin:0;padding:0}
body{font-size:14px;font-family:"黑体",Arial,Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff}
li,ol{list-style:none}
ins{text-decoration:none}
em,i{font-style:normal}
a{text-decoration:none;font-family:"黑体"}
a:hover{cursor:pointer;text-decoration:none}
:focus{outline:0}
.clear{clear:both;line-height:0;overflow:hidden;zoom:1;font-size:0;content:"."}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
img{padding:0;margin:0}
a img{border:none}
input,textarea{border:none;font-family:"黑体";font-size:13px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:14px;font-family:"黑体"}
.fl{float:left}
.fr{float:right}
.wrap{min-width:320px;max-width:750px;margin:0 auto;overflow:hidden;position:relative;font-family:"黑体";background:#fff}
.wrap img{display:block;width:100%}

@font-face{font-family:Gotham;src:url(../font/Gotham-Bold.otf)}
@font-face{font-family:DaysOne;src:url(../font/DaysOne-Regular.ttf)}

h2.main_title{margin-bottom:1.6rem}
h2.main_title a{display:block;overflow:hidden}
h2.main_title strong{display:block;position:relative;font-size:1.8rem;color:#000;line-height:100%;letter-spacing:1px;float:left;padding-left:1.1rem;font-weight:400}
h2.main_title strong:before{position:absolute;content:"";width:.2rem;height:1.65rem;background:#e72525;border-radius:0rem .15rem .15rem 0rem;left:0;top:1.5px}
h2.main_title span{display:block;font-size:1.2rem;font-family:Gotham;font-weight:700;color:#e72525;line-height:1;margin-top:.85rem;float:right;text-transform:uppercase;-o-transition:all .5s ease;transition:all .5s ease}
h2.main_title span:hover{letter-spacing:.5px}

.ban{position:relative;z-index:3;width:100%;overflow:hidden}
.ban img{display:block;width:100%}
.ban .swiper-pagination{bottom:1.5rem}
.ban .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 .5rem!important;width:.8rem;height:.8rem;border-radius:50%}
.ban .swiper-pagination-bullet-active{opacity:1;background:#fa5b2a}

.intro{padding-top:1.1rem;padding-bottom:1.35rem;background:#f5f5f5}
.intro ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.intro li{width:7.9rem;text-align:center;margin-bottom:1.35rem}
.intro li span{display:block;font-size:1.2rem;color:#464749;line-height:100%;margin-top:-.4rem}

.news{padding:4.25rem 2.67% 5.1rem}
.news_con{background:#fff;box-shadow:.3rem .1rem 2.7rem 0rem rgba(54,54,54,.12);border-radius:.4rem;padding:1.8rem 1.5rem 3rem}
.news_con dl{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center;-webkit-align-items:center;margin-bottom:1.25rem}
.news_con dt{width:48.46%;border-radius:.4rem;overflow:hidden}
.news_con dd{width:46.15%}
.news_con dd h4{font-size:1.2rem;line-height:1.8rem;color:#000;max-height:3.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.7rem}
.news_con dd p{font-size:1rem;line-height:1.5rem;color:grey;max-height:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news_con ul{padding-top:1.6rem;margin-top:2.1rem;border-top:1px solid #b5b5b5}
.news_con li a{display:block;height:2.4rem;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}
.news_con li span{font-size:1.2rem;color:#999;line-height:2.4rem;width:5.1rem}
.news_con li h4{font-size:1.25rem;color:#4d4d4d;line-height:2.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 5.1rem)}

.things{background:#f5f5f5;padding:4.9rem 2.67% 3.9rem}
.things h2{margin-bottom:2.35rem}
.things_con{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.things_con li{width:48.45%;background:#fff;box-shadow:.3rem .1rem 2.7rem 0rem rgba(54,54,54,.12);border-radius:.4rem;margin-bottom:1.25rem;overflow:hidden;padding-bottom:1.25rem;}
.things_con li h4{padding:.9rem 1.6rem 0;font-size:1.2rem;line-height:1.5rem;color:#000;max-height:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:3rem}

.report{padding:4.2rem 2.67% 5.7rem}
.report h2.main_title{margin-bottom:2rem}
.report_nav{position:relative;height:1.8rem;margin-bottom:2rem}
.report_nav h2{float:left}
.report_nav h2 strong{color:#909090;margin-right:3.55rem;-o-transition:all .5s ease;transition:all .5s ease}
.report_nav h2 strong::before{background:#909090;-o-transition:all .5s ease;transition:all .5s ease}
.report_nav h2 span{position:absolute;right:0;bottom:0;opacity:0;-o-transition:all .5s ease;transition:all .5s ease}
.report_nav h2.cur strong{color:#000}
.report_nav h2.cur strong::before{background:#e72525}
.report_nav h2.cur span{opacity:1}
.report_con .swiper-slide{background:#fff;box-shadow:.3rem .1rem 2.7rem 0rem rgba(54,54,54,.12);border-radius:.4rem;padding:2rem 2rem 2.8rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0!important}
.report_con .swiper-slide-active{opacity:1!important}
.report_con dl{padding-bottom:1.9rem;border-bottom:1px solid #d2d2d2;margin-bottom:2rem}
.report_con dd{padding-top:2rem}
.report_con dd h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.3rem;color:#000;line-height:1.9rem}
.report_con dd h4 i{color:#e72525}
.report_con dd span{font-size:1.2rem;color:#ee3433;line-height:100%;margin-top:.8rem;display:block}
.report_con li a{display:block;display:flex;display:-webkit-flex}
.report_con li span{display:block;width:18.73%;font-size:1.3rem;color:#999;line-height:2.75rem}
.report_con li h4{display:block;width:81.27%;font-size:1.3rem;color:#000;line-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.honor{background:#f5f5f5;padding:4.25rem 2.67% 0}
.honor h2{margin-bottom:2.65rem}
.honor h2 i{float:left;margin-top:.7rem;font-size:1.2rem;font-weight:300;color:#4d4d4d;line-height:1;margin-left:1.1rem}
.honor_con{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.honor_con li{width:48.17%;margin-bottom:1.35rem;background:#fff;box-shadow:0rem .3rem 2.85rem 0rem rgba(0,0,0,.1);border-radius:.4rem;padding:2.2rem 1rem 1.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.honor_con li img{width:11rem;margin:0 auto 1rem}
.honor_con li h4{font-size:1.2rem;color:#000;line-height:1.9rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.history{padding-left:.85rem;position:relative;margin-top:2.05rem;padding-bottom:6.8rem}
.history:before{position:absolute;content:"";width:100%;height:1px;background:rgba(0,0,0,.25);left:.85rem;top:.2rem}
.history li{width:19.55rem;position:relative;padding-top:1.5rem}
.history li:before{position:absolute;content:"";width:.5rem;height:.5rem;background:#666;border-radius:50%;left:0;top:0;-o-transition:all .5s ease;transition:all .5s ease}
.history li h4{font-size:1.5rem;font-family:Gotham;font-weight:400;color:#666;line-height:1;font-style:italic;margin-bottom:1rem;-o-transition:all .5s ease;transition:all .5s ease}
.history li p{padding-left:.75rem;position:relative;font-size:1rem;color:#666;line-height:1.5rem;-o-transition:all .5s ease;transition:all .5s ease}
.history li p:before{position:absolute;content:"";width:.3rem;height:.3rem;background:#a0a0a0;border-radius:50%;left:0;top:.6rem}
.history li.swiper-slide-active:before{background:#000}
.history li.swiper-slide-active h4,.history li.swiper-slide-active p{color:#000}
.history .switch{position:absolute;left:0;bottom:-1.8rem;z-index:9}
.history .switch div{float:left;margin-right:1.35rem;width:3.6rem;height:3.6rem;background:#fff;box-shadow:0rem .3rem .9rem 0rem rgba(231,55,54,.13);border-radius:50%;cursor:pointer;-o-transition:all .5s ease;transition:all .5s ease}
.history .switch .his_next{background:#e73736}

.feature{padding:8rem 5.33% 5.95rem}
.feature_con{position:relative;margin-bottom:2.85rem}
.feature_con h2 a{display:block;font-size:2.1rem;font-weight:700;color:#e73736;line-height:2.4rem;margin-bottom:2.15rem;letter-spacing:1px}
.feature_con p{font-size:1.3rem;color:#414141;line-height:2.25rem;white-space:nowrap}
.feature_con p i{font-family:DaysOne;font-weight:700}
.feature_con .pic{position:absolute;width:11.75rem;top:-1.35rem;right:0}
.system{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between}
.system .slide{width:47.16%;height:19.45rem;background:#fff;box-shadow:0 .3rem 2.85rem 0 rgba(0,0,0,.1);border-radius:.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:3.05rem 2.25rem;position:relative;-o-transition:all .5s ease;transition:all .5s ease}
.system h3 a{display:block;font-weight:400;font-size:1.6rem;color:#000;line-height:100%;margin-bottom:2.15rem}
.system h4{position:relative;padding-bottom:.1rem;margin-bottom:2rem}
.system h4 a{display:block;font-size:1.2rem;color:#000;line-height:100%;font-weight:400;padding-left:1.4rem;position:relative;z-index:2}
.system h4:before{position:absolute;content:"";width:.35rem;height:.35rem;background:#414141;border-radius:50%;top:.35rem;left:.15rem}
.system h4:after{position:absolute;content:"";width:7.25rem;height:.3rem;background:#fdc4c3;left:1.4rem;bottom:0}
.system p{font-size:1.1rem;color:#666;line-height:1.8rem}
.system .slide:last-child h3 a{margin-bottom:1.6rem}
.system .more{position:absolute;background:#e73736 url(../images/more.png) no-repeat center;background-size:5.3rem auto;width:15.8rem;height:3.95rem;border-radius:.5rem;display:block;-o-transition:all .5s ease;transition:all .5s ease;left:0;bottom:0}


@-webkit-keyframes fade{
from{opacity:1;display:block}
to{opacity:0;display:none;height:0}
}
@keyframes fade{
from{opacity:1;display:block}
to{display:none;opacity:0;height:0}
}
.fade{-webkit-animation-name:fade;animation-name:fade}
@media screen and (min-width:320px){
html{font-size:8.533px}
}
@media screen and (min-width:360px){
html{font-size:9.6px}
}
@media screen and (min-width:375px){
html{font-size:10px}
}
@media screen and (min-width:393px){
html{font-size:10.48px}
}
@media screen and (min-width:400px){
html{font-size:10.664px}
}
@media screen and (min-width:414px){
html{font-size:11.04px}
}
@media screen and (min-width:440px){
html{font-size:11.73px}
}
@media screen and (min-width:480px){
html{font-size:12.796px}
}
@media screen and (min-width:520px){
html{font-size:13.863px}
}
@media screen and (min-width:560px){
html{font-size:14.93px}
}
@media screen and (min-width:600px){
html{font-size:15.996px}
}
@media screen and (min-width:640px){
html{font-size:17.06px}
}
@media screen and (min-width:680px){
html{font-size:18.1288px}
}
@media screen and (min-width:700px){
html{font-size:18.66px}
}
@media screen and (min-width:720px){
html{font-size:19.1952px}
}
@media screen and (min-width:750px){
html{font-size:20px}
}