@charset "utf-8";
@media (max-width:1460px) {
body {padding:50px 0 0 0}
.wrap {width:94%;}
.foot {margin-top:100px;}
.wrap1 {max-width:400px}
.wrap4 {margin:0 3%}
.show_mp4pic {margin-left:3%;margin-right:3%}
}

@media (max-width:1200px) {
.wrap {width:100%;}
.wrap4 {margin:0 3%;}
body {padding:18px 0 0 0;font-size:14px; line-height:20px; letter-spacing:0px;}
a {font-size:14px}
.toper {width:94%;margin:0 auto;left:3%; height:35px;padding-top:15px;}
.mainc {margin-top:32px;}
.toper .logo {width:113px; height:20px; background-size:100%;}
.blueqq {margin:-1px 5px 0 0;}
.bluewx {margin:-1px 0 0 5px;}
.bluewx p {top:34px;width:55px}
.menuqq {width:100px; text-align:right;}

.toper .menuqq {margin-top:0;padding-right:0}
.toper .menuqq ul { position:fixed; z-index:9999; background:#fff;right:0;top:50px;width:100%; display:none;border-top:1px solid #ccc;}
.toper .menuqq ul li {float:none; text-align:right; display:block;margin:0; line-height:45px; height:45px;border-bottom:1px solid #ccc;}
.toper .menuqq ul li a {color:#888; display:block;font-size:16px;padding-right:3% }
.toper .menuqq ul li a:Hover,.toper .menuqq ul li.check a {color:#58848f}
	
.toper .cnen {top:1px;right:103px;}
.toper .cnen i {height:11px;margin:5px 10px 0 11px}
	
.mobmenu { position:absolute; z-index:9999;top:2px;width:22px; height:21px;right:65px;display:block}
.mobmenu .openmenu { background:url(../images/1.gif) no-repeat; background-size:90%;width:22px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/1.gif) no-repeat; background-size:90%;width:22px; height:21px; cursor:pointer; display:none}

.particulars-nav-fixed.actives .toper {padding-top:15px;height:35px}
.particulars-nav-fixed.actives .toper .logo {width:113px; height:20px; background-size:100%;margin-top:0px}

.case {margin-top:18px;min-height:auto;padding:0 3%}
.case li {width:49.5%;margin:0 1% 10px 0;}
.case li.n3 {margin-right:1%}
.case li.n2 {margin-right:0}
.case li .title {margin-top:50px}
.case2 li .title {margin:30px 0 20px 0}
.case li .title a {font-size:18px;font-weight:700;padding:0 3%}
.case li .hy a {font-size:16px}
.case li .hy {padding:0 3%;margin-top:12px;margin-bottom:45px}
.page_wrap {padding:20px 0 0px  0;}
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}
.casec li p {font-size:14px;}
.casec li {margin-bottom:1%}

.video li .pic .vicon i { background-size:100%;width:20px; height:20px;margin-top:-10px;margin-left:-10px}

.caseshow {padding:20px 3%;margin-top:20px;font-size:14px}
.caseshow .title {font-size:16px; line-height:25px;margin-bottom:15px}
.mp4pic {padding:0px 0 10px 0}
.prev_next {margin-top:20px}
.prev_next a {width:20px; height:20px}
.caseshow2 {padding-top:10px;}
.caseshow2 .title {margin-bottom:20px;margin-top:30px}

.news {margin-top:-40px}
.news .title {font-size:18px;font-weight:Bold;margin-bottom:25px;margin-top:25px}
.news .cons { line-height:30px; font-size:16px;}

.contact_map {margin-top:5px}
.contact_subject {border:5px solid #e6e6e6;padding:15px 20px; line-height:22px;margin-top:25px}
.contact_subject .title {font-size:18px;margin-bottom:0}
.contact_subject .cons {font-size:13px;margin-top:0}
.contact_cons {padding:20px 0px 0 0px;font-size:14px;line-height:25px}
.contact_cons a {font-size:14px;color:#333}

.caseshowcontent {width:100%;margin:0 auto 20px auto; line-height:30px;font-size:16px}
.caseshowcontent .title { line-height:30px;margin-bottom:10px;font-size:18px;font-weight:Bold;}
.caseshowdetail {width:100%;margin-bottom:15px; line-height:30px;font-size:16px}
.icons { line-height:30px;font-size:16px}

.info {margin:-40px auto 0 auto;min-height:auto}
.info li {margin-top:40px}
.info .title a {font-size:18px;font-weight:bold;}
.info .cons {margin-top:-15px; line-height:30px; height:180px;font-size:16px;}
.info .addtime {font-size:14px;margin-top:15px;margin-bottom:10px}
.info .more a {font-size:14px; height:28px; line-height:27px;width:90px; }

.iaddtime {font-size:14px;margin:15px 0 5px 0;}
.ititle {font-size:18px;margin:10px 0 20px 0;font-weight:Bold;}
.ititle2 {margin:-10px 0 20px 0;}

.foot {margin-top:50px;padding:15px 0 50px 0;font-size:14px}
.foot .copy { display:block;padding:0 3%}
.foot .qqwx { display:block;position:relative;width:60px;margin:10px auto 10px auto}
.foot .qqwx .bluewx p {top:auto;bottom:25px;right:0;left:8px;}
.footlink {margin-bottom:0px;margin:0;padding:0}
.footlink li {width:10.6666%;margin:0 3%;height:20px; line-height:20px;}
.footlink li.n8 {margin-right:3%}
.footlink li a {font-size:14px}
.fixed{bottom:30px;right:10px;width:30px;}
.fixed .fixedTop {width:30px; height:30px;}
.vshow li {width:46%;}

.video_cons p { width:20px; height:20px; margin:-10px -10px 0 0;}

.show_mp4pic {margin:0px 3% -30px 3%}
.video-btn{ width:50px; height:50px;margin:-25px 0 0 -25px}
.wrap5 {max-width:auto;margin:0 3%}
.indmore {margin:0px 0 0 0}
    
.indnews {margin:0 3%}
.indnews .subject {margin:20px 0 20px 0}
.indnews dd {width:44%;}
}

@media (max-width:788px) {
.footlink li {width:14%;}
.contact_map iframe,#container { height:250px}
}

@media (max-width:640px) {
.case {margin-top:-2px}
.casec {margin-top:18px}
.case li {float:none;width:100%;margin:0 0 15px 0;}
.case li.n3 {margin-right:0}
.case2 li .title {margin:30px 0}
.vshow {width:100%;margin-left:0}
.vshow li {width:100%;margin:80px 0 0 0}
.indnews .subject {margin-top:40px}
.indnews dd {width:94%;}
}

@media (max-width:560px) {
.footlink li {width:19%;}
}

@media (max-width:480px) {
.footlink li {width:27.3333%;}
.wrap1 {max-width:auto;margin:0 3%}
}