@charset "utf-8";
@media only screen and (max-width: 1800px){
.bxslider li a { background:none; height:auto;}
.bxslider li a img { display:block;width:100%;}
}

@media only screen and (max-width: 1480px){
.fixtop .toper ul.navpc li {margin: 0 0 0 5px}
.fixtop .toper ul.navpc li a {font-size:19px}
.fixtop .toper ul.navpc li a p {padding:0 20px}
.fixtop .toper ul.navpc li.tel {font-size:20px;padding:0 0 0 55px}
.fixtop .toper ul.navpc li.tel:before {left:25px;top:30px;width:20px; height:20px; background-size:cover;}
}

@media only screen and (max-width: 1320px){
.wrap {margin:0 3%}
.ser_step .list2 li i { margin:8px 45px 0 45px}
.ser_step dl dd { letter-spacing:0;min-height:310px}

.indabout li .overcons,.indabout li .overcons a {font-size:14px}

}

@media only screen and (max-width: 1200px){
.wrap2 {margin:0 3%}
.fixtop .toper ul.navpc { display:none;}
.phonemenu { display:block;}

.fixtop {height:51px;border-width:1px}
.fixtop .toper .logo,.fixtop.active .toper .logo { top:7px; width:113px; height:36px;}
.tblank,.tblank.active { height:51px;}
.fixtop.active {top:0;}
.bx-wrapper .bx-pager { bottom:15px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 30px; height:5px;  margin: 0 5px; }
.bx-wrapper .bx-prev { left:3%;}
.bx-wrapper .bx-next {right:3%;}
.bx-wrapper .bx-controls-direction a { margin-top:-10px;  width:12px;  height:20px; background-size:cover;}
.indcase .subject {font-size:22px; line-height:32px;padding:40px 0 35px 0}

.indcase li .cons,#slider2 .slide .cons { letter-spacing:0}
.indcase li .cons .up,#slider2 .slide .cons .up {font-size:16px; line-height:26px;top:0}
.indcase li .cons .down,#slider2 .slide .cons .down {font-size:12px; line-height:22px;bottom:0}

.indabout .t {font-size:18px; line-height:28px;padding:35px 0 5px 0}
.indabout .c {line-height:24px; font-size:14px; letter-spacing:0}
.indabout ul {padding:30px 0 0 0}
.indabout li {padding:10px 15px;}
.indabout li .title2 {font-size:18px; line-height:28px;}
.indabout li .title {font-size:18px; line-height:28px;margin:0 0 10px 0}
.indabout li .content {font-size:14px; line-height:24px;min-height:75px}
.indabout li:hover {top:0}
.indsubject { font-size:18px; line-height:28px;padding:35px 0 20px 0;}


.indnews .mleft .first .pic a { height:200px; }
.indnews .mleft .first .title {height:45px; line-height:45px; margin:0 0 15px 0}
.indnews .mleft .first .title a {font-size:16px; letter-spacing:0;padding:0 90px 0 0; left:-9px}
.indnews .mleft .first .title span {font-size:14px; letter-spacing:0}
.indnews .mleft li {margin:5px 0 0 0;padding:0 0 0 12px; letter-spacing:0}
.indnews .mleft li a {padding:0 90px 0 0;font-size:14px;}
.indnews .mleft li a:before {font-size:20px;}
.indnews .mleft li span { font-size:14px}
.foot {margin:40px 0 0 0;padding:30px 0 20px 0}
.foot dl { display:none;}
.foot .cons {width:100%;border-left-width:0;padding:0; letter-spacing:0; text-align:center}
.foot .cons .title {font-size:20px; line-height:20px; letter-spacing:0}
.foot .cons .content {margin:10px 0 20px 0}
.foot .cons ul { text-align:center}
.foot .cons li {width:120px;margin-left:20px}
.footer { padding:12px 0 10px 0}
.bannerin { background-size:cover; height:400px}

.namemj {top:-52px;}
.case {padding:10px 0 0 0}
.case ul{margin-top:-30px}
.case li {margin-top:30px}
.case li .pic .bg h1 {font-size:16px;}
.case li .in {padding:0 10px}
.case li .title { margin:20px 0 0 0}
.case li .title a {font-size:16px;}
.case li .title2 {margin:7px 0 20px 0}

.page_wrap {padding:40px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:25px;height:25px; line-height:25px;}
.bx-wrapper .bx-controls-direction a {opacity:1}
#slider2 .bx-wrapper .bx-prev { left:3%;  background-size:cover;}
#slider2 .bx-wrapper .bx-next { right:3%; background-size:cover;}
#slider2 .bx-wrapper .bx-controls-direction a { margin-top:-15px;  width:15px;  height:30px; background-size:cover;}

.show .title {margin:35px 0 25px 0}
.show .title h1 {font-size:18px; line-height:28px;padding:0;color:#595757;}
.show .title .bshare-custom { display:none}
.show .title2 {font-size:16px;margin:0 0 30px 0;font-weight:400;color:#595757;}
.show .cons,.show .cons a {font-size:14px;font-weight:400;color:#595757;}
.show .back {margin:40px 0 30px 0}
.show .back p {top:-2px;font-size:16px;}

.news {padding:0 0 0 0;margin-top:-20px}
.news li {padding:30px 0}
.news li .pic { top:30px;width:215px; height:135px; }
.news li .cons {margin:0 0 0 230px; height:135px;letter-spacing:0}
.news li .cons .title {margin:0 0 0 0; height:21px; line-height:21px}
.news li .cons .title a {font-size:18px;}
.news li .cons .addtime {margin:5px 0 10px 0}
.news li .cons .content { line-height:25px;font-size:14px; height:75px;}
.news li .cons  .more { display:none;}
.nshow .title {font-size:18px; line-height:28px;padding:40px 0 5px 0}
.nshow .addtime {padding:0 0 10px 0;margin:0 0 20px 0}
.nshow .prevnext {margin:40px 0 0 0}
.nshow .prevnext a.back { font-size:16px; position:relative;}

.map iframe,#container {height:300px;}
.contact {padding:40px 0 0 0}

.contact .mleft .t,.contact .mright .subject {font-size:20px;line-height:30px;margin:0 0 20px 0;letter-spacing:0;}
.contact .mright .subject {margin-bottom:28px}
.contact .mleft .c,.contact .mleft .c a {font-size:16px; letter-spacing:0; line-height:2}
.contact .mright .list #mbtn { font-size:18px;}
.job {padding:0 0 0 0}
.job .subject {font-size:20px; line-height:30px; letter-spacing:0;margin:40px 0 20px 0}
.accordionservice li .link,.accordionservice2 li .link2 {padding:20px 0;}
.accordionservice li .link:before,.accordionservice2 li .link2:before {top:25px;width:12px; height:12px;}
.accordionservice li .link a .title,.accordionservice2 li .link2 a .title {font-size:20px; line-height:20px; letter-spacing:0}
.accordionservice li .link a .title2,.accordionservice2 li .link2 a .title2 {font-size:14px; line-height:14px; letter-spacing:0;margin:10px 0 0 0;}
.accordionservice .submenu,.accordionservice2 .submenu2 {padding:0 0 20px 0;font-size:14px}
.servicesubject {font-size:18px; line-height:18px; letter-spacing:0;margin:45px 0 25px 0}
.ser_adv {padding:30px 0;}
.ser_adv li .t {font-size:20px; line-height:20px;margin:0 0 10px 0}
.ser_adv li .c {font-size:14px; line-height:24px}
.ser_adv ul i {width:1px}
.ser_project li {margin:20px 0 0 0}
.ser_project li .cons .t {font-size:20px; line-height:30px;margin:-5px 0 10px 0}
.ser_project li .cons .c {font-size:16px; line-height:1.8}
.ser_project li .cons .c table {margin:10px 0 0 0}
.ser_project li .cons .c td {font-size:14px;width:100%; display:block;padding:10px 0;}
.ser_project li .cons .c td a {font-size:14px}
.ser_project li .cons .c td:last-child {width:100%;}
.ser_project li .pic {margin-top:40px}

.ser_step {padding:0}
.ser_step dl {width:33.3333%;}
.ser_step dl dd {letter-spacing:0; line-height:2;min-height:240px}
.ser_step dl.dl4 dd {border-left:1px solid #d1d1d1}

.ser_step .list2 li i { background-size:80%;margin:8px 25px 0 25px}
.ser_step .list2 li:first-child i { display:inline-block;}
.ser_step .list2 li {width:33.3333%; text-align:center}
.video-btn{left: 3%;bottom:25px;width: 40px;height: 40px;}
.about .cons {font-size:14px; letter-spacing:0;}
.culture {padding:30px 0;}
.culture .cons {font-size:14px; letter-spacing:0;margin:0 0 20px 0}
.culture li .p img { height:60px}
.culture li .t {font-size:22px; line-height:22px;margin:10px 0}
.culture li .c {font-size:14px; letter-spacing:0; line-height:2}

.team {padding:0 0 30px 0}
.team li {font-size:16px; letter-spacing:0; line-height:26pxe}
.team li .cons {padding:10px 15px; }
.team li .cons .t {margin:0 0 0px 0}
.team li .cons .t2 {line-height:25px; height:50px;padding:0 30px 0 0;}
.team li .cons .icon { background-size:50%;right:10px;top:73px}
.team li .cons .content {padding:20px 0 0 0; }
.fixright { display:none}
.indabout li .overcons {padding:0 20px; line-height:1.6}
.indabout li .overcons,.indabout li .overcons a {font-size:12px}
.indabout li .overcons td:before { display:none;}


}

@media only screen and (max-width: 1024px){
}

@media only screen and (max-width: 768px){
.indcase li {width:49.8%}
.indpart li {width:25%}
.bannerin {height:300px}
.case li {width:48%}
.team li {width:48%}

}

@media only screen and (max-width: 640px){
.indcase li {width:99.8%}
.indabout li {width:98%}
.indabout li .content {min-height:0}
.indnews .mleft {width:100%}
.indnews .mright {margin:30px 0 0 0}
.bannerin {height:250px}
.case li {width:98%}
.case li .in {padding:0}
.case li .title { height:auto; line-height:26px;}
.case li .title2 { height:auto; line-height:24px;}
.case li .cons { height:auto}
.case li .title2 {margin:3px 0 20px 0}
.news li .pic { top:30px;width:160px; height:100px; }
.news li .cons {margin:0 0 0 175px; height:100px;letter-spacing:0}
.news li .cons .content { height:50px;}
.news li .cons .addtime {margin:0px 0 5px 0}
.contact .mleft {width:100%}
.contact .mright {width:100%;margin:35px 0 0 0}
.contact .mright .list {padding:0 0 0 20px}
.contact .mright .list:before {left:0}
.job .list {width:100%}
.job .list2 {margin-top:-1px}
.ser_adv {padding:10px 0 5px 0}
.ser_adv ul i { display:none;}
.ser_adv li {width:92%; text-align:center;border-top:1px solid #9fa0a0;padding:20px 0}
.ser_adv li:first-child {border-width:0}

.ser_project ul {padding:10px 0 0 0;margin-bottom:-40px}
.ser_project li {margin:0;padding:0 0 30px 0}
.ser_project li:first-child {padding-top:0;border-width:0}
.ser_project li .pic {width:100%;margin:0 0 0 0}
.ser_project li .pic3 { display:block;width:100%}
.ser_project li .pic2 { display:none}
.ser_project li .cons {width:100%;margin:30px 0 0 0}
.ser_step dl {width:50%;}
.ser_step dl.dl3 dd,.ser_step dl.dl5 dd {border-left:1px solid #d1d1d1}
.ser_step dl.dl3 dd {border-right:0;}
.ser_step dl dd {font-size:14px;min-height:230px}
.ser_step .list2 li i {margin:8px 5px 0 0}
.culture li {width:92%;}

}

@media only screen and (max-width: 480px){
.bannerin {height:200px}
.news li .pic { width:140px;}
.news li .cons {margin:0 0 0 155px;}
.team li {width:98%;margin-top:20px}
.team li .cons .t2 { height:auto}
.team li .cons .icon {top:48px}
}

@media only screen and (max-width: 420px){
.bannerin {height:150px}

}