@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}

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

@media (max-width:769px) {
.inda1 {font-size:18px;margin-top:20px}
.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: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}
}

@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;}
.bannerin { display:none;}
}

@media (max-width:480px){
.topheight { display:none;}
.bannerin { display:none;}

}

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

}

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:45px;margin-bottom:10px;}
.picright {margin-left:45px;margin-bottom:10px;}

.indservice *,.team_about *,.cooperation_notice *,.cooperation_step *,.newscate * ,.news *,.prevnext *,.adv_cus *,.casemore *,.indadv *,.tabPanel ul li{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}

.wrap {max-width:1004px;margin:0 auto}
.relative { position:relative}
.topheight { height:62px;}

.inda1 {font-size:32px; text-decoration:underline;font-weight:bold; text-align:center;margin-top:60px}
.inda2 {font-size:48px; text-align:center;margin:30px 0 10px 0}
.inda3 {font-size:16px;/*max-width:60%;text-align:center;*/margin:0 auto; line-height:25px;color:#666}
.inda3 img {max-width:100%; height:auto}
.inda4 {font-size:24px;text-align:center;margin:90px 0 10px 0}
.inda5 {font-size:32px;text-align:center}
.inda6 { text-align:center;margin-top:40px}
.inda6 a {color:#e60012; text-decoration:line-through;font-size:16px;padding:10px 25px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.inda6 a:hover { background:#e60012;color:#fff}
.inaaline { height:1px; background:#949494;margin:50px 0}
.inda7 { text-align:center;font-size:30px;}
.inda8 { text-align:center;font-size:32px;}
.inda8 font,.inda7 font {color:#e60012}


.newproject { position:relative;margin-top:50px}
#case { position:relative;}
.newproject li,#case .li,.pane .li {float:left;width:25%; position:relative}
.newproject li img,#case .li img,.pane .li img {width:100%; vertical-align:middle}
.newproject li.a5,#case .li.a5,.pane .li.a5 {width:50%}
.newproject li div.clist,#case .li div.clist,.pane .li div.clist {opacity:0; background:#e60012;width:100%; height:100%; position:absolute; z-index:1; text-align:center;color:#fff;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.newproject li div.clist:Hover,#case .li div.clist:hover,.pane .li div.clist:hover {opacity:1}
.newproject li div.clist h1,#case .li div.clist h1,.pane .li div.clist h1 {font-size:26px;margin-top:22%}
.newproject li div.clist h2,#case .li div.clist h2,.pane .li div.clist h2 {font-size:13px;margin-top:10px}
.newproject li div.clist i,#case .li div.clist i,.pane .li div.clist i { background:url(../images/jiandou.png) no-repeat center;width:33px; height:33px; display:block;margin:0 auto; position:absolute; z-index:2;left:50%;margin-left:-16px;bottom:40px;}
.newproject li h4,#case .li h4,.pane .li h4 { position:absolute; z-index:1; text-align:center;width:100%;color:#fff; font-weight:normal;font-size:18px;top:50%;margin-top:-15px}
.newproject li.a5 div.clist h1,#case .li.a5 div.clist h1,.pane .li.a5 div.clist h1 {margin-top:28%}



.bannerin { position:relative;padding:1% 0 1% 0;background-attachment:fixed; background-repeat:no-repeat; background-position:left 62px; background-size:100% auto; text-align:center;color:#fff;width:100%;overflow:hidden;font-weight:bold;}
.bannerin .cons {font-size:18px}
.bannerin .title {font-size:25px;border:3px solid #fff;display:inline-block;padding:5px 20px 8px 20px;margin-top:10px}
.bannerin img {max-width:100%; height:auto}
.profile_title {font-size:36px; text-align:center;max-width:795px;margin:0 auto;padding:50px 0}
.profile_cons { text-align:center;font-size:16px; line-height:25px;color:#666}
.profile_num { text-align:center;padding:50px 0 20px 0}
.profile_num li { display:inline-block;margin:0 8%;}
.profile_num li span.counter {font-size:70px;font-weight:bold; vertical-align:middle;}
.profile_num li font.jia {font-size:50px; vertical-align:middle;font-weight:bold;}
.profile_num li .cons {font-size:20px;}
.max100 {max-width:100%}
.pd50 {padding:50px 0; line-height:30px}

.brandconcept_pic { position:relative; padding:5% 0;background-attachment:fixed;background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center;color:#fff; font-size:34px;width:100%; overflow:hidden}
.brandconcept_pic .title {font-size:55px;}
.brandconcept_pic .cons {font-size:50px; line-height:60px}
.brandconcept_pic .line { height:2px;width:130px;margin:30px auto 40px auto; background:#e60012}

.team_about {padding-top:60px}
.team_about ul {margin-top:30px}
.team_about li {float:left;width:25%; position:relative;}
.team_about li .lists { position:absolute; z-index:1; background:#e60012;color:#fff;width:100%; height:100%; text-align:center; opacity:0}
.team_about li .lists:hover { opacity:1}
.team_about li .lists h1 { position:absolute; z-index:2;top:50%;margin-top:-30px;font-size:26px;width:100%; text-align:center;}
.team_about li .lists h2 { position:absolute;z-index:2;bottom:30px; text-align:center;width:100%}
.team_about li .lists h2 p {font-size:14px; display:inline-block;border-top:1px solid #fff;padding-top:10px;margin:0 auto}
.team_about li img { vertical-align:middle;width:100%; height:auto}
.team_line { background:#d0121d; height:2px;width:130px;margin:25px  auto}

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {	-webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-ms-user-select: none;	user-select: none;	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

.viewpoint { background:#efefef;margin-top:-30px;padding:70px 0;}
.viewpoint ul { text-align:center;margin-top:30px;background:#fff;}
.viewpoint li {float:left;width:20.9%;padding:30px 2% 20px 2%;border-right:1px solid #efefef; min-height:170px;}
.viewpoint li .title {color:#e60012;font-size:30px;border-bottom:1px solid #c6c6c6; display:inline-block;padding-bottom:20px}
.viewpoint li .cons {font-size:14px;color:#666; line-height:25px;margin-top:25px}

.list2{}
.list2 .container{width:1004px;padding-top:80px;padding-bottom:30px}
.list2 .left{width:500px;float:left;}
.list2 .left .sub{width:100%;margin:18px 0 12px 0;}
.list2 .left .redTitle{padding:5px 0px 10px 0;line-height:25px; display:block;border-bottom:2px solid #e60012;color:#E50012;font-size:20px;}
.list2 .left .title{color:#333;line-height:45px;padding:10px 0 10px 0;margin-bottom:8px;font-family:'Noto Sans S Chinese Light','NotoSansHans-Light','微软雅黑';font-weight:100;font-size:36px;border-bottom:1px solid #d3d3d3;}
.list2 .left .footTitle{heihgt:30px;line-height:30px;font-size:20px;color:#333;margin:24px 0 6px 0;}
.list2 .left .footTitle span{vertical-align:middle;}
.list2 .left .footTitle .titleB{font-family:'FujitsuSansBold';font-size:26px;margin-right:5px;}
.list2 .left .listTitle{font-size:20px;line-height:28px;margin-top:36px;}
.list2 .left .info{font-size:16px;color:#333;line-height:30px;margin-top:20px}
.list2 .left .tel400 {color:#333;font-size:16px;margin-top:60px;}
.list2 .left .tel400 div.font { display:inline-block;color:#e60012;font-weight:bold;font-size:32px; font-family:Geneva, Arial, Helvetica, sans-serif}
.list2 .right{width:450px;float:right;}
.list2 .right .title{font-size:32px;color:#333;padding-bottom:8px;}
.list2 .right .title2 {color:#666;font-size:16px; line-height:25px;padding:0px 0 10px 0}
.list2 .right .line{padding:8px 0;}
.list2 .right .line .inputText{border:1px solid #dcdddd;color:#999;font-size:15px;padding:0 18px;width:414px;height:40px;line-height:40px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .textArea{border:1px solid #dcdddd;color:#999;font-size:15px;padding:10px 18px;width:414px;height:124px;margin:0px;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.list2 .right .line .inputBtn{width:450px;cursor:pointer;height:50px;background:#fff;color:#FF0000;font-size:17px;border:2px solid #e50012;font-family: "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.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:30px 0 70px 0}
.contacts li {float:left;width:235px; height:235px;border:1px solid #dcdddd;margin-right:18px; text-align:center}
.contacts li.download {margin-right:0}
.contacts li:hover {border-color:#e60012;}
.contacts li img {width:115px; height:115px;margin:0 auto;}
.contacts li .pic {margin-top:30px}
.contacts li .line { background:#e60012; height:2px;width:70px;margin:30px  auto 12px auto}
.contacts li .title {font-size:16px;color:#333}

.cooperation_content {padding:50px 0 0 0}
.cooperation_notice_list {border-top:1px solid #dcdddd; position:relative}
.cooperation_notice_list ul {margin-top:-50px}
.cooperation_notice_list li {float:left;width:210px;margin-right:52px; text-align:center}
.cooperation_notice_list li.last {margin-right:0}
.cooperation_notice_list li i {width:100px; height:100px; border:1px solid #dcdddd; background:#fff;border-radius:50%; text-align:center; display:block;margin:0 auto}
.cooperation_notice_list li i p { width:46px; height:46px;margin:0 auto;margin-top:27px}
.cooperation_notice_list li i.icon1 p { background:url(../images/c1.png) no-repeat;}
.cooperation_notice_list li i.icon2 p { background:url(../images/c2.png) no-repeat;}
.cooperation_notice_list li i.icon3 p { background:url(../images/c3.png) no-repeat;}
.cooperation_notice_list li i.icon4 p { background:url(../images/c4.png) no-repeat;}
.cooperation_notice_list li .title {color:#e60012;font-size:24px;margin:30px 0}
.cooperation_notice_list li .cons {font-size:14px;color:#666; line-height:25px}
.cooperation_notice_list li:hover i p { background-position:0 -46px}
.cooperation_notice_list li:hover i {border-color:#e60012}

.cooperation_notice{margin:80px 0 0 0; padding:70px 0;background:#efefef}
.cooptitle3 {padding-bottom:10px}
.cooperation_notice ul {margin-top:40px}
.cooperation_notice li {float:left;width:215px;margin-right:48px;}
.cooperation_notice li.last {margin-right:0}
.cooperation_notice li .title {border:1px solid #e60012; height:90px;padding-top:25px; text-align:center;font-size:24px;color:#e60012;}
.cooperation_notice li .title:hover { background:#e60012;color:#fff}
.cooperation_notice li .cons { text-align:center;font-size:14px;color:#666;margin-top:15px; line-height:25px;}

.cooperation_step ul {padding:40px 0 80px 0}
.cooperation_step li { text-align:center;border:1px solid #dcdddd;padding:10px 20px 13px 20px;}
.cooperation_step li:hover {border-color:#e60012;}
.cooperation_step li .title {font-size:20px;}
.cooperation_step li .cons {color:#666;margin-top:5px}
.cooperation_step i { background:url(../images/icon.png) no-repeat center;width:25px; height:19px; display:block;margin:10px auto}

.newscate { text-align:center;padding:60px 0 10px 0}
.newscate li { display:inline-block;width:195px; height:45px; text-align:center;margin-left:-1px;}
.newscate li a { display:block;border:1px solid #dcdddd;  height:45px; line-height:45px;font-size:18px;color:#666}
.newscate li a:hover,.newscate li a.check { background:#e60012;color:#fff;border-color:#e60012;}

.news {margin-top:-20px}
.news li {border-bottom:1px solid #dcdddd; clear:both;padding:40px 0}
.news li .pic {float:left;width:250px;}
.news li .pic img {max-width:100%; height:auto}
.news li .cons {float:right;width:710px;}
.news li .cons .addtime {font-size:28px;margin-top:-6px}
.news li .cons .title { height:30px; line-height:30px;  overflow:hidden}
.news li .cons .title a {font-size:24px}
.news li .cons .content {font-size:14px;color:#666; line-height:22px;margin-top:8px; height:44px;  overflow:hidden}
.news li .cons .more a {float:right;margin-right:5px;margin-top:20px;border:1px solid #e60012;color:#e60012;font-size:16px; display:block; height:38px; line-height:38px;width:190px; text-align:center}
.news li .cons .more a:hover { background:#e60012;color:#fff;}
.prevnext { text-align:right;padding:35px 0}
.prevnext a,.prevnext span { display:inline-block;color:#e60012;width:195px; height:45px; line-height:45px; text-align:center;font-size:18px;border:1px solid #e60012;margin-left:-1px}
.prevnext a:hover,.prevnext span { background:#e60012;color:#fff}

.newstitle { text-align:center;font-size:32px;margin-top:50px}
.newsaddtime {color:#666;font-size:14px; text-align:center;margin-bottom:-30px;margin-top:10px}
.newscons { line-height:25px;font-size:14px;color:#666}
.newscons img {vertical-align:middle;max-width:100%; height:auto}

.newsprevnext { text-align:center;padding:0px 0 10px 0;margin-top:-10px; line-height:25px;font-size:14px}
.newsprevnext .cons {color:#666}
.newsprevnext .prevnext { text-align:center}
.newsprevnext .bdsharebuttonbox {margin:0 auto; text-align:center;width:195px;}
.newsprevnext .bdsharebuttonbox a {color:#666}