.article .about .top_desc{background: url(../image/bd2233ce03.png) no-repeat center center;height: 900px;text-align: center;position: relative;background-size: cover;}
.article .about .top_desc .title{padding-top: 169px;}
.article .about .top_desc .title .name_en{font-family: 'Verdana';font-size: 60px;line-height: 30px;color: #ffffff;text-transform: uppercase;}
.article .about .top_desc .title .name_cn{font-family:"Source Han Sans CN";font-size: 34px;line-height: 30px;color: #ffffff;padding-top: 38px;}
.article .about .top_desc .desc{font-family:"Source Han Sans CN";font-size: 14px;line-height: 30px;color: #ffffff;padding-top: 50px;}
.article .about .top_desc .desc .ani{line-height: 30px;font-size: 14px;color: #ffffff;transition: all 1s;-webkit-animation: all 1s;opacity: 0;-webkit-transform: matrix(1,0,0,1,0,30);transform: matrix(1,0,0,1,0,30);}
.article .about .top_desc .desc .ani.ani_on{opacity: 1;-webkit-transform: matrix(1,0,0,1,0,0);transform: matrix(1,0,0,1,0,0);}
.article .about .top_desc .tip{font-family:"Source Han Sans CN";font-size: 14px;line-height: 16px;color: #ffffff;width: 18px;position: absolute;left: calc( 50% - 9px );bottom: 40px;}
.article .about .top_desc .tip:hover{/*animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;transform: translate3d(1, 0, 0);*/}
.article .about .top_desc .tip .img{margin-top: 14px;background-repeat: no-repeat;background-size: 100% auto;background-position: center top;background-image: url(../image/about_top_shubiao.png);-webkit-animation: updown 1s infinite;width: 18px;height: 45px;transition:all 0.5s;}
.article .about .top_desc .tip .img.hide{display: none;}
.article .about .top_desc .tip .img.type2{background-position: center bottom;}

.about_title{padding-top: 150px;}
.about_title .name{font-size: 36px;line-height: 30px;color: #111111;font-family:"Source Han Sans CN";padding-bottom: 30px;}
.about_title .line{width: 33px;height: 3px;margin: 0 auto;background: #e50012;}

.article .about .yuanjing{text-align: center;}
.article .about .yuanjing .desc{font-size: 14px;line-height: 30px;color: #444444;font-family:"Source Han Sans CN";padding-top: 44px;}
.article .about .yuanjing .desc{font-size: 14px;line-height: 30px;color: #444444;font-family:"Source Han Sans CN";padding-top: 44px;}
.article .about .yuanjing .copy_list{text-align: center;padding: 95px 0 160px;}
.article .about .yuanjing .copy_list .copy{display: inline-block;width: 29.8vw;vertical-align: top;}
.article .about .yuanjing .copy_list .copy .chanage_img_out{width: 138px;height: 138px;margin: 0 auto;/*overflow: hidden;*/}
.article .about .yuanjing .copy_list .copy .img{width: 100%;height: 100%;display: block;transition:all 0.5s;}
.article .about .yuanjing .copy_list .copy:hover .img{transform: scale(1.15);}
.article .about .yuanjing .copy_list .copy .name_cn{font-size: 22px;line-height:22px;color: #333333;font-family:"Source Han Sans CN";padding-top: 22px;}
.article .about .yuanjing .copy_list .copy .name_en{font-size: 12px;line-height:22px;color: #888888;font-family:"Source Han Sans CN";padding-top: 8px;}
.article .about .yuanjing .copy_list .copy .word{font-size: 16px;line-height:22px;color: #666666;font-family:"Source Han Sans CN";padding-top: 12px;}
.article .about .three{height: 900px;margin-bottom: 36px;transition:all 1s;}
.article .about .three .copy{width: calc( ( 100% - 2px )/3 );float: left;text-align: center;height: 100%;border-left: 1px solid rgba(255,255,255,0.2);}
.article .about .three .copy:first-child{border-left: none;}
.article .about .three .copy .name_cn{font-size:36px;line-height: 22px;color: #fff;font-family:"Source Han Sans CN";padding-top: 236px;transition:all 0.5s;}
.article .about .three .copy .name_en{font-size:18px;line-height: 22px;color: #fff;font-family:'WhitneyMedium';text-transform: uppercase;padding-top: 23px;}
.article .about .three .copy .line{width: 210px;height: 6px;margin: 0 auto;padding-top: 24px;}
.article .about .three .copy .desc{font-size:14px;line-height: 30px;color: #fff;font-family:"Source Han Sans CN";height: 150px;overflow: hidden;padding-top: 33px;}
.article .about .three .copy .bottomimg{padding-top: 55px;height: 124px;}
.article .about .three .copy:hover{background: rgba(208,9,40,0.7);}
.article .about .three .copy:hover .name_cn{padding-top: 226px;}
.article .about .licheng{text-align: center;padding-bottom: 7px;}
.article .about .licheng .list{text-align: center;padding-top: 127px;}
.article .about .licheng .list .bd{display: inline-block;background: url(../image/about_time_img.png) no-repeat center 70px;position: relative;background-size: 100% auto;}
.article .about .licheng .list .bd li{float: left;width: 545px;width: 335px;padding: 10px 105px 0;}
.article .about .licheng .list .bd .year{font-size: 60px;line-height: 30px;color: #555555;font-family: 'Verdana';}
.article .about .licheng .list .bd .year span{font-size: 18px;line-height: 30px;color: #444444;font-family: "Source Han Sans CN";float: right;margin-right: 82px;line-height: 0;}
.article .about .licheng .list .bd .desc{font-size: 16px;line-height: 36px;color: #333333;font-family: "Source Han Sans CN";padding-top: 114px;height: 360px;overflow: hidden;}
.article .about .licheng .list .bd .control{position: absolute;width: 100%;height: 90px;top: 47px;}
.article .about .licheng .list .bd .control .prev{position: absolute;left: -90px;cursor: pointer;}
.article .about .licheng .list .bd .control .next{position: absolute;right: -90px;cursor: pointer;}
.article{padding-bottom: 61px;}


.index_title{text-align: center;padding: 91px 0 0px;}
.index_title .en{font-size: 52px;line-height: 30px;color: #333333;font-family: "Verdana";}
.index_title .cn{font-size: 32px;line-height: 30px;color: #333333;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 37px;}
.index_title .desc{font-size: 16px;line-height: 30px;color: #999999;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 36px;}

.article .contact{text-align: center;}
.article .contact .cate{height: 715px;text-align: center;}
.article .contact .cate .copy{width: 50%;height: 100%;background: url(/static/picture/join-banner.png) no-repeat center center;float: left;position: relative;}
.article .contact .cate .copy:first-child{background: url(../image/contact_cate_1_bg.png) no-repeat center center;}
.article .contact .cate .copy .name_cn{font-size: 52px;line-height: 22px;color: #ececec;font-family: "Source Han Sans CN";padding-top: 3.4vw;}
.article .contact .cate .copy .name_en{font-size: 32px;line-height: 30px;color: #fff;font-family: "Verdana";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding-top: 1.8vw;}
.article .contact .cate .copy .img{padding-top: 11vw;height: 105px;}
.article .contact .cate .copy .bg{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top: 0;left: 0;opacity: 1;transition:all 0.5s;}
.article .contact .cate .copy.on .bg,.article .contact .cate .copy:hover .bg{opacity: 0;}
.article .contact .area{padding-bottom: 81px;}
.article .contact .area .info{height: 954px;margin-top: -15px;/*background: url(../images/contact_area_bg.png) no-repeat center center;background-size: 100% auto;*/}
.article .contact .area .info .msg{padding: 61px 40px 35px;width: 400px;background: #fff;float: right;margin: 144px 127px;box-shadow: 0 0 20px #ccc;}
.article .contact .area .info .msg dl{margin-bottom: 8px;}
.article .contact .area .info .msg dl dt{position: relative;cursor: pointer;}
.article .contact .area .info .msg dl dt,.article .contact .area .info .msg dl dd{width: calc( 100% - 24px );height: 30px;border: 1px solid #d2d2d2;padding: 12px;background: url(../image/contact_area_select.png) no-repeat 94% center;}
.article .contact .area .info .msg dl dt .img,.article .contact .area .info .msg dl dd .img{width: 47px;height: 30px;display: inline-block;float: left;}
.article .contact .area .info .msg dl dt .name,.article .contact .area .info .msg dl dd .name{display: inline-block;font-size: 18px;line-height:30px;color: #333333;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;float: left;padding-left: 12px;}
.article .contact .area .info .msg dl dd{height: auto;background: #fff;position: absolute;width: 376px;display: none;z-index: 1;}
.article .contact .area .info .msg dl dd .tt{padding: 3px 0;cursor: pointer;}
.article .contact .area .info .msg .copy{text-align: left;padding-left: 28px;padding-bottom: 18px;border-bottom: 1px dashed #dcdcdc;}
.article .contact .area .info .msg .copy:last-child{border-bottom:none;}
.article .contact .area .info .msg .copy .title{font-size: 16px;line-height: 52px;color: #e50012;font-family: "Source Han Sans CN";padding-top: 9px;}
.article .contact .area .info .msg .copy .copy_msg{color: #333333;font-size: 14px;line-height: 24px;font-family: "Source Han Sans CN";}
.article .contact .area .info .msg .copy .copy_msg .copy_msg_same{padding-top: 1px;}
.article .contact .area .info .msg .copy .copy_msg .img,.article .contact .area .info .msg .copy .copy_msg .name{float: left;}
.article .contact .area .info .msg .copy .copy_msg .img{width: 14px;height: 24px;padding-right: 19px;}
.article .contact .consultation{background: #fafafa;padding-bottom: 81px;}
.article .contact .consultation .index_title{padding-top: 97px;}
.article .contact .consultation form{width: 1202px;margin: 0 auto;margin-top: 28px;}
.article .contact .consultation form .row{width: 387px;float: left;padding-top: 40px;}
.article .contact .consultation form .row.second{margin: 0 20.5px;}
.article .contact .consultation form .row.row_area{width: 100%;}
.article .contact .consultation form .row label{font-size: 16px;line-height: 34px;color: #444444;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: block;text-align: left;}
.article .contact .consultation form .row label span{color: #ff0000;}
.article .contact .consultation form .row input{width: 385px;height: 41px;border: 1px solid #d8d8d8;background: #fff;font-size: 20px;}
.article .contact .consultation form .row textarea{width: 100%;height: 159px;background: #fff;font-size: 20px;}
.article .contact .consultation form input[type=submit]{width: 228px;height: 57px;border: none;background: #c80000;font-size: 20px;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;margin-top: 39px;}
.article .contact .message{padding: 30px 0;width: 90%;margin: 0 auto;}


@media screen and (max-width: 1835px) {
	.article .contact .cate{height: 628px;}
	.article .about .licheng .list .bd li{padding: 10px 80px 0;}
}
@media screen and (max-width: 1700px) {
	.article .contact .cate{height: 598px;}
	.article .contact .area .info{width: 100%;height: 810px;}
	.article .contact .area .info .msg{margin: 100px 120px;}
	.article .about .licheng .list .bd li{padding: 10px 60px 0;}
	.article .about .three{height: 755px;margin-bottom: 25px;}
	.article .about .three .copy .name_cn{padding-top: 150px;}
	.article .about .three .copy:hover .name_cn{padding-top: 120px;}
	.about_title{padding-top: 120px;}
	.about_title .name{padding-bottom: 25px;}
	.article .about .yuanjing .copy_list{padding: 80px 0 130px;}
	.article .about .licheng .list .bd .desc{height: 300px;}
}
@media screen and (max-width: 1620px) {
	.article .contact .cate{height: 538px;}
	.article .contact .area .info{height: 750px;}
	.article .contact .area .info .msg{margin: 50px 80px;padding: 35px;}
	.index_title,.article .contact .consultation .index_title{padding-top: 50px;}
	.index_title .en{font-size: 45px;}
	.index_title .cn{font-size: 28px;padding-top: 30px;}
	.index_title .desc{padding-top: 30px;}
	.article .about .top_desc{height: 680px;}
	.article .about .top_desc .title{padding-top: 80px;}
	.article .about .top_desc .title .name_cn{padding-top: 30px;}
	.article .about .top_desc .desc{padding-top: 30px;}
	.article .about .top_desc .desc .ani{line-height: 26px;}
	.about_title{padding-top: 80px;}
	.article .about .yuanjing .copy_list{padding: 50px 0 100px;}
	.article .about .yuanjing .copy_list .copy .chanage_img_out{width: 130px;height: 130px;}
	.article .about .three{height: 680px;}
	.article .about .three .copy .name_cn{padding-top: 100px;}
	.article .about .three .copy:hover .name_cn{padding-top: 80px;}
	.article .about .three .copy .bottomimg{height: 100px;}
	.article .about .licheng .list{padding-top: 100px;}
	.article .about .licheng .list .bd li{width: 300px;}
	.article .about .licheng .list .bd .year span{margin-right: 40px;}
	.article .about .licheng .list .bd .desc{height: 250px;}
}
@media screen and (max-width: 1460px) {
	.article .contact .cate{height: 448px;}
	.article .contact .cate .copy .img{height: 80px;}
	.article .contact .cate .copy .name_cn{font-size: 42px;}
	.article .contact .cate .copy .name_en{font-size: 26px;padding-top: 1.5vw;}
	.article .contact .area .info{background-size: cover!important;}
	.article .contact .area .info .msg{margin: 30px 40px;padding: 20px;}
	.index_title,.article .contact .consultation .index_title{padding-top: 40px;}
	.index_title .en{font-size: 38px;}
	.index_title .cn{font-size: 24px;padding-top: 20px;}
	.index_title .desc{padding-top: 20px;}
	.article .contact .consultation form{width: 1000px;}
	.article .contact .consultation form .row{width: calc( (100% - 40px)/3 );}
	.article .contact .consultation form .row.second{margin: 0 20px;}
	.article .contact .consultation form .row input{width: calc( 100% - 12px );padding: 0 5px;}
	.about_title{padding-top: 60px;}
	.article .about .yuanjing .copy_list{padding: 50px 0;}
	.article .about .yuanjing .copy_list .copy .chanage_img_out{width: 110px;height: 110px;}
	.article .about .three{height: 650px;margin-bottom: 20px;}
	.article .about .three .copy .bottomimg{height: 80px;}
	.article .about .licheng .list{padding-top: 100px;}
	.article .about .licheng .list .bd li{width:280px;padding: 10px 30px 0;}
	.article .about .licheng .list .bd .year span{margin-right: 40px;}
	.article .about .licheng .list .bd .control .prev,.article .about .licheng .list .bd .control .next{width: 60px;height: 60px;}
	.article .about .licheng .list .bd .control .prev{left: -60px;}
	.article .about .licheng .list .bd .control .next{right: -60px;}
}
@media screen and (max-width: 1220px) {
	.article .contact .cate{height: 374px;}
	.article .contact .cate .copy .img{height: 65px;padding-top: 10vw;}
	.article .contact .cate .copy .name_cn{font-size: 38px;}
	.article .contact .cate .copy .name_en{font-size: 24px;padding-top: 1.2vw;}
	.index_title,.article .contact .consultation .index_title{padding-top: 30px;}
	.index_title .en{font-size: 35px;}
	.index_title .cn{padding-top: 15px;font-size: 22px;}
	.index_title .desc{padding-top: 15px;font-size: 14px;}
	.article .contact .area .info .msg{margin: 25px;padding: 15px;}
	.article .contact .area .info .msg dl dt{padding: 8px;height: 26px;}
	.article .contact .area .info .msg dl dd{padding: 8px;height: auto;}
	.article .contact .area .info .msg dl dt .img, .article .contact .area .info .msg dl dd .img{height: 100%;width: 41px;}
	.article .contact .area .info .msg dl dt .name, .article .contact .area .info .msg dl dd .name{font-size: 16px;line-height: 26px;}
	.article .contact .area .info .msg .copy{padding-left: 15px;padding-bottom: 10px;}
	.article .contact .area .info .msg .copy .title{line-height: 30px;}
	.article .contact .consultation form{width: 95%;margin-top: 15px;}
	.article .contact .consultation form .row{padding-top: 20px;}
	.article .contact .consultation form input[type=submit]{width: 180px;height: 40px;font-size: 18px;}
	.article .contact .consultation{padding-bottom: 60px;}
	.article .about .top_desc{height: 500px;}
	.article .about .top_desc .title{padding-top: 30px;}
	.article .about .top_desc .title .name_en{font-size: 40px;}
	.article .about .top_desc .title .name_cn{font-size: 24px;padding-top: 15px;line-height: 20px;}
	.article .about .top_desc .desc .ani{line-height: 24px;}
	.article .about .top_desc .desc{line-height: 24px;padding-top: 20px;}
	.article .about .top_desc .tip{font-size: 12px;line-height: 14px;bottom: 5px;}
	.article .about .top_desc .tip .img{width: 14px;height: 30px;margin-top: 10px;}
	.about_title{padding-top: 30px;}
	.about_title .name{padding-bottom: 15px;font-size: 24px;}
	.article .about .yuanjing .desc{line-height: 24px;}
	.article .about .yuanjing .copy_list{padding: 30px 0;}
	.article .about .yuanjing .copy_list .copy .chanage_img_out{width: 80px;height: 80px;}
	.article .about .yuanjing .copy_list .copy .name_cn{font-size: 20px;padding-top: 15px;}
	.article .about .yuanjing .copy_list .copy .word{font-size: 14px;line-height: 18px;}
	.article .about .three .copy .name_cn{padding-top: 80px;font-size: 24px;line-height: 20px;}
	.article .about .three .copy:hover .name_cn{padding-top: 50px;}
	.article .about .three .copy .name_en{font-size: 16px;line-height: 20px;padding-top: 10px;}
	.article .about .three .copy .line{padding-top: 10px;}
	.article .about .three .copy .desc{line-height: 24px;padding-top: 20px;}
	.article .about .three .copy .bottomimg{height: 50px;padding-top: 20px;}
	.article .about .three{height: 470px;}
	.article .about .licheng .list{padding-top: 50px;}
	.article .about .licheng .list .bd .year{font-size: 40px;}
	.article .about .licheng .list .bd .year span{font-size: 14px;}
	.article .about .licheng .list .bd .desc{padding-top: 70px;font-size: 14px;line-height: 24px;height: 120px;}
	.article .about .licheng .list .bd li{width: calc( ((100% - 120px)/3) - 42px );padding: 10px 20px 0;}
}
@media screen and (max-width: 1020px) {
	.article .contact .cate{height: 280px;}
	.article .contact .cate .copy .img{height: 45px;padding-top: 8vw;}
	.article .contact .cate .copy .name_cn{font-size: 32px;}
	.article .contact .cate .copy .name_en{font-size: 20px;}
	.index_title,.article .contact .consultation .index_title{padding-top: 20px;}
	.index_title .en{font-size: 30px;}
	.index_title .cn{font-size: 20px;padding-top: 10px;}
	.index_title .desc{padding-top: 10px;font-size: 12px;line-height: 16px;}
	.article .contact .area .info .msg{padding: 10px;width: 300px;}
	.article .contact .area .info .msg dl dt{padding: 5px;height: 22px;background-size: auto 8px;}
	.article .contact .area .info .msg dl dd{padding: 5px;height: auto;}
	.article .contact .area .info .msg dl dt .img, .article .contact .area .info .msg dl dd .img{height: 100%;width: 35px;}
	.article .contact .area .info .msg dl dt .name, .article .contact .area .info .msg dl dd .name{font-size: 14px;line-height: 22px;}
	.article .contact .area .info .msg .copy{padding: 0 5px 5px 10px;}
	.article .contact .area .info .msg .copy .title{line-height: 25px;padding-top: 5px;font-size: 14px;}
	.article .contact .area .info .msg .copy .copy_msg .name{width: calc( 100% - 33px );font-size: 12px;}
	.article .contact .consultation form{padding-top: 10px;width: 97.5%;}
	.article .contact .consultation form .row{padding-top: 15px;}
	.article .contact .consultation form .row label{font-size: 14px;line-height: 25px;}
	.article .contact .consultation form .row input{font-size: 14px;height: 27px;}
	.article .contact .consultation form .row textarea{height: 100px;font-size: 14px;}
	.article .contact .consultation{padding-bottom: 30px;}
	.article .contact .consultation form input[type=submit]{width: 120px;height: 30px;font-size: 16px;margin-top: 15px;}
	.article .about .top_desc .title{padding-top: 15px;}
	.article .about .top_desc .title .name_en{font-size: 24px;line-height: 100%;}
	.article .about .top_desc .title .name_cn{font-size: 18px;line-height: 100%;padding-top: 8px;}
	.article .about .top_desc .desc{line-height: 20px;padding-top: 15px;}
	.article .about .top_desc .desc .ani{font-size: 12px;line-height: 20px;}
	.article .about .top_desc{height: 450px;}
	.about_title{padding-top: 15px;}
	.about_title .name{font-size: 20px;padding-bottom: 10px;}
	.article .about .yuanjing .desc{line-height: 18px;padding-top: 15px;}
	.article .about .yuanjing .copy_list{padding: 15px 0;}
	.article .about .yuanjing .copy_list .copy .chanage_img_out{width: 50px;height: 50px;}
	.article .about .yuanjing .copy_list .copy .name_cn{font-size: 16px;padding-top: 10px;}
	.article .about .yuanjing .copy_list .copy .name_en{line-height: 18px;padding-top: 0;}
	.article .about .yuanjing .copy_list .copy .word{font-size: 12px;line-height: 16px;padding-top: 8px;}
	.article .about .three .copy .name_cn{font-size: 18px;padding-top: 50px;}
	.article .about .three .copy:hover .name_cn{padding-top: 30px;}
	.article .about .three .copy .name_en{font-size: 14px;line-height: 18px;padding-top: 5px;}
	.article .about .three .copy .desc{font-size: 13px;padding-top: 10px;line-height: 18px;}
	.article .about .three{height: 370px;}
	.article .about .licheng .list{padding-top: 20px;}
	.article .about .licheng .list .bd .year span{margin-right: 26px;}
	.article .about .licheng .list .bd .desc{padding-top: 50px;line-height: 20px;}
	.article .about{padding-bottom: 30px;}
}
@media screen and (max-width: 768px) {
	.article .contact .cate{height: 120px;}
	.article .contact .cate .copy .img{height: 25px;padding-top: 25px;}
	.article .contact .cate .copy .name_cn{font-size: 16px;padding-top: 10px;}
	.article .contact .cate .copy .name_en{font-size: 12px;line-height: 16px;padding-top: 1.5px;}
	.index_title,.article .contact .consultation .index_title{padding: 15px 8px 0;}
	.index_title .en{font-size: 16px;line-height: 22px;}
	.index_title .cn{font-size: 13px;line-height: 18px;padding-top: 2px;}
	.index_title .desc{padding-top: 2px;}
	.article .contact .area .info{background: none;margin-top: 10px;height: auto;}
	.article .contact .area .info .msg{width: calc( 100% - 36px );padding: 10px ;margin: 0 8px;}
	.article .contact .consultation form{padding-top: 5px;width: 95%;}
	.article .contact .consultation form .row{padding-top: 5px;width: calc( (100% - 10px)/3 );}
	.article .contact .consultation form .row.second{margin: 0 5px;}
	.article .contact .consultation form .row label{font-size: 12px;line-height: 20px;}
	.article .contact .consultation form .row input{font-size: 12px;height: 22px;}
	.article .contact .consultation form .row textarea{height: 60px;font-size: 12px;}
	.article .contact .consultation{padding-bottom: 15px;}
	.article .contact .consultation form input[type=submit]{width: 80px;height: 22px;font-size: 12px;margin-top: 10px;}
	.article .contact .message{padding: 15px 0;}
	.article .about .top_desc{height: 360px;}
	.article .about .top_desc .title{padding-top: 10px;}
	.article .about .top_desc .title .name_en{font-size: 18px;}
	.article .about .top_desc .title .name_cn{font-size: 14px;padding-top: 5px;}
	.article .about .top_desc .desc{padding: 8px 8px 0;font-size: 12px;line-height: 16px;}
	.article .about .top_desc .tip{width: auto;line-height: 23px;left: calc( 50% - 33.5px );}
	.article .about .top_desc .tip .img{margin-top: 0;float: left;margin-right: 5px;}
	.about_title{padding-top: 15px;}
	.about_title .name{font-size: 18px;padding-bottom: 5px;line-height: 24px;}
	.article .about .yuanjing .desc{font-size: 12px;line-height: 20px;padding: 8px 8px 0;}
	.article .about .yuanjing .copy_list{padding: 10px 0;}
	.article .about .yuanjing .copy_list .copy{width:calc( 100% - 16px );padding: 10px 8px 0;}
	.article .about .yuanjing .copy_list .copy .name_cn{font-size: 14px;padding-top: 8px;line-height: 18px;}
	.article .about .yuanjing .copy_list .copy .name_en{font-size: 12px;line-height: 16px;}
	.article .about .yuanjing .copy_list .copy .word{padding-top: 5px;}
	.article .about .three .copy{width:calc( 100% - 16px );height: auto;padding: 0 8px 10px;}
	/*.article .about .three .copy .line{width: 80%;}*/
	.article .about .three .copy .line{width: 180px;}
	.article .about .three .copy .name_cn{font-size: 16px;padding-top: 20px;}
	.article .about .three .copy:hover .name_cn{padding-top: 10px;}
	.article .about .three .copy .name_en{font-size: 12px;line-height: 16px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
	.article .about .three .copy .desc{font-size: 12px;line-height: 16px;padding-top: 8px;height: auto;}
	.article .about .three .copy .bottomimg{padding-top: 10px;}
	.article .about .three{height: auto;margin-bottom: 5px;}
	.article .about .licheng .list{padding-top: 10px;}
	.article .about .licheng .list .bd .control .prev, .article .about .licheng .list .bd .control .next{width: 30px;height: 30px;}
	.article .about .licheng .list .bd .control .prev{left: -30px;}
	.article .about .licheng .list .bd .control .next{right: -30px;}
	.article .about .licheng .list .bd li{width: calc( (( 100% - 60px )/3) - 11px );padding: 5px 3px 0;}
	.article .about .licheng .list .bd .year{font-size: 14px;text-align: center;}
	.article .about .licheng .list .bd .year span{font-size: 12px;float: none;margin: 0;}
	.article .about .licheng .list .bd .control{top: 30px;}
	.article .about .licheng .list .bd{background: url(../image/about_time_img.png) no-repeat center 43px;background-size: 100% auto;}
	.article .about .licheng .list .bd .desc{padding-top: 20px;font-size: 12px;line-height: 16px;height: 96px;}
	.article .about{padding-bottom: 10px;}
	.article{padding-bottom: 15px;}
}

.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6,.landing p,.feature-section h1,.feature-section h2,.feature-section h3,.feature-section h4,.feature-section h5,.feature-section h6,.feature-section p,.formFrame h1,.formFrame h2,.formFrame h3,.formFrame h4,.formFrame h5,.formFrame h6,.formFrame p {
    text-align: center
}
.about-page section {
    padding: 50px 0;
    text-align: center;
    overflow: auto;
    height: inherit;
    z-index: 0
}
.about-page .content {
    padding-top: 0px;
    overflow: hidden
}

.about-page .banner {
    position: relative;
    overflow: hidden
}

.about-page .banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200%;
    top: 0;
    left: 0;
    z-index: -1;
    background: url(http://www.wanhua-sport.com/static/themes/default/images/about_imgs.png) repeat-x top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.about-page .banner .text-box {
    padding: 40px 30px;
    max-width: 762px;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.95);
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.5);
    color: #333;
    line-height: 29px;
    font-size: 19px
}

.about-page .blurb {
    max-width: 762px;
    padding: 0 15px;
    margin: 0 auto
}

.about-page .blurb p {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
    margin-bottom: 0
}

.about-page .tabs {
    background-color: white;
    padding-top: 0;
    overflow: hidden
}

.about-page .tabs a {
    display: inline;
    width: 33.333%;
    float: left;
    padding: 20px 0;
    margin-bottom: 40px;
    font-size: 12px;
    font-family: "Source Han Sans CN"
}

.about-page .tabs .content .blurb {
    display: none
}

.about-page .tabs.story a.story {
    background-color: #FFF;
    color: #333
}

.about-page .tabs.story a.why {
    background-color: #ff8188;
    color: #FFF
}

.about-page .tabs.story a.future {
    background-color: #7cd8cb;
    color: #FFF
}

.about-page .tabs.story .content .story.blurb {
    display: block
}

.about-page .tabs.why a.story {
    background-color: #ff8188;
    color: #FFF
}

.about-page .tabs.why a.why {
    background-color: #FFF;
    color: #333
}

.about-page .tabs.why a.future {
    background-color: #7cd8cb;
    color: #FFF
}

.about-page .tabs.why .content .why.blurb {
    display: block
}

.about-page .tabs.future a.story {
    background-color: #ff8188;
    color: #FFF
}

.about-page .tabs.future a.why {
    background-color: #7cd8cb;
    color: #FFF
}

.about-page .tabs.future a.future {
    background-color: #FFF;
    color: #333
}

.about-page .tabs.future .content .future.blurb {
    display: block
}

.about-page .people {
    padding: 0
}

.about-page .people .content {
    padding: 3.33%
}

.about-page .item {
    width: 100%;
    height: 336px;
    margin: 0 0 3.33% 0;
    float: left;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.about-page .item:last-child {
    margin: 0 20px 0 0
}

.about-page .item .person {
    height: 336px;
    position: relative
}

.about-page .item .person img {
    position: relative;
    margin: 40px 0 40px 0;
    border-radius: 50%;
    width: 160px;
    border: 4px solid #FFF;
    box-shadow: 0px 0px 0px 6px #eee
}

.about-page .item .person p {
    font-size: 26px;
    color: #333;
    -webkit-transition: 300ms ease color;
    transition: 300ms ease color
}

.about-page .item .person h5 {
    font-size: 12px
}

.about-page .item .person .icon {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translate(0,60px);
    transform: translate(0,60px);
    -webkit-transition: 300ms ease transform;
    transition: 300ms ease transform
}

.about-page .item .person .icon .fa {
    line-height: 33px;
    font-size: 19px
}

.about-page .item .about {
    background: rgba(124,216,203,0.95);
    position: relative;
    width: 100%;
    height: 336px;
    padding: 40px 30px 0px;
    z-index: 3;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: transform;
    transition-property: transform
}

.about-page .item .tommy + .about {
    background-image: url(http://cloud.media-jane.com/image/upload/f_auto,o_100,q_auto/about/letsride.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about-page .item .tommy + .about p {
    text-shadow: 1px 1px grey;
}


.about-page .item .about svg {
    opacity: .8;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    z-index: 40;
    -webkit-transition: 300ms ease transform;
    transition: 300ms ease transform
}

.about-page .item .about svg:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.about-page .item .about h5 {
    font-size: 12px;
    margin-bottom: 10px;
    color: #333
}

.about-page .item .about p {
    color: #FFF;
    font-size: 20px;
    margin: 0 auto 20px;
    line-height: 30px;
    font-style: italic
}

.about-page .item .about p:last-child {
    margin-bottom: 0
}

.about-page .item:hover .person p {
    color: #7cd8cb
}

.about-page .item:hover .person .icon {
    -webkit-transform: translate(0,30px);
    transform: translate(0,30px)
}

.about-page .item.clicked .about {
    -webkit-transform: translate(0,-336px);
    transform: translate(0,-336px)
}


@-webkit-keyframes banner-loop {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-700px)
    }
}

@-moz-keyframes banner-loop {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-700px)
    }
}

@-o-keyframes banner-loop {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-700px)
    }
}

@keyframes banner-loop {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-700px)
    }
}

@media only screen and (min-width: 530px) {
    .about-page .tabs a {
        font-size:14px
    }

    .about-page .item {
        width: 48.3%;
        margin: 0 3% 3% 0
    }

    .about-page .item:nth-child(2n+2) {
        margin-right: 0
    }
}

@media only screen and (min-width: 320px) {
    .about-page section {
        padding:85px 0
    }

    .about-page .blurb {
        padding: 0
    }

    .about-page .banner {
        padding: 450px 0
    }

    .about-page .banner:before {
        -webkit-background-size: 100% auto;
        -moz-background-size: 100% auto;
        -o-background-size: 100% auto;
        background-size: 100% auto
    }

    .about-page .banner.start-scroll:before {
        -webkit-animation: banner-loop 40s linear infinite;
        -moz-animation: banner-loop 40s linear infinite;
        -o-animation: banner-loop 40s linear infinite;
        animation: banner-loop 40s linear infinite
    }

    .about-page .banner .text-box {
        font-size: 26px;
        line-height: 37px;
        padding: 65px;
        max-width: 762px
    }

    .about-page .tabs a {
        padding: 33px 0;
        font-size: 17px;
        margin-bottom: 70px
    }

    .about-page p {
        font-size: 18px;
        line-height: 30px
    }

    .about-page .item {
        width: 31.1%;
        margin-right: 2%
    }

    .about-page .item:nth-child(2n+2) {
        margin-right: 2%
    }

    .about-page .item:nth-child(3n+3) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1200px) {
    .about-page .people .content {
        padding-top:44px
    }

    .about-page .item {
        width: 23.5%
    }

    .about-page .item:nth-child(2n+2) {
        margin-right: 2%
    }

    .about-page .item:nth-child(3n+3) {
        margin-right: 2%
    }

    .about-page .item:nth-child(4n+4) {
        margin-right: 0
    }
}

@media only screen and (min-width: 1367px) {
    .about-page .content {
        padding:0
    }
}
@media screen and (max-width: 1620px) {
	.about-page .banner{padding: 350px 0;}
}
@media screen and (max-width: 1460px) {
	.about-page .banner{padding: 300px 0;}
	@-webkit-keyframes banner-loop {
    	0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-600px)
	    }
	}

	@-moz-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-600px)
	    }
	}

	@-o-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-600px)
	    }
	}

	@keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-600px)
	    }
	}
}
@media screen and (max-width: 1220px) {
	.about-page .banner{padding: 200px 0;}
	@-webkit-keyframes banner-loop {
    	0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-400px)
	    }
	}

	@-moz-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-400px)
	    }
	}

	@-o-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-400px)
	    }
	}

	@keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-400px)
	    }
	}
}
@media screen and (max-width: 1020px) {
	.about-page .banner{padding: 150px 0;}
	@-webkit-keyframes banner-loop {
    	0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-300px)
	    }
	}

	@-moz-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-300px)
	    }
	}

	@-o-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-300px)
	    }
	}

	@keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-300px)
	    }
	}
}
@media screen and (max-width: 768px) {
	.about-page .banner{padding: 75px 0;}
	@-webkit-keyframes banner-loop {
    	0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-150px)
	    }
	}

	@-moz-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-150px)
	    }
	}

	@-o-keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-150px)
	    }
	}

	@keyframes banner-loop {
	    0% {
	        transform: translateY(0)
	    }

	    100% {
	        transform: translateY(-150px)
	    }
	}
}