html,body{
    background: #f7f7f7;
}
.ptb50{
    padding: 50px 0;
}
.about-banner{
    overflow: hidden;
}
.about-banner-main{
    height: 400px;
}
.about-banner-main img.banner{
    width: 100%;height: 100%;
}
.about-nav{
    width: 188px;overflow: hidden;background: white;padding: 20px 0;
}
.about-nav .nav-item{
    padding: 0 0 0 40px;line-height: 50px;font-size: 16px;font-family: 'Microsoft Yahei';
}
.about-nav .nav-item .item-link{
    color: #333333;
}
.about-nav .on{
    background: url('../images/about@nav-icon.png') 140px center no-repeat;
}
.about-nav .on a.item-link{
    color: black;font-weight: bold;
}
.about-right{
    width: 912px;overflow: hidden;padding: 30px 34px;background: white;box-sizing: border-box;
}
.about-right .about-right-title{
    font-size: 30px;color: #363636;font-family: 'Micorsoft Yahei';line-height: 40px;border-bottom: 1px #d5d5d5 solid;padding: 0 0 10px 0;
}
.about-main{
    overflow: hidden;font-size: 16px;font-family: 'Microsoft Yahei';padding: 20px 0;line-height: 26px;
}
.about-main .video{
    overflow: hidden;padding: 0 0 15px 0;text-align: center;
}
.about-main h1{
    font-size: 30px;line-height: 60px;padding: 0 0 15px 0;
}
.about-main p{
    padding: 0 0 15px 0;
}
.about-main img{
    max-width: 100%;
}
.contact-main{
    overflow: hidden;padding: 30px 0;
}
.contact-main img.contact-img{
    width: 100%;margin: 0 0 30px 0;
}
.contact-main div.contact-line{
    line-height: 40px;margin: 0 0 10px 0;font-size: 16px;color: #454545;padding: 0 0 0 40px;background-repeat: no-repeat;background-position: center left;
}
.contact-main div.address{
    background-image: url('../images/about@pic01.png');
}
.contact-main div.telephone{
    background-image: url('../images/about@pic02.png');
}
.contact-main .contact-link{
    overflow: hidden;
}
.contact-main .contact-link a.link{
    float: left;width: 250px;line-height: 60px;color: white;text-align: center;background: #5f9ce9;border-radius: 5px;font-size: 28px;box-shadow: 0 0 5px #5f9ce9;
}
.article-main{
    overflow: hidden;
}
.article-main div.article-list{
    overflow: hidden;padding: 35px 0;border-bottom: 1px #e1e1e1 dashed;
}
.article-main div.article-list img.article-thumb{
    float: left;width: 332px;height: 147px;
}
.article-main div.article-list div.article-list-right{
    float: right;width: 473px;overflow: hidden;font-family: 'Microsoft Yahei';
}
.article-main div.article-list div.article-title{
    font-size: 20px;line-height: 30px;padding: 0 0 20px 0;
}
.article-main div.article-list div.article-title a{
    color: black;
}
.article-main div.article-list div.article-abstract{
    line-height: 24px;font-size: 14px;color: #999;
}
.process-main{
    overflow: hidden;
}
.process-main .process-step{
    overflow: hidden;text-align: center;padding: 50px 0 0 0;
}
.process-main .steps-item{
    display: inline-block;width: 160px;text-align: center;
}
.process-main .steps-item dt{
    height: 64px;overflow: hidden;
}
.process-main .steps-item dt img{
    height: 64px;
}
.process-main .steps-item dd{
    overflow: hidden;padding: 30px 0 0 0;
}
.process-main .steps-item dd .text{
    line-height: 24px;font-size: 16px;font-family: 'Microsoft Yahei';color: #191919;
}
.process-main span.steps-icon{
    display: inline-block;width: 35px;height: 23px;background: url('../images/about@pic07.png') no-repeat;margin: 24px 50px;vertical-align: top;
}
.process-main .steps-link{
    text-align: center;overflow: hidden;padding: 40px 0;
}
.process-main .steps-link a.item{
    display: inline-block;background: #5f9ce9;color: white;font-size: 28px;line-height: 60px;box-shadow: 0 10px 30px #ccdff8;width: 250px;border-radius: 5px;
}
.process-main div.process-faq{
    overflow: hidden;font-family: 'Microsoft Yahei';
}
.process-main div.process-faq div.faq-title{
    line-height: 50px;font-size: 18px;color: #363636;
}
.process-main div.process-faq div.process-faq-list{
    overflow: hidden;padding: 40px 0;border-top: 1px #e1e1e1 dashed;
}
.process-main div.process-faq-list div.faq-ask{
    overflow: hidden;padding: 0 0 38px 0;height: 48px;line-height: 48px;
}
.process-main div.process-faq-list div.faq-ask span.ask-icon{
    float: left;width: 48px;background: #ffa836;text-align: center;font-size: 18px;color: white;border-radius: 50%;
}
.process-main div.process-faq-list div.faq-ask .ask-title{
    float: right;width: 760px;font-size: 18px;
}
.process-main div.process-faq-list div.faq-answer{
    overflow: hidden;
}
.process-main div.process-faq-list div.faq-answer span.answer-icon{
    float: left;width: 48px;background: #5f9ce9;text-align: center;font-size: 18px;color: white;border-radius: 50%;line-height: 48px;
}
.process-main div.process-faq-list div.faq-answer .answer-content{
    float: right;width: 760px;font-size: 14px;color: #7e7e7e;line-height: 24px;
}