@media screen and (min-width:1500px){
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1380px){
}
@media screen and (max-width:1300px){
.home-news .title .name:before{ left: 18%;}
.home-news .title .name:after{ right: 18%;}
}
@media screen and (max-width:1240px){
}
@media screen and (max-width:1210px){
.about-wrap .left.home-news .title .name{left: -14%; }
.about-wrap .left.home-news .title .font{ left: -80px;}
}
@media screen and (max-width:1200px){
.about-wrap .left.home-news .title .name{ left: -8%;}
.aptitud-pic .small-pic{ padding: 20px 10px;}
.aptitud-pic .small-pic .num{ width: 870px;}
.home-news .news-list .item .text{ width: 50%;}
.home-news .news-list .item .vertical-box{ width: 150px; height: 115px;}
.news .item .hover .text{ width: 60%;}
.contact .left{ width: 50%;}
.contact .right{ padding-top: 0; width: 50%;}
.contact .right .right-content{ height: 380px;}
.service-list .item{ width: 184px;}
.case-detail .right{ width: 620px;}
.case-detail .left{ width: 225px;}
.group{ height: 660px;}
.group-wrap .group-list .item .num{ font-size: 28px;}
.aptitud-pic .small-pic .num ul li{ width: 128px;}
}
@media screen and (max-width:1100px){
.pc-nav .nav-list .item{ margin-left: 20px;}
.home-news .title .name:before{ left: 8%;}
.home-news .title .name:after{ right: 8%;}
.about-wrap .left.home-news{ padding: 0; margin-bottom: 20px;}
.about-wrap .left.home-news .title .name{left: 25%; width: 50%; }
.about-wrap .left.home-news .title .font{ left: 0;}
.pc-nav .nav-drop{ padding-left: 50%;}
.service-wrap .title{ margin-top: 100px;}
.service-list .item{ margin-top: 30px; width: 308px;}
.group-wrap .group-list{ margin-top: 150px; background: transparent;}
.group-wrap .group-list .item{ position: relative; float: left; top: initial !important; left: initial !important; right: initial !important; width: 20%;}
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:995px){
.course-list .item .vertical-box{ padding: 0 30px;}
.course-list .item .text{ padding-left: 30px;}
.course-list .item:nth-child(even) .text{ padding-right: 30px;}
.course-list .item:before{ margin-top: -8px; margin-left: -8px; width: 16px; height: 16px;}
.aptitud-pic .small-pic .num{ width: 660px;}
.aptitud-pic .small-pic .num ul li{ width: 114px;}
.aptitud-pic .pic-wrap{ padding: 20px; height: auto;}
.home-news .news-list .item .text{ width: 67%;}
.news-wrap .left .vertical-box{ display: none;}
.news-wrap .left{ float: inherit; width: 100%;}
.news-wrap .right{ float: inherit; padding:100px 30px 30px; width: 100%;}
.culture-content .item.content{ display: block; padding-top: 10%; float: left; width: 50%; height: 277px;}
.culture-content .item.vertical-box{display: block; width: 100%;}
.culture-content .item.content.w50{ width: 100%;}
.m-culture{ display: block !important;}
.pc-culture{ display: none !important;}
.contact .left{ float: initial; width: 100%;}
.contact .right{ float: initial; width: 100%; margin-bottom: 20px;}
.contact .right .right-content{ left: 0; width: 100%;}
.contact{ padding: 40px 0;}
.service-list .item{ width: 209px;}
.case-detail .left .title{ font-size: 26px;}
.case-detail .right{ width: 460px;}
.album-wrap .pic-wrap ul li{ height: 400px;}
.album-wrap .pic-wrap{ padding: 0; height: 400px;}
.contact-wrap .contact .content{ width: 90%;}
}
@media screen and (max-width:860px){
}
@media screen and (max-width: 767px){
.album-wrap{ margin: 1.2rem 0 .3rem;}
.album-wrap .m-aptitud{ margin-top: 30px;}
.pc-show{ display: none;}
.m-show,.pic-box .pic .glyphicon{ display: block;}
.banner,.mt-large{ margin-top: .9rem;}
.footer .right,.footer .left{ float: initial !important;}
.footer .right{ margin-top: 20px;}
.ico.return{ display: inline-block;}
.home-brand{ padding-top: 50px;}
.home-news .title .name:before{ left: 0;}
.home-news .title .name:after{ right: 0;}
.home-brand .title,.home-news .title .name{ font-size: 24px;}
.home-brand .title .font{ font-size: 18px;}
.home-brand .brand-list .item:after,.about-brand.home-brand .brand-list .item:first-child:before,.about-brand.home-brand .brand-list .item:last-child:after{ display: none;}
.home-brand .brand-list{ margin-top: 20px;}
.home-brand .brand-list .item{ padding: 30px 0 40px; }
.home-brand .brand-list .item .font{ font-size: 18px;}
.home-brand .brand-list .item .ico{ margin-bottom: 15px;}
.ico.ico-center,.ico.ico-template{ margin-bottom: 17px !important;}
.home-news{ padding: 50px 0;}
.home-news .news-list .item .vertical-box{ width: 160px;}
.about-wrap{ padding: 40px 0;}
.course-list .item .vertical-box{ display: none;}
.course-list .item .text{ width: 98%;}
.course-list:before{ left: 0;}
.course-list .item{ padding-bottom: 30px;}
.course-list .item:before{ left: 0;}
.course-list .item:nth-child(even) .text{ padding-left: 30px; padding-right: 0;}
.course-list .item:nth-child(even) .text .name{ text-align: left;}
.home-news .news-list .item .text{ width: 60%;}
.news-wrap{ margin: 40px 0;}
.news .item .hover .text{ width: 50%;}
.page-wrap{ text-align: center;}
.news-detail .content img{ width: 100% !important; height: auto !important;}
.service-list .item{ width: 180px; height: 142px;}
.service-list .item.hvr-shutter-in-horizontal:before{ background: transparent;}
.service-list .item.hvr-shutter-in-horizontal:hover{ background: transparent;}
.service-list .item .name{ color: #323232;}
.service-list .item .name:after{ background: #646464;}
.ico.ico-sy{ background-image: url(../img/ico7.png);}
.ico.ico-wt{ background-image: url(../img/ico9.png);}
.ico.ico-xs{ background-image: url(../img/ico11.png);}
.ico.ico-sz{ background-image: url(../img/ico13.png);}
.ico.ico-yb{ background-image: url(../img/ico15.png);}
.case-tag .item .vertical-box .cover{ font-size: 16px;}
.home-news .title .font{ font-size: 55px;}
.case-detail{ padding: 40px 0;}
.case-detail .left{ float: initial; width: 100%; text-align: center;}
.case-detail .title:after{ display: none;}
.case-detail .right{ float: initial; margin-top: 20px; width: 100%;}
.case-detail .left .case-tag .item{ padding-left: 10px; padding-right: 10px;}
.album-wrap .subNav_menu li{ width: 33%;}
.case-banner .swiper-pagination.swiper-pagination-custom,.swiper-pagination.swiper-pagination-custom{ display: none;}
.other {
margin: 18px 10px 0 0
}
.other.change .menu i:nth-child(1) {
width: 26px;
top: 23px
}
.other.change .menu i:nth-child(3) {
width: 26px;
top: 23px
}
.menu {
width: 50px;
height: 50px
}
.menu i:nth-child(1) {
width: 26px;
right: 12px;
top: 16px
}
.menu i:nth-child(2) {
width: 26px;
right: 12px;
top: 23px
}
.menu i:nth-child(3) {
width: 26px;
right: 12px;
top: 30px
}
.group{ height: 560px;}
.group .group-wrap{ padding-top: 80px;}
.group-wrap .group-list{ margin-top: 50px;}
.group-wrap .group-list .item{ margin-bottom: 20px; width: 33%;}
.contact-wrap .contact .content .contact-box{ width: 90%;}
.case-tag .item .vertical-box{ height: auto;}
}
@media screen and (max-width:641px){
.home-brand{ padding-top: 30px;}
.home-brand .brand-list .item{ width: 33%;}
.home-news .news-list .item .vertical-box{ width: 115px; height: 110px;}
.m-aptitud .item{ height: 180px;}
.m-aptitud{ margin-top: 80px;}
.news .item .hover{ display: none;}
.detail-bottom .detail-left{ float: initial; width: 100%;}
.detail-bottom .btn{ float: initial; margin:20px auto 0;}
.culture-content .item.content{ padding: 30px 0; width: 100%; height: auto;}
.contact .right .right-content{ padding: 30px;}
.service-list .item{ padding-top: 30px; width: 32%; font-size: 16px;}
.home-news.case-wrap .title .font{ font-size: 26px;}
.case-wrap .tips{ margin: 20px 0; line-height: 24px;}
.case-detail .left .case-tag{ margin-top: 30px;}
.service-list .item .name{ font-size: 16px;}
nav{ width: 70%;}
.sub-nav-list a{ padding: 20px 0;}
.other{ margin-top: 11px;}
.group{ height: 460px;}
.group-wrap .title{ font-size: 24px;}
.group-wrap .font{ font-size: 16px;}
.group .group-wrap{ padding-top: 40px;}
.group-wrap .group-list .item .num{ font-size: 24px;}
.group-wrap .group-list .item .num .figure{ font-size: 38px;}
.group-wrap .group-list .item span{ font-size: 12px;}
.contact-wrap{ height: auto !important;}
.contact-ico .icon{ margin-right: 40px;}
}
@media screen and (max-width:595px){
.service-wrap .title{ margin-top: 80px; font-size: 40px;}
}
@media screen and (max-width:481px){
.home-news .title .name,.about-wrap .left.home-news .title .name{ top: 11px; left: 20%; width: 60%;}
.home-news .title .font,.about-wrap .left.home-news .title .font{ font-size: 40px;}
.home-news .news-list .item .date{ display: none; }
.home-news .news-list .item .content{ padding: 10px;}
.home-news .news-list .item{ padding: 0;}
.home-news .news-list .item .text .timer{ display: block;}
.home-news .news-list .item{ margin-top: 15px;}
.home-news .news-list{ margin-top: 70px;}
.m-aptitud .item{ height: 150px;}
.news-wrap .right{ padding: 40px 20px;}
.news-wrap .left{ padding-top: 20px;}
.news-wrap .right .link .w80{ width: 60%;}
.news-wrap .right .link .w20{ width: 40%; text-align: right;}
.page-wrap .item{ width: 130px;}
.news-wrap{ margin: 20px 0;}
.home-news .news-list .item .text{ width: 65%;}
.right-content .name .title{ font-size: 16px;}
.contact .right .right-content{ padding: 22px;}
.service-wrap .title{ margin-top: 60px; font-size: 30px;}
.service-list .item{ padding-top: 0; width: 31%; height: 108px;}
.ico.ico-sy{ width: 36px; height: 40px;}
.ico.ico-wt{ width: 40px; height: 40px;}
.ico.ico-xs{ width: 45px; height: 40px;;}
.ico.ico-sz{ width: 40px; height: 40px;}
.ico.ico-yb{ width: 40px; height: 40px;}
.service-banner{ height: 667px !important;}
.home-brand .title>div{ font-size: 20px;}
.other {
margin: 8px 10px 0 0
}
.other.change .menu i:nth-child(1) {
width: 20px;
top: 15px
}
.other.change .menu i:nth-child(3) {
width: 20px;
top: 15px
}
.menu {
width: 30px;
height: 30px
}
.menu i:nth-child(1) {
width: 20px;
right: 5px;
top: 9px
}
.menu i:nth-child(2) {
width: 20px;
right: 5px;
top: 15px
}
.menu i:nth-child(3) {
width: 20px;
right: 5px;
top: 21px
}
.contact-wrap .contact{ padding-top: 40px;}
}
@media screen and (max-width: 375px){
.home-news{ padding-top: 30px;}
.home-news .title .name,.about-wrap .left.home-news .title .name{ left: 10%; width: 80%;}
.home-news .news-list{ margin-top: 55px;}
.home-news .news-list .item .vertical-box{ width: 120px; height: 90px;}
.home-news .news-list .item .text{ width: 60%;}
.news-detail{ padding: 20px;}
.news-detail .top .title{ font-size: 16px;}
}
@media screen and (max-width: 360px){
.home-brand .title, .home-news .title .name{ font-size: 18px;}
.home-brand .title .font{ font-size: 14px;}
.home-news .news-list .item .text{ width: 55%;}
.home-news .news-list .item .vertical-box{ width: 110px; height: 80px;}
.m-aptitud .item{ height: 110px;}
.home-news .title .font, .about-wrap .left.home-news .title .font{ font-size: 36px;}
.page-wrap .item{ width: 105px; height: 36px; line-height: 36px;}
.service-wrap .title{ margin-top: 20px; font-size: 24px;}
.service-wrap .int{ font-size: 12px;}
.service-banner{ height: 480px !important;}
.ico.ico-sy{ width: 30px; height: 35px;}
.ico.ico-wt{ width: 35px; height: 35px;}
.ico.ico-xs{ width: 40px; height: 35px;;}
.ico.ico-sz{ width: 35px; height: 35px;}
.ico.ico-yb{ width: 35px; height: 35px;}
.service-list .item{ height: 95px;}
.service-list .item .name{ margin-top: 5px;}
.other{ margin-top: 5px;}
nav{ width: 80%;}
.group-wrap .title{ font-size: 20px;}
.group-wrap .font{ font-size: 14px;}
.group-wrap .group-list .item .num .figure{ font-size: 30px;}
.group-wrap .group-list .item .name{ font-size: 16px;}
.contact-ico .icon{ margin-right: 20px;}
.contact-box .name .title{ font-size: 18px;}
}