@charset "utf-8";
@media (max-width:1600px) {
.rightprevnext { right:6px;bottom:120px;}
.newsshow .rightprevnext {right:auto;bottom:auto;}
}

@media (max-width:1278px) {
body {line-height:20px;font-size:12px;}
.wrap {padding:0 3%}
.wrap4 {padding:0}
.topblank { height:45px}

.mobmenu {display:block;}
.mobmenu { position:absolute; z-index:9999;top:16px;right:3%;width:17px; height:14px;}
.mobmenu .openmenu { background:url(../images/open2.png) no-repeat;width:17px; height:14px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/open2.png) no-repeat;width:17px; height:14px; cursor:pointer; display:none}
.toper {height:50px;background:url(../images/1_1.png) repeat-x bottom;}
.toper .logo h1 {height:30px; width:140px;margin-top:6px;background-size:100%;}
.toper ul { position:fixed; z-index:9999;left:0;width:100%;margin-left:0;top:45px;padding:20px 0; background:rgba(0,0,0,0.9); display:none; height:1500px}
.toper ul li { display:block; text-align:center; height:50px; line-height:50px;margin:0}
.toper ul li a {padding:0;height:50px; line-height:50px;color:#fff;border:0}
.toper ul li a:hover,.toper ul li.check a,.toper ul li:hover>a {color:#d82444}
.toper ul li:hover>dl { display:none}
.toper li:hover>dl { display:none;}

.toper .tel {line-height:50px; line-height:50px; font-size:12px;margin-left:0px;margin-right:30px;}
.toper .tel .cons {margin-top:0px;font-size:16px}

.bxslider li a { background-size:cover;height:600px}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next { background-size:100%;}
.bx-wrapper .bx-next:hover {opacity:1;}
.bx-wrapper .bx-controls-direction a {margin-top: -5px; width: 38px; height: 10px;}
.bx-wrapper .bx-pager { bottom:25px;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 15px;height: 15px;margin: 0 10px;}
#indabout { padding:30px 0 0 0;font-size:12px; line-height:20px}
#indabout .cons2 {font-size:27px; line-height:35px;margin:20px 0 15px 0}
#indabout .cons2 strong,#indabout .cons2 b { display:block;margin:5px 0 8px 0}
#indabout .cons3 {font-size:14px; line-height:22px;margin:0 0 20px 0}
#indabout ul {margin-top:30px}
#indabout li {margin:0 3%;}
#indabout li .cons { font-size:12px; line-height:20px;}
#indabout li .title {font-size:40px; line-height:40px;}
#indabout li .title span {min-width:45px;}
.mainmore { font-size:12px;border-width:1px; height:25px; line-height:26px;padding:0 10px;margin:30px 0;}
.mainmore i { width:21px; height:6px;margin-left:5px; background-size:cover;}
.indcasesubject {padding:10px 0 10px 0}
.indcasesubject .mleft {font-size:14px}
.indcasesubject ul li {margin-left:10px;}
.indcase li .title {font-size:14px; line-height:20px;}
.indcase li .cons .classname {font-size:14px; line-height:20px}
.indcase li .cons .hy {font-size:12px; line-height:20px}
.footer .cons2,.footer .cons4,.footer .cons5 { display:none;}
.indnews {padding:10px 0 20px 0}
.indnews .list h1 {font-size:18px;margin:0 0 10px 0}
.indnews .list h1 span {margin-left:10px;font-size:15px}
.indnews .list .cons {margin-top:10px}
.indnews .list .cons p { height:20px; line-height:20px;margin:5px 0}
.indnews .list .cons p a{font-size:12px;}

.adv_brand .subject {font-size:18px;margin:10px 0 20px 0}


.footer { font-size:12px; line-height:20px;padding:20px 0;margin-top:0px}
.footer a {font-size:12px;}
.footer .cons1 {float:left;width:auto}
.footer .cons1 img {width:100px}
.footer .cons3 {float:right;width:auto; text-align:right;margin-top:5px}
.rightprevnext{ display:none;}
.newsshow .rightprevnext { display:block}
.page_wrap {padding:30px 0 0 0;}
.pager a,.pager span.current,.pager span.disabled{width:20px; height:20px; line-height:20px;}
.bannerin {background-size:cover;height:400px;margin-bottom:30px}
.bannerincaseshow { height:450px;}
.casenews {margin-bottom:30px}
.casenews li {  height:30px; line-height:30px;width:165px; margin:0 0 0 -1px;font-size:14px}
.casenews li dl {left:-1px;width:167px;padding:10px 10px;top:31px;}
.casenews li dd a {font-size:12px; line-height:20px;}
.casenews li .title {padding:0 10px}
.casenews li .title i { width:9px; height:5px; background-size:100%;margin:13px 0 0 0;}
.bottomblank { height:30px; }

.caseshowad {font-size:20px; line-height:30px;}
.caseshowtitle {width:70%;}
.caseshowtitle .cons {font-size:13px; line-height:25px;margin-bottom:20px}
.caseshowtitle .title {font-size:12px;width:60%}
.caseshowtitle .www {font-size:12px;width:35%;}
.caseshowcons {margin-top:20px}

.news li {padding:20px 0;}
.news li .addtime {font-size:20px;width:25%;}
.news li .cons {width:75%;}
.news li .cons .title a,.news li .cons .title {font-size:16px;line-height:22px;}
.news li .cons .content {margin:5px 0 15px 0}
.news li .mainmore { bottom:20px}

.newsshow {margin-top:10px;border:0}
.newsshow .addtime p {font-size:14px;margin-top:5px}
.newsshow .title {margin-bottom:10px}
.newsshow .content {padding:15px 0 0 0; }
.newsshow .content img {margin:5px 0}

.adv {padding:20px 0 0px 0;}
.adv .title {font-size:20px; line-height:30px;}
.adv .title2 {font-size:14px; line-height:20px;margin:3px 0 10px 0}
.adv .mainmore {margin:20px auto}
.adv_about {padding:0px 0 30px 0}
.adv_about .mleft {width:50%;}
.adv_about .title2 {font-size:16px; line-height:30px;margin:0px 0 10px 0}
.adv_about .pic {width:25%;}
.adv_service ul {margin:20px auto 20px auto}
.adv_service li {width:30%;margin-right:5%;}
.adv_service li .topcons {padding:5px 10px 7px 10px;}
.adv_service li .topcons .subject {width:100px; }
.adv_service li .topcons .subject h1 {font-size:20px;line-height:25px;}
.adv_service li .topcons .subject h2 {font-size:16px;}

.adv_service li .topcons .icon.icon1 {width:54px; height:60px; background-size:100%;margin-top:5px}
.adv_service li .topcons .icon.icon2 {width:55px; height:34px;margin-top:5px;background-size:100%}
.adv_service li .topcons .icon.icon3 {width:54px; height:50px;margin-top:5px;background-size:100%}

.adv_service li .list {font-size:12px;line-height:20px;margin-top:10px}
.adv_service li .list a {font-size:12px}
ul.client {margin:20px auto 0 auto;}
.namemj {top:-50px}

.history .adv {margin-top:-10px;padding:0 0 10px 0}
.history ul {padding:10px 0 20px 0}
.history li {width:46%;margin:10px 8% 10px 0}
.history li.no {margin-right:0}
.history li .title {font-size:25px; line-height:35px;}
.history li .cons {font-size:12px; line-height:20px;margin-top:0px}
ul.client2 {padding:0 2.5% 20px 2.5%;margin-top:20px}

.brand1 {margin:-30px 0 30px 0}
.brand2 {padding-bottom:30px;}
.brand2 .title {margin-bottom:10px}
ul.brandlist {margin:20px 0 0 0}
ul.brandlist li {width:150px;margin:0 20px}
ul.brandlist li .subject { width:150px; height:150px;margin-bottom:10px}
ul.brandlist li .subject img { height:20px;}
ul.brandlist li .subject p {font-size:16px;margin-top:5px}

.about {margin-top:-30px;}
.about ul {margin-bottom:20px}
.aboutbanner { background-size:cover;height:650px;}
.about_team {padding-bottom:20px}
.about_vision .cons {margin:15px auto 25px auto}
.about_team ul.u3 {margin-top:20px}
.about_team ul.u3 li {width:32.6666%;}
.about_team ul.u3 li .pic .cons { padding:8px 10px; line-height:16px}
.about_team ul.u3 li .title2 {font-size:16px; line-height:20px; margin:10px 0 0 0}
.about_team ul.u3 li .title {font-size:18px; height:25px; line-height:25px; margin:10px 0;}
.about_team ul.u3 li .hy {height:20px; line-height:20px; margin:0 0 20px 0}
.about_team ul.u4 li .title {font-size:18px; line-height:25px;margin-top:-20px}
.about_team ul.u4 li .hy {bottom:10px;}
.about_hj {margin-top:20px}
.about_view {margin-bottom:30px }

.contact {padding:0px 0 20px 0}
.contact .contactleft .f1 {border-width:1px;font-size:20px; line-height:30px;padding-top:5px}
.contact .contactleft .f2 {font-size:20px; line-height:30px;padding:2px 0 8px 0;margin-bottom:8px}
.contact .contactleft .f4 {font-size:20px;margin-top:15px}
.contact .contactleft .f6_2 {margin-top:15px;}
.contact .contactleft .f6_2 span { font-size:20px;margin-top:-5px}
.contact .contactleft .f6_3 { width:110px;}
.contact .contactleft .f6_3 p {margin-top:-2px}
.message {margin-top:-5px}
.message .subject {font-size:20px; line-height:20px;}
.message .title2 { line-height:20px;margin-top:10px}
.message input[type="text"] { height:30px; line-height:30px;padding:0 10px;font-size:12px;margin-top:10px;}
.message #cbeizu { padding:5px 10px; line-height:20px;font-size:12px;margin-top:10px; height:90px; overflow:auto}
.message #cbut {height:30px; line-height:26px;font-size:14px;margin-top:2px}
.map #container { height:300px;}
.mapcons { line-height:20px;font-size:12px;}
.contact_job ul {margin:20px auto 0 auto}
.contact_job li {width:24.25%;margin-right:1%;padding:15px 5px 10px 5px;}
.contact_job li .title {font-size:18px; line-height:20px; height:20px;}
.contact_job li .title2 {font-size:12px; line-height:14px; height:14px;}
.contact_job li .icon { width:7px; height:23px;margin:30px auto 8px auto; background-size:100%}

.jobsubject {margin-top:-30px}
.accordionservice li { padding:20px 0}
.accordionservice li .link .title {font-size:18px;}
.accordionservice li .link .title2 {font-size:18px;margin:5px 0 10px 0}
.accordionservice li .link .hy {font-size:12px;}
.accordionservice li i {top:8px;width:20px;height:11px; background-size:100%}
.accordionservice .submenu {padding:20px 0px 0px 0px;font-size:12px; line-height:20px;}
.jobcons {font-size:12px; line-height:20px;margin:0 0 30px 0}
.jobcons .title {font-size:16px;margin:20px 0 5px 0}

.foot {padding:20px 0}
.foot .cons1 {width:20%;font-size:20px; line-height:35px;}
.foot .cons2 {width:29%;margin:0 5%;font-size:12px; line-height:20px;}
.foot .cons3 {width:22%;margin:0;}
.foot .cons3 .cons3_1 {font-size:18px; line-height:30px;}
.foot .cons3 .cons3_2 { height:20px; line-height:20px;padding:0 5px;margin-top:20px}
.foot .cons3 .cons3_3,.foot .cons3 .cons3_3 a {font-size:12px;line-height:20px;margin-top:10px}
.foot .cons4 p {margin-top:0px}
.mainmoredivcase .mainmore {margin-bottom:0px}

.mobcaseshowprevnext { display:block; position:relative;margin-bottom:20px}
.mobcaseshowprevnext,.mobcaseshowprevnext.active{position:relative;right:auto;bottom:auto;width:100%;margin-top:0px;top:auto; z-index:0}
.mobcaseshowprevnext {padding-top:20px; text-align:left; position:relative}
.mobcaseshowprevnext a { display:inline-block;margin:0; vertical-align:top;}
.mobcaseshowprevnext .close {margin:0 30px; background-size:100%; height:18px;width:17px;display:inline-block;}
.mobcaseshowprevnext .next {margin:0;background-size:100%; height:18px;width:10px;display:inline-block;margin-left:-10px}
.mobcaseshowprevnext .prev {margin:0;background-size:100%; height:18px;width:10px;display:inline-block; position:absolute;left:0}
.mobcaseshowprevnext .bdsharebuttonbox {float:right; position:absolute; z-index:1;right:-10px;top:10px;}
.fixright {width:85px;right:3%;bottom:10px}
.fixright .totop { display:none}
.fixright .qq { background:url(../images/qq2.png) no-repeat center;width:85px; height:40px}
.fixleft { display:block; position:fixed; z-index:9999;right:3%;bottom:60px;width:40px; height:40px; background-size:100%}
.fixleft a { display:block; background:url(../images/tel.png) no-repeat center;width:100%; height:100%;background-size:100%}

.caseshowcons .wrap4 {padding:0 3%}
}

@media (max-width:1024px) {
.bxslider li a {height:500px}
.indcasesubject .mleft {float:none; text-align:center}
.indcasesubject ul {float:none;margin-top:5px}
.indcasesubject ul li {margin:0 5px}
.bannerin {height:300px;}
.bannerincaseshow { height:350px;}
.adv_about .mleft {width:60%;}
.adv_about .pic {width:30%;}
ul.client li {width:24%;}
.aboutbanner {height:500px;}
.indcasesubject .mleft span {margin:5px 0 20px 0;font-size:18px;display:block}
}

@media (max-width:768px) {
.bxslider li a { height:auto; background:none;}
.bxslider li a img { display:block;width:100%}
.indcase li {width:50%;}
.bannerin {height:250px;}
.bannerincaseshow { height:300px;}
.adv_about .mleft {width:50%;}
.adv_about .pic {width:40%;}
.adv_service li .topcons {border-width:1px}
.adv_service li .list .sleft {width:49%;margin-right:2%;}
.adv_service li .list .sright {width:49%}
.adv_service li {width:32%;margin-right:2%;}
.aboutbanner {height:400px;}
.contact .contactleft .f6_3 { position:relative; z-index:1;right:auto;left:0;bottom:auto;margin-top:10px;}
.contact .contactleft .f1 {font-size:16px; line-height:25px}

.foot .hh { clear:both}
.foot .cons1 {width:50%;margin:0px 0 0 0;}
.foot .cons2 {width:50%;margin:0 0 30px 0;}
.foot .cons3 {width:50%;margin:0;}
.foot .cons4 {float:left;width:50%;margin:0px 0 0 0; text-align:left;}
.foot .cons4 img {width:100px}
}

@media (max-width:640px) {
.toper .tel { display:none;}
.bx-wrapper .bx-controls-direction { display:none;}
#indabout ul {margin-top:10px}
#indabout li {margin:20px 0 0 0;width:50%; text-align:center}
#indabout li .cons { text-align:center}

.footer .cons1 {float:none;width:100%; text-align:center}
.footer .cons3 {float:none;width:100%; text-align:center;margin-top:20px}
.indnews {padding-top:0}
.indnews .list {float:none;width:100%;margin-right:0%;margin-top:20px}
.bannerin {height:200px;}
.bannerincaseshow { height:250px;}

.caseshowad {float:none;width:100%;font-size:16px; line-height:25px;}
.caseshowtitle {float:none;width:100%;margin-top:20px}
.caseshowtitle .title {float:none;width:100%;}
.caseshowtitle .www {float:none;width:100%; text-align:left;}

.newscate li.f1 {width:100px;margin-left:-1px; text-align:center;}
.news li .addtime {float:none;width:100%;margin-bottom:5px;margin-top:0px}
.news li .cons {float:none;width:100%;}
.news li .mainmore { position:relative;bottom:0;margin-top:20px}
.newsshow .title {margin:10px 0}
.adv_about .mleft {width:100%;float:none; text-align:center}
.adv_about .pic {width:100%;float:none; text-align:center}
.adv_about .pic img{width:80%;margin:0 auto}
.adv_service li {float:none;width:100%;margin-right:0;margin-top:20px}
.adv_service li.f3 {margin-right:0}
ul.client li {width:32.3333%;}
.history li {width:100%;margin:10px 0 10px 0;float:none;}
ul.brandlist { text-align:center}
ul.brandlist li {margin:0;float:none; display:block;margin:0 auto;width:100%}
ul.brandlist li .subject {margin:20px auto 10px auto}
.aboutbanner {height:300px;}
.about_team ul.u3 li {float:none;width:100%;margin-right:0}
.about_team ul.u4 li {width:50%;}
.about_hj {margin-top:20px}
.about_hj li {width:100%;}
.contact .contactleft {float:none;width:100%;}
.message {float:none;width:100%;margin-top:20px}
.contact_job ul {margin-top:10px}
.contact_job li {width:48%;margin:2% 1% 0 1%}
.contact_job li.f4 {margin-right:1%}
.indcase li {width:100%;float:none;}

.foot .cons1 {width:100%;margin:0px 0 0 0;float:none;font-size:40px; line-height:60px; text-align:center}
.foot .cons2 {width:100%;margin:20px 0 20px 0;float:none; text-align:center;font-size:16px; line-height:30px}
.foot .cons3 { display:none}
.foot .cons4 {float:none;width:100%;margin:0px 0 5px 0; text-align:center; }

.caseshowcons td { display:block; text-align:center}
.caseshowcons img { display:block}
}

@media (max-width:550px) {
.casenews li {  height:25px; line-height:25px;}
.casenews li .title i { margin:10px 0 0 0;}
.casenews {margin-top:-5px}
.casenews li {width:100%; text-align:left;margin:5px 0 0 0}
.casenews li.f1 a {margin-left:10px}
.newscate li.f1 a {margin-left:0px}
.casenews li dl {width:100.4%;top:25px}
}

@media (max-width:480px) {
.bannerin {height:150px;}
.bannerincaseshow { height:180px;}
.aboutbanner {height:250px;}
}

@media (max-width:420px) {
.bannerin {height:140px;}
.bannerincaseshow { height:160px;}
}