@media screen and (max-width:1550px){
   .sign-up figcaption{ margin-top:-81px;}
   .sign-up figcaption .sign-wr{ padding:0 12%;}
   .sign-up figcaption .sign-wr p{ margin-bottom:28px;}   
   .base-text{ margin-top:0;}
   .base figcaption{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; box-align:center; -webkit-box-align:center; align-items:center;  -webkit-align-items:center;}
   .history-down{ height:54px; top:-54px;}
   .leader-lists li figcaption{ margin-top:2%; width:45%;}
   .leader-lists li figcaption p{ margin-top:30px; margin-bottom:30px;}
   .leader-lists li figcaption h2{ height:84px; overflow:hidden;}
   .news-list li{ width:30%; margin-right:5%; margin-bottom:50px;}
   .news-list li:nth-child(4n+4){ margin-right:5%;}
   .news-list li:nth-child(3n+3){ margin-right:0;}
   .news{ padding:60px 5% 60px;}
   .team-wr{ min-height:400px;}
   .data-lists{ width:70%;}
}
@media screen and (max-width:1450px){
   .baright{ margin-left:0;}
   .leader .flex-control-nav{ bottom:20px;}
   .base-text h3{ margin-bottom:12px;}
   .base-text p{ line-height:1.8;}
   .base-text{ padding:0 8%;}
}
@media screen and (max-width:1230px){
   .inner{ width:95%;}
   .common-wr{ margin-left:-45%;}
   .history-down{ left:55px; margin-left:0;}
   .line{ left:75px; margin-left:0;}
   .history-list{ padding:0;}
   .history-list li b{ margin:0;}
   .histroy-in{ width:100%;}
   .histroy-in:before{ right:inherit; left:-8px;}
   .history-info{ padding-left:76px;}
   .history-list li .histroy-in:nth-child(2n+2){ float:left;}
   .history-list li .histroy-in:nth-child(2){ margin-top:0;}
   .histroy-text{ margin-left:40px;}
   .history-list li .histroy-in:nth-child(2n+2) .histroy-text{ float:left;}
   .history-more a{ margin:0; margin-left:-20px;}
   .flight .flex-direction-nav{ bottom:0; width:90%; margin-left:-45%;}
   .base-title{ height:auto;}
   .based-text{ margin-top:0; width:100%; box-sizing:border-box; padding:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
   .base-font{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; height:auto; padding:30px;}
   .base-wr{ padding:0;}
   .team-left{ width:100%;}
   .team-wr{ min-height:auto; padding:20px 5%; text-align:center; height:auto;}
   .team-wr small{ margin-top:6px; text-align:center; padding-bottom:12px;}
   .team-wr small:before{ left:50%; margin-left:-66px;}
   .team-banner{ width:100%;}
   .team-wr p{ margin-top:34px; text-align:left;}
   .team-wr h2{ text-align:center; font-size:32px;}
   .train-fix p{ padding:0 5%;}
   .parner-list li{ width:22%; margin-right:4%;}
   .table_box p{ padding-top:50px; line-height:2;} 
   .president{ padding:120px 0;}
}
@media screen and (max-width:1200px){
   .mtop{ display:block; height:56px;}
   .header-box{ padding:7px 5% 9px; width:100%; box-sizing:border-box;}
   .nav-box{ display:none;}
   .menu-box{ display:block;}
   .logo{ width:auto; height:40px;}
   .logo img{ height:40px; width:auto;}
   .header-r{ margin-top:12px; margin-right:18px;}
   .search-wr{ padding:50px 5% 100px;}
   .search{ width:100%;}
   .sign-up figcaption .sign-wr p{ margin-bottom:16px;}
   .sign-up figcaption{ margin-top:-75px;}
   .aviate{ margin-left:2.9%;}
   .base figure{ width:100%;}
   .base figcaption{ position:relative; width:100%;}
   .base-text{ padding:30px 5%;}
   .about-list li{ width:32%; margin-right:2%; margin-bottom:13px;}  
   .about-list li:nth-child(3n+3){ margin-right:0;}
   .leader-lists{ padding-left:5%; padding-right:5%;}
   .leader-lists li figcaption{ margin-top:0;}
   .leader-lists li figcaption h2{ font-size:24px; height:72px;}
   .leader-lists li figcaption p{ margin-top:20px; margin-bottom:20px;}
   .culture-box{ padding:32px 5% 50px;} 
   .management-text{ width:90%; margin-left:-45%; padding-bottom:38px;}
   .managen{ padding:0 40px; margin-top:30px;}
   .team-box{ padding:40px 5% 50px;}
   .scope-down{ padding:88px 0 100px;}
   .club-bg{ padding:88px 0 50px;}
   .online-right{ float:left; margin-top:30px;}
   .data-list li figure{ display:none;}
   .wisdom-box{ padding:0 5% 50px;}
}
@media screen and (max-width:1100px){
   .general p{ width:100%;}
   .service-list{ width:100%;}
   .service-list li{ width:22%; margin-right:4%;}
   .recruite-post{ width:100%;}
}
@media screen and (max-width:1024px){
   .inner{ width:90%;}
   .process-box{ background-attachment:local !important; background-size: cover !important;}
   .baTxts{ width:90%; margin-left:-45%;}
   .baTxts h2{ font-size:32px; margin-bottom:10px;}
   .baTxts strong{ margin-top:14px; margin-bottom:10px;}
   .banner li.transShow .baTxts b.transy{ width:300px;}
   .baTxts{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
   .header-r{ margin-right:28px;}
   .tear,.tear-fix{ width:100%;} 
   .based-text{ margin-bottom:30px;}
   .video{ width:100%;}
   .newed{ width:50%;}
   .new-info{ width:50%;}
   .aviate figcaption small{ font-size:32px;}
   .aviate-list{ margin-top:40px;}
   .aviate-info li{ width:48%; margin-right:4%; margin-top:30px;}
   .aviate-info li:nth-child(2n+2){ margin-right:0;}
   .aviation-box{ padding:96px 0 40px;}
   .footer-box{ padding-top:88px;}
   .footer h2{ font-size:26px;}
   .content_list{ width:100%;}

   .footer small{ font-size:14px;} 
   .video-hidden span{ width:82px; height:82px; margin-top:-41px; margin-left:-41px; background-size:cover !important;}
   .introduct-text{ padding:0; padding-bottom:24px;}
   .introduct-title h2{ font-size:28px;}
   .introduct-title small{ font-size:22px;}
   .introduct-bg,.online-box{ background-attachment:local !important; background-size:cover !important; height:320px;}
   .online-box{ height:auto;}
   .business-info figcaption{ margin-top:0;}
   .business{ padding-bottom:20px;}
   .business-info figure{ width:53%;}
   .business-info{ margin-bottom:40px;}
   .business-info figcaption{ width:43%;}
   .honor-flex img{ height:220px; width:auto;}
   .common-wr .common-text{ width:280px;}
   .common-fix h2{ font-size:30px;}
   .honor{ padding:60px 0 40px;}
   .honor-list li{ width:48%; margin-right:4%;}
   .honor-list li:nth-child(3n+3){ margin-right:4%;}
   .honor-list li:nth-child(2n+2){ margin-right:0;}
   .history-banner figcaption{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
   .history-banner figcaption h2{ font-size:30px;}
   .leader-lists li figure{ width:52%;}
   .leader-lists li figcaption time{ margin-top:6px;}
   .leader-lists li figcaption p{ margin-top:10px;} 
   .leader-lists li figcaption h2{ font-size:20px; height:58px;}
   .leader-lists li figcaption p{ line-height:1.8;}
   .leader-lists li figcaption span{ height:36px; line-height:36px;}
   .leader-more a b{ line-height:64px;}
   .news-list li{ width:48%; margin-right:4%;}
   .news-list li:nth-child(3n+3){ margin-right:4%;}
   .news-list li:nth-child(2n+2){ margin-right:0;}
   .view-wr h2{ width:100%; font-size:26px;}
   .view-text{ padding-top:50px; padding-bottom:60px;}
   .view-text h2{ margin-bottom:36px !important; font-size:16px;}
   .view-text img{ margin-bottom:30px;}
   .view-text p{ margin-bottom:16px;}
   .management-fix{ padding-top:0;}
   .managements h2{ font-size:28px;}
   .managements small{ font-size:20px;}
   .culture-box{ padding-top:43px;}
   .management-text{ position:static; width:100%; margin-left:0;}
   #carousel{ display:none !important;}
   #slider .flex-direction-nav{ display:block;}
   .team-wr p{ margin-top:28px;}
   .scope figcaption{ font-size:30px; margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
   .scope-down{ padding:90px 0 90px;}
   .scope-down p{ width:90%;}
   .train-box{ padding:60px 0;}
   .train-wr{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
   .elements-box{ padding:50px 0 40px;}
   .elements-info{ margin-bottom:20px;}
   .standard-box{ padding:40px 0 55px;}
   .standard h2{ margin-bottom:44px;}
   .standard-info{ width:48%; margin-right:4%;}
   .standard-info:nth-child(2){ margin-right:0; margin-bottom:30px;}
   .service-box{ padding:88px 0;}
   .club-text h2{ font-size:30px; margin-bottom:22px;}
   .club-text p{ margin-bottom:22px;}
   .parner{ padding:40px 0;}
   .parner-title{ margin-bottom:50px; padding-bottom:14px;}
   .parner-title h3{ font-size:30px;}
   .parner-title small{ margin-top:10px;}
   .parner-list li{ width:30%; margin-right:5%; margin-bottom:30px;}
   .parner-list li:nth-child(4n+4){ margin-right:5%;} 
   .parner-list li:nth-child(3n+3){ margin-right:0;}
   .online-title h2{ font-size:30px;}
   .online-title small{ font-size:20px;}
   .online-title p{ margin-top:10px; line-height:2;}
   .online-right{ box-sizing:border-box; width:100%;}
   .online-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
   .onlines{ width:100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
   .onlines span{ white-space:nowrap; width:72px;}
   .online-input .text, .vision{ width:100%; box-sizing:border-box; }
   .online-input,.select{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; min-width:auto;}
   .select{ width:100%; box-sizing:border-box;}
   .online-textarea{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; width:100%;}
   .online-wr{ padding:40px 40px 30px 40px;}
   .datadown-box{ padding:60px 0 72px;}
   .wisdom-title{ margin-bottom:50px;}
   .wisdom{ padding-top:45px;}
   .wisdom-title h3{ font-size:30px; margin-bottom:16px;}
   .wisdom-title p{ margin-top:20px;}
   .wisdom-info figcaption{ left:20px; top:20px;}
   .recruite-post{ padding-top:50px;}
   .recuite-title h3{ font-size:30px; margin-bottom:10px;}
   .recuite-title p{ margin-top:30px;}
   .recruite{ margin-top:56px;} 
   .contact-address{ padding:60px 0 50px;}
   .addressed{ width:100%;}
   .address-li{ width:33.33333%; min-width:auto;}
   .map{ height:450px;}
   .respond-list.owl-theme .owl-controls{ opacity:1; visibility:visible;} 
   .social-box{ padding:40px 0 55px;}
   .responsiby{ margin-top:40px;}
   .process-box{ padding:100px 0 90px;}
   .process-list{ margin-top:44px;}
   .president-banner figcaption{ padding:26px 0 12px;}
   .president-banner figcaption span{ margin-bottom:24px;}
   .president-banner figcaption b{ width:50px; height:50px; background-size:cover !important;}
   .president-banner figcaption h2{ font-size:30px;}
   .president{ padding:88px 0;}
   .president-info p{ height:auto; padding-bottom:60px;}
}
@media screen and (max-width:861px){
	.certificate{ width:100%; box-sizing:border-box;}
	.introduct-box{ padding:45px 0;}
	.introduct-text{ margin-top:28px;} 
	.certificate{ padding:22px 30px 36px;}
	.business{ padding-top:0;}
	.business-info figure{ width:100%;}
	.business-info figcaption{ width:100%; margin-right:0; margin-left:0 !important; margin-top:20px;}
	.history-down{ left:0;}
	.line{ left:20px;}
	.history-list li b{ width:120px; font-size:20px; height:32px; line-height:32px;}
	.history-list li b:before{ top:-42px;}
	.history-info{ padding-left:20px;}
	.history{ padding-top:50px; padding-bottom:50px;}
	.history-info{ margin-top:80px;}
	.history-more a{ width:140px; font-size:16px;}
	.histroy-text{ margin-left:30px;}
	.leader-lists li figure{ width:100%;}
	.leader-lists li figcaption{ width:100%; margin-top:25px;}
	.leader-lists li figcaption time{ margin-top:12px;}
	.leader-lists li figcaption h2{ height:auto;}
	.content_list li { width: 50%; float: left; }

	.train-title{ width:88px; height:88px; margin-left:-44px; margin-top:-44px;}
	.train-title h4{ margin-top:0; font-size:16px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.elements-left{ width:100%;}
	.elements-banner{ width:100%;}
	.news-title{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.news-title li{ margin-right:30px;}
	.news-title li a{ display:inline-block;}
	.wisdom-title{ margin-bottom:30px;}
	.wisdom-title h3{ font-size:26px;}
	.wisdom-info{ width:100%;}
	.message{ width:90%;}
	.message-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
	.massage-input{ width:100%; margin-bottom:20px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.massage-input:last-child{ margin-bottom:0;}
	.massage-input input{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.massage-textarea{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
	.massage-textarea span{ white-space:nowrap;}
	.massage-textarea input{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.responder li figure{ width:100%; float:none;}
	.responder li figcaption:before{ display:none;}
	.responder li figcaption{ position:static; width:100%;}
	.responder li figcaption .responder-wr{ padding:30px;}
	.process-list{ padding:0;}
	.process-list .owl-theme .owl-controls .owl-buttons div.owl-next{ right:-26px;}
	.process-list .owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-26px;}
} 
@media screen and (max-width:641px){
    .banner .slides li .bimg{ display:none;}
	.banner .slides li .mimg{ display:block;}
	.banner .flex-control-nav{ width:100%; left:0; bottom:18px;}
	.baright{ width:100%;}
	.header-r{ margin-right:38px;}
	.search-wr{ padding:40px 5% 60px;}
	.close{ top:12px; right:5%;}
	.sign-up figure{ display:none;}
	.sign-up{ padding:42px 0;}
	.sign-up figcaption{ position:relative; top:0; margin-top:0;}
	.sign-up figcaption .sign-wr p{ height:auto;}
	.sign-up figcaption .sign-wr{ padding:0 6%;}
	.leader-wr{ padding-top:10%;}
	.leader-wr h3{ font-size:16px; height:38px;}
	.newed figcaption{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.newed figcaption h2{ font-size:20px; margin-bottom:16px; margin-top:8px;}
	.new-info figcaption h4{ font-size:16px;}
	.aviate{ margin-left:5%;}
	.aviate figcaption small{ font-size:28px;}
	.aviate-list{ margin-top:20px;}
	.aviate-info{ padding:0 5%;}
	.aviate-show{ padding:20px 0;}
	.aviate-info li .aviate-show strong{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7); margin-bottom:0;}
	.aviate-show span{ font-size:18px;}
	.aviation-box{ padding-top:60px;}
	.aviate-hidden .aviate-wr{ padding:12px 6% 0;}
	.aviate-hidden .aviate-wr h4{ font-size:18px; margin-bottom:8px;}
	.aviate-hidden .aviate-wr p{ line-height:1.8; height:44px;}
	.aviate-hidden .aviate-wr span{ margin-top:6px;}
	.footeraddre{ width:100%; text-align:center;}
	.address-list{ display:block; float:none; text-align:center;} 
	.address-list dt,.address-list dd{ float:none;}
	.footer h2{ font-size:23px;}
	.footer small{ font-size:12px;}
	.footer-box{ padding-top:40px;}
	.footeraddre{ margin-top:10px;}
	.eq{ margin-top:14px;}
	.eq span{ width:100%;}
	.eqimg{ margin-bottom:18px;}
	.video-hidden span{ width:54px; height:54px; margin-top:-27px; margin-left:-27px;}
	.introduct-title h2{ font-size:24px; margin-bottom:6px;}
	.introduct-title small{ font-size:18px;}
	.introduct-title{ margin-bottom:22px;}
	.introduct-text{ margin-top:22px;}
	.certificate p{ font-size:14px;}
	.introduct-text p{ line-height:1.8;}
	.introduct-bg{ height:260px;}
	.business{ padding-bottom:0;}
	.base-text h3{ font-size:20px; margin-bottom:6px;}
	.business-info figcaption h3{ font-size:20px; margin-bottom:6px;}
	.business-info figcaption p{ line-height:1.8;}
	.business-info{ margin-bottom:30px;} 
	.about-nav{ padding-bottom:0;}
	.about-list li{ width:49%; margin-right:2%;}
	.about-list li:nth-child(3n+3){ margin-right:2%;}
	.about-list li:nth-child(2n+2){ margin-right:0;}
	.about-list li strong{ font-size:14px; height:36px; line-height:36px;}
	.honor-flex img{ height:108px;}
    .common-wr .common-text{ background:none;}
	.common-fix span{ display:none;}
	.common-fix{ padding:15px 0;}
	.common-fix h2{ font-size:24px;}
	.honor{ padding:30px 0 20px;}
	.general p{ line-height:2;}
	.history-info{ padding-left:0;}
	.histroy-in:before{ left:12px; top:-18px;}
	.histroy-text{ margin-left:0; width:100%; box-sizing:border-box; height:auto; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap;}
	.histroy-text p{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1; margin-left:20px;}
	.histroy-in{ margin-bottom:45px;}
	.history-list li .histroy-in:nth-child(2n+2):before{ left:12px; top:-18px;}
	.history-banner figure img{ width:auto; height:120px;}
	.history-banner figcaption h2{ font-size:26px; margin-bottom:4px;}
	.history-info{ margin-top:66px;}
	.leader-lists li{ margin-bottom:30px;}
	.leader-more a b{ line-height:56px; font-size:16px;}
	.base-title{ width:100%; padding:30px 0;}
	.base-title h2{ margin-top:0;}
	.based-text{ width:100%;}
	.base-title h2{ font-size:30px;}
	.base-font{ padding:22px 5%;}
	.base-wr p{ line-height:1.8;}
	.news-list li{ width:100%; margin-right:0;}
	.flight .flex-direction-nav li a{ width:50px; height:42px;}
	.news{ padding:36px 5% 32px;}
	.news-list li figcaption time{ margin-bottom:6px;}
	.news-list li figcaption h3{ font-size:16px; margin-bottom:12px; height:auto;}
	.news-list li figcaption p{ line-height:1.8; margin-bottom:32px; height:auto;}
	.news-title li{ margin-right:0; width:25%; text-align:center; margin-right:0;}
	.news-title li a{ margin:auto; padding-left:0; padding-right:0;}
	.news-title li:first-child{ margin-left:0;}
	.news-title li:last-child{ margin-right:0;}
	.view-title{ padding-top:30px;}
	.view-wr h2{ font-size:22px; margin-bottom:10px;}
	.view-wr time{ padding-top:14px;}
	.page-box{ padding:40px 0px;}
	.page-info{ margin-top:6px;}
	.back-list{ width:110px; margin-left:-55px;}
	.back-list{ height:34px;}
	.back-list a{ height:34px; line-height:34px;}
	.management-text{ padding-bottom:24px;}
	.managen{ padding:0 26px;}
	.culture-box{ padding-bottom:35px;}
	.managements h2{ font-size:24px;}
	.team-wr h2{ font-size:24px;}
	.team-wr small{ margin-top:0;}
	.team-wr p{ margin-top:20px;}
	#slider .flex-prev, #slider .flex-next{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8);}
	.scope figure img{ height:120px; width:auto; position:relative; margin-left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
	.scope figcaption{ font-size:26px;}
	.scope-down{ padding:78px 0 50px;}
	.train-info{ width:100%;}
	.train-info:nth-child(1){ margin-bottom:30px;}
	.train-box{ padding:30px 0;}
	.train-box h2{ font-size:20px; margin-bottom:30px;}
	.train-fix h3{ font-size:16px;}
	.elements-box{ padding:30px 0;}
	.cost-info{ width:100%; border-right:none;}
	.const-li{ border-bottom:none;}
	.cost-info{ border-bottom:1px solid #a8a8a8;}
	.cost-info span{ padding:30px 0;}
	.cost-info span:last-child{ border-right:none;}
	.cost{ padding:30px 0 50px;}
	.cost h3{ font-size:20px; margin-bottom:22px;}
	.standard-info{ width:100%; margin-right:0; margin-bottom:30px !important;}
	.standard-fix{ height:auto;}
	.service-list li{ width:30%; margin-right:5%; margin-bottom:20px;}
	.service-list li:nth-child(3n+3){ margin-right:0;}
	.service-box{ padding:50px 0 30px;}
	.service{ padding-bottom:40px;}
	.sales-box{ padding:50px 0 10px;}
	.sales-list li{ width:100%; margin-right:0; margin-bottom:40px;}
	.club-bg{ padding:40px 0 36px;}
	.club-text h2{ font-size:26px;}
	.club-text p{ line-height:2;}
	.parner-title{ margin-bottom:32px;}
	.parner{ padding-bottom:10px;}
	.parner-title h3{ font-size:26px;}
	.parner-title:before{ width:100px; margin-left:-50px;}
	.online-title h2{ font-size:26px;}
	.online-title small{ font-size:18px;}
	.online-box{ padding:40px 0 60px;}
	.dtta-title span{ line-height:58px;}
	.data-list li span{ line-height:58px;}
	.data-list li .load-btn{ padding-top:15px; margin-right:3%;}
	.dtta-title span:nth-child(1){ margin-left:8%;}
	.dtta-title span:nth-child(2){ margin-right:8%;}
	.data-list li span{ padding-left:40px;}
	.data-list li span em{ left:13px; top:20px;}
	.data-list li:hover .load-btn{ padding-top:6px;}
	.data-list li:hover .load-btn strong{ padding-top:0;}
	.wisdom-title{ width:100%;} 
	.recruite{ margin-top:34px;} 
	.recuite-title h3{ font-size:26px;}
	.recuite-title small{ font-size:20px;}
	.address-li{ width:50%; height:200px; margin-bottom:28px;}
	.address-li small{ margin-bottom:24px;}
	.contact-address{ padding-bottom:0;}
	.map{ height:320px;}
	.message{ padding:66px 0 50px;}
	.respond-text{ padding:0 40px 0 40px;}
	.respond-text .flex-direction-nav li a.flex-next{ right:5px;}
	.respond-text .flex-direction-nav li a.flex-next:hover{ right:0;}
	.respond-text .flex-direction-nav li a.flex-prev{ left:5px;}
	.respond-text .flex-direction-nav li a.flex-prev:hover{ left:0;}
	.social-box .managements p{ margin-top:20px;}
	.process-box{ padding:60px 0px;}
	.president-banner figcaption h2{ font-size:24px; margin-bottom:6px;}
	.president-banner figcaption span{ font-size:16px; margin-bottom:16px;}
	.president-banner figcaption b{ width:44px; height:44px;}
	.president-banner img{ height:318px; width:auto;}
	.president{ padding:34px 0 10px;}
	.president-info{ width:100%; margin-bottom:30px;}
	.president-info p{ padding-bottom:20px; padding-right:0;}
	.president-info:nth-child(2) p{ padding-left:0;}
	.social-info{ width:100%; margin-right:0;}
}

@media screen and (max-width:520px){
    
}
@media screen and (max-height:530px){
    .address{ margin-top:20px;}
	.introduct-bg{ height:230px;}
}
@media screen and (max-width:481px){
	.header-r{ margin-right:48px; margin-top:8px;}
	.logo{ width:200px; height:auto;}
	.logo img{ width:100%; height:auto;}
	.menuBtn{ width:50px; height:50px;}
	.menuBtn .burger-1{ top:15px;}
	.menuBtn .burger-2{ top:25px;}
	.menuBtn .burger-3{ top:35px;}
	.content_list li { width: 100%; float: left; }

	.menuBtn.active .burger-1,.menuBtn.active .burger-3{ left:10px; top:25px;}
	.mobile-nav{ width:260px;}
	.menu-box{ right:-260px;}
	.mtop{ height:49px;}
	.nav-list a{ height:49px; line-height:49px; padding-left:34px;}
	.address{ margin-left:34px; padding-right:10px;}
	.nav-list a:nth-child(1){ background-position:35px center;}
	.address-info{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
	.address-info dd{ flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;}
	.leader-list li mark:before{ width:10px; height:17px; right:-10px; background-size:cover !important; margin-top:-8px;}
	.leader-wr{ padding:6% 6% 0;}
	.leader-wr h3{ font-size:14px; height:32px;}
	.leader .flex-control-nav{ left:4.5%; bottom:8px;}
	.tear figcaption{ height:52px; line-height:52px; font-size:18px;}
	.sign-up{ padding:30px 0;}
	.sign-up figcaption .sign-wr h3{ font-size:18px;}
	.sign-up figcaption .sign-wr a{ font-size:14px; width:140px; background-position:86px center;}
	.sign-up figcaption .sign-wr a:hover{ background-position:100px center;}
	.newed figcaption h2{ font-size:16px; margin-bottom:10px;}
	.newed figcaption small{ font-size:14px;} 
	.newed:before{ width:10px; height:17px; right:-10px; background-size:cover !important; margin-top:-8px;}
	.newed figcaption a{ padding-left:36px; width:70px;}
	.newed figcaption a:before{ left:24px;}
	.new-info figcaption{ margin-top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);}
	.new-info figcaption strong{ margin-bottom:6px;}
	.new-info figcaption h4{ font-size:14px; margin-bottom:14px; height:46px;}
	.aviate figcaption h4{ font-size:20px;}
	.aviate figcaption small{ font-size:22px;}
	.aviate-list{ margin-top:0;}
	.aviate-hidden .aviate-wr{ padding:10px 6% 0;}
	.aviate-info li{ width:100%; margin-right:0;}
	.aviate-info li .aviate-show strong{ transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6);}
	.aviate-show{ padding-top:15px;}
	.footer{ padding-bottom:32px;}
	.tops{ right:50%; margin-right:-61px;}
	.introduct-title h2{ font-size:22px;}
	.introduct-title small{ font-size:16px;}
	.eq span{ box-sizing:border-box; padding:6px 5%; line-height:1.4; height:auto;}
	.video-hidden span{ width:34px; height:34px; margin-top:-17px; margin-left:-17px;}
	.introduct-bg{ height:200px;}
	.introduct-box{ padding:30px 0;}
	.honor-list{ margin-top:30px;}
	.honor-list li figcaption{ font-size:12px;}
	.histroy-text figure{ width:100%;} 
	.histroy-text figure img{ max-width:100%; width:auto; margin-bottom:5px;}
	.histroy-text p{ width:100%; margin-left:0; line-height:1.8; margin-top:0;}
	.histroy-text{ padding:20px;}
	.leader-lists li figcaption{ margin-top:20px;}
	.leader-lists li figcaption p{ margin-bottom:12px;}
	.leader-lists li figcaption h2{ font-size:18px;}
	.leader-more a b{ font-size:14px;}
	.leader-more a i{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); top:7px;}
	.news{ padding-bottom:0;}
	.view-wr h2{ font-size:20px; line-height:1.6;}
	.view-text p{ text-indent:26px; line-height:1.8;}
	.view-text h2{ text-indent:26px !important; font-size:16px !important;}
	.view-text{ padding-bottom:30px;}
	.page-info a{ padding-left:30px;}
	.page-right a{ padding-left:0; padding-right:30px;}
	.page-info a b{ display:none;}
	.page-info a:hover b{ width:43px;}
	.managen{ margin-top:16px;}
	.scope-down{ padding:68px 0 35px;}
	.cost-info span{ font-size:14px;}
	.standard h2{ margin-bottom:30px;}
	.standard-fix{ padding:20px 5% 24px;}
	.standard-fix h3{ font-size:20px;}
	.standard-text{ margin-top:28px;}
	.standard-box{ padding-bottom:20px;}
	.service-list li{ width:46%; margin-right:8%;}
	.service-list li:nth-child(3n+3){ margin-right:8%;}
	.service-list li:nth-child(2n+2){ margin-right:0;}
	.service-list li span{ font-size:16px;}
	.service-info{ margin-bottom:44px;}
	.service-fix h4{ margin-bottom:30px;}
	.service-info h3{ margin-bottom:24px;}
	.sales-list li figure figcaption{ height:46px; line-height:46px; font-size:16px;}
	.parner-list li{ width:48%; margin-right:4%;}
	.parner-list li:nth-child(3n+3){ margin-right:4%;}
	.parner-list li:nth-child(2n+2){ margin-right:0;}
	.parner{ padding:30px 0;}
	.parner-title h3{ font-size:24px;}
	.online-wr{ padding:30px 5%;}
	.onlines span{ width:auto; text-align:left; line-height:normal; margin-bottom:10px; height:auto;}
	.online-input, .select,.online-textarea{ width:100%; flex:none; -webkit-flex:none;  -webkit-box-flex:none; box-flex:none;}
	.label-radia:first-child{ margin-left:0;}
	.localed{ margin-left:0;}
	.online-sub input{ height:44px; line-height:44px; font-size:16px;}
	.datadown-box{ padding:40px 0 40px;}
	.wisdom-info figcaption h2{ font-size:20px; padding-bottom:10px;}
	.wisdom-info figcaption h2:before{ width:40px;}
	.wisdom-info:hover figcaption h2:before{ margin-left:-20px;}
	.wisdom-info figcaption p{ padding-right:10px; font-size:12px; margin-top:6px;}
	.recruite-post{ padding-top:36px;}
	.recuite-title h3{ font-size:22px;}
	.recuite-title small{ font-size:18px;}
	.recuite-title p{ margin-top:20px;}
	.recruite{ margin-top:20px;}
	.address-li{ width:100%;}
	.contact-address{ padding-top:34px;}
	.map{ height:280px;}
	.massage-textarea{ padding-top:14px;}
	.message{ padding:42px 0;}
	.address-li strong{ transform:scale(0.78); -webkit-transform:scale(0.78); -moz-transform:scale(0.78);}
	.address-li{ margin-bottom:32px;}
	.massage-sub input{ height:42px; line-height:42px; font-size:14px;}
	.address-li{ height:auto;}
	.address-li small{ margin-top:12px; margin-bottom:10px;}
	.respond-text .flex-direction-nav li a,.respond-list.owl-theme .owl-controls .owl-buttons div{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);}
	.respond-text{ padding:0;}
	.respond-text{ margin-top:30px;}
	.responder li figcaption .responder-wr{ padding:20px 5%;}
	.responder li figcaption .responder-wr time{ font-size:26px;}
	.responder li figcaption .responder-wr p{ margin-top:30px;}
	.social-box{ padding:30px 0;}
	.managements h2{ font-size:22px;}
	.managements small{ font-size:18px;}
	.managen{ padding:0 5%;}
	.process-list{ padding:0 20px;}
	.item:before{ display:none;}
	.content_list li{ width:100%;}
	.item{ border-right:none;}
	 .president-banner img{ height:260px; width:auto;}
	 .fancybox-close{ right:2px; top:-24px}
	 .fancybox-next{ right:-35px;}
	 .fancybox-prev{ left:-35px;}
 }
@media screen and (max-width: 380px){
	.header-box{ height:34px;}
    .logo{ width:160px; margin-top:6px;}
	.header-box{ height:50px;}
	.newed{ border-bottom:1px solid #e9e9e9;}
	.newed,.new-info{ width:100%;}
	.new-info{ padding:30px 0; border-bottom:1px solid #e9e9e9;}
	.newed figure,.new-info figure{ display:none;}
	.newed figcaption{ position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); padding:30px 5%; box-sizing:border-box;}
	.new-info figcaption{ position:relative; top:0; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); padding:0 5%;}
	.new-info figcaption h4{ height:auto; min-height:46px; margin-bottom:8px;}
	.tear figcaption{ height:46px; line-height:46px;}
	.about-list li{ width:100%;}
}
@media screen and (max-width: 340px){
    .logo{ width:140px; margin-top:8px;}	
}
	