@charset "utf-8";
@media only screen and (max-width: 1420px){
.wrap {padding:0 3%}
.workcate2 dd {width:20%;margin:0}
.leftmenu {left:3%;margin-left:0;}
.wrap2 {max-width:100%;padding:0 0 0 150px}
.caseshow li .first .title {font-size:95px; line-height:105px;}
}

@media only screen and (max-width: 1200px){
.leftmenu {top:0; z-index:9999;}
.leftmenu dl{ display:none;}
.leftmenu .logo { background:url(/skin/images/logo2.png);width:83px; height:50px; background-size:cover;margin:0}
.leftmenu .logo a {width:100%; height:100%; display:block}
.leftmenu .logo img { display:none;}
.wrap2 {padding:0}
.fixtop .toper .tel { display:none;}
body,h1,h2,h3,h4,h5 {font-size:14px;line-height:24px;}
.fixtop {height:50px;}
.fixtop .toper ul.navpc { display:none;}
.tblank { height:60px}
.phonemenu { display:block;}

.fixtop .phonemenu ul { display:block;float:none; text-align:center;margin:80px 0 0 0;}
.fixtop .phonemenu li { display:block;width:100%;margin:10px 0;line-height:40px;}
.fixtop .phonemenu li a {font-size:16px;border-width:0; height:40px;line-height:40px;padding:0;color:#fff}
.fixtop .phonemenu li a:hover { background:none}

.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:16px}
.accordionmenu li .link a {color:#fff;font-size:18px;}
.accordionmenu li.open .link { background:#cc0000;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #fff;}
.accordionmenu .submenu p {background:#fff;border-top:1px solid #cc0000;height:30px; line-height:30px;}
.accordionmenu .submenu p a { display:block;color:#cc0000;font-size:14px;height:30px; line-height:30px;}
.accordionmenu .submenu p a:hover {color:#cc0000}


.bx-wrapper .bx-pager {bottom:10px;}
.bx-wrapper .bx-controls-direction a {margin-top:-8px;width:10px;height:16px; background-size:100%;}
.bx-wrapper .bx-pager.bx-default-pager a {width:8px;height:8px;margin:0 5px;}

.indabout {padding:30px 0;}
.indabout .title {font-size:20px; line-height:30px;}
.indabout .sum {font-size:16px; line-height:26px;margin:20px 0}
.mainsubject {padding:30px 0 25px 0;letter-spacing:0}
.mainsubject h1 {font-size:20px; line-height:25px;}
.mainsubject h2 {font-size:14px; line-height:20px;}
.mainsubject h2 i {margin:10px 0 0 0}
.mainsubject h2 p {margin:0 5px;}
.mainsubject h2 p span {padding:0 5px}
.indcase {margin-top:-30px}
.indcase li .cons {letter-spacing:0}
.indcase li .cons h1 {font-size:12px; line-height:20px;top:-10px;}
.indcase li .cons h2 {font-size:18px; line-height:25px;margin:7% 0 5% 0; letter-spacing:3px}
.indcase li .cons h3 {font-size:20px; line-height:20px;bottom:-10px}
.indcase li:hover .cons h2 {letter-spacing:0}
.mmore {margin:25px 0}
.mmore a {width:120px; height:25px; line-height:25px;}

.honor {padding:0 0 30px 0;margin:-20px 0 0 0}
.honor ul {padding:0;margin-top:-20px}
.honor li .title {font-size:14px; line-height:19px;margin:10px 0 3px 0; letter-spacing:0}
.honor li .title2 { letter-spacing:0;}
.honor li:hover {top:0}

.awards {margin-top:-20px}
.awards li .title {font-size:14px; line-height:14px;margin:15px auto 0 auto; letter-spacing:0;}
.awards li .title2 {margin-top:5px}
.awards li .cons {margin:10px auto 0 auto;}
.awards li:hover {top:0}
.ewi {margin-top:25px}
.ewi .cons {padding:0 0 25px 0}

.cando {margin-top:-10px}
.cando ul {margin-top:-20px}
.cando li {width:30%;margin:20px 5% 0 0;}
.cando li .pic p {width:80px; height:64px; background-size:100%}
.cando li .title { height:30px; line-height:30px;margin:15px auto 0px auto;}
.cando li .title a { font-size:16px;}
.cando li .cons {font-size:14px; line-height:25px;}
.mjname {top:-49px;}
.mjnamec {top:-20px}

.indnews {margin-top:0px;letter-spacing:0;padding:1px 0 30px 0}
/*.indnews ul {margin-top:-20px}
.indnews li {width:48%;margin:20px 4% 0 0;  height:130px}
.indnews li .pic {width:150px; height:130px;}
.indnews li .cons {margin:0 0 0 165px}
.indnews li .cons .title { height:16px; line-height:16px;}
.indnews li .cons .title a {font-size:16px}
.indnews li .cons .content {line-height:22px; height:66px;margin:15px 0;font-size:13px}*/

.customer {margin-top:-20px}
.customer li .title {font-size:18px; line-height:25px;margin:0 0 5px 0}
.customer li .cons { line-height:25px}

.contact {margin-top:30px;padding:0 0 20px 0}
.contact .list .subject {font-size:16px;}
.contact .list .lt {margin:15px 0}
.contact .list .lt .icon {width:30px; height:30px;}
.contact .list .lt .icon img {width:30px}
.contact .list .lt .cons {margin:0 0 0 40px; height:auto;min-height:30px}
.contact .list .lt .cons .up {font-size:14px; line-height:18px;margin:0 0 2px 0;padding:2px 0 0 0}
.contact .list .lt .cons .down { letter-spacing:0; line-height:16px}
.contact .list .lt .cons .content {font-size:20px; line-height:20px;height:20px;padding-top:5px}

.foot {padding:15px 0; text-align:center}
.foot .menu {margin:0 0 10px 0}
.foot .menu i {height:12px;margin:6px 2% 0 2%;}
.foot .cons,.foot .cons a {font-size:12px; line-height:20px}
.foot .link {margin-top:10px}
.aboutcate { padding:20px 0}
.aboutcate li {width:95px;margin:3px 3px}
.aboutcate li a {height:50px;}
.aboutcate li h1 {margin:3px 0 -4px 0}
.company {padding:30px 0}
.company .title {font-size:16px; line-height:25px; letter-spacing:0;margin:20px 0 20px 0}
.company .cons table {margin:0px auto 0 auto}
.company .cons td {padding:0 1px}

.customerbg {padding:30px 0 30px 0}
.kfpj {padding:0 0 70px 0}
#slider2 {margin-top:-1.5%}
#slider2 .bx-wrapper .bx-pager { bottom:-40px;}
#slider2 .bx-wrapper .bx-pager.bx-default-pager a { width: 8px;  height:8px;  margin: 0 5px; }
#slider2 .slide .cons {width:49%;margin:1.5% 2% 0 0;padding:5px 10px;}
#slider2 .slide .consno {margin-right:0}
#slider2 .slide .cons .title {font-size:12px; line-height:20px;margin-top:1px}
#slider2 .slide .cons .content {font-size:14px; line-height:25px;}
.pager a { margin: 2px 2px;} 
.case {margin:0 0 30px 0}

.workcate {padding:15px 0;margin:-20px 0 0px 0}
.workcate dd {width:21%; text-align:center;margin:0 2%}
.workcate dd a {height:30px; line-height:30px;padding:0 5px;}
.workcate dd a p {width:100%;left:0;}
.mappic {margin-top:30px}
.show .title{font-size:18px; line-height:25px;padding:30px 0 0 0}
.show .line {width:30px;margin:10px auto; }
.show .cons img {margin-top:5px}
.fixrightqq {right:3%;bottom:5px;margin-right:-3px;width:40px; height:66px;}

.foot3 li {padding:30px 0;}
.foot3 li .title {font-size:16px; line-height:25px;margin:10px 0 2px 0; }
.foot3 li .cons {font-size:12px; line-height:20px;}
.foot3 li .pic { text-align:center}
.foot3 li .pic img {max-width:100px;margin:0 auto}
.works {padding:5px 0 30px 0}
.works dt {font-size:20px; height:50px; line-height:50px;border-radius:5px;}
.works dd:hover {top:0}
.works dd { border-radius:5px;height:110px}
.works dd img {max-width:60%;max-height:90%}

.caseshow {padding:0 0 30px 0}
.caseshow .subject { font-size:25px; margin:20px 0 10px 0}
.caseshow li .first .title {font-size:50px; line-height:60px;}
}

@media only screen and (max-width: 1024px){
.news {margin:-10px auto 0 auto;}
.news ul {margin-top:-10px}
.news li {border-top-width:1px;padding:20px 0}
.news li .list {padding:0 3%}
.news li .list .title {font-size:16px; line-height:25px;}
.news li .list .addtime {margin:5px auto 10px auto}
.news li .list .line {width:25px; }
.news li .list .cons {margin:20px 0 15px 0}
.pager a,.pager span.current,.pager span.disabled{width:70px;height:28px; line-height:28px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px; } 
.newsline {margin-top:20px; height:1px}
}

@media only screen and (max-width: 768px){
.indcase .wrap {padding:0 2%}
.indcase ul {margin-top:-2%}
.indcase li {width:48%;margin:2% 1% 0 1%;}
.indcase li.no {margin-right:1%}

.cando ul {margin-top:-20px}
.cando li {width:45%;margin:20px 10% 0 0;}
.cando li.no3 {margin-right:10%}
.cando li:nth-child(2n) {margin-right: 0}
.cando li#no2 {margin-right:0}
.cando li .clear2 { clear:both}
.cando li .clear3 { clear:none}
.cando li .title {min-width:100%}
.customer ul {margin-top:-20px}
.customer li {width:100%;margin:20px 0 0 0;}
/*.indnews li {width:100%;margin-right:0}*/

.works dd { width:31.7333%;}
}

@media only screen and (max-width: 640px){
.indcase ul {margin-top:-5px}
.indcase li {width:100%;margin:5px 0 0 0;}
.indcase li.no {margin-right:0}
.honor ul {margin-top:-20px}
.honor li {width:100%;margin:20px 0 0 0}
.honor li .title { display:inline-block;}
.honor li .title2 {margin-top:0}
.awards ul {margin-top:-20px}
.awards li {width:100%;margin:20px 0 0 0;}
.awards li .title { display:inline-block;}
.awards li .title2 {margin-top:0}
.awards li .cons { display:block; text-align:center;}
.customer li td {padding:0 15px 0 0}

.contact {padding:0 0 20px 0}
.contact .list {width:100%}
.contact .list.right {margin-top:10px}

#slider2 .bx-wrapper .bx-pager { bottom:-30px;}
.kfpj {padding:0 0 50px 0}
#slider2 {margin-top:-10px}
#slider2 .slide .cons {width:100%;margin:10px 0 0 0;}
.workcate dd {width:46%;}

/*.indnews li {height:88px}
.indnews li .pic {width:100px; height:88px;}
.indnews li .cons {margin:0 0 0 115px}*/


/*.indnews li .cons .content {line-height:20px; height:40px;margin:5px 0;font-size:12px}*/

.foot3 li {width:100%;border:0;border-top:1px solid #d6d6d6;border-bottom:1px solid #fff;padding:20px 0}
.foot3 li.f1 {border-top:0}
.foot3 li.f3 {bottom-bottom:0}

.caseshow li .first .title {padding:30px;width:100%;font-size:25px; line-height:35px;}
.caseshow li .first .pic {width:100%}

}

@media only screen and (max-width: 480px){
.works dd {height:90px}
}

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