@charset "utf-8";
@media only screen and (max-width: 1400px){
.wrap {padding:0 3%}
.fixtop .toper .ad {right:3%}
.bxslider li a {height:600px; background-size:cover;}
.indservice .wrap {max-width:1400px}

.foot .ct {margin:0 5%} 
.foot dl {margin:0 5% 0 0}
.aboutleft {float:left;width:45.5%;margin-left:0;}
.aboutright {float:right;width:49%;margin-right:0}
.about5 .td1 {width:16%}
.about5 .td2 {width:5%}
}

@media only screen and (max-width: 1360px){
.foot .ct {margin:0 4%} 
.foot dl {margin:0 4% 0 0}
}

@media only screen and (max-width: 1300px){
.foot .ct {margin:0 3.5%} 
.foot dl {margin:0 3.5% 0 0}
}

@media only screen and (max-width: 1200px){
body {font-size:14px;}
h1,h2,h3,h4,h5 {font-size:14px;}
a,input,button,select,textarea {font-size:14px;}
.fixtop .toper ul.navpc { display:none;}
.phonemenu { display:block;}
.fixtop .toper .ad { display:none;}
.bxslider li a {height:500px;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 20px;  height:3px;  margin: 0 5px;   }

.fixtop {height:50px;}
.fixtop .toper .logo {height:40px;width:79px;margin-top:5px;}
.tblank { height:50px;}
.fixtop.active {top:0px}
.fixtop.active .toper .logo {margin-top:5px;width:79px; height:40px;}
.tblank.active { height:50px}

.indabout {padding:25px 0}
.indabout .title {font-size:20px;letter-spacing:0px;font-weight:400}
.indabout .cons {font-size:14px; letter-spacing:0px;margin:10px 0 0 0}
.indcasecate .title {letter-spacing:0}
.indcasecate ul {margin:0 0 0 120px;}
.indcasecate ul li a {letter-spacing:0;padding:0 5px; height:25px; line-height:25px}
.indcase {margin:20px 3% 0 3%}
.indcase li .up { left:5%;width:90%;font-size:16px; line-height:26px; letter-spacing:0}
.indcase li:hover .up {top:5%;}
.indcase li .down { left:5%;width:90%;}
.indcase li:hover .down {bottom:7%}
.indcase li .down h1 {font-size:16px; line-height:25px; letter-spacing:0}
.indcase li .down h2 {font-size:12px; line-height:22px; letter-spacing:0;margin:6px 0 0 0}
.indmore {margin:30px 0 40px 0; }
.indmore a {height:35px; line-height:35px;padding:0 15px; letter-spacing:0}

.indservice {padding:25px 0 30px 0}
.indservice li .title {font-size:15px; line-height:25px;}
.indservice li .title2 {font-size:12px; line-height:22px;margin:0px 0 15px 0}
.indnews dl dt {margin:0 0 15px 0}
.indnews dl h1 {margin:10px 0 0 0}
.indnews dl dd {padding:0 10px 0 0; height:30px; line-height:30px}
.foot dl { display:none;}
.foot .ct {margin:0; position:absolute;left:50%;margin-left:-170px}
.foot {padding:25px 0 15px 0;margin:40px 0 0 0}

.casecate {margin:30px 0}
.case {min-height:0px}
.page_wrap {padding:30px 0 0 0}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}

.show .title {font-size:18px;margin:35px 0 0 0; line-height:28px}
.show .gs_content {margin:20px 0}
.show .cons {padding:35px 0 0 0;margin:25px 0 0 0}
.show .cons img {margin:5px 0}
.show .back {margin:35px 0 0 0}
.show .back a { font-size:16px;border-radius:25px;padding:0 20px; height:40px; line-height:40px}
.show .back i {margin:0 5px;}
.news {margin:10px 0 0 0}
.news ul {margin:-20px 0 0 -1%;width:102%}
.news li {margin:20px 1% 0 1%;width:31.3333%}
.news li .title { margin:10px 0 0px -6px}

.nshow .title {font-size:20px;margin:25px 0 2px 0}
.nshow .addtime {font-size:14px;padding:0 0 10px 0}
.nshow .cons {font-size:16px;margin:25px 0 0 0}
.nshow .cons a {font-size:16px}
.nshow .cons img {margin:5px 0}
.nshow .prevnext {margin:40px 0 0px 0}
.nshow .prevnext a {width:60px;}
.nshow .prevnext a img {width:40px;margin-bottom:5px}
.nshow .prevnext a.mid {margin-left:-48px;width:96px;top:0}
.nshow .prevnext a.mid img { height:39px;width:auto}
.nshow .prevnext a:hover {top:0;}
.bannerin { background-size:cover; height:300px}
.contact .subject {font-size:20px; line-height:30px; padding:30px 0 15px 0;}
.contact .list {padding:30px 0; line-height:2}
.contact .list .t {font-size:16px; line-height:26px;margin:0 0 20px 0}
.contact .list .c {font-size:16px;}
.contact .list .c a {font-size:16px}
.contact .list .c table {width:100%;margin:0}
.contact .list .c .td1 {width:48%}
.contact .list .c .td2 {width:4%;}
.contact .list .c .td3 {width:48%}
.contact .list .c span.m {margin:0}

.contact .subject2 {font-size:16px; line-height:31px;padding:20px 0}
.contact ul {padding:40px 0 0 0}
.contact li {margin:30px 5% 0 5%}
.contact li .title {font-size:18px;margin:0 0 10px 0;}
.contact .cons {margin:30px 0 0px 0}
.namemj {top:-50px}
.about {font-size:16px;padding:30px 0}

.adv {margin:20px 0 30px 0}
.adv .td1 {width:30%;}
.adv .td2 {width:10%}
.adv .td3 {width:60%;}
.adv .td3 .mart {margin-top:15px;}
.team ul {margin-top:-20px}
.team li {margin-top:20px}
.team li .title {margin:10px 0 5px 0}
.team li .cons { padding:15px}
.hy ul {width:102%;margin:-20px 0 0 -1%}
.hy li {width:23%;margin:20px 1% 0 1%}
.honor {margin:40px 0}
.ruizb {padding:30px 0;margin:40px 0 0 0}
.abouthz {margin:30px 0}
.aboutstep {padding:30px 0 20px 0;}
.aboutstep .aboutleft hr {margin:20px 0}
.aboutstep .aboutright hr {margin:30px 0}
.aboutul li .subject {top:-2px}
.aboutul li .content {margin:0 0 0 75px;}
.about1 {margin:30px 0 20px 0}
.about3 {margin:15px 0}
.about3 a {font-size:20px;}
.about4 {padding:0px 0 10px 0}
.about4 span {font-size:18px;}
.about5 {margin:20px 0 0 0}
.about5 table {width:100%;font-size:14px; line-height:24px}
.about5 .td1 {width:18.4%}
.about5 .td2 {width:2%}
}

@media only screen and (max-width: 1024px){
.bxslider li a {height:400px;}
.honor .mleft {width:100%;}
.honor .mright {margin:30px 0 0 0;width:100%;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:300px;}
.indcase li {width:49.8%;}
.indservice ul {margin-top:-20px}
.indservice li {width:44%;margin-top:25px;}
.indservice li:nth-child(4) {width:44%}
.indservice .clear2 { clear:both}
.foot .wx {float:none;}
.foot .ct { position:relative;float:none;width:100%;margin:30px 0;left:0; text-align:center}
.foot .copy {float:none; text-align:center;}
.foot .cons {margin-top:25px}
.news li {width:48%}
.bannerin {height:200px}
.contact .list .c { text-align:center}
.contact .list .c .td1 {width:100%; display:block;}
.contact .list .c .td2 {width:0; display:none;}
.contact .list .c .td3 {width:100%; display:block}
.contact ul {padding:45px 0 0 0; text-align:center}
.contact li {width:90%;margin:25px 5% 0 5%}
.team li {width:48%}
.hy li {width:31.3333%}
.aboutleft {width:100%;}
.aboutright {width:100%;margin:30px 0 0 0}
.about2 li {width:50%;}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:250px;}
.indcasecate .title { position:relative}
.indcasecate ul {margin:0 0 0 -5px; text-align:left}
.indcasecate ul li {margin:0 2% 0 0}
.indnews {margin-top:-30px}
.indnews dl {width:100%;margin:30px 0 0 0}
.casecate li {margin:0 0 0 5%}

.adv .td1 {width:100%; display:block;}
.adv .td2 {width:0; display:none;}
.adv .td3 {width:100%; display:block;margin:30px 0 0 0}
.aboutstep .aboutright .mleft {width:100%}
.aboutstep .aboutright .mright {margin:30px 0 0 0;width:100%}
.about5 .td1 {width:100%; display:block}
.about5 .td2 {width:0; display:none;}
.about5 td {margin:0 0 15px 0; text-align:center}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:200px;}
.indcase li {width:99.8%;}
.news li .title {margin-left:0}
.news li .title span { display:none;}
.bannerin {height:150px}
.hy li {width:48%}
}

@media only screen and (max-width: 420px){
.bxslider li a {height:160px;}
}