@charset "utf-8";
@media (max-width:1600px) {

.leftcons .upcons {top:50px}
.nshow {margin-top:25px;}
.leftcons .downcons {bottom:10%;}
.rightcons {margin-left:20%}
.leftcons .upcons .logo {width:190px; height:40px; background-size:100%;}
.leftcons .downcons a { margin:0 12px;}
.foot li.f1 {width:37%;}
.foot li.f2 {width:25%;}
.foot li.f3 {width:25%;}
.foot li.f4 {width:13%;}
.showright { line-height:1.8;font-size:14px}
.showright .title2 {margin-top:10%}
.showright .close {right:15px;top:15px; width:30px;height:30px;}

}

@media (max-width:1200px) {

body {font-size:13px; line-height:25px;letter-spacing:1px}
.bx-wrapper .bx-pager { bottom:10px;}
.bx-wrapper .bx-pager.bx-default-pager a { width: 8px;  height:8px;  margin: 0 5px;}
.rightcons {margin:0}

.leftcons { position:fixed; z-index:9999;top:-100%;left:0;width:100%; height:100%; text-align:center; background:#e6e6e6;}
.leftcons.active {top:0}
.leftcons .upcons { position:relative; z-index:1;top:0}
.leftcons .upcons .logo { display:none;}
.leftcons .upcons li.li2 dl,.leftcons .upcons li.li3 dl { display:none}
.leftcons .upcons ul { position:fixed; z-index:1;top:0;margin-top:-390px;width:100%; height:390px;}
.leftcons.active .upcons ul {top:50%;margin-top:-195px;}
.leftcons .upcons li {margin:20px 0}
.leftcons .upcons li a {font-size:18px}
.leftcons .upcons li.check a {color:#333}
.leftcons .upcons li.check a:hover {color:#e62129}
.showright .close {display:none;}
.leftcons .downcons { display:none;}
.wrap,.wrap4 {padding:0}
.wrap2 {padding:0 3%}
.wrap3 {padding:0 3%}

.mobilemenu { display:block; position:fixed; z-index:99999;left:0;top:0;width:100%}
.mobilemenu .logo,.mobilemenu.active2 .logo { background:url(../images/mlogo1.png) no-repeat center;width:35px; height:35px; background-size:100%; display:block; position:absolute; z-index:1;left:3%;top:15px}
.mobilemenuwhite .logo { background:url(../images/mlogo2.png) no-repeat center; background-size:100%}
.mobmenu { position:absolute; z-index:9999;top:22px;right:3%;width:31px; height:20px;}
.mobmenu .openmenu,.mobilemenu.active2 .mobmenu .openmenu { background:url(../images/mmenu1.png) no-repeat;width:31px; height:20px; cursor:pointer;}
.mobmenu .closemenu,.mobilemenu.active2 .mobmenu .closemenu { background:url(../images/mmenu1.png) no-repeat;width:31px; height:20px; cursor:pointer;display:none}
.mobilemenuwhite .mobmenu .openmenu { background:url(../images/mmenu2.png) no-repeat;}
.mobilemenuwhite .mobmenu .closemenu { background:url(../images/mmenu2.png) no-repeat;}

.indabout {padding:0 3%}
.indabout .title {font-size:20px; line-height:30px;margin:25px 0 5px 0; letter-spacing:2px}

.contact2 {margin:25px 0 30px 0; text-align:center}
.indcasesubject {font-size:18px;margin:30px 0 20px 0}
.indcase li .pic .bg span {font-size:14px; line-height:22px;padding:5% 10%;}
.indcase li .title { height:20px; line-height:20px; margin:10px 0 0px 0}
.indcase li .title a {font-size:14px;}
.indcase li .hy {font-size:12px;}

.about .subject {font-size:20px;margin:30px 0 15px 0}
.about ul {margin-bottom:30px}
.about li {width:23.5%;margin:30px 2% 0 0;}
.about li.no {margin-right:0}
.about li .title {margin-top:15px; line-height:25px}

.service li .num {font-size:50px;}
.service li .title {font-size:18px; line-height:25px;margin:20px 0 15px 0}
.rightcons2 {margin-top:70px}
.conslist .addtime {font-size:12px;}
.conslist .addtime p {padding-left:90px;}
.conslist .title { height:20px; line-height:20px;margin-top:2px}
.conslist .title a {font-size:14px;}

.nshow {margin-top:50px;}
.nshow .title {font-size:18px; line-height:35px;padding:0 0 5px 0}
.nshow .addtime { font-size:12px;margin:8px 0 25px 0}
.prevnext {margin:25px 0 0 0}
.prevnext a { display:inline-block;float:left;width:40%;font-size:13px;color:#555}
.prevnext .back { text-align:center;width:20%;}
.prevnext .next { text-align:right;float:right}
.prevnext img { height:25px;margin-bottom:5px}

.case {min-height:50px;}
.conslist2 .pic span font { margin-top:-10px;}
.conslist2 .title { height:20px; line-height:20px; margin:10px 0 0 0}

.showleft {padding:0 3%;margin-top:120px}
.showleft .cons {margin-top:-2.6%}
.showleft .cons img {margin-top:2.6%;width:100%}
.showright { position:relative; z-index:999;right:0;top:80px;width:100%;padding:0 3%;}
.showright .title {font-size:20px; line-height:30px;margin:0 0 25px 0}
.showright .cons { line-height:25px; height:auto; overflow:visible;}
.showright .title2 {margin-top:30px;margin-bottom:15px}
.bdsharebuttonbox a.bds_more { background-size:50%;margin-left:-8px}
.share p {font-size:13px;margin:0 0 0 2px; line-height:12px}
.casedz {margin:-47px 0 0 120px; line-height:28px}
.casedz img{ height:22px}
.footshow .rightcons {margin-left:0%;padding-right:0}
.showmenu { display:block}
.rightfix { display:none;}
.get_more{height:40px; line-height:40px;width:180px;margin-left:-90px;margin-top:30px}

.foot { margin-top:30px;padding:25px 3% 15px 3%;font-size:13px; text-align:center}
.foot a {font-size:13px;}
.foot li.f1 {width:40%;}
.foot li.f2 {width:30%;}
.foot li.f3 {width:30%;}
.foot li.f4 { display:none}
.foot li .c {margin:10px 0 0 0}
.foot li .icon img { height:30px;margin:0 auto}
.foot li .more a {font-size:12px;}
.foot .cons {margin-top:20px}
.foot .cons,.foot .cons a {font-size:12px;}
.footindex { text-align:left;}
.footindex .list {width:42%;}
.footindex .list2 {width:27%;margin-right:4%}
.footindex .list3 {width:27%;}
.footindex .list .f2 {font-size:23px;margin:15px 0 20px 0; letter-spacing:2px}
.footindex .list .f2 img {margin:0 15px 0 0; height:15px}
.footindex .list .f4 {font-size:23px;margin-top:10px; letter-spacing:6px}
.footindex .list p {margin-bottom:20px;}
.footindex .list p a {font-size:16px}
.footindex .list h1 { height:26px; line-height:26px;}
.footindex .list h1 a {font-size:12px;}
}

@media (max-width:640px) {
.contact2 {margin:5px 0 30px 0;}
.contact2 .list {float:none;width:100%;margin-right:0%;border-bottom:1px solid #999;padding:20px 0}
.indcasesubject {margin:25px 0 35px 0}
.indcase {margin-top:-20px}
.indcase li {float:none;margin:20px 0 0 0;width:100%;}

.about { text-align:center}
.about li {float:none;width:200px;margin:20px auto 0 auto;}
.about li.no {margin-right:auto}

.wrap3 {margin:0}
.single_item {float:none;width:100%;margin:20px 0 0 0}

.prevnext a {float:none;width:100%; text-align:center;margin-bottom:20px}
.prevnext .back { text-align:center;width:100%;}
.prevnext .next { text-align:center;float:none}

.foot ul {margin-top:-25px;}
.foot li {float:none;margin-top:25px}
.foot li.f1 {width:100%;}
.foot li.f2 {width:100%;}
.foot li.f3 {width:100%;}
.footindex { text-align:center}
.footindex .list {width:100%;float:none;margin-bottom:35px}
.footindex .list2 {width:100%;margin-right:0%}
.footindex .list3 {width:100%;}
.footindex .list .f2 {margin:5px 0 10px 0;}
.footindex .list .f3 {margin:0 auto}
.footindex .list .f4 {font-size:20px;margin-top:10px; letter-spacing:3px}
.footindex .list p {margin-bottom:5px;}
}