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



.mobmenu {display:block;background:none;width:auto; height:auto; margin-top:auto}
.mobmenu { position:absolute; z-index:9999;top:9px;right:3%;width:26px; height:21px;}
.mobmenu .openmenu { background:url(../images/open2.png) no-repeat;width:26px; height:21px; cursor:pointer;}
.mobmenu .closemenu { background:url(../images/open2.png) no-repeat;width:26px; height:21px; cursor:pointer; display:none}

.toperh.active { background:#fff;}
.topblank { height:40px}
.toper { background:#fff;}
.toper .tel { display:none;}
.toper .txt { display:none;}
.toper,.toperh.active { height:40px}

/*手机端顶部logo现在设置*/
.toper .logo,.toperh.active .logo {margin:0px 0 0 0;width:122px; height:60px; background-size:100%;}
/*更多按钮开始*/
.more_box1{width:100%;height:48px;text-align:center;padding-bottom:20px;margin-top:20px;}
/*更多按钮结束*/

/*手机端顶部logo原设置
.toper .logo,.toperh.active .logo {margin:10px 0 0 0;width:208px; height:20px; background-size:100%;}
*/
.toper ul {position:fixed; z-index:9999;left:0;width:100%;margin-left:0;top:20px;padding:0px 0;background:rgba(0,0,0,0.8); display:none; height:1500px}
.toper ul li {display:block; text-align:center; margin:20px auto; height:30px; line-height:30px}
.toper ul li i { display:none;}
.toper ul li a {padding:0;margin:0;color:#fff;border:0;font-size:18px}
.toper ul li:hover>dl { display:none}
.toper li:hover>dl { display:none;}

.toperh{transition-duration:0s;-ms-transition-duration:0s;-moz-transition-duration:0s; -webkit-transition-duration:0s;}
.toperh .logo { background:url(../images/logo.png) no-repeat center;background-size:100%;}
.toperh.active ul li a {color:#fff;}
.toperh.active ul li i { display:none;}

.toper.active2 { height:40px;}
.toper.active2 .logo {margin-top:10px;}
.toper.active2 ul {margin-top:20px}













.newproject li div.clist h1,.pane .li div.clist h1 {font-size:26px;margin-top:20%}
.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:16px;}
.indcasemore a {font-size:16px;} 

.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:16px;}

.indmessage{padding:60px 0}
.indmessage .mleft .cons .title,.indmessage .mright .title {font-size:20px;}
.indmessage .mleft .cons .more a,.indmessage .mright #indbutton {font-size:16px; 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_num li span.counter {font-size:50px;}
.profile_num li font.jia {font-size:30px;}
.profile_num li .cons {font-size:16px;}
.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:16px;}
.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:16px;}
.cooperation_step ul {padding:30px 0 60px 0}
.bannerin {background-position:left 52px;margin-top:-15px}
.bannerin .cons {font-size:30px}
.bannerin .title {font-size:25px;padding:5px 20px 8px 20px;margin-top:20px}
.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:16px}

.newscurrent {margin:-30px 0 35px 0}
.prevnextnews a,.prevnextnews span {width:43%;padding:0 3%; overflow:hidden;  height:35px; line-height:35px}



.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:16px;}

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


.foot .a1 {font-size:25px;}
.inaaline2 {margin-top:-90px}
}
@media (max-width:1100px) {
.fixleft { width:30px; height:53px; background-size:100%;bottom:50px}
.fixleft h1{ background-size:100%}
.fixleft h2{background-size:100%}
.footbottom .wrap {padding:0 3%}
.footbottom,.footbottom .f1,.footbottom .f2,.footbottom .f3 { height:50px;} 

.bannerin_out {background-size:cover; height:350px}
.zzsc{ background-size:cover;height:350px;}
.zzsc .link{height:350px;}
.particulars-nav-fixed.active2 .header {top:350px}
.outs_pic {background-size:cover; height:550px}

.outs_subject .title {font-size:14px;line-height:22px;}
.outs_subject .line { width:40px; height:2px;margin:10px auto;}
.outs_subject .cons {font-size:12px; line-height:20px;}
.outs_bao {padding:20px 0}
.outs_solution {padding:20px 0;}
.outs_cons {margin-top:20px;font-size:12px; line-height:20px}
.outs_customer {padding:30px 0 1px 0;}
.outs_step {padding:20px 0}
.outs_adv {margin-top:30px}
.outs_adv ul {margin:30px 0}
.outs_adv li {width:32%}
.outs_adv li.f2 {margin:0 2%}
.outs_adv li .pic {width:80px; height:80px;}
.outs_adv li .pic img {width:50px}
.outs_adv li .cons {font-size:12px; line-height:20px;margin:10px 0 0px 0}
.outs_adv li .title {font-size:14px; line-height:22px;}

.outs_contact .mleft h2 { font-size:14px;}
.outs_contact .mright {width:270px;font-size:14px;margin-top:25px}
.outs_contact .mright .cons {font-size:13px}
.outs_contact .mright .cons .tel { font-size:25px; margin-top:-6px}
.outs_contact .mright .title {margin-top:4px;padding-top:10px}

.outs_bao .profile_num {margin:20px 0 0 0}
.outs_bao ul.list4 {margin-top:20px}
.outs_bao ul.list4 li .cons { line-height:20px; height:40px;font-size:12px}
.outs_bao ul.list4 li .line { height:1px}
.outs_bao ul.list4 li .pic p { height:60px;width:60px; background-size:cover;}
.fixleft,.footbottom { display:none;}
.fixmob { display:block;position:fixed; z-index:9999;right:3%;bottom:20px;width:50px;}
.fixmob a {margin-top:10px; display:block;border-radius:10px;width:50px; height:50px; background-size:100%;}
.fixmob a.qq {background:url("../images/r2.gif") no-repeat;width:50px; height:50px;background-size:100%; }
.fixmob a.tel {background:url("../images/r1.gif") no-repeat;width:50px; height:50px;background-size:100%; }
.fixmob a:hover { background-position:bottom}

.fixright { display:none;}
}

@media (max-width:1025px) {
.topheight { height:74px}
.wrap {width:auto;padding:0 17px}
.newproject li,#case .li,.pane .li {width:50%;}
.pane .li,.pane .li.l5 {width:33.3333%;}
.newproject li.a5,#case .li.a5,.pane .li.a5 {width:100%}
.newproject li h4,#case .li h4,.pane .li h4 { font-size:13px}
.pane .li div.clist h1 {font-size:16px;margin-top:20px}
.pane .li div.clist h2 {font-size:14px;margin-top:5px}

.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;}

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

.indnews {padding:30px 0} 
.indnews .ensubject {font-size:16px;}
.indnews .subject {font-size:16px;margin-bottom:30px}
.indnews .mleft,.indnews .mright {float:none;width:100%}
.indnews .mleft li .cons .title a {font-size:16px;}
.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:16px;}
.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:16px;}
.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:0;width:96%;margin-top:-20px;  background:none; height:0;overflow:hidden;display:block}
.bannerin .cons {font-size:25px; display:none;}
.bannerin .title {font-size:20px;display:none;}
.pd50 {padding:30px 0; line-height:25px}

.brandconcept_pic {padding:5% 0; background-size:0; background-color:#333}
.brandconcept_pic .title {font-size:16px;}
.brandconcept_pic .cons {font-size:16px; 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:16px;}
.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:16px;}
.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:16px;}
.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:16px;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:16px}
.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:16px;}

.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:16px;margin-top:-3px}
.news li .cons .title a {font-size:16px}
.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:16px;}


.newscurrent {margin:-30px 0 35px 0}
.prevnextnews a,.prevnextnews span {width:43%;padding:0 3%; overflow:hidden; height:35px; line-height:35px}

.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:16px;}
.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:16px;width:200px; height:25px; line-height:25px;margin:50px auto;}

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

.inda7_2 {font-size:16px;padding:0 0 20px 0}
.inda7_2 h1 {font-size:20px;}
.wrapservice {padding:0;width:100%}
.indservice_2 li { width:40%;padding:5%;margin:0;border:0;}
.indservice_2 li.l2,.indservice_2 li.l4,.indservice_2 li.l6 { background:#dcdcdc}
.indservice_2 li.l2,.indservice_2 li.l3,.indservice_2 li.l6 { background:#e5e5e5}
.indservice_2 li .title {font-size:14px; }
.indservice_2 li .cons { height:60px; line-height:20px;font-size:12px;margin:20px 0 20px 0; overflow:hidden}
.indservice_2 li .more a {font-size:12px;}
.indservice_2 li:hover { background:#e60045;color:#fff}

.profile_num {padding:0px 0 0px 0}
.profile_num li span.counter {font-size:25px;}
.profile_num li font.jia {font-size:14px;}
.profile_num li .cons {font-size:12px; line-height:20px; height:40px}
.profile_num li {padding:0;margin:0;width:25%;}

/*
.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}
.footer .link {margin-top:15px}

.foot .a1 {font-size:20px;}
.foot .a2 {font-size:16px;}
.foot .line { height:1px}
.foot .a4 {font-size:16px;line-height:25px;}
*/
.foot { padding:20px 0;margin-top:30px;}
.foot dl { display:none;}
.foot dl.copy { display:block; text-align:center;float:none;width:100%}
.foot dl.copy dt {margin:0 0 10px 0}
.foot dl.copy dd .cons {margin:20px 0 0 0;}



.inda3_2 {margin-bottom:20px}
.inda7_3 {margin:-70px 0 -30px 0; line-height:30px;}
.panes{padding-bottom:20px}

.inda7_t {padding:30px 0 70px 0}

.indteamlist .wrap {width:100%;padding:0}
.indteamlist .owl-pagination {top:-27px;left:0px;height:25px;  line-height:25px;}
.indteamlist .owl-page{padding:0 5%;height:25px;font-size:12px}

.brandconcept_pic { background-size:cover;}
.indad3 {margin:-60px 0 -40px 0}
.aboutteam {padding:20px 0 0 0}
.indcasecate.actives {height:58px;padding-top:7px; line-height:25px;}

.casesum {margin:30px 0}
}

@media (max-width:769px) {
.inda1 {font-size:18px;margin-top:20px;padding:10px 10% 0 10%}
.inda1 img {max-width:100%;}
.inda2 {font-size:20px;margin:15px 0 15px 0}
.inda3 {font-size:12px; line-height:18px}
.inda4 {font-size:16px;margin:20px 0 10px 0}
.inda5 {font-size:16px}
.inda6 {margin-top:20px}
.inda6 a {font-size:14px;}
.inaaline {margin:20px 0}
.newproject {margin-top:20px}
.inda7 {font-size:16px;}
.inda8 {font-size:16px;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:#e60045;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_2 li .cons { height:60px;margin:0; overflow:hidden}
.indservice li .title {font-size:16px;padding-bottom:5px;margin-top:20px}
.indservice_2 li .title {padding:0}
.indservice li .cons {font-size:12px; line-height:18px;min-height:72px;margin-top:10px}
.indservice li .more {margin-top:10px}
.indservice_2 li .more {margin-top:0px}
.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:16px;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:16px;}
.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:16px;}
.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:16px;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:16px;text-align:center;margin:20px auto 0 auto}

.profile_title {font-size:15px; padding:20px 0}
.profile_cons {font-size:12px; line-height:18px}
.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:16px;}
.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:16px;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:16px;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:16px;}
.list2 .right .title{font-size:16px;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:16px;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:16px}

.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:16px;}
.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:16px;margin-top:20px}
.news li .cons .title a {font-size:16px;}
.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:16px;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;}

.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:16px;}
.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:16px;}
.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:16px;margin-bottom:15px}
.caseinaaline {margin-top:0px}
.caserela {margin-bottom:20px}

.profile_num {margin-top:-30px}
.profile_num li {width:50%;margin-top:20px}


/*
.footadv {padding:0px 0 20px 0}
.footadv li .cons {width:80%;}
.footadv li .cons .title {font-size:16px;}
.footadv li .cons .content {font-size:12px; line-height:18px}
.foot {padding:20px 0}
.foot .a1 {font-size:16px;}
.foot .a2 {font-size:15px;margin-top:5px}
.foot .line {margin-bottom:5px}
.foot .a4 {font-size:14px;line-height:25px;}

.footer .mleft {font-size:12px; line-height:18px}
.footer .mright {margin-top:20px}
.footer .mright dt {font-size:14px;padding:0 0 20px 0px}
.fixleft {bottom:40px}
.footbottom,.footbottom .f1,.footbottom .f2,.footbottom .f3 { height:40px;}
.footer {padding:20px 0 50px 0}
.footer .link { line-height:20px}
.footer .link a {font-size:12px;}
*/


.pane .li div.clist h1 {font-size:14px;margin-top:10px}
.pane .li div.clist h2 {font-size:12px;margin-top:5px}
.pane .li div.clist i { display:none;}

.inda7_3 {margin:-10px 0 0px 0; line-height:30px}
.inda7_t {padding:20px 0 50px 0}
.indad3 {margin:-60px 0 -20px 0}
.inaaline2 {margin-top:-70px}
.viewpoint {margin-top:30px}
.casesum {margin:20px 0}

.newscurrent {margin:-10px 0 35px 0;font-size:12px;}
.newscurrent a {font-size:12px}
.prevnextnews a,.prevnextnews span {width:94%;margin-top:-6px; text-align:left;padding:0 3%;font-size:12px; height:25px; line-height:25px}

.tjnews {padding:0px 0 20px 0}
.tjnews .subject {font-size:14px}
.tjnews li {float:none;width:100%; height:25px; line-height:25px; overflow:hidden; }
.tjnews li.no {float:left;width:100%;}

.bannerin_out {height:300px}
.zzsc,.zzsc .link{height:300px;}
.particulars-nav-fixed.active2 .header {top:300px}
.outs_pic {height:500px}
}

@media (max-width:583px) {
.footer {padding:20px 0 40px 0}
.fixleft {bottom:30px}
.footbottom,.footbottom .f1,.footbottom .f2,.footbottom .f3 { height:30px;}
.indcasecate {height:60px; line-height:30px; background:url("../images/1.jpg")/*tpa=http://www.teabaobao.com/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")/*tpa=http://www.teabaobao.com/images/1.jpg*/ no-repeat;}
.indcasemore a {font-size:13px;}
.indcasemore {padding:20px 0} 
.tabPanel .hit{height:30px; line-height:30px;}
.lineno { display:none;}
.bannerin_out {height:250px}
.zzsc,.zzsc .link{height:250px;}
.particulars-nav-fixed.active2 .header {top:250px}
.outs_pic {height:400px}

.outs_contact {padding:20px 0}
.outs_contact .mleft {float:none; text-align:center;width:100%}
.outs_contact .mleft h1 { display:block; margin:0 auto}
.outs_contact .mleft h2 { display:block;margin:0 auto}
.outs_contact .mright {float:none;width:100%;}

.outs_bao ul.list4 li { width:100%;margin:5px 0;}
}

@media (max-width:480px){
.fixleft {bottom:20px}
.footbottom,.footbottom .f1,.footbottom .f2,.footbottom .f3 { height:20px;}
.footer {padding:20px 0 30px 0}
.bannerin_out {height:180px}
.zzsc,.zzsc .link{height:180px;}
.particulars-nav-fixed.active2 .header {top:180px}
.outs_pic {height:300px}
}

@media (max-width:321px){

.indservice li {width:45.59%;}
.indservice li .title { height:40px; line-height:20px; overflow:hidden}
.indservice_2 li .title { height:20px; line-height:20px; overflow:hidden}
.indservice li .cons { height:72px; overflow:hidden}
.indservice_2 li .cons { height:60px; overflow:hidden}
.indnews .mleft li .cons {width:70%;}
.indnews .mright ul li a {width:70%;}
.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;}
}