@charset "utf-8";
@media only screen and (max-width: 1600px) {
.indabout .conss .mainsubject .cons {max-width:94%}
.indabout .conss {left:40%; padding:0 0 0 200px}
}
@media only screen and (max-width: 1280px) {
.main-header .info-box-local {margin:0 10px 0 -10px}
}
@media only screen and (max-width: 1140px) {
.china{ left:-15px;}
.main-header .info-box {margin-top:-20px}
.main-header .info-box-local {margin-right:30px}	
}

/***开始变形***/
@media only screen and (max-width: 1200px) {
.mywrap {padding:0 15px}
.mainsubject {margin:30px auto 20px auto}
.mainsubject .title {font-size:20px; line-height:30px;}
.mainsubject .line { height:2px; width:38px;margin:10px auto; }

.indcase ul {margin-top:-30px;}
.indcase li {margin:30px 2% 0 0;}
.indcase li .title h1 {font-size:16px;width:15%;}
.indcase li .title h2 {width:81%; }
.indcase li .title h2 a {font-size:14px;}
.indcase li .gs_content{ margin:15px 0 10px 0}

.case li {width:48.5%;margin-right:3%;}
.case li .title h1 {width:11%;margin-right:3%;}
.case li .title h2 {width:86%}

.indabout {margin-top:30px}
.indabout .conss .mainsubject .line {margin:12px auto 20px 0;}
.indabout .more { width:90px; height:30px; line-height:30px;margin-top:0px; font-size:14px;}
.indabout .conss {padding:0 0 0 190px;left:34%;}
.indtech ul {margin-top:-2%;}
.indtech li {width:22.75%;margin:3% 3% 0 0}
.indsolution { height:500px;margin-top:35px;}
.accordionservice {margin-top:-10px;}
.accordionservice .submenu {max-height:110px;}
.indsolution .cons { right:45%;}
.indnews {margin-bottom:35px}
.indnews li .cons .title a {font-size:14px;}
.foot { padding:30px 0 0 0;margin-top:50px}
.footmessage {height:30px}
.footmessage span {font-size:14px;margin-top:2px}
.footmessage #mbtn {width:100px; height:30px; line-height:30px;font-size:14px;}
.footmessage p {height:30px; line-height:30px;padding:0 90px 0 220px;}
.footmessage p #mname {font-size:14px;}
.footer1 {padding:5px 0;}
.footmenu {margin:25px 0 0 0;}
.footmenu dt {font-size:16px; margin:20px 0 10px 0}
.footmenu hr {width:30px; height:2px;margin-top:10px}
.footmenu .clear2 { clear:both}
.footmenu dl.f1 {width:320px;}
.footmenu dl.f2 {width:270px;float:right}
.footmenu dl.f3 {width:320px;margin:0;float:left;}
.footmenu dl.f4 {width:270px;float:right}

.rbanner { height:200px;font-size:30px; line-height:40px; letter-spacing:3px; background-size:cover;}
.rcurrent { height:40px; line-height:40px;font-size:14px;}
.rcurrent a {font-size:14px;}
.rcurrent i {margin:0 5px;}

.tech ul {margin-top:-3%;}
.tech li .title{height:60px; line-height:20px;}
.tech li .cons{height:140px; line-height:20px;}

.service {padding:10px 0 30px 0;margin-top:30px}
.service .mainsubject .cons {padding-top:25px}
.page_wrap {padding:30px 0 0 0px}
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}

.caseshow .title {font-size:18px; line-height:25px;margin:30px 0 10px 0}
.caseshow .line { width:40px}
.caseshow .pic {height:auto; margin:25px 0 20px 0}
.caseshow .pic img {margin-top:0}
.caseshow .subject {font-size:16px;margin:40px 0 0 0}
.caseshow .subject hr { width:35px;margin:10px 0 20px 0}

.solution {margin-top:5px}
.solution .title { padding:8px 12px;font-size:18px;line-height:25px;margin:30px 0 15px 0}
.solution .cons * { line-height:30px}
.solution .cons hr { width:30px;margin:5px 0 10px 0}

.contact .subject{font-size:20px; letter-spacing:2px;margin:30px 0 10px 0}
.contact .line {width:40px;}
.contact ul li {padding-top:10px}
.contact .subject2 {font-size:14px;margin:20px 0 0px 0;padding:15px 0 0 0;}
.contact .left h1,.contact .right h1{margin-top:15px}
.contact .left input {line-height:35px; height:35px;padding:0 10px;}
.contact .right textarea {padding:5px 10px;height:210px;}
.contact #cbtn { width:100px; height:35px; line-height:35px;font-size:16px;margin-top:20px; }

.about {margin:30px 0}
.about .right .mainsubject .title {font-size:20px}
.about .right .mainsubject .cons {margin-top:20px}
.about .right .more {font-size:14px; height:30px; line-height:30px; width:90px;margin-top:20px}
.about .right {width:58%;}

.servicely {padding:1px 0 40px 0}
.servicely li .title {font-size:16px;}

.kfpj {margin-top:0px;padding:1px 0 50px 0}
.kfpj .right ul {margin-top:30px}
.kfpj .right li {margin-bottom:30px}
.kfpj .right li .cons.last {padding-bottom:40px}
.honor {margin-top:-50px}
.kfpj .left {width:46%;}
.team-carousel .owl-controls{margin:10px auto 0px !important;}

.news {margin-top:0px}
.news .left li {margin-top:30px;}
.news .left .cons {padding:15px 15px 15px 15px}
.news .left .cons .title {margin:10px 0 5px 0}
.news .left .cons .title a {font-size:16px}
.news .left .cons .addtime { top:-30px;height:50px;width:60px}
.news .left .cons .addtime h1{ height:30px; line-height:30px;font-size:22px;}
.news .left .cons .come .f2 {margin:0 20px}
.news .left .cons .content {margin:10px 0 10px 0}
.news .left .cons .more {margin:15px 0 5px 0}
.news .left .cons .more a {width:90px; height:30px; line-height:30px;font-size:14px;}
.news .right {margin-top:30px}
.news .right .search #k {width:80%}
.rightsubject {margin:30px 0 0 0}
.rightsubject hr {margin:12px 0 10px 0}
.news .right .newsmore li {margin-top:30px;}
.news .right .newstag {margin-top:25px}

.newsshow .left .cons {padding-left:15px;padding-right:15px;}
.newsshow .left .prevnext {margin-top:30px;padding:0 0 0 0;}
.newsshow .relax .subject {margin-bottom:5px;}
.newsshow .relax li {margin:10px 5% 0 0;}

.caseshow .prevnext {margin:30px 0 -20px 0;padding:0 0 0 0}
.indsolution .mcons .more {margin-top:30px}


}

/***开始变一行二个***/
@media only screen and (max-width: 1040px) {
.indcase li {width:48%;margin:30px 1% 0 1%;}
.indcase li.no {margin-right:1%}
.indtech li {width:46%;margin:4% 2% 0 2%}
.indtech li.no {margin-right:2%}
.accordionservice {width:330px}
.indsolution .cons { right:42%;}
.indnews li .cons {padding-bottom:20px}
.indnews li .cons .title {height:44px; line-height:22px;margin:20px 0 10px 0}
.indnews li .cons .content {height:110px; }
.indquanlity ul {margin-top:-2%}
.indquanlity li {width:21%;margin:4% 2% 0 2%;}
.indquanlity li.no {margin-right:1%}

.tech ul {margin-top:-10px}
.tech li {width:46%;margin:25px 2% 0 2%;}
.tech li.no {margin-right:2%}
.tech li .title{height:40px; line-height:20px;}
.tech li .cons{height:60px;}
.namemj a {top:0px}
.philosophy ul{float:none;width:100%}
.philosophy .pic {float:none;width:100%}

}

@media only screen and (max-width: 1024px) {
.main-header .info-box-local {margin-right:65px}
.main-menu .navigation > li > a{padding:15px 11px;font-size:14px;}
.main-menu .navigation > li{margin:0}
}

@media only screen and (max-width: 960px) {
.indsolution { height:550px;}
.accordionservice {width:250px}
.indsolution .cons { right:39%;}
.accordionservice .submenu {max-height:154px;}
.rbanner { height:160px;}
.tech li .cons{height:80px;}
}

/***开始变一行一个***/
@media only screen and (max-width: 767px) {
.info-box-tel li {max-width:100%;}
.info-box-local li {max-width:100%;}
.info-box ul {margin-top:-10px;margin-bottom:20px}
.header-upper .logo-outer .logo img { height:25px}
.china{left:0px}

.main-header.active .header-upper .info-box-local,.main-header.active .header-upper .info-box-tel,.main-header .topblank{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.main-header.active .header-upper { position:fixed; z-index:9999;top:0;left:0;width:100%; background:#fff; height:50px; overflow:hidden}
.main-header.active .header-upper .info-box-local,.main-header.active .header-upper .info-box-tel{ display:none;}
.main-header.active .header-upper .logo-outer {left:0; text-align:left;top:-25px}
.main-header.active .header-upper .upper-right {top:8px; position:absolute;width:100px;right:5px}
.main-header.active .header-upper .upper-right .info-box .china {margin-right:0;}

.main-header.active .header-lower { position:fixed; z-index:9999;top:50px;left:0;width:100%;}
.main-header.active .header-lower .social-links {margin-left:-15px}
.main-header.active .topblank { height:400px;}
.indcase li .title h1 {width:13%;}
.indcase li .title h2 {width:83%;}
.indcase li {float:100%;width:100%;margin:30px 1% 0 1%;}
.indcase li.no {margin-right:1%}
.indcase li .gs_content { height:auto}
.indabout { height:auto; background:none;}
.indabout .pic {float:none;width:100%;  height:380px;}
.indabout .conss { position:relative; left:0; background:#073e73; height:auto;padding:1px 3% 35px 3%;}
.indabout .conss .mainsubject .cons {max-width:100%}
.indtech ul {margin-top:20px;}
.indtech li {width:100%;margin:10px 0 0 0;float:none; text-align:center}
.indtech li.no {margin-right:0}
.indtech li .pic {margin:0 auto}
.indtech li .cons{ position:relative; left:0px; text-align:center; display:block;margin-top:15px}

.indsolution { height:auto;padding:0 0 1px 0}
.indsolution .cons { position:relative; right:auto; background:#144b8c; height:auto}
.indsolution .mcons { position:relative; height:auto}
.accordionservice .submenu {margin:15px 0px 0 35px;max-height:auto;overflow:visible}
.accordionservice {width:auto;}
.indsolution .pic {float:none;width:100%;height:375px;}
.indnews li {float:none;width:100%;margin:25px 0 0 0;}
.indnews li .cons .title {height:auto;overflow:visible;}
.indnews li .cons .content {height:auto; overflow:visible}
.indquanlity li {width:29.3333%;}
.footmessage {height:auto}
.footmessage span { display:block;width:100%; text-align:center}
.footmessage #mbtn {width:100px; position:relative; right:auto; display:block;margin:0 auto}
.footmessage p { position:relative;padding:0;margin:10px 0 15px 0;}
.footmessage p #mname {padding:0 2%;width:100%;}
.footmenu dl.f1 {width:320px;float:none;}
.footmenu dl.f2 {width:100%;float:none}
.footmenu dl.f3 {width:100%;float:none;}
.footmenu dl.f4 {width:100%;float:none}
.footmenu hr {margin-bottom:-10px}
.footmenu dl.f4 hr {margin-bottom:20px}
.foot {padding-bottom:15px}
.footer1 {padding:8px 0}
.footer1 * {font-size:13px; line-height:20px}
.footmenu dl.f2 dd {margin-bottom:5px}
.footmenu dl.f1 dd {margin-bottom:10px}
.footmenu dl.f1 hr {margin-bottom:15px}
.rbanner { height:140px;font-size:20px; line-height:30px}
.tech li {width:100%;margin:25px 0 0 0;}
.tech li.no {margin-right:0}
.tech li .title{ height:auto}
.tech li .cons{height:auto}
.page_wrap {padding:10px 0 0 0px}
.namemj a {top:-100px}
.solution .cons td { display:block}
.solution .cons * { line-height:25px}

.contact ul {float:none; clear:both}
.contact ul .cons {max-width:90%;}
.contact .code {float:none; margin-top:40px}
.contact .left {float:none;width:100%;}
.contact .right {float:none;width:100%}
.contact .right textarea { height:150px}
.about .left {float:none;width:100%;}
.about .right {float:none;width:100%;margin-top:25px}
.servicely li {margin:30px 0 0 0;width:100%; display:block;}
.servicely li .title {margin-top:10px;}
.philosophy li {float:none;width:100%;margin:0 0 35px 0}
.kfpj .left {float:none;width:100%;}
.kfpj .right {float:none;width:100%}

.news .left {float:none;width:100%;}
.news .right {float:none;width:100%;margin-top:30px}
.newsshow .relax li {margin:10px 0 0 0;float:none;width:100%}
.newsshow .left .prevnext {padding-right:150px}
.newsshow .left .prevnext p a {margin-left:10px}

.social-links .weixinimg p {right:auto;left:0}
.social-links .slmobile p {right:auto;left:0}
.social-links {margin-left:-15px}
.indsolution .mcons .more {margin-top:40px;margin-bottom:30px}
}

@media only screen and (max-width: 600px) {
.main-header.active .header-upper .upper-right {top:20px;}
.rbanner { height:120px}
}
@media only screen and (max-width:480px) {
.indabout .pic {height:280px;}
.indsolution .pic {height:280px;}
}
@media only screen and (max-width:450px) {
.honor .inner-box {margin-left:-30px}
}

@media only screen and (max-width:420px) {
.indabout .pic {height:240px;}
.indsolution .pic {height:245px;}
.contact ul .cons {max-width:85%;}
}
@media only screen and (max-width:380px) {
.indabout .pic {height:210px;}
.indsolution .pic {height:220px;}
}