@charset "utf-8";
@media (max-width:1441px) {
.topheight { height:68px}
.inda1 {font-size:30px;margin-top:50px}
.inda2 {font-size:30px;margin:30px 0 10px 0; font-weight:bold}
.inda3 {font-size:15px}
.inda3 span{ font-size:18px}
.inda4 {font-size:30px;margin:40px 0 10px 0; font-weight:bold}
.inda5 {font-size:25px}
.inda6 {margin-top:10px}
.inda6 a {font-size:15px;}
.inaaline {margin:40px 0}
.newproject {margin-top:40px}
.inda7 {font-size:30px;}
.inda8 {font-size:30px;margin-top:5px}

.newproject li div.clist h1,.pane .li div.clist h1 {font-size:26px;margin-top:25%}
.newproject li.a5 div.clist h1,.pane .li.a5 div.clist h1 {margin-top:26%}
.newproject li div.clist i,.pane .li div.clist i { bottom:30px;}

.indcasesubject {padding:60px 0;}
.indcasecate {margin-bottom:-25px}
.tabPanel ul{margin-bottom:40px}
.indcasecate li a {font-size:18px;}
.indcasemore a {font-size:18px;} 

.indcustomer {height:332px;}
.indcustomer .mleft .a1 {font-size:20px;}
.indcustomer .mleft .a2 {font-size:30px}
.indcustomer .mleft .line {width:60px}
.indcustomer .mleft .a3 {font-size:15px; line-height:25px}
.indcustomer .mright {background:url() no-repeat 78% bottom fixed; background-size:432px auto;}

.indadv dt {font-size:20px;}
.indnews .ensubject {font-size:25px;}
.indnews .subject {font-size:20px;margin-bottom:40px}
.indnews .mleft li .cons .title a {font-size:18px;}

.indmessage{padding:60px 0}
.indmessage .mleft .cons .title,.indmessage .mright .title {font-size:20px;}
.indmessage .mleft .cons .more a,.indmessage .mright #indbutton {font-size:18px; height:25px; line-height:35px;width:160px;}
.indmessage .mright .tel i { background-size:100%;width:25px; height:25px;}
.indmessage .mright .tel {margin-top:20px;font-size:20px; line-height:25px; height:25px;}

.profile_title {font-size:25px; padding:40px 0}
.profile_cons {font-size:15px;}
.profile_cons2 {font-size:18px;}
.profile_num li span.counter {font-size:50px;}
.profile_num li font.jia {font-size:30px;}
.profile_num li .cons {font-size:18px;}
.pd50 {padding:40px 0; line-height:28px}

.brandconcept_pic .title {font-size:35px;}
.brandconcept_pic .line { width:100px;margin:20px auto 30px auto;}
.brandconcept_pic .cons {font-size:30px; line-height:40px}
.brandconcept_pic .cons img {max-width:100%; height:auto;margin:0 10%;width:80%}
.team_about {padding-top:40px}
.team_about ul {margin-top:20px}
.team_line {width:100px;margin:20px  auto}
.viewpoint {padding:50px 0;}
.viewpoint li .title {font-size:25px;}

.list2 .container,.list .container{padding-top:60px;padding-bottom:20px}
.list2 .left .redTitle,.list .left .redTitle{line-height:25px;font-size:20px;}
.list2 .left .title,.list .left .title{line-height:40px;font-size:30px;}
.list2 .left .tel400 div.font,.list .left .tel400 div.font {font-size:28px;}
.list2 .right .title,.list .right .title{font-size:28px;}
.contacts{padding:20px 0 60px 0}

.cooperation_notice{margin:60px 0 40px 0; padding:50px 0;}
.cooperation_notice_list li .title {font-size:20px;}
.cooperation_notice li .title {height:83px;padding-top:32px; font-size:20px}

.cooperation_step li .title {font-size:18px;}
.cooperation_step ul {padding:30px 0 60px 0}
.bannerin {background-position:left 52px;margin-top:-15px}
.bannerin .cons {font-size:30px}
.bannerin .cons {font-size:24px}
.bannerin .title {font-size:25px;padding:5px 20px 8px 20px;margin-top:5px}
.news li .cons .addtime {font-size:23px;}
.news li .cons .title a {font-size:20px}
.news li .cons .more {margin-top:5px}
.prevnext a,.prevnext span {width:185px; height:25px;line-height:25px; font-size:18px}

.newstitle {font-size:25px;margin-top:40px}
.newsaddtime {margin-bottom:-20px;}

.adv_pic {margin:60px 0}
.adv_cus .subject {font-size:25px;}
.adv_cus .subject span {font-size:50px;}
.adv_cus .subject font {font-size:40px;}
.adv_cus ul {margin:40px 0}
.adv_cus .more a {font-size:18px;}

.casetitle {font-size:17px;margin-bottom:20px}
.caseinaaline {margin-top:0px}
.caserela {margin-bottom:60px}


.foot .a1 {font-size:25px;}
}

@media (max-width:1025px) {
.topheight { height:74px}
.wrap {width:auto;padding:0 17px}
.newproject li,#case .li,.pane .li {width:50%;}
.newproject li.a5,#case .li.a5,.pane .li.a5 {width:100%}
.newproject li h4,#case .li h4,.pane .li h4 { font-size:13px}

.indcustomer {height:302px;}
.indcustomer .mleft .a1 {font-size:18px;}
.indcustomer .mleft .a2 {font-size:25px}
.indcustomer .mleft .line {width:60px}
.indcustomer .mleft .a3 {font-size:14px}
.indcustomer .mright {background:url() no-repeat 96% bottom fixed; background-size:332px auto;}

.indservice li {float:left;width:39.8%;padding:30px 5%;margin-top:-1px}

.indadv dt {font-size:20px;}

.indnews {padding:30px 0} 
.indnews .ensubject {font-size:18px;}
.indnews .subject {font-size:18px;margin-bottom:30px}
.indnews .mleft,.indnews .mright {float:none;width:100%}
.indnews .mleft li .cons .title a {font-size:18px;}
.indnews .more { text-align:center;padding-top:20px}
.indnews .more a { font-size:14px;padding-left:0;padding-right:0;width:100%; font-size:13px;text-align:center}
.indnews .mleft ul li {margin-bottom:20px}
.indnews .mleft li .cons {float:left;width:80%;margin-left:25px}
.indnews .mleft li .cons .title {margin-top:-5px}
.indnews .mleft li .cons .content {margin-top:15px}
.indnews .mleft li .addtime {width:90px; height:70px;padding-top:12px;font-size:18px;}
.indnews .mleft li .addtime p {font-size:38px}
.indnews .mright {margin-top:50px;}
.indnews .mright ul {width:94%;padding:5px 3% 0 3%}
.indnews .mright .more a {width:100%}
.indnews .mright ul li { height:40px; line-height:40px}
.indnews .mright ul li a {width:85%}

.indmessage .mleft,.indmessage .mright {float:none;width:100%; clear:both}
.indmessage .mright {padding-top:50px}
.indmessage .mleft .cons {float:left;margin-left:30px;width:78%}
.indmessage .mleft .cons .title,.indmessage .mright .title {font-size:18px;}
.indmessage .mleft .cons .title2 {font-size:14px;padding:15px 0}
.indmessage .mleft .cons .cons {font-size:13px; line-height:25px}
.indmessage .mleft .cons .more {margin-top:25px}
.indmessage .mleft .cons .more a,.indmessage .mright #indbutton {font-size:14px; height:30px; line-height:30px;width:120px;}
.indmessage .mright .title span {font-size:13px;} 
.indmessage .mright input[type="text"] {height:35px; line-height:35px;padding:0 2%;margin:15px 0;width:27.6888%;margin-right:1%;font-size:13px;}
.indmessage .mright textarea {font-size:13px;width:94.5%;}
.indmessage .mright .tel {margin-right:10px}

.bannerin {background-position:left 45px;font-size:25px;padding:4% 2%;width:96%;margin-top:-28px}
.bannerin .cons {font-size:25px}
.bannerin .title {font-size:20px;margin-top:15px}
.pd50 {padding:30px 0; line-height:25px}

.brandconcept_pic {padding:10% 0; background-size:0; background-color:#333}
.brandconcept_pic .title {font-size:18px;}
.brandconcept_pic .cons {font-size:18px; line-height:25px}
.brandconcept_pic .line {width:80px;margin:20px auto 30px auto;}
.brandconcept_pic .cons {font-size:25px; line-height:35px}
.brandconcept_pic .cons img {max-width:100%; height:auto;margin:0 10%;width:80%}

.team_about {padding-top:30px}
.team_about ul {margin-top:20px}
.team_about li .lists h1 {font-size:18px;}
.team_line {width:70px;margin:15px  auto}
.viewpoint li {width:20.8%; min-height:150px}
.viewpoint li .title {font-size:20px;}
.viewpoint li .cons {font-size:13px;line-height:18px;margin-top:15px;}

.list2 .left,.list2 .right{width:100%;float:none;}
.list2 .container{width:100%;padding-top:40px;padding-bottom:0px}
.list2 .left .redTitle,.list .left .redTitle{font-size:18px;}
.list2 .left .title,.list .left .title{line-height:30px;font-size:20px;}
.list2 .left .info{font-size:15px;line-height:28px;}
.list2 .left .tel400 {font-size:15px;margin-top:30px;}
.list2 .right .title{font-size:20px;margin-top:40px}
.list2 .right .title2 {font-size:15px; line-height:25px;}
.list2 .right .line .inputText{padding:0 2%;width:96%;height:35px;line-height:35px;}
.list2 .right .line .textArea{padding:10px 2%;width:96%;}
.list2 .right .line .inputBtn{width:100%;height:40px;font-size:18px;}
.list2 .right .line .inputBtn{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.list2 .right .line .inputBtn:hover{background:#e50012;color:#fff;}

.contacts{padding:0px 0 40px 0}
.contacts li {width:45.8%; height:auto;margin:2%; padding-bottom:20px}
.contacts li.download {margin:2%}
.contacts li .title {font-size:15px}

.cooperation_content {padding:40px 0 90px 0}
.cooperation_notice_list ul { text-align:center}
.cooperation_notice_list li .title {font-size:18px;margin:20px 0}
.cooperation_notice_list li {float:none; vertical-align:top; display:inline-block;width:160px;margin:0 10px; text-align:center}
.cooperation_notice_list li.last {margin-right:10px}
.cooperation_notice_list li .cons {font-size:12px;line-height:23px}

.cooperation_notice{margin:60px 0 40px 0; padding:40px 0 30px 0;}
.cooperation_notice ul { text-align:center;margin-top:30px}
.cooperation_notice li .title {height:80px;padding-top:35px; font-size:18px}
.cooperation_notice li .cons {font-size:13px;margin-top:10px; line-height:23px;}
.cooperation_notice li {float:none; vertical-align:top;display:inline-block;width:160px;margin:0 10px;}
.cooperation_notice li.last {margin:0 10px}
.newscate {padding:40px 0 0 0}
.newscate li { width:185px; height:40px;}
.newscate li a { height:25px; line-height:25px;font-size:18px;}

.news {margin-top:-30px}
.news li {padding:30px 0 20px 0}
.news li .pic {width:200px;}
.news li .cons {width:69%;}
.news li .cons .addtime {font-size:18px;margin-top:-3px}
.news li .cons .title a {font-size:18px}
.news li .cons .content {margin-top:5px;font-size:13px}
.news li .cons .more a {float:right;margin-top:10px;font-size:14px;height:32px; line-height:32px;width:150px;}
.prevnext a,.prevnext span {width:150px; height:25px; line-height:25px;font-size:18px;}

.newstitle {font-size:20px;margin-top:40px}
.newsaddtime {font-size:13px; margin-bottom:-25px}
.newscons {font-size:13px;margin-top:-10px}
.newsprevnext {padding:0px 0 10px 0;margin-top:0; line-height:18px;font-size:13px}

.mar-30 {margin-top:-60px}
.adv_pic {margin:40px 0}
.adv_pic li {width:32%;margin-right:2%;}
.adv_pic li .title {font-size:18px;}
.adv_pic li .cons {font-size:13px; line-height:24px;}
.adv_pic li .title2 {font-size:12px;padding:5px 2%;width:96%}
.adv_cus .subject span {font-size:35px;}
.adv_cus .subject font {font-size:25px;}
.adv_cus .subject {font-size:20px;}
.adv_cus ul {margin:30px 0}
.adv_cus ul li {width:15.5333%;margin:0 1% 1% 0; height:auto;padding-top:0px;}
.adv_cus ul li p {height:auto;padding:5px 0 0 0;width:100%}
.adv_cus .more {padding-bottom:30px}

.indcasecate li,.tabPanel ul li {margin:0 20px}
.indcasecate li a,.tabPanel ul li {font-size:15px;}

.mainNav{padding:50px 0}
.mainNav .child{font-size:15px}
.casemore a {font-size:18px;width:200px; height:25px; line-height:25px;margin:50px auto;}

.casetitle {font-size:18px;margin-bottom:20px}
.caseinaaline {margin-top:0px}
.caserela {margin-bottom:50px}
.newsaddtime .hy {margin-left:20px}



.footadv {padding:5px 0 30px 0;}
.footadv li {float:none;width:100%;margin-right:0; clear:both;padding:25px 0}
.footadv li .pic {float:left;width:40px;margin-right:20px;}
.footadv li .pic img {width:40px}
.footadv li .cons {float:left;width:90%;}
.footadv li .cons .title {font-size:20px;}

.footer { text-align:center}
.footer .mleft {float:none;width:100%;font-size:14px; line-height:25px}
.footer .mright {float:none;width:100%;margin-top:30px}
.footer .mleft .line {margin:20px auto 5px auto}
.footer .mright dd {margin:0 10px}

.foot .a1 {font-size:20px;}
.foot .a2 {font-size:18px;}
.foot .line { height:1px}
.foot .a4 {font-size:18px;line-height:25px;}

.footer{ width:100%;}
.btleft{ width:28%; float:left; margin-top:42px;}
.btleft .bp1{font-size:16px; color:#fff; padding-bottom:15px}
.btleft .bp2{font-size:12px; line-height:35px; padding:0;border-bottom: none }
.btleft .bp3{font-size:12px; line-height:20px; padding-bottom:15px}
.btleft p{padding:10px 0; border-bottom:1px solid #646364; font-size:13px}
.btleft1{width:22%; margin-left:20px; float:left; margin-top:42px;color:#b5b5b6}
.btleft1 p{padding:10px 0; border-bottom:1px solid #646364; font-size:13px}
.btleft1 .p1{font-size:18px; color:#fff; padding-bottom:15px}
.btleft1 p span{ float:right}
.btright{width:24%; float:right; font-size:18px; color:#fff; margin-top:42px;}
.btright dt{ font-size:16px; padding:10px 0 20px 20px}
}

@media (max-width:769px) {
.inda1 {font-size:18px;margin-top:20px}
.inda2 {font-size:26px;margin:15px 0 15px 0; font-weight:bold}
.inda3 {font-size:12px; line-height:18px}
.inda4 {font-size:26px;margin:20px 0 10px 0; font-weight:bold}
.inda5 {font-size:18px}
.inda6 {margin-top:20px}
.inda6 a {font-size:14px;}
.inaaline {margin:20px 0}
.newproject {margin-top:20px}
.inda7 {font-size:18px;}
.inda8 {font-size:18px;margin-top:5px}

.newproject li div.clist h1,#case .li div.clist h1,.pane .li div.clist h1 {font-size:14px;margin-top:12%}
.newproject li div.clist h2,#case .li div.clist h2,.pane .li div.clist h2 {font-size:12px;padding:0 17px;margin-top:8px}
.newproject li div.clist i,#case .li div.clist i,.pane .li div.clist i { width:16px; height:16px; background-size:100%; margin-left:-8px;bottom:10px;}
.newproject li.a5 div.clist h1,#case .li.a5 div.clist h1,.pane .li.a5 div.clist h1 {margin-top:24%}
.newproject li h4,#case .li h4,.pane .li h4 { font-size:12px}

.indcustomer {height:auto; text-align:center;padding-bottom:0;background-size:0; background-color:#e60012;padding-top:20px}
.indcustomer .mleft .a1 {font-size:22px;}
.indcustomer .mleft .a2 {font-size:23px;margin-top:5px}
.indcustomer .mleft .line {width:60px;margin:20px auto 20px auto}
.indcustomer .mleft .a3 {font-size:13px; line-height:18px}
.indcustomer .mleft {width:100%;float:none;padding-bottom:20px;}
.indcustomer .mright { display:none}

.indservicesubject {margin-top:0px}

.indservice {padding-bottom:10px}
.indservice li {width:45.69%;padding:20px 2%;margin:0;margin-left:-1px;margin-top:-1px;height:auto}
.indservice li .cons { height:auto;}
.indservice li .title {font-size:16px;padding-bottom:5px;margin-top:20px}
.indservice li .cons {font-size:12px; line-height:18px;min-height:72px;margin-top:10px}
.indservice li .more {margin-top:10px}
.indservice li .more a {font-size:12px;}

.indadv {padding:20px 0 0px 0}
.indadv dl {width:46%;margin:2%;margin-bottom:20px}
.indadv dl.last {margin:2%}
.indadv dt {font-size:18px;height:35px; line-height:35px}
.indadv dd {font-size:12px; line-height:18px;}
.indadv dd h1 {font-size:14px}

.indnews { background-size:0%;background-color:#333;padding:20px 0}
.indnews .subject {margin-bottom:20px}
.indnews .mleft,.indnews .mright {float:none;width:100%}
.indnews .mleft li .cons .title a {font-size:18px;}
.indnews .more a { font-size:14px;padding-left:0;padding-right:0;margin:0 auto; font-size:12px;text-align:center}
.indnews .mleft ul li {margin-bottom:20px}
.indnews .mleft li .cons {float:left;width:75%;margin-left:15px}
.indnews .mleft li .cons .title {margin-top:-5px}
.indnews .mleft li .cons .title a {font-size:16px}
.indnews .mleft li .cons .content {margin-top:5px;font-size:12px; line-height:18px; height:54px; }
.indnews .mleft li .addtime {width:60px; height:46px;padding-top:6px;font-size:12px;}
.indnews .mleft li .addtime p {font-size:25px}
.indnews .mright {margin-top:20px;}
.indnews .mright ul {width:94%;padding:5px 3% 0 3%}
.indnews .mright .more {padding:20px 0}
.indnews .mright .more a {width:100%}
.indnews .mright ul li span {font-size:12px;width:80px}
.indnews .mright ul li a {width:72%;font-size:12px;}

.indmessage {padding-bottom:20px;padding-top:25px}
.indmessage .mright {padding-top:20px;}
.indmessage .mleft { text-align:center}
.indmessage .mleft .pic {width:100%; text-align:center;float:none;padding-bottom:20px}
.indmessage .mleft .cons {float:none;width:100%;margin-left:0px;}
.indmessage .mleft .cons .title,.indmessage .mright .title {font-size:18px;}
.indmessage .mleft .cons .title2 {font-size:13px;padding:15px 0}
.indmessage .mleft .cons .cons {font-size:12px; line-height:18px}
.indmessage .mleft .cons .more {margin-top:25px; text-align:center}
.indmessage .mleft .cons .more a,.indmessage .mright #indbutton {font-size:14px; height:30px; line-height:30px;width:120px; text-align:center;margin:0 auto} 
.indmessage .mright .title {font-size:18px;margin-bottom:10px}
.indmessage .mright .title span {font-size:12px;} 
.indmessage .mright input[type="text"] {float:none;width:96%;margin:5px 0;height:30px; line-height:30px;padding:0 2%;font-size:12px;}
.indmessage .mright textarea {font-size:12px;padding:2%;margin:6px 0 0 0;width:96%;}
.indmessage .mright .submit {float:none; text-align:center;margin-top:20px;}
.indmessage .mright .tel i { width:20px; height:20px;}
.indmessage .mright .tel {float:none;width:180px;font-size:18px;text-align:center;margin:20px auto 0 auto}

.profile_title {font-size:15px; padding:20px 0}
.profile_cons {font-size:12px; line-height:18px}
.profile_num {padding:20px 0 10px 0}
.profile_num li span.counter {font-size:25px;}
.profile_num li font.jia {font-size:14px;}
.profile_num li .cons {font-size:12px;}
.profile_num li {margin:0 3%;}
.pd50 {padding:20px 0; line-height:18px}

.brandconcept_pic .title {font-size:20px;}
.brandconcept_pic .cons {font-size:16px; line-height:25px}
.brandconcept_pic .line {margin:20px auto}

.team_about li .lists h1 {font-size:18px;}
.team_about li {width:50%}
.team_about li .lists h2 { bottom:20px;}
.team_about li .lists h2 p {font-size:12px;padding-top:5px;}
.owl-carousel {margin:20px 0 70px 0}

.viewpoint {padding:20px 0;margin-top:-40px}
.viewpoint ul {padding-bottom:20px}
.viewpoint li {width:39.6666%;padding:20px 5% 0px 5%; min-height:auto;}
.viewpoint li .title {font-size:18px;padding-bottom:10px}
.viewpoint li .cons {font-size:12px;line-height:18px;margin-top:15px;}

.list2 .container{padding-top:20px;}
.list2 .left .redTitle,.list .left .redTitle{font-size:15px; line-height:18px}
.list2 .left .title,.list .left .title{line-height:25px;font-size:18px;margin-top:-4px}
.list2 .left .info{font-size:12px;line-height:18px;margin-top:15px}
.list2 .left .tel400 {font-size:12px;margin-top:20px;}
.list2 .left .tel400 div.font {font-size:18px;}
.list2 .right .title{font-size:18px;margin-top:20px}
.list2 .right .title2 {font-size:12px; line-height:18px;}
.list2 .right .line .inputText{font-size:12px;}
.list2 .right .line .textArea{font-size:12px;}
.list2 .right .line .inputBtn{font-size:14px;}

.indcasesubject {padding:20px 0;}
.indcasecate {margin-bottom:-12px}
.indcasecate li a,.tabPanel ul li {font-size:14px;}


.contacts{padding:0px 0 20px 0}
.contacts li {width:45%; height:auto;margin:2%; padding-bottom:15px}
.contacts li.download {margin:2%}
.contacts li img {width:80px; height:80px;}
.contacts li .pic {margin-top:15px}
.contacts li .title {font-size:12px}
.contacts li .line { width:50px;margin:15px  auto 8px auto}

.cooperation_content {padding:20px 0 80px 0;}
.cooperation_notice_list {border:0;margin-top:40px;margin-bottom:-50px}
.cooperation_notice_list li {border-top:1px solid #dcdddd; position:relative;}
.cooperation_notice_list li i {margin-top:-50px}
.cooperation_notice_list li .title {font-size:18px;margin:20px 0}
.cooperation_notice_list li {float:none;width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
.cooperation_notice_list li .cons {font-size:12px;line-height:23px;margin-bottom:50px}
.cooptitle3 {font-size:18px}

.cooperation_notice {margin:0px 0 20px 0;padding:20px 0}
.cooperation_notice ul {margin-top:20px}
.cooperation_notice li {width:46%;margin:0 2%;margin-bottom:20px}
.cooperation_notice li.last {margin:0 2%}
.cooperation_notice li .cons {font-size:12px;}

.cooperation_step ul {padding:20px 0 20px 0}
.cooperation_step li .title {font-size:18px;}
.cooperation_step li .cons {font-size:12px} 
.cooperation_step i {width:20px; height:15px; background-size:100%}

.newscate {padding:20px 0 0 0}
.newscate li { width:105px; height:30px;}
.newscate li a { height:30px; line-height:30px;font-size:14px;}

.news li {padding:20px 0}
.news li .pic {float:none;width:100%}
.news li .cons {float:none;width:100%}
.news li .cons .addtime {font-size:18px;margin-top:20px}
.news li .cons .title a {font-size:18px;}
.news li .cons .content { height:auto;font-size:12px;}
.news li .cons .more a {float:left;margin-right:0;margin-top:10px;font-size:14px; height:30px; line-height:30px;width:120px;}

.prevnext { text-align:center;padding:20px 0}
.prevnext a,.prevnext span {width:49%; height:40px; line-height:40px;font-size:15px;}

.newstitle {font-size:18px;margin-top:20px}
.newsaddtime {font-size:12px; margin-bottom:-10px;margin-top:5px;line-height:18px}
.newscons {font-size:12px; line-height:18px;margin-top:10px}
.newsprevnext {padding:0px 0 0px 0; margin-top:0;line-height:18px;font-size:12px;}
.newsprevnext .bdsharebuttonbox {width:91%; text-align:center;margin-left:9%}
.newsprevnext .bdsharebuttonbox a { display:inline-block;width:25%;text-align:left;float:none;}

.bannerin {padding:18% 0;width:100%; background-attachment:inherit; background-size:cover; background-position:center;font-weight:bold;}
.bannerin .cons {font-size:18px;}
.bannerin .title {font-size:14px;margin-top:10px;border-width:1px;padding:3px 5px}

.mar-30 {margin-top:-60px}
.adv_pic {margin:20px 0;padding-bottom:10px;padding-top:20px}
.adv_pic ul {margin:20px 0 0 0}
.adv_pic li {float:none;width:100%;margin-right:0;margin-bottom:20px}
.adv_pic li .title {font-size:18px;}
.adv_pic li .cons {font-size:12px; line-height:18px;}
.adv_pic li .line {margin-bottom:10px}
.adv_pic li .title2 {font-size:12px;padding:5px 2%;width:96%;margin-top:10px}
.adv_cus .subject span {font-size:35px;}
.adv_cus .subject font {font-size:25px;}
.adv_cus .subject {font-size:20px;}
.adv_cus ul {margin:20px 0}
.adv_cus ul li {width:15.5333%;margin:0 1% 1% 0; height:auto;padding-top:0px;}
.adv_cus ul li p {height:auto;padding:5px 0 0 0;width:100%}
.adv_cus .more {padding-bottom:20px}

.adv_cus .subject span {font-size:20px;}
.adv_cus .subject font {font-size:25px;}
.adv_cus .subject {font-size:18px;}
.adv_cus .more a {font-size:14px;width:150px; height:30px; line-height:30px}

.adv_cus ul li {width:30.6333%;margin:1%;}
.adv_cus ul li.last {margin:1%}

.mainNav{padding:20px 0 20px 0}
.mainNav .child{font-size:14px;width:158px; height:35px; line-height:35px;}
.mainNav .child.childList{background-position:128px center}
.casemore a {font-size:14px;width:150px; height:35px; line-height:35px;margin:20px auto;}
.mainNav .child.childList ul{top:36px}
.mainNav .child.childList ul li{width:143px;  height:35px; line-height:35px}

.casetitle {font-size:18px;margin-bottom:15px}
.caseinaaline {margin-top:0px}
.caserela {margin-bottom:20px}


.footadv {padding:0px 0 20px 0}
.footadv li .cons {width:80%;}
.footadv li .cons .title {font-size:18px;}
.footadv li .cons .content {font-size:12px; line-height:18px}

.foot {padding:20px 0}
.foot .a1 {font-size:18px;}
.foot .a2 {font-size:15px;margin-top:5px}
.foot .line {margin-bottom:5px}
.foot .a4 {font-size:14px;line-height:25px;}

.footer {padding:20px 0}
.footer .mleft {font-size:12px; line-height:18px}
.footer .mright {margin-top:20px}
.footer .mright dt {font-size:14px;padding:0 0 20px 0px}
.footer{ width:100%; background:#3f3f3f; height:auto;}
.btleft{ width:45%; float:left; margin-top:42px;}
.btleft .bp1{font-size:16px; color:#fff; padding-bottom:20px}
.btleft .bp2{font-size:12px; line-height:45px; padding:0;border-bottom: none }
.btleft .bp3{font-size:12px; line-height:40px; padding-bottom:25px}
.btleft p{padding:10px 0; border-bottom:1px solid #646364; font-size:13px}
.btleft1{width:45%; margin-left:20px; float:left; margin-top:42px;color:#b5b5b6}
.btleft1 p{padding:10px 0; border-bottom:1px solid #646364; font-size:13px}
.btleft1 .p1{font-size:18px; color:#fff; padding-bottom:15px}
.btleft1 p span{ float:right}
.btright{width:45%; float:right; font-size:18px; color:#fff; margin-top:42px;}
.btright dt{ font-size:16px; padding:10px 0 20px 20px}

}

@media (max-width:583px) {

.indcasecate {height:60px; line-height:30px; background:url(../images/1.jpg) no-repeat;padding-bottom:10px}
.indcasecate li,.tabPanel ul li{margin:0 3%; line-height:30px; height:30px;}
.indcasecate li a,.tabPanel ul li {font-size:14px;}
.tabPanel ul li {padding-bottom:0; line-height:30px;}
.tabPanel ul {border:0;margin-bottom:10px; height:60px; line-height:30px; background:url(../images/1.jpg) no-repeat;}
.indcasemore a {font-size:13px;}
.indcasemore {padding:20px 0} 
.tabPanel .hit{height:30px; line-height:30px;}
.lineno { display:none;}
}

@media (max-width:480px){
.topheight { display:none;}
.bannerin {margin-top:0}
.btright dt{ font-size:16px; padding:10% 0 20px 20px}
.btright dd{ margin-left:2px; position:relative;}
}

@media (max-width:321px){

.indservice li {width:45.59%;}
.indservice li .title { height:40px; line-height:20px; overflow:hidden}
.indservice li .cons { height:72px; overflow:hidden}
.indnews .mleft li .cons {width:70%;}
.indnews .mright ul li a {width:70%;}
.profile_num li {margin:0 1%;}
.viewpoint li {width:39.5666%;}
.footadv li .cons {width:79%;}

.mainNav .child{width:148px;}
.mainNav .child.childList{background-position:118px center}
.casemore a {width:140px;}
.mainNav .child.childList ul li{width:133px;}


.footer { width:320px}
.btleft{ width:320px;  }
.btleft1{width:320px; }
.btright{width:320px;}
.btright dt{ font-size:16px; }
}