@charset "utf-8";
@media only screen and (max-width: 1230px){
.wrap {margin:0 4%}
.bxslider li a { background-size:cover;height:400px;}
.bx-wrapper .bx-controls-direction a {margin-top:-15px;width:30px;height:30px;background-size:15px 15px;}
.phonemenu { display:block;}
.bx-wrapper .bx-prev {left:0;}
.bx-wrapper .bx-next {right:0;}
.fixtop {height:50px; background-size:cover;}
.fixtop .toper .logo { top:15px;width:173px; height:20px; }
.fixtop .toper ul.navpc { display:none;}
.fixtop .toper .encn,.fixtop.active .toper .encn {top:13px;margin:0 32px 0 0}
.tblank { height:50px;}
.fixtop.active { height:50px}
.fixtop.active .toper .logo {top:15px}
.tblank.active { height:50px}
.fixtop .toper .encn a {height:23px; line-height:22px;padding:0 5px;font-size:12px;border-radius:2px}
.indpro {padding:40px 0}
.indsubject .t {font-size:20px; line-height:20px;margin:0 0 40px 0}
.indsubject .t:before {bottom:-20px;width:40px; height:2px; }
.indpro ul {padding:35px 0 0 0}
.indpro li {border-width:1px}
.indpro li .cons { padding:15px}
.indpro li .cons .title a {font-size:15px;font-weight:400}
.indpro li .cons .title2 {margin:-2px 0 0 0;font-size:12px;font-weight:400}
.indabout {background-attachment:scroll;padding:40px 0;}
.indabout .indsubject .t:before {margin-left:-20px}
.indmore {margin:40px 0 0 0}
.indnews {padding:40px 0}
.indnews .mleft .indmore {margin-top:25px}
.indnews .mright .indmore {margin-top:25px}
.ind3 li .title { height:30px; line-height:30px; font-size:14px;}

.foot {padding:30px 0;margin:40px 0 0 0}
.foot li {margin:0 0 0 40px;}
.foot li:before {left:-20px;height:12px; top:9px}
.foot li a {font-size:14px}
.foot .cons {padding:0 150px 0 0;min-height:30px}
.foot .cons .logo {width:136px; height:15px;top:10px; background-size:cover;}
.bannerin p{ background-size:cover;height:200px;}
.namemj {top:-50px}
.about {padding:0px 0 0 0}
.about .indsubject {margin-top:40px}
.about table td:nth-child(1) {width:70%;padding:0 5% 0 0}
.about table td:nth-child(2) {width:30%}
.about strong {font-size:17px}
.servicecate {margin:40px 0 30px 0}
.servicecate li {margin:0 30px 0 0;}
.servicecate li:last-child {margin:0}
.servicecate li:before {top:5px;width:1px; height:16px;left:-15px}
.servicecate li a {font-size:18px;line-height:18px; height:28px;border-bottom-width:1px}

.service li {margin:40px 0 0 0}
.service li .cons .t {font-size:20px; line-height:1.6;margin:-8px 0 20px 0}
.bannerin2 p{height:200px; background-size:cover;}
.procate li {margin:0 20px 0 0}
.procate li a {font-size:14px;}
.indproin {margin:-30px 0 0 0;padding:0}
.page_wrap {padding:40px 0 0 }
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px}
.show {margin:40px 0 0 0}

.show .mright .h {font-size:20px; line-height:30px;margin:-3px 0 2px 0}
.show .mright .t {font-size:18px;}
.show .mright .t2 {margin:3px 0 30px 0;}
.show .mright .subject {font-size:18px; line-height:18px;margin:0 0 40px 0}
.show .mright .subject:before {bottom:-20px;width:35px; height:2px;}
.show .down {margin:40px 0 0 0}
.show .down .s {font-size:18px;margin:0 0 15px 0}
.spec-scroll .prev,.spec-scroll .next{ height:94px; line-height:94px;}
.spec-scroll .items{height:94px}
.spec-scroll .items ul{height:94px;}
.spec-scroll .items ul li{width:135px;}
.spec-scroll .items ul li img{width:120px;height:88px;}
.news li {padding:30px 0;min-height:130px}
.news li .cons {margin:0}
.news li .cons .addtime p {font-size:16px; line-height:16px;margin:0}
.news li .cons .addtime span {font-size:12px; line-height:12px}
.news li .cons .in {margin:-3px 0 0 60px}
.news li .cons .in .title a {font-size:16px;}
.news li .indmore a {height:22px; line-height:21px;padding:0 10px;font-size:12px;border-radius:3px}
.news li .indmore a i {margin:0px 0 0 3px}
.nshow {margin:40px auto}
.nshow .title {font-size:20px; line-height:30px;}
.nshow .addtime {margin:5px 0 30px 0;padding:0 0 15px 0;font-size:14px;}
.nshow .prevnext {padding:20px 0 0 0;margin:30px 0 0 0}
.message .subject { margin:40px 0 30px 0}
.message .subject .t {font-size:20px; line-height:20px;letter-spacing:1px;}
.message .subject .c {margin:5px 0 0 0}
.message .subject .c:before {margin-left:-15px;bottom:-15px;width:30px; height:2px;}
.message input[type="text"] {height:35px; line-height:35px;padding:0 10px;margin:15px 0 0 0;font-size:14px}
.message textarea { height:136px; padding:5px 10px;margin:15px 0 0 0;font-size:14px; }
.message .btn { margin:15px 0 0 0}
.message .btn input {width:100px; height:35px; line-height:35px; font-size:16px;letter-spacing:1px}
.contact {margin:40px 0 0 0;}
.contact li .icon {top:5px}
.contact li .icon img {width:24px}
.contact li .title {margin:0 0 0 34px}
.contact li:nth-child(3) .in .title {margin:0 0 0 34px}
.indpics .bxslider li a { height:400px}
.procons {margin:20px 0 0 0}
.servicecons {margin:40px 0 0px 0;font-size:14px}
}



@media only screen and (max-width: 768px){
.bxslider li a {height:300px;}
.bannerin p{height:150px;}
.bannerin2 p{height:150px;}
.contact li {width:96%}
.contact li:nth-child(3) { text-align:left}
.indpics .bxslider li a { height:300px}
}

@media only screen and (max-width: 640px){
.bxslider li a {height:250px;}
.indpro li {width:48%}
.indnews .mleft {width:100%;}
.indnews .mleft li {width:100%;}
.indnews .mleft li:nth-child(1) {margin:0 0 25px 0}
.indnews .mright {width:100%;margin:40px 0 0 0}
.foot .cons {padding:0; text-align:center}
.foot .cons .logo { position:relative;right:auto;top:0;margin:10px auto 0 auto}
.foot li:nth-child(6) {margin:0;}
.foot li:nth-child(6):before { display:none;}
.foot ul span { display:block; clear:both}
.bannerin p{height:100px;}

.about table td { display:block}
.about table td:nth-child(1) {width:100%;padding:0}
.about table td:nth-child(2) {width:100%}
.about td img {width:auto}
.about table td img {margin:30px 0 0 0}
.service li .pic {width:100%;}
.service li .cons {width:100%;margin:30px 0 0 0}
.bannerin2 p{height:100px;}
.indproin {margin:-20px 0 0 0}
.show .mleft {width:100%;}
.show .mright {width:100%;margin:40px 0 0 0}

.spec-scroll .prev,.spec-scroll .next{ height:65px; line-height:65px;}
.spec-scroll .items{height:65px}
.spec-scroll .items ul{height:65px;}
.spec-scroll .items ul li{width:95px;}
.spec-scroll .items ul li img{width:80px;height:59px;}

.news li {min-height:150px}
.news li .cons .addtime { position:relative;margin:-8px 0 10px 0}
.news li .cons .in {margin:0}
.news li .cons .addtime p { display:inline-block; vertical-align:bottom}
.news li .cons .addtime span {display:inline-block; vertical-align:bottom;margin:0 0 1px 10px}
.indpics .bxslider li a { height:250px}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:200px;}
.ind3 ul {margin-top:-4%}
.ind3 li {width:99%;margin-top:4%}
.news li {min-height:0}
.news li .cons .in .title {margin-bottom:0; height:auto; line-height:26px}
.news li .cons .in .content { display:none;}
.news li .indmore { display:none;}
.indpics .bxslider li a { height:200px}
}

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