@charset "utf-8";
@media only screen and (max-width: 1570px){
.wrap {padding:0 3%}
.fixtop .toper .logo {left:3%}
.nav__trigger {right:3%}
.phonemenu .nav {padding:100px 0 0 6%}
.phonemenu .nav .down {bottom:-20px}
.bx-wrapper .bx-pager { margin-top:-40px;  left:auto;  right:3%;  margin-left:0;}
.indpro dd .bg .up h1 {font-size:20px ; line-height:30px;}
.indpro dd .bg .down h1 {padding:0 0 5px 0}
.indpro dd .bg .down i { height:30px; width:30px; background-size:cover;}
.conslist .bg .up h1 {font-size:20px ; line-height:30px;}
.conslist .bg .down h1 {padding:0 0 5px 0}
.conslist .bg .down i { height:30px; width:30px; background-size:cover;}
}

@media only screen and (max-width: 1200px){
.wrap2 {padding:0 3%}	
.fixtop {height:50px;}
.tblank { height:50px}
.fixtop .toper .logo {top:8px;width:113px; height:34px; background:url(../images/logom.png); background-size:cover;}
.fixtop .toper ul.navpc { display:none;}
.nav__trigger {top:13px;}
.phonemenu .nav {width: 100%;right:-100%; padding:30% 3% 0 3%; text-align:center}
.phonemenu .nav li {margin:5px 0;width:50%; display:inline-block; vertical-align:top;}
.phonemenu .nav li a {font-size:25px; letter-spacing:1px;}
.phonemenu .nav .down {width:100%;bottom:0;}
.phonemenu .nav .down .talk .wqw a:hover {top:0}
.bx-wrapper .bx-pager {top:auto;bottom:10px; margin-top:auto;left:0;margin-left:0;text-align:center;width:100%; height:30px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height:8px;  margin:0 5px; }
.bxslider li {height:500px; background-size:cover;}
.bxslider li .up .p {max-width:200px;padding:10% 0 15px 0}
.bxslider li .up .c {max-width:40%;font-size:20px; line-height:30px;letter-spacing:0;}
.bxslider li .down { display:none;}

.indservice {padding:30px 0}
.indservice li {height:200px;}
.indservice li .up,.indservice li:hover .up {top:20px;}
.indservice li .up h1{font-size:30px; line-height:35px;letter-spacing:1px}
.indservice li .up h2{font-size:30px;line-height:35px;margin:2px 0 0 0;right:-5px}
.indservice li .up p {font-size:16px;}
.indservice li .down,.indservice li:hover .down {bottom:17px;}
.indprosubject {padding:0px 0 20px 0}
.indprosubject .t {font-size:20px;}
.indprosubject .c {font-size:14px;}
.indpro dd .bg .up h1 {font-size:16px ; line-height:24px;}
.indpro dd .bg .up h2 { line-height:22px;margin:3px 0 0 0}
.indpro dd .bg .down h1 {padding:0 0 0px 0}
.indpro dd .bg .down i {height:20px; width:20px;}

.indcustomer .title {font-size:20px;line-height:30px;padding:30px 0 5px 0}
.indcustomer .content {font-size:14px; line-height:24px; margin:0 0 25px 0}
.indcustomer dd .cons img {max-width:90%;max-height:90%}
#slider2 {padding:0 40px 0 40px}
#slider2 .bx-wrapper .bx-prev {left:-40px;}
#slider2 .bx-wrapper .bx-next {right:-40px;}
#slider2 .bx-wrapper .bx-controls-direction a {margin-top:-22px;  width:20px;  height:43px; background-size:cover;}
.indnews { margin:30px 0;padding:30px 0;}
.indnews .list .subject {font-size:20px; line-height:30px}
.indnews .list .cons {margin:25px 0 0 0}
.indnews .list .cons1 {padding:0}
.indnews .list .cons1 img {max-width:310px}
.indnews .list ul {margin:22px 0 0 0}
.indnews .list li {margin:0 0 30px 0}
.indnews .list li .addtime { top:3px;width:90px; height:90px;}
.indnews .list li .addtime h1 {font-size:18px; line-height:18px;padding:13px 0 10px 0}
.indnews .list li .addtime h2 {font-size:36px; line-height:36px;}
.indnews .list li .cons2 {margin:0 0 0 110px;min-height:84px}
.indnews .list li .cons2 .t { height:20px; line-height:20px;margin:0 0 10px 0}
.indnews .list li .cons2 .t a {font-size:16px;}
.indnews .list li .cons2 .c { line-height:22px; height:66px;}
.indnews .list .more {padding:5px 0 0 110px}
.indnews .list .more a {font-size:14px;height:28px; line-height:28px;padding:0 10px}
.indnews .list .more a i,.indnews .list .more a:hover i { width:30px; height:14px;margin:7px 0 0 20px}
.indtel {padding:0 0 30px 0}
.indtel .t1 {font-size:25px; line-height:35px;}
.indtel .t2 {font-size:14px; line-height:24px;margin:10px 0 0px 0}
.indtel .t3 {font-size:20px; line-height:30px;}

.foot {padding:25px 0}
.foot .cons .t1 {font-size:20px; line-height:30px;}
.foot .cons .t2 {margin:10px 0 20px 0}
.foot .focus {width:130px;}
.foot dt,.foot dt a {font-size:20px;}
.foot dt {margin:-5px 0 10px 0}
.foot .ftmenu { display:none;}
.footer .copy {width:60%;}
.footer {padding:10px 0;}
.bannerin { height:300px; background-size:cover;}
.company {padding:30px 0 30px 0}
.company .title {font-size:20px; line-height:32px;}
.company .title2 {font-size:16px; line-height:26px;margin:5px 0 20px 0}
.company .content h1,.company .content h2,.company .content h3 {font-size:16px; line-height:26px;}
.zhbrand .content {padding:10px 0 10px 0}
.conslist {width:20%;}
.conslist .bg .up h1 {font-size:16px ; line-height:24px;}
.conslist .bg .up h2 { line-height:22px;margin:3px 0 0 0}
.conslist .bg .down h1 {padding:0 0 0px 0}
.conslist .bg .down i {height:20px; width:20px;}

.workscate {padding:30px 0}
.workscate a {font-size:16px;}
.workscate .mright li { margin:0 0 0 20px}
.get_more{margin:30px 0 0 0;}
.get_more p {border-width:1px;width:160px;font-size:15px;}
.tinblank { height:30px}
.show {margin-top:-260px}
.show .title {font-size:20px; line-height:30px;margin:0 0 30px 0}
.show .gs_content {padding:25px 20px 25px 20px}
.show .content img {margin:10px 0 0 0}
.show .back {padding:30px 0;}
.show .back a { font-size:14px;border-width:1px;width:100px; height:30px; line-height:30px;margin:0 10px;;}
.showblank { height:30px;}
.conslist {width:25%;}
.page_wrap {padding:30px 0 40px 100px;}
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}
.newscate {padding:30px 0;border-bottom-width:1px}
.newscate li {margin:0 10px}
.newscate li a {border-width:1px; height:40px; line-height:40px;padding:0 30px;font-size:16px;letter-spacing:1px}
.news ul {padding:10px 0 0 0}
.news li {margin:20px 0 0 0;}
.news li .addtime { top:5px;width:80px; height:80px;border-width:1px}
.news li .addtime h1 {font-size:16px; line-height:16px;padding:11px 0 8px 0}
.news li .addtime h2 {font-size:35px; line-height:35px;}
.news li .cons {margin:0 0 0 100px}
.news li .cons .title a {font-size:16px; line-height:26px;}
.news li .cons .title2 {margin:2px 0 15px 0}
.news li .cons .content {margin:10px 0 3px 0}
.news li .cons .more {border-bottom-width:1px;padding:0 0 20px 0}
.news li .cons .pic img:hover {top:0;}
.backlist {padding:30px 0}
.backlist a {font-size:14px;border-width:1px; height:30px; line-height:30px;padding:0 20px;}
.service {padding:30px 0}
.service ul {width:110%;margin:-35px 0 0 -5%}
.service li {width:40%;margin:35px 5% 0 5%;}
.service li .t {font-size:20px; line-height:30px;}
.service li .p {margin:20px 0 25px 0}
.service li:hover .p img {top:0}
.service li .c,.service li .c a {font-size:14px}
.contact {padding:30px 0}
.contact .cons1 .mleft {width:40%;font-size:14px;line-height:24px}
.contact .cons1 .mleft a {font-size:14px;}
.contact .cons1 .mleft .t {font-size:18px; line-height:28px}
.contact .cons1 .mleft .t2 {margin:0 0 25px 0}
.message {margin:30px 0}
.message .t1{font-size:18px; line-height:28px}
.message .t2 {margin:0}
.message .list input[type="text"] {height:40px; line-height:40px; font-size:14px;padding:0 15px}
.message .list #cbeizu {line-height:25px; height:150px;font-size:14px;padding:10px 15px}
.message .list #cbtn {margin-top:-15px;border-width:1px;font-size:16px; height:40px;line-height:39px; letter-spacing:1px; }


}

@media only screen and (max-width: 1024px){
.bxslider li {height:450px;}
.bannerin { height:220px;}	
.show {margin-top:-180px}
.map iframe,#container {height:300px;}
}

@media only screen and (max-width: 768px){
.bxslider li {height:350px;}
.bxslider li .up .p {max-width:150px;padding:8% 0 15px 0}
.bxslider li .up .c {font-size:16px; line-height:26px;}	
.indservice li {width:88%; height:auto;padding:30px 6%}
.indservice li .up,.indservice li:hover .up { position:relative;top:0;left:0;width:100%}
.indservice li .down,.indservice li:hover .down { position:relative;bottom:auto;left:0;width:100%;margin:20px 0 0 0}
.indpro dd {width:50%;}
.indnews .list .cons1 img {max-width:280px}
.bannerin { height:200px;}
.conslist {width:50%;}
.show {margin-top:-160px}
}

@media only screen and (max-width: 640px){
.bxslider li {height:300px;}
.bxslider li .up .p {max-width:100px;padding:8% 0 8px 0}
.bxslider li .up .c {font-size:14px; line-height:22px;max-width:80%}	
.indcustomer dd {width:48%;}		
.indnews .list {width:100%}
.indnews .list .cons1 img {max-width:80%}
.indnews .list2 {margin:30px 0 0 0}
.footer {padding:10px 0 20px 0}
.footer .copy {width:100%; text-align:center}
.footer .talk {width:100%; text-align:center;margin:10px 0 0 0}
.footer .talk .wqw a {margin:0 10px}
.foot .cons {width:100%;float:none; text-align:center}
.foot .focus {float:none;width:100%; text-align:center;margin:30px 0 0 0}
.foot .focus img{width:120px;margin:0 auto}
.bannerin { height:150px;}
.company .content td { display:block;width:100%;}
.company .content td.td1 {padding:0}
.company .content td.td2 {padding:20px 0 0 0}
.workscate .mleft {float:left; text-align:center;width:100%}
.workscate .mright {float:right; text-align:center;width:100%;margin:10px 0 0 0}
.workscate .mright li {margin:0;width:33.3333%}
.show {margin-top:-120px}
.show .title {margin:0 0 20px 0}
.show .gs_content .mleft {width:100%;}
.show .gs_content .mright {width:100%;margin:25px 0 0 0}
.news li .addtime {width:55px; height:55px;}
.news li .addtime h1 {font-size:12px; line-height:12px;padding:7px 0 5px 0}
.news li .addtime h2 {font-size:25px; line-height:25px;}
.news li .cons {margin:0 0 0 70px}
.page_wrap {padding-left:70px;}
.service ul {width:100%;margin:-30px 0 0 0}
.service li {width:100%;margin:30px 0 0 0;}
.contact .cons1 .mleft {width:100%}
.contact .cons1 .mright {width:100%;margin-top:25px}
.message .list {width:100%;margin:10px 0 0 0}
.message .list2 {float:left;}
.message .list #cbtn {margin-top:-5px}
}

@media only screen and (max-width: 480px){
.bxslider li {height:250px;}
.indnews .list .cons1 img {max-width:90%}	
.bannerin { height:120px;}	
.show {margin-top:-90px}
}

@media only screen and (max-width: 420px){
.bxslider li {height:200px;}
.bannerin { height:100px;}	
.show {margin-top:-70px}	
}