@media screen and (max-width:1680px){
    .kggs{margin: 5% auto 0;}
}
@media screen and (max-width:1366px){
    .kggs{margin: 6% auto 0;}
    .kggs_title i{margin: 0 auto;}
    .ckgd{margin:1% auto 0;}
    .yyui_tab>.yyui_tab_content_this{height: 385px;}
    .kggs_title h3{font-size: 14px;}
    .kggs_title i{font-size: 12px;}
    .abousr_con em {bottom:15%;}
    .cases-list-box{margin: 0 auto;}
    .cases-list li:nth-child(1),.cases-list li:nth-child(2){margin: .5% 1.5% 0 0;}
    .cases-list li:nth-child(3){margin:.5% 0 0;}
    .lxwm{margin:5.5% auto 1%;}
    .foonter_top{padding: 3% 0 1%;}
    .new_con{margin: 0 auto;}
    .new_con ul li{padding:1% 3%;}
    .new_con ul li h3{line-height: 20px;height:auto}
}
@media screen and (max-width:1280px){
.wrap{ max-width:10240px;padding:0; }
.foonter_top{max-width:1200px;margin:0 auto;width:96%;padding:4% 2% 1%;}
.cases-list li:nth-child(1), .cases-list li:nth-child(2) {margin: .5% .5% 0 0;}
.cases-list li{margin: .5% .5% 0 0;}
.new_con{margin:1% auto 0;}
.new_con ul li{padding: 2% 3%;}
.yyui_tab>.yyui_tab_content_this{height:400px;}
.abousr_con em {margin: 3% auto 0;}
.yyui_tab>ul>.yyui_tab_title_this{background: url(../images/sy_about_bg_hover.jpg) no-repeat center;max-width: 210px;}
.yyui_tab>ul>.yyui_tab_title{max-width: 210px;}
.abousl{max-height:581px;}
}
@media screen and (max-width:1024px){
.head{max-width:1200px;width:96%;margin:0 auto;padding:0 2%;}
.content_nav dl{width:96%;}
.wrap{width:90%;}
.navs{display: none;}
.nav__trigger{display: block; }
.search{display: none;}
.foonter_top{padding:20px 0;}
.foonter_top_l{width:100%;display: block;text-align:center;}
.foonter_top_c{width:100%;text-align: center;margin-top:10px;}
.foonter_top_r{width:100%;text-align: center;margin: 4% auto 0;}
.foonter_top_c dl dt{margin:0 auto 1%;}
.foonter_top_r dl dd{margin:1% auto 0;}
.ban{display: none;}
.project_center{ position:relative; height:300px; display: block;width:59%;margin:0 auto;overflow: hidden;margin-top:0%;}
.project_div{ position:absolute; left:50%; top:0; height:360px; overflow:hidden; margin-left:-544px}
.project_div li{ float:left;  width:363px;}
.project_div li span{ display:block; text-align:center; margin-bottom:10px; height:300px; line-height:300px;}
.project_div span img{ width:338px; /*height:280px;*/transition:all 1s ease 0s; border:1px solid #ddd;}
.project_div span img:hover{ transform:scale(1.1,1.1); transition:all 1s ease 0s;}
.project_div em{ display:block; text-align:center; line-height:37px; color:#37b3c2; font-size:20px;}
.project_div i{ font-weight:bold; display:block;}
.pro_left{ background:url(../images/sy_jt_01.png) left top no-repeat; width:50px; height:50px; position:absolute; left:0;top: 50%;margin-top: -25px;}
.pro_right{ background:url(../images/sy_jt_02.png) left top no-repeat; width:50px; height:50px; position:absolute; right:0;top: 50%;margin-top: -25px;}
.abousl {max-height:496px;width:100%;float: none;margin:0 auto}
.abousr{width:64%;margin:2% auto 0;float: none;}
.kggs {margin: 10% auto 0;}
.cases-list li{width:42%;margin:4%;}
.cases-list li:nth-child(1),.cases-list li:nth-child(2),.cases-list li:nth-child(3){margin:4%;}
.cases-list li:nth-child(2), .cases-list li:nth-child(4){margin-right:0;}
.new_con{width:96%;margin:1% auto;}
.new_con ul li{width:42%;margin:1.5% 3.5% 1.5% 0;}
.new_con ul li i{margin:1% auto;}
.new_con ul li:nth-child(2),.new_con ul li:nth-child(4){margin-right:0;}
.new_con ul li abbr{-webkit-line-clamp: 2;height: 46px;}
.lxwm_l{width:96%;float: none;margin:5% auto;}
.lxwm_r{width:96%;margin:5% auto;float: none;}

.footer_SJ{display: block;}
.footer_PC{display: none;}
.foonter_top_l h1 a{background:none;margin:0 auto;}
}

@media screen and (max-width:768px){
.head{padding:0 2%;}
ul.submenu{right:140px;}
.project_center{width:59%;height:310px;margin-top:0;}
.content_l{width:100%;margin:0 auto;float: none;max-width:768px;}
.content_r{width:100%;margin:0 auto;float: none;}
.bar {height:200px;overflow: hidden;}
.content_nav dl{width:100%;margin:0 auto;}
.main_title h3{width:80%;}
.main_con>img{width:100%;margin:2% auto}
.main_con blockquote:nth-child(1),.main_con blockquote:nth-child(2),.main_con blockquote:nth-child(4),.main_con blockquote:nth-child(5){width:100%;float: none;margin:1% auto;display: block;padding:0;}
.main_cons p span img{margin:0% 2% 0% 0;}
.main_con blockquote p {margin: 5% auto 0;}
.main_cons p span{text-indent:0;}
.main_cons blockquote:nth-child(2){float:left;width: 80%;}
.pc_banner{display: none;}
.sj_banner{display: block;}
.content_con{margin: 3% auto 0;}


}
@media screen and (max-width:414px){
.head{ line-height: 50px; }
.logo img{ height:42px;}
.nav__trigger{ top: 14px; }
.nav--active .zjq-mnav{ top: 80px; }
.foonter_top_l h1 a img{margin:0 auto;width:50%;}
.foonter_btm{height:75px;line-height:20px;}
.foonter_btm .dl dt a{line-height: auto;}
.foonter_top_l ul li b,.foonter_top_l ul li a,.foonter_top_c dl dt,.foonter_top_r dl dd{font-size: 12px;}
.head{line-height:80px;height:80px;}
.head h1 a{margin:7% auto 0;}
.nav--active .zjq-mnav{display:block;}
#menu{height:80px;}
#menu > li{height:80px;line-height: 80px;}
#menu > li b{line-height: 80px;}
ul.submenu{display: none;}
label.menulist{margin: 13% auto 0;}
.project_center{width:85%;margin-top:5%;}
.abousl{display: none;}
.abousr{width:100%;}
.yyui_tab>ul>.yyui_tab_title_this {max-width: 32.7%;}
.yyui_tab>ul>.yyui_tab_title {max-width: 32.7%;}
.yyui_tab>.yyui_tab_content_this{height:430px;}
.yyui_tab>ul>.yyui_tab_title h3, .yyui_tab>ul>.yyui_tab_title_this h3{margin: 53% auto 0;}
.kggs {margin: 23% auto 0;}
.new_con ul li h3{font-size:14px;line-height: 20px;}
.new_con ul li abbr{line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height: auto;margin:2% auto;}
.new_con ul li em{height:20px;line-height: 20px;}
.lxwm {margin: 20% auto 0;}
.lxwm_l form button {float: none;margin: 3% auto 0;display: block;}
.abousr_title {margin: 0% auto;}
.abousr_title h2 {font-size:18px;}
.yyui_tab>ul>.yyui_tab_title h3, .yyui_tab>ul>.yyui_tab_title_this h3{font-size:18px;}
.yyui_tab>ul>.yyui_tab_title i, .yyui_tab>ul>.yyui_tab_title_this i{font-size:14px;}
.kggs_title h3{font-size:20px;}
.kggs_title i{font-size:16px;}
.content_l{width:100%;margin:0 auto;float: none;}
.content_r{width:100%;margin:0 auto;float: none;}
.bar {height:200px;overflow: hidden;}
.content_nav dl{width:100%;margin:0 auto;}
.main_title h3{width:80%;}
.main_con>img{width:100%;margin:2% auto}
.main_con blockquote:nth-child(1),.main_con blockquote:nth-child(2),.main_con blockquote:nth-child(4),.main_con blockquote:nth-child(5){width:100%;float: none;margin:1% auto;display: block;padding:0;}
.main_con dl{width:100%;}
.main_con dl dt img{margin:0 auto;}
.main_wz_tit b{width:75%;}
.main_wz_tit b a{width:100%;}
.main_wz_tit b,.main_wz_tit b a{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.main_wz_tit i{float: none;}
.main_cons blockquote:nth-child(3){float: none;}
.main_con form button{float: none;margin:2% auto;display: block;}
.slider_PC{display: none;}
.slider_SJ{display: block;}
.abousr_con .abousr_con_p{ -webkit-line-clamp: 7;}
.abousr_con{height:100%;}
.lxwm_l form input:nth-child(4){height:40px;}
.lxwm_l form input{height:25px;line-height: 25px;}
.lxwm_l form button{height:25px;line-height: 25px;}
.lxwm_l h2{font-size:14px;}
.lxwm_r{display: none;}
.foonter_top_r dl dt img{width:10%;}
.foonter_btm .dl dt a{font-size:12px;}
.head h1{width:50%;}
.head h1 img{width:100%;height:auto;}
.fp-viewing-page1 .head h1 a img,.fp-viewing-page2 .head h1 a img{margin:-7px auto 0;width:100%;height:auto;}
label.menulist {margin: 12% auto 0;}
#menu > li b{margin-right: 10px;}
.head h1 a {margin: 9% auto 0;}
.fixed h1 a, .fp-viewing-page2 h1 a, .fp-viewing-page3 h1 a, .fp-viewing-page4 h1 a, .fp-viewing-page5 h1 a, .fp-viewing-page6 h1 a{background-size:72%;}
.fixed label.menulist, .fp-viewing-page2 label.menulist, .fp-viewing-page3 label.menulist, .fp-viewing-page4 label.menulist, .fp-viewing-page5 label.menulist, .fp-viewing-page6 label.menulist{margin: 12% auto 0;}
.cases-list li:nth-child(1), .cases-list li:nth-child(2){margin:4%;}
.abousr_con em {bottom: 7%;}
.yyui_tab>.yyui_tab_content_this{height:360px;}
.fd{display: none;}
.lxwm_l form>span>img{height:25px;}
.new_con ul li h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: auto}
.cases-list li h3{font-size:14px;}
}
@media screen and (max-width:375px){
    #menu > li b{padding:0;}
    .yyui_tab>.yyui_tab_content_this{height:320px;}
    .abousr_con .abousr_con_p{line-height: 26px;}
    .new_con ul li h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;height: auto}
    .foonter_top_c{display:none;}
    .new_con ul li abbr {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    height: auto;
    margin: 1% auto;
}
}
@media screen and (max-width:360px){
.head h1{width:51%;}
.fp-viewing-page1 .head h1 a img{margin:-10px auto 0;width:100%;height:auto;}
label.menulist {margin: 15% auto 0;}
#menu > li b{margin-right: 10px;}
.head h1 a {margin: 9% auto 0;}
.abousr_con .abousr_con_p{ -webkit-line-clamp: 8;}
.fixed label.menulist, .fp-viewing-page2 label.menulist, .fp-viewing-page3 label.menulist, .fp-viewing-page4 label.menulist, .fp-viewing-page5 label.menulist, .fp-viewing-page6 label.menulist{margin: 15% auto 0;}
.lxwm{margin: 24% auto 0;}
.main_title h3::before, .main_title h3::after{width:85px;}
.yyui_tab>.yyui_tab_content_this{height:340px;}
}