@charset "utf-8";
@media only screen and (max-width: 1600px){
.bxslider li a {height:700px;background-attachment:inherit; background-size:cover; background-position:center}


.indservice li .title {font-size:40px; line-height:45px; height:45px;}
.indservice li .gs_content {font-size:16px; line-height:31px; height:62px;}
.indservice li .pic {margin:30px 0}
.indservice li .pic img { height:100px}
.indservice li .cons {font-size:16px; line-height:31px; height:93px}
#slider2 .slide .title { height:80px; line-height:80px; font-size:20px;}

#slider2 .slide .cons .a {font-size:18px;}
#slider2 .slide .cons .t {font-size:25px; line-height:35px; height:70px;}
#slider2 .slide .cons .c {font-size:14px; line-height:25px; height:125px;}
#slider2 .slide .cons .j {font-size:30px;}
#slider3 {padding:0 55px}
#slider3 .bx-wrapper .bx-prev { left:-55px;}
#slider3 .bx-wrapper .bx-next { right:-55px;}

.bannerin { padding:200px 0 80px 0}
.bannerin .en {font-size:50px; line-height:50px;}
.bannerin .cn {font-size:25px; line-height:25px;margin:20px 0 0 0;}
.bannerin .line {width:40px;margin:30px auto 60px auto;}
.bannerin .ad {font-size:16px;padding:0 10px;}
}

@media only screen and (max-width: 1430px){
.wrap {padding:0 3%}
#slider3 .slide .list .pic img {max-height:60%;max-width:60%;}
}

@media only screen and (max-width: 1200px){
.bxslider li a {height:500px;}
.bx-wrapper .bx-pager { bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a { width:5px; height:5px;  margin: 0 5px;}

.toper { height:60px; line-height:60px; background:#fff;box-shadow:0 0 5px #ccc}
.toper .logo a,.headerin .toper .logo a {background:url(../images/logo2.png) no-repeat center;}
.tblank { height:60px; width:100%}
.headerin .tblank {height:60px;}
.toper .menu { display:none;}

.mainsubject {letter-spacing:0;margin:30px 0 25px 0}
.mainsubject .subject {font-size:22px; letter-spacing:2px}
.mainsubject .subject p { margin:0 20px 0 20px; letter-spacing:0}
.mainsubject .subject i { width:35px; margin-top:13px}
.mainsubject .cons {font-size:16px; line-height:30px;margin:15px 0 0 0}

.indservice li {padding:10px 3% 15px 3%;}
.indservice li .title {font-size:25px; line-height:30px; height:30px;margin:10px 0}
.indservice li .pic {margin:20px 0}
.indservice li .pic img { height:60px}
.indservice li .cons {font-size:14px; line-height:25px; height:100px}

.mobmenu.cmenu { display:none;}
.mobmenu.tmenu { display:block;}

.tabs{margin:15px 0 15px 0}
.tabs a{font-size:16px;margin:0px 15px}
.tabs_item dd .list .addtime,.tabs_item dd .list .service {font-size:14px; line-height:24px}
.tabs_item dd .list .title {font-size:16px; line-height:26px;}
.tabs_item dd .list .jia {font-size:18px;margin:0 0}
.tabs_item dd .list .addtime {margin:0 0 5px 0}
#slider2 { padding:40px 0}

#slider2 .bx-wrapper .bx-pager.bx-default-pager a {width:5px; height:5px;  margin:0 5px;}
#slider2 .slide .cons .a {font-size:16px;}
#slider2 .slide .cons .t {font-size:20px; line-height:30px; height:60px;}
#slider2 .slide .cons .j {font-size:20px;}
#slider2 .bx-wrapper .bx-pager {bottom:-24px;}
#slider2 .slide .title { height:60px; line-height:60px; font-size:18px;}

.indcustomer {padding:30px 0}
.indnum li .count-outer { font-size:40px; line-height:40px;}
.indnum li h3 { font-size:30px;margin:0px 0 0 5px}
.indnum li .cons {font-size:16px; line-height:26px; letter-spacing:1px;margin-top:2px}
#slider3 {margin-top:30px;padding:0 25px;}
#slider3 .bx-wrapper .bx-prev {
  left:-25px; background-size:cover;
}
#slider3 .bx-wrapper .bx-next {
  right:-25px; background-size:cover;
}

#slider3 .bx-wrapper .bx-controls-direction a {
  margin-top:-14px;
  width:15px;
  height:28px;
  background-size:cover;
}

.foot {padding:30px 0}
.foot .subject {font-size:16px; letter-spacing:0px;margin:5px 0}
.foot .cons1 {font-size:30px; line-height:40px;margin:0 0 10px 0}
.foot .cons2 {font-size:25px;}
.foot .jia {font-size:30px;margin:10px 0}
.foot .cons {font-size:14px; line-height:24px}
.foot .wqw {margin-top:25px}
.foot .wqw a {margin:0 10px}
.foot .wqw a.wx i{ background-size:100%;width:25px; height:20px;}
.foot .wqw a.wx p{left:-40px;top:25px;}
.foot .wqw a.qq i {background-size:100%;width:18px; height:20px;}
.foot .wqw a.wb i {background-size:100%;width:25px; height:20px;}

.footer {padding:30px 0}
.footer .icon { width:30px; height:30px;background-size:100%;}
.footer .t1 {font-size:18px; letter-spacing:0; line-height:28px;margin:20px 0 2px 0}
.footer .t2 { font-size:14px; line-height:24px; letter-spacing:0;margin:5px 0 15px 0}
.footer .t3 {font-size:14px; line-height:24px;}
.footer .t4 {margin:20px 0 0 0; line-height:20px;font-size:12px}
.wrap2 {padding:0 3%}
.bannerin { padding:30px 0 30px 0}
.bannerin .en {font-size:20px; line-height:30px; letter-spacing:1px}
.bannerin .cn {font-size:18px; line-height:28px;margin:5px 0 0 0; letter-spacing:1px}
.bannerin .line { height:2px;width:30px;margin:15px auto 20px auto;}
.bannerin .ad {font-size:14px;padding:0 10px; letter-spacing:2px}
.sshow_cons .title {font-size:20px; line-height:30px;margin-top:30px}
.sshow_cons .line { height:2px;width:30px;margin:10px auto 15px auto}
.sshow_cons .content {font-size:16px; line-height:26px;}
.sshow_cons .gs_content {font-size:16px; line-height:26px;margin-top:30px; height:auto;padding:15% 0; letter-spacing:0}
.sshow_subject {font-size:20px;line-height:30px;margin:30px 0 25px 0}
.sshow_step {margin-top:-4%;width:104%;margin-left:-2%}
.sshow_step li {margin:4% 2% 0 2%;width:29.3333%;}
.sshow_step li .title {font-size:16px; line-height:26px;letter-spacing:0;padding:5px 5px}
.sshow_step li .content {font-size:14px; line-height:24px;margin-top:15px;}
.sshow_case li {width:50%}
.sshow_more {margin-top:30px}
.sshow_more a {font-size:16px;padding:3px 25px;}
.case .c3 {padding:40px 0 10px 0;}
.case .en {font-size:14px;margin:25px 0 0 0}
.case .c2 {font-size:25px; line-height:35px;margin:-2px 0 0 0}
.case .c1 {font-size:16px; line-height:26px;margin:0 0 20px 0}
.case .bx-wrapper .bx-pager { bottom:-25px;}
.case .bx-wrapper .bx-pager.bx-default-pager a {width:4px; height:4px;  margin:0 5px}
.case_shen { background-size:cover;height:500px}
.case_shen .cons {width:420px; height:265px;top:82px;letter-spacing:1px;}
.case_shen .cons .title {font-size:22px; line-height:32px;margin:0 0 10px 0}
.case_shen .cons .content {font-size:16px; line-height:31px;}
.bannercase { padding:50px 0 135px 0;font-size:16px; line-height:26px;}
.bannercase .title {font-size:30px; line-height:40px;margin:15px 0}
.bannercase .jia {font-size:25px;margin-top:20px}
.indcase {margin-top:-115px}
.indcase li {padding:25px 0;}
.indcase li:hover {top:0}
.indcase li .title2 {font-size:16px; line-height:16px;}
.indcase li .title {font-size:18px; line-height:20px;margin:15px 0}
.indcase li .pic img { height:80px;margin-top:20px}
.bannershow .cons {padding:40px 0}
.bannershow .cons .title {font-size:25px; line-height:35px;margin:0 0 25px 0}
.bannershow .cons .content {font-size:14px; line-height:29px;}
.bannershow .cons .jia {font-size:25px;margin:15px 0}
.bannershow .cons .list {font-size:14px; line-height:29px;}

.bannernews { height:auto; background-size:cover;}
.bannernews .en {font-size:40px; line-height:40px;padding:120px 0 10px 0}
.bannernews .cn {font-size:20px;}
.bannernews .li { width:30px; height:2px;margin:30px auto 50px auto}
.bannernews .cs {font-size:16px; letter-spacing:2px;padding:3px 15px;}

#worksmore {padding-top:30px;margin-top:-20px;}
.conslist{margin-top:20px}
.conslist .cons {padding:5px 10px;}
.conslist:hover .cons {background:rgba(0,0,0,0.7);}
.conslist .cons .title2 {font-size:12px;}
.conslist .cons .jia {font-size:16px;margin:-5px 0}
.conslist .cons .title {font-size:14px;}
.get_more{ font-size:16px;height:30px; line-height:30px;width:100px; margin-left:-50px;margin-top:30px;}
.conslist .title2,.conslist .jia { display:none;}
.bannernshow {height:200px; background-size:cover;}
.nshow .title {font-size:22px; line-height:32px;margin:40px 0 0 0}
.nshow .title2 {font-size:14px; margin:5px 0 20px 0}
.nshow .cons {font-size:14px;line-height:24px;}
.team3 { margin:30px 0 20px 0;}
.team3 h1 {font-size:14px;}
.team3 h2 {font-size:22px;margin:2px 0}
.team3 h3 {font-size:16px;}


.team4 li .cons {padding:15px;font-size:14px; line-height:24px}
.team4 li .cons .t1 {font-size:18px; line-height:20px; height:20px;}
.team4 li .cons .t2 h1 {font-size:14px;margin:15px 0 -2px 0}
.team4 li .cons .t2 h2 {font-size:16px; margin:0 0 10px 0}
.team4 li .cons .t3 { height:96px;}
.bannerabout {  height:400px; background-size:cover;}
.bannerabout .title {font-size:30px; line-height:40px;padding:100px 0 20px 0}
.bannerabout .content {font-size:20px; line-height:30px; letter-spacing:1px;margin:-15px 0 20px 0}
.bannerabout .jia {font-size:20px;margin:0 0 30px 0}
.bannerabout .ad { font-size:14px; letter-spacing:2px;padding:0 15px}
.about1 .cons {font-size:14px; line-height:29px;margin:30px 0 25px 0}
.about2 { height:auto;padding:10% 0; font-size:16px; line-height:31px;margin-top:30px}

.aboutsubject {font-size:20px;margin:30px auto 25px auto; letter-spacing:1px}
.aboutsubject i {width:30px; margin-top:14px}
.aboutsubject p { margin:0 20px;}

.about3 li {padding:20px 0 5px 0}
.about3 li .title {font-size:16px; height:20px; line-height:20px;}
.about3 li .pic { height:80px;margin:10px 0 5px 0}
.about3 li .pic img { height:100%}
.about4 li .cons img {max-height:60%;max-width:60%}

.case .tabs_item dd .list {opacity:0}
.toper .logofont { display:none;}
.totop {right:3%; background-size:cover; height:20px;width:20px}
.totop:hover { background-size:cover;}
#container,.map iframe {height:200px;}
}

@media only screen and (max-width: 1024px){
.bxslider li a {height:400px;}
.indcase li {width:49%;}
}

@media only screen and (max-width: 768px){
.bxslider li a {height:350px;}
.indservice li {width:50%}
.tabs_item dd {width:50%;}
#slider3 .slide .list {width:33.3333%;}

}

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

.indservice li .title {font-size:18px; line-height:20px; height:20px;}
.indservice li .pic {margin:15px 0}
.indservice li .pic img { height:40px}
.indservice li .cons {font-size:12px; line-height:20px; height:100px}
.tabs_item dd .addtime { display:none;}
.tabs_item dd .list .addtime,.tabs_item dd .list .service {font-size:12px; line-height:17px;}
.tabs_item dd .list .title {font-size:14px; line-height:19px;}
.tabs_item dd .list .title span { display:none;}

.indnum ul {width:104%;margin-left:-2%}
.indnum li { padding:0;margin:0 2%;width:29.3333%}
.indnum li .cons {font-size:14px; line-height:24px; letter-spacing:0}
.sshow_step {margin-top:-20px;width:100%;margin-left:0}
.sshow_step li {margin:20px 0 0 0;width:100%;}
.case_shen {height:350px}
.case_shen .cons {width:300px; height:185px;top:58px;}
.case_shen .cons .content {font-size:14px; line-height:24px;}
.indcase li .title {font-size:16px; line-height:20px;}
.indcase li .pic img { height:60px}
.bannernews { height:200px; }
.bannernews .en {font-size:22px; line-height:22px;padding:40px 0 5px 0}
.bannernews .cn {font-size:16px;}
.bannernews .li { margin:10px auto 30px auto}
.bannernews .cs {font-size:14px; letter-spacing:1px;padding:0px 10px;}

#worksmore {width:102%;margin-left:-1%;}
.conslist{width:48%;margin:20px 1% 0 1%;}
.bannernshow {height:150px;}


.bannerabout {  height:200px;}
.bannerabout .title {font-size:25px; line-height:35px;padding:30px 0 15px 0}
.bannerabout .content {font-size:16px; line-height:26px; margin:-15px 0 5px 0}
.bannerabout .jia {margin:0 0 10px 0}
.bannerabout .ad {letter-spacing:1px;}
.about1 li {width:49%;}
.about3 li {width:50%;}
.about4 li{width:32.3333%;}
.bannerteam {padding-bottom:60px}
.team1 {margin-top:-30px;}
}

@media only screen and (max-width: 480px){
.bxslider li a {height:250px;}
#slider3 .slide .list .pic img {max-height:50%;max-width:50%;}
.bannernshow {height:100px;}
.about3 li .pic { height:60px}
.about4 li .cons img {max-height:55%;max-width:55%}
}

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