@charset "utf-8";
@font-face {
font-family: 'ccssbc';
 src: url('ccssbc.eot');
 src: local('ccssbc Regular'), 
              local('ccssbc'), 
              url('ccssbc.woff') format('woff'), 
              url('ccssbc.ttf') format('truetype'), 
              url('ccssbc.svg#ccssbc') format('svg');	  
} 
@font-face {
font-family: 'nexa';
 src: url('nexa.eot');
 src: local('nexa Regular'), 
              local('nexa'), 
              url('nexa.woff') format('woff'), 
              url('nexa.ttf') format('truetype'), 
              url('nexa.svg#nexa') format('svg');	  
} 
.clear,.clearfix { clear:both;}

:-moz-placeholder {color: #8e929e; }
::-moz-placeholder {color: #8e929e;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #8e929e;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #8e929e;}
 
.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:10px 0 0px  0; text-align:center;}
.pager {padding:0 0 0px 0; width:100%;text-align:center; font-size:14px; }   
.pager a { margin: 2px 3px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d3d3d3}   
.pager span.current { margin: 0 3px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 3px; display:inline-block;text-align:center;border:1px solid #d3d3d3;}   
.pager select {margin: 0px 3px -2px 3px; font-size:14px;}
.pager input {margin: 0px 3px -2px 3px;   padding:2px; text-align:center;font-size:14px;} 
.pager a,.pager span.disabled {background:#fff; font-size:14px;}  
.pager a:hover,.pager span.current { background:#da251d;border:1px solid #e60045}   
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #da251d;} 
.pager a,.pager span.disabled {color:#888;border:1px solid #d3d3d3;} 
.pager a,.pager span.current,.pager span.disabled{width:25px; height:25px; line-height:25px;}
.pager font { font-family:宋体}

.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,.newproject li img,.newproject li .pic,#case .li img,.pane .li img,.pane .li .pic,.outs_adv li .pic,.outs_bao ul.list4 li .pic p,.outs_bao ul.list4 li .line,.outs_bao ul.list4 li,.fixed .child p,.indmid .cons .c a:before,.indmid .cons .c a,.outs_hao_list .t p,.outs_hao_list .t span,.outs_hao_list .t p:before,.annual1589 li,.annual1601 li .li2 ,.annual1601 li .li1
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.newproject li:Hover img,#case .li:hover img,.pane .li:hover img,.pane .li:hover .pic,.newproject li:hover .pic
{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
.wrap {max-width:1210px;margin:0 auto;}
.wrap3 {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:36px; text-align:center;margin:30px 0 10px 0}
.inda3 {font-size:16px;max-width:655px;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:#e60045; 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:#e60045;color:#fff}
.inaaline { height:1px; background:#ccc;margin:50px 0}
.inda7 { text-align:center;font-size:30px;}
.inda8 { text-align:center;font-size:32px;}
.inda8 font,.inda7 font {color:#e60045}

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

.newproject { position:relative;margin-top:4.5%;padding:0 4.5%}
.newprojectin {margin-top:0px}
#case { position:relative;}
.newproject li,#case .li,.pane .li {float:left;width:33.3333%; position:relative; overflow:hidden}
.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:rgba(0,0,0,0);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 {background:rgba(0,0,0,0.6);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:16px;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%}


.pane .li.l5 {width:50%}
.pane .li .pic,.newproject li .pic,#case .li .pic { background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden}

.banner2{position:relative;width:100%;height:auto;overflow:hidden;}
.banner2 .banner2Btn{display:none}
.banner2 .contents2{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.banner2 .content2{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat; background-position:center;text-align:center;}
.banner2 .content2{background-position:left top;}
.banner2 .banner2Nav{position:absolute;bottom:10px;width:100%;text-align:right;right:15px;z-index:2;}
.banner2 .banner2Nav img{width:40px;height:4px;margin:0px 3px;cursor:pointer;}
.banner2 .bannerBg{width:100%;height:auto;vertical-align:middle;}

/**tabs**/
.indcasemenu {padding:0 0 35px 0;margin:-15px 0 0px 0}
.indcasemenu .cons { display:inline-block;width:40%;font-size:28px; line-height:48px;color:#b4b5b5; letter-spacing:1px; vertical-align:baseline;font-weight:300; font-family: 'nexa';}
.tabPanel ul{ display:inline-block;margin-left:5%;width:55%;margin-top:65px; line-height:35px; vertical-align:baseline; display:inline-block}
.tabPanel ul li{ display:inline-block;color:#707070; height:25px; line-height:25px;margin:0 25px 0 0;font-size:15px}
.tabPanel ul li:hover {color:#e60045}
.tabPanel .hit{cursor:pointer;color:#e60045;height:25px; line-height:25px;cursor:pointer;}
.pane{display:none;}
.panes{padding-bottom:60px}

.indcasesubject {padding:80px 0;}
.indcasesubject .inda7 {padding-bottom:5px}
.indcasecate { text-align:center;margin-bottom:-25px}
.indcasecate li { display:inline-block;margin:0 15px}
.indcasecate li a {font-size:15px;color:#666}
.indcasecate li.check a,.indcasecate li a:hover {color:#e60045}

.indcasemore { clear:both; text-align:center;padding:50px 0}
.indcasemore a {color:#e60045;font-size:19px; display:inline-block;padding:10px 25px;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.indcasemore a:hover { background:#e60045;color:#fff;}

.indcustomer {position:relative;width:100%;height:382px;padding:50px 0; background-attachment:fixed;background-repeat:no-repeat;background-position:top center;background-size:100% 100%;color:#fff}
.indcustomer .mleft {float:left;width:515px;}
.indcustomer .mleft .a1 {font-size:24px;}
.indcustomer .mleft .a2 {font-size:42px}
.indcustomer .mleft .line { background:#fff; height:1px;width:85px;margin:150px 0 20px 0}
.indcustomer .mleft .a3 {font-size:16px;}
.indcustomer .mright {position:absolute;top:0px;right:0;width:100%;height:482px;background:url() no-repeat 68% bottom fixed; background-size:482px auto;}


.indadv {padding:50px 0 80px 0}
.indadv dl {float:left;width:23.5%;margin-right:2%}
.indadv dl.last {margin-right:0}
.indadv dt { background:#626262;font-size:24px;color:#fff; height:40px; line-height:40px;padding-left:15px}
.indadv dd {color:#666;font-size:14px;padding-left:15px; line-height:25px}
.indadv dd h1 {font-size:16px;color:#333;padding:20px 0 15px 0}
.indadv dl:hover dt { background:#e60045;color:#fff}

.indmessage{padding:80px 0}
.indmessage .mleft {float:left;width:50%;}
.indmessage .mright {float:right;width:45%}
.indmessage .mleft .pic {float:left;width:120px;}
.indmessage .mleft .pic img {border-radius:50%;width:120px;}
.indmessage .mleft .cons {float:right;width:70%}
.indmessage .mleft .cons .title {font-size:24px;color:#e60045}
.indmessage .mleft .cons .title2 {font-size:16px;padding:20px 0;color:#333}
.indmessage .mleft .cons .content {font-size:13px;color:#666; line-height:22px}
.indmessage .mleft .cons .more {margin-top:35px}
.indmessage .mleft .cons .more a { background:#e60045;color:#fff;font-size:16px; height:40px; line-height:40px;width:190px; text-align:center; display:block}
.indmessage .mright .title {font-size:24px;color:#e60045;}
.indmessage .mright .title span {color:#666;font-size:14px;margin-left:15px} 
.indmessage .mright input[type="text"] {border:1px solid #dcdddd; height:38px; line-height:38px;padding:0 2%;margin:15px 0;width:27.2888%;margin-right:1%;font-family: arial,"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";font-size:14px;color:#999}
.indmessage .mright input[type="text"].tel {margin-right:0}
.indmessage .mright textarea {font-family: arial,"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";color:#999;padding:2%; overflow:auto;border:1px solid #dcdddd;font-size:14px;width:94.5%;margin-top:-4px}
.indmessage .mright #indbutton { cursor:pointer;background:#e60045;color:#fff;width:190px; height:40px; line-height:40px;font-size:16px;border:0;font-family: arial,"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";margin-top:15px}
.indmessage .mright .submit {float:left;}
.indmessage .mright .tel i { display:inline-block; background:url(../images/tel.png) no-repeat center;width:32px; height:32px;margin-right:10px; line-height:32px; vertical-align:middle}
.indmessage .mright .tel { float:right;margin-top:20px;color:#e60045;font-size:24px;height:32px; line-height:32px;}

.bannerin { position:relative;padding:7.5% 0 8% 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; display:none;}
.bannerin .cons {font-size:42px}
.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:0px 0 0px 0}
.profile_num li { display:inline-block;margin:0 3.2%;width:200px; vertical-align:top;}
.profile_num li.l1 {margin-left:0}
.profile_num li.l4 {margin-right:0}
.profile_num li span.counter {font-size:70px;font-weight:bold; vertical-align:middle;font-family: 'ccssbc';}
.profile_num li font.jia {font-size:50px; vertical-align:middle;font-weight:bold;}
.profile_num li .cons {font-size:16px;color:#666; line-height:22px; height:44px; overflow:hidden;margin-top:5px}
.max100 {max-width:100%}
.pd50 {padding:50px 0; line-height:30px}

.brandconcept_pic { position:relative; padding:2.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:#e60045}

.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:#e60045;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-demo,#owl-demo1-1{position:relative;width:100%;height:100%;}
#owl-demo .item,#owl-demo1-1 .item{ position:relative;display:block;color:#333}
#owl-demo img,#owl-demo1-1 img{display:block;width:100%;height:100%;}
.owl-pagination{position:absolute;left:0;bottom:-50px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:8px;height:8px;margin:0 5px;border-radius:50%;border:3px solid #c9c9c9; *display:inline;*zoom:1;}
#owl-demo1-1 .owl-page{ overflow:hidden; line-height:100px}
.owl-pagination .active{border-color:#e60045}
.owl-buttons{display:none;}
#owl-demo1-1 .owl-buttons { display:block}
.owl-buttons div{position:absolute;top:50%;width:23px;height:41px;margin-top:-20px;text-indent:-9999px;}
#owl-demo1-1 .owl-buttons div{ display:none;}
.owl-prev{left:20px;background:url(../images/l.png);}
.owl-next{right:20px;background:url(../images/r.png)}
.owl-carousel {margin:40px 0 90px 0}
.owl-carousel .owl-wrapper:after {content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.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:0px;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:#e60045;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 #e60045;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:#e60045;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:#e60045;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:#e60045;}
.contacts li img {width:115px; height:115px;margin:0 auto;}
.contacts li .pic {margin-top:30px}
.contacts li .line { background:#e60045; height:2px;width:70px;margin:30px  auto 12px auto}
.contacts li .title {font-size:16px;color:#333}

.cooperation_content {padding:70px 0 100px 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:#e60045;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:#e60045}

.cooperation_notice{margin:80px 0 60px 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 #e60045; height:90px;padding-top:25px; text-align:center;font-size:24px;color:#e60045;}
.cooperation_notice li .title:hover { background:#e60045;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:#e60045;}
.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:16px;color:#666}
.newscate li a:hover,.newscate li a.check { background:#e60045;color:#fff;border-color:#e60045;}

.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 #e60045;color:#e60045;font-size:16px; display:block; height:38px; line-height:38px;width:190px; text-align:center}
.news li .cons .more a:hover { background:#e60045;color:#fff;}
.prevnext { text-align:right;padding:35px 0}
.prevnext a,.prevnext span { display:inline-block;color:#e60045;width:195px; height:45px; line-height:45px; text-align:center;font-size:16px;border:1px solid #e60045;margin-left:-1px}
.prevnext a:hover,.prevnext span { background:#e60045;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}
.newsaddtime i { display:inline-block;margin:0 15px}
.newscons { line-height:25px;font-size:14px;color:#666}
.newscons img {vertical-align:middle;max-width:100%; height:auto;margin-top:5px}

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

.mar-30 {margin-top:-30px}
.adv_pic {margin:80px 0}
.adv_pic ul {margin-top:60px}
.adv_pic li {float:left;width:270px;margin-right:95px; text-align:center}
.adv_pic li.last {margin-right:0}
.adv_pic li .title {font-size:20px;color:#e60045}
.adv_pic li .line { height:2px; background:#e60045;width:70px;margin:10px auto 20px auto;}
.adv_pic li .cons {color:#c9caca;font-size:14px; line-height:25px;}
.adv_pic li .title2 {border:1px solid #e60045;color:#e60045;font-size:13px;width:100%;padding:5px 0;margin-top:20px}
.adv_pic .inda3 {color:#fff}

.adv_cus .subject {font-size:32px; text-align:center}
.adv_cus .subject span {color:#e60045;font-size:70px; font-weight:bold; vertical-align:baseline; display:inline-block}
.adv_cus .subject font {color:#e60045;font-size:50px; display:inline-block; vertical-align:baseline;font-weight:bold;margin-right:5px}
.adv_cus ul {margin:50px 0}
.adv_cus ul li {float:left;border:1px solid #dcdddd;width:160px; height:72px;padding-top:10px;text-align:center;margin:0 6px 6px 0}
.adv_cus ul li.last {margin-right:0}
.adv_cus ul li img {max-width:100%; height:auto; vertical-align:middle;-webkit-filter: grayscale(1);filter:gray;filter: grayscale(1);}
.adv_cus ul li p {width:140px;  height:63px;margin:0 auto}
.adv_cus ul li:hover img {-webkit-filter: grayscale(0);filter:none;filter: grayscale(0);}
.adv_cus .more { text-align:center;padding-bottom:50px}
.adv_cus .more a {color:#e60045;border:1px solid #e60045;font-size:16px; text-align:center; height:40px; line-height:40px;width:200px;margin:0 auto; display:block}
.adv_cus .more a:hover { background:#e60045;color:#fff}


.mainNav{padding:72px 0;text-align:center;}
.mainNav .child{cursor:pointer;position:relative;color:#666;font-size:16px;text-align:center;width:188px;height:45px;line-height:45px;border:1px solid #dcdddd;display:inline-block;*display:inline;*zoom:1;}
.mainNav .child:Hover { background:#e60045;color:#fff;border-color:#e60045}
.mainNav .child.on{background:#e60045;border:1px solid #e60045;color:#fff;}
.mainNav .child.childList{margin-left:-1px;text-align:center;background-image:url(../images/navPointer.png);background-position:158px center;background-repeat:no-repeat;}
.mainNav .child.childList span{ text-align:center;padding-right:15px}
.mainNav span.check { background:#e60045;color:#fff; display:block}
.mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-1px;border:1px solid #dcdddd;z-index:2;}
.mainNav .child.childList ul li{color:#666;padding-right:15px;width:173px;height:40px;line-height:40px;}
.mainNav .child.childList ul li:hover{background:#eee;}
.mainNav .child.childList:hover>ul { display:block}

.casemore { text-align:center}
.casemore a {border:1px solid #e4e4e4;color:#b4b5b5;font-size:15px;height:45px; line-height:44px;margin:140px auto; display:inline-block; text-align:center;padding:0 85px;font-weight:300}
.casemore a:Hover{border-color:#e60012;color:#fff;background: #e60012}

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

.inda7_t {border-top:1px;padding:60px 0 100px 0;border-top:1px solid #ccc;}

.indteamlist {border-top:1px solid #ccc;}
.indteamlist #owl-demo {margin-top:0px}
.indteamlist i { height:0; width:0; display:block; overflow:hidden}
.indteamlist .owl-pagination {bottom:auto;top:-32px;left:2px;right:auto; text-align:left; height:30px;  line-height:30px;}
.indteamlist .owl-page{width:auto;padding:0 25px;height:30px;margin:0 0 0 -1px;border-radius:0;border:1px solid #999; background:none;font-size:16px}
.indteamlist .owl-pagination .active{ background:#535353;color:#fff;border-color:#535353;}
.indteamlist .owl-buttons div { display:none;}

.casesum {margin:50px 0 50px 0}
.aboutteam {padding:40px 0 0 0}
.inaaline2 {margin-top:-90px}

.indcasecate.actives { position:fixed;top:0; z-index:999999; background:#fff;border-bottom:1px solid #ccc;width:100%; height:65px; line-height:65px;text-align:center}

.newscurrent {margin:-35px 0 35px 0;color:#666}
.newscurrent a {color:#666;}
.newscurrent a:hover {color:#FF0000;}
.newscurrent i {margin:0 5px;}
.prevnextnews a,.prevnextnews span {width:43%;padding:0 3%; overflow:hidden}

.tjnews {padding:0px 0 30px 0;text-align:left;}
.tjnews .subject {font-weight:Bold;margin:0 0 15px 0;font-size:16px}
.tjnews li {float:left;width:50%; height:30px; line-height:30px; overflow:hidden; }
.tjnews li.no {float:right;width:46%;}

.bannerin_out { height:395px; background-position:center; background-repeat:no-repeat;}
.outs_subject { text-align:center;}
.outs_subject .title {color:#e60045;font-size:35px;font-weight:bold; line-height:45px;}
.outs_subject .line { background:#e60045;width:60px; height:2px;margin:15px auto;}
.outs_subject .cons {font-size:16px; line-height:30px;}
.outs_bao { background:#efefef;padding:60px 0}
.outs_solution {padding:60px 0;}
.outs_cons {margin-top:30px;font-size:16px; line-height:30px}
.outs_cons img {max-width:100%; height:auto}
.outs_customer {padding:60px 0 10px 0; background:#efefef}
.outs_step {padding:60px 0}
.outs_adv .outs_subject .cons {max-width:490px;margin:0 auto}
.outs_customer .outs_subject .cons {max-width:700px;margin:0 auto}

.outs_adv {margin-top:60px}
.outs_adv ul {margin:60px 0}
.outs_adv li { display:inline-block;width:33.3333%; text-align:center; vertical-align:top;}
.outs_adv li .pic { background:#e60044;width:140px; height:140px;margin:0 auto;border-radius:50%}
.outs_adv li .pic .table { display:table; height:100%;width:100%}
.outs_adv li .pic .table .td { display:table-cell; vertical-align:middle;}
.outs_adv li .pic:hover { background:#3e3a39}
.outs_adv li .cons {font-size:16px; line-height:30px;margin:15px 0 0px 0}
.outs_adv li .title {color:#e60044;font-size:18px; line-height:30px;font-weight:Bold;}

.outs_bao .profile_num {margin:30px 0 0 0}
.outs_bao ul.list4 {margin-top:40px}
.outs_bao ul.list4 li { display:inline-block;width:24.25%;margin:0 1% 0 0; background:#3e3a39;padding:20px 0; text-align:center;color:#cecece;}
.outs_bao ul.list4 li.f4 {margin-right:0}
.outs_bao ul.list4 li .pic { position:relative;}
.outs_bao ul.list4 li .pic p { background-position:center top; background-repeat:no-repeat;width:90px; height:90px;margin:0 auto}
.outs_bao ul.list4 li:hover .pic p { background-position: center bottom;}
.outs_bao ul.list4 li .line {width:25px; height:2px; background:#cecece;margin:20px  auto 15px auto;}
.outs_bao ul.list4 li .cons { line-height:25px; height:50px; overflow:hidden;marx-width:150px;margin:0 auto}
.outs_bao ul.list4 li:Hover { background:#e60044;color:#fff;}
.outs_bao ul.list4 li:Hover .line { background:#fff}

.zzsc{width:100%; height:395px; margin:0 auto; overflow:hidden; display:none; text-align:center; background-position:center top; background-repeat:no-repeat; position:fixed; z-index:99999;left:0;top:0;width:100%;}
.zzsc .link{ width:100%; height:395px; display:block; z-index:10;}
.zzsc .up{ display:block; width:120px; height:12px; background:url(../images/arrow.jpg) no-repeat left bottom; position:absolute; left:50%; bottom:0; z-index:20; margin-left:-60px;}
.zzsc .down{ display:block; width:120px; height:12px; background:url(../images/arrow.jpg) no-repeat left top; position:absolute; left:50%; top:88px; z-index:20; margin-left:-60px;}

.caseshow {color:#fff; background: #e60045;padding:120px 5%; text-align: left; line-height: 2;}
.caseshow .mleft {float:left;width:30%;}
.caseshow .mleft .t {font-size:25px; line-height: 35px;margin:0 0 10px 0}
.caseshow .mleft .t2 i {display:block;}
.caseshow .mright {float:right;width:50%}


.about1 {padding:120px 0}
.about1 .mleft {float:left;width:30%;font-family: 'nexa';font-size:42px; line-height:52px;color:#333;font-weight:700}
.about1 .mright {float:right;width:66%;color:#333;font-size:15px; line-height:30px}
.about1 .mright .cons2 {margin:80px 0}

.about1 .mright .cons2 ul,#indnum ul {width:104%;margin:-30px 0 0 -2%} 
.about1 .mright .cons2 ul li,#indnum ul li {float:left;width:21%;margin:30px 2% 0 2%;}
.about1 .mright .cons2 ul li .num,#indnum ul li .num {font-family: 'nexa';font-size:43px; line-height: 43px}
.about1 .mright .cons2 ul li .num .count-outer,#indnum ul li .num .count-outer { display:inline-block; vertical-align:middle;font-weight:bold;}
.about1 .mright .cons2 ul li .num h3,#indnum ul li .num h3{ font-family: 'nexa';display:inline-block; vertical-align:top;margin:-5px 0 0 5px;font-size:30px; line-height: 30px;}
#indnum ul li .content{color:#595757;margin:10px 0 0 0; line-height:22px;font-size:14px;}

.about1 .cons3 table {width:110%;margin-left:-5%}
.about1 .cons3 td { vertical-align:top;width:40%;padding:0 5%;color:#767676;}
.about1 .cons3 td strong {color:#333}
.about1 .cons3 td h1,.about1 .cons3 td h2,.about1 .cons3 td h3,.about1 .cons3 td h4,.about1 .cons3 td h5 {font-size:24px; line-height:44px;color:#333;margin:0 0 20px 0}
.about2 img {max-width:100%}

.about3 {padding:120px 0 40px 0}
.about3 .cons2 {font-size:24px; line-height:44px;color:#333;margin:0 0 50px 0}
.about3 li {float:left;width:33.3333%; position:relative; overflow:hidden}
.about3 li .cons { position:absolute; z-index:50;top:6%;left:6%;width:88%;}
.about3 li .cons .title {font-size:24px; line-height:34px;margin:0 0 5px 0}

.about4 { background:#252525; position:relative;font-size:17px; line-height:37px;color:#939393;padding:70px 0}
.about4 .wrap { position:relative}
.about4 .mleft { position:absolute;left:0;top:0; height:100%; vertical-align:middle}
.about4 .mleft h1,.about4 .mleft h2,.about4 .mleft h3,.about4 .mleft h4,.about4 .mleft h5 {color:#dfdfdf;font-size:22px; line-height:44px;}
.about4 .mright { text-align:right;margin-right:-200px}
.about4 .mright img { vertical-align:middle;max-width:100%}

.about5 {border-bottom:1px solid #959595;padding:50px 0;color:#767676; line-height:30px;font-size:15px}
.about5 .subject {font-size:24px; line-height:44px;color:#333;margin:20px 0}
.about5 .content {font-size:14px; line-height:28px;}
.about5 .content a {color:#767676}
.about5 .content a:hover{color:#e50012}
.about5 .content table {width:110%;margin-left:-5%}
.about5 .content td{width:20%;padding:0 5%}
.about5 .content h1,.about5 .content h2,.about5 .content h3,.about5 .content h4,.about5 .content h5 {font-size:18px; line-height:28px;margin:10px 0;color:#333}

.about6 {padding:50px 0;color:#767676; line-height:30px;font-size:15px}
.about6 .content h1,.about6 .content h2,.about6 .content h3,.about6 .content h4,.about6 .content h5 {font-size:24px; line-height:44px;margin:15px 0;color:#333}
.about6 strong {color:#333}
.about6 table {width:110%;margin-left:-5%}
.about6 td { vertical-align:top;width:40%;padding:0 5%}
.about6 td .more { display:inline-block;font-size:18px;color:#333; text-decoration:underline;}
.about6 td .more:hover {color:#e60045}


.indpics {margin:0; position: relative}
.indpics .bxslider li a { background-attachment: fixed;padding:22% 0; background-position: center 63px; background-repeat: no-repeat; background-size:100%; display: block}
.indpics .bxslider li a video { position: absolute;left:0;top:0;width:100%; height:100%;background-size:cover;}
#myvideo {object-fit:cover; }


.about221117 {margin:-20px 0 0 0; line-height: 2;color:#595757}
.about221117 .en {font-size:10px; line-height: 1.6;color:#888889;font-weight:300;}
.about221117 .en p {font-weight:300;}
.aboutleft {float:left;width:34%;margin:0 0 0 1.5%; text-align: right;font-size:24px; line-height: 34px;color:#888889;font-weight:300;letter-spacing:0.5px}
.aboutright {float:right;width:48.5%;margin:0 1.5% 0 0}
.about221117 .about1 {margin:0 0 -90px 0;}
.about221117 .about1 .c1 {font-size:15px;color:#595757; line-height: 1.8}
.about221117 .about1 .in {max-width:685px;}
.about221117 .about1 .c3 {width:125%;margin:70px 0 0px 0}
.about221117 .about1 .c3 .c3_1 {float:left;width:350px;font-size:12px; line-height: 1.8; color:#717070;margin:60px 0 0 0}
.about221117 .about1 .c3 .c3_1 strong {font-size:15px;color:#231915;font-weight:500;margin:0 0 5px 0; display: inline-block}
.about221117 .about1 .c3 .c3_2 {float:right;width:480px;}
.about221117 .about1 .c3 .c3_2 img {width:100%}
.about221117 .about1 #indnum ul {width:104%;margin:70px 0 0 -2%; }
.about221117 .about1 #indnum ul li {margin:0;width:21%;margin:0 2%;}
.about221117 .about1 #indnum ul li .num {margin:0;font-size:35px; line-height:35px;font-weight:700}
.about221117 .about1 #indnum ul li .num h3 {font-size:20px; line-height:20px; margin:-5px 0 0 3px;font-weight:500}
.about221117 .about1 #indnum ul li .content {font-size:12px; line-height: 20px;margin:5px 0 0 0}
.about221117 .about2 li .aboutright {padding:70px 0 75px 0;font-size:15px; position: relative; z-index: 99; line-height: 1.8}
.about221117 .about2 li .pic img {width:100%}
.about221117 .about2 li.li1230 .pic img {margin-top:-8.5%; position: relative}
.about221117 .about2 li.li1229 table {width:800px;font-size:12px}
.about221117 .about2 li.li1229 td { vertical-align:top;}
.about221117 .about2 li.li1229 td strong {font-size:15px;color:#231915;font-weight:500}
.about221117 .about2 li.li1229 td:nth-child(1) {width:46%}
.about221117 .about2 li.li1229 td:nth-child(2) {width:45%;padding:0 0 0 9%;}
.about221117 .about3 .t {font-size:35px; line-height: 45px;margin:-20px 0 5px 0;font-weight:500;color:#333;}
.about221117 .about3 .c {color:#ccc;font-size:20px;margin:0 0 40px 0;font-weight:300}
.about221117 .about3 .pic img {width:100%;margin:0 0 80px 0}
.about_case {margin:0 0 -65px 0}
.about_case .item { position: relative;padding:38.7% 0}
.about_case .item p { position:absolute;left:0;width:100%; height:100%;top:0;  z-index: 10; background-position: center; background-repeat: no-repeat; background-size:cover;}
.about221117 .about2 li.li1232 .aboutright { font-size:12px}
.about221117 .about2 li.li1232 .aboutright strong {font-size:15px;font-weight:500;color:#231915}


.cooperation221117 {margin:0 0 120px 0; line-height: 2.2;font-size:15px;color:#595757}
.cooperation221117 li {margin:250px 0 0 0;}
.cooperation221117 .mleft {float:left;width:59%;}
.cooperation221117 .mright {float:right;width:36.5%; text-align: left;}
.cooperation221117 .mright .t {font-size:36px; line-height:46px;font-weight:700;color:#231915;}
.cooperation221117 .mright .t2 {font-weight:900;margin:30px 0 75px 0;font-size:24px; line-height:32px;color:#231915;}
.cooperation221117 .mright .c {margin:40px 0 0 0}
.cooperation221117 .mright .c strong {font-size:28px; line-height: 38px; font-weight:400;color:#231915;margin:0 0 10px 0; display: inline-block;}
.cooperation221117 .mright table {width:100%;max-width:650px;font-size:20px;font-weight:300; line-height: 1.8;}
.cooperation221117 .mright td { vertical-align:top;width:50%;padding:40px 0 0 0;}
.cooperation221117 .mright tr:nth-child(1) td {padding:0;width:55%}
.cooperation221117 .mright tr:nth-child(2) td {width:45%}
.cooperation221117 .owl-pagination{display:None;}
.cooperation221117 .owl-carousel {margin:0}
.cooperation221117 li.li211 .c {font-size:28px;color:#231915; line-height: 2.7}

.indabout {padding:0px 0 0px 0;}
.indabout .mleft {float:left;width:40%; text-align: center}
.indabout .mleft p {margin:-150px 0 0 0; z-index: 10}
.indabout .mright {float:right;width:55%; text-align:left;}
.indabout .mright .in {max-width:910px}
.indabout .mright .t {font-size:41px;color:#9e9f9f; line-height:51px;font-weight:300}
.indabout .mright .c {font-size:16px;color:#595757; line-height:1.9;margin:30px 0 75px 0}

.indservice .wrap2 {max-width:1400px}
.indservice ul {margin:-90px 0 0 -3%;width:106%}
.indservice li {float:left;width:14%;margin:30px 3% 0 3%}
.indservice li .title {font-size:25px; line-height:35px;color:#231915;font-weight:700;margin:0 0 25px 0}
.indservice li .content {font-size:16px; line-height: 2;color:#9e9f9f;margin:0 0 20px 0;min-height:260px}
.indservice li .more a {color:#717070;font-size:13px; line-height: 13px;}
.indservice li .more a:Hover {color:#e60012}

.indmid { position:relative;margin:200px 0 100px 0}
.indmid .cons { position:absolute;left:0;top:0;width:100%; height:100%;text-align: center;color:#fff; z-index: 200;}
.indmid .cons .t {font-size:66px; line-height: 86px;margin:0 0 50px 0}
.indmid .cons .c a { display: inline-block; vertical-align: top; background: #fff;padding:7px 150px 10px 10px;font-size:12px; line-height: 17px; text-align: left;font-weight:700;color:#231915; position: relative;border:1px solid #fff;}
.indmid .cons .c a:before {content:''; background:url("../images/1_2.png") no-repeat center;width:38px; height: 11px; position: absolute;right:15px;top:28px}
.indmid .slide p { background-repeat: no-repeat; background-position: center; background-size:cover; background-attachment: fixed;height:860px}
.indmid .cons .c a:hover {background:none;color:#fff;}
.indmid .cons .c a:Hover:before {background:url("../images/1_1.png") no-repeat center;}

.indnews {margin:0 0 150px 0}
.indnews .subject {font-size:29px; line-height: 29px;color:#595757;margin:0 0 30px 0}
.indnews .subject span {font-size:13px; line-height: 13px; display: inline-block; vertical-align: top;margin:15px 0 0 10px;color:#b4b5b5; letter-spacing: 0.5px;}
.indnews .mleft {float:left;width:46%}
.indnews .mleft .pic { position:relative;height:370px}
.indnews .mleft .pic p { position:absolute;left:0;top:0;width:100%;height:100%; background-position: center; background-repeat:no-repeat; background-size:cover;}
.indnews .mright {float:right;width:46%;margin:-35px 0 0 0}
.indnews li {border-bottom:1px solid #e9eaea;padding:32px 0}
.indnews .mleft li {padding:25px 0 0 0;border:0}
.indnews .t { height: 25px; line-height: 25px; overflow: hidden;margin:0 0 10px 0}
.indnews .t a {font-size:18px;}
.indnews .c {font-size:14px; height: 20px; line-height: 20px; overflow: hidden;color:#9e9f9f}
.outs_video { position:relative;padding:16% 0}
.outs_video video {position: absolute;left:0;top:0;width:100%; height:100%;background-size:cover;}

.outs_about { text-align:center;margin:70px 0}
.outs_about .in { display: inline-block;margin:0 auto;max-width:800px; text-align: left;}
.outs_about .in .t {font-weight:300;font-size:50px; line-height:65px;color:#231915; text-align: center}
.outs_about .in .c {color:#595757;font-size:16px; line-height:2;margin:45px 0 0 0}
.outs_about .in .c strong {font-size:25px;color:#000;font-weight:700; line-height: 1.6}
.outs_about_list {max-width:1430px;margin:110px auto 0 auto}
.outs_about_list ul {width:104%;margin:0 0 0 60px}
.outs_about_list li {float:left;width:29.3333%;margin:0 2%}
.outs_about_list li .t {font-size:45px; line-height: 55px;border-bottom:4px solid #231915; display: inline-block;font-weight:700}
.outs_about_list li .c {color:#595757;font-size:20px; line-height: 1.6;margin:20px 0 55px 0}
.outs_about_list li .l { height:2px; background: #dcdcdc;width:15px}

.outs_hao { background: #000000; text-align: center;padding:85px 0;margin:100px 0 0 0}
.outs_hao .in {max-width:790px;margin:0 auto}
.outs_hao .in .t {color:#fefefe;font-size:48px; line-height: 58px;font-weight:300; position: relative; display: inline-block}
.outs_hao .in .t:before {content:''; position: absolute;right:-78px;top:0; background: url("../images/3.png") no-repeat center;width:58px;height:58px;}
.outs_hao .in .c{color:#c8c9c9;font-size:18px; line-height: 2;margin:40px 0 0 0}
.outs_hao_list { background: #000000; text-align: center;padding:50px 0 100px 0}
.outs_hao_list ul {max-width:1520px;margin:0 auto}
.outs_hao_list li {float:left;width:21%;margin:0 2%; }
.outs_hao_list .t { position: relative}
.outs_hao_list .t p {height:125px;color:#fefefe;font-size:40px; line-height:50px;font-weight:700; position: relative; display: inline-block}
.outs_hao_list .t p:before {content:'*'; position: absolute;right:-20px;top:0;}
.outs_hao_list .t span {width:125px; position: absolute;left:50%;margin:-75px 0 0 -62px;top:50%;height:125px; text-align: center; display: block;opacity:0}
.outs_hao_list .l { background: #eeeeee;width:18px; height:2px;margin:20px auto 50px auto;}
.outs_hao_list .c {color:#dcdcdd;font-size:22px; line-height: 1.5;position: relative}
.outs_hao_list li .c:before {content:''; position: absolute;left:-30px;top:10px;width:1px; height: 50px; background: #595757}
.outs_hao_list li:nth-child(1) .c:before {display:none;}
.outs_hao_list li:Hover .t p {opacity:0}
.outs_hao_list li:Hover .t p:before {opacity:0}
.outs_hao_list li:Hover .t span {opacity:1}

.outs_fang .in {max-width:1291px;margin:0 auto;}
.outs_fang .t {font-size:40px; line-height: 60px;color:#000;font-weight:300; text-align: center;margin:90px 0 50px 0}
.outs_fang .c,.outs_fang .c p {font-size:20px; line-height: 1.6;color:#595757;font-weight:500}

.outs_customer { text-align:center; background: #fff;color:#595757;margin:20px 0 120px 0}
.outs_customer .t { position: relative;font-size:40px; line-height: 60px;font-weight:700}
.outs_customer .t font {font-size:50px;font-weight:900;margin:0 5px}
.outs_customer .t:before {content:''; position: absolute;left:50%;bottom:-40px;width:50px;margin-left:-25px; height: 3px; background: #595757}
.outs_customer .c {font-size:20px; line-height: 1.8;color:#9e9f9f;margin:75px 0 0 0}

.outs_contact { background:#000;color:#fff; height: 185px}
.outs_contact .mleft {float:left;width:80%;font-size:22px;font-weight:300;padding:58px 0 0 0}
.outs_contact .mleft .tel { display:inline-block; vertical-align: top;font-weight:500;font-size:28px;margin:-5px 0 0 0}
.outs_contact .mright {float:right;width:160px; text-align: center;margin-top:-50px}
.outs_contact .mright img {width:100%}
.outs_contact .mright h2 {font-size:18px;font-weight:100;margin:0px 0 0 0; letter-spacing: 8px}
.annual_brand .swiper-slide {position:relative}
.annual_brand .swiper-slide p { background-position:center; background-repeat:no-repeat; background-size:cover;padding:15.7% 0}
.annual1602 {text-align:center;border-bottom:2px solid #ccc;padding:35px 0 60px 0;}
.annual1602 .t {font-size:30px; line-height: 40px;font-weight:500;margin:0 -150px 0 0; display:inline-block; vertical-align: top; position: relative;top:75px}
.annual1602 .c1 {font-size:160px; line-height:160px;display:inline-block;vertical-align: top;font-family: 'ccssbc';font-weight:bold; position: relative}
.annual1602 .c1:before {content:'';position: absolute;right:-152px;top:25px; background: url("../images/year.png");width:142px;height:49px; background-size:100%}
.annual1602 .c2 {font-size:100px; line-height:100px;display:inline-block;vertical-align: top;font-family: 'ccssbc';font-weight:bold;margin:53px 0 0 0}
.annual1602 .c3 {font-size:47px; line-height: 1.8;display:inline-block;vertical-align: top;font-weight:300;margin:70px 0 0 10px}

.annualsubject {text-align:center;margin:100px 0 70px 0}
.annualsubject .t {font-weight:500;color:#000;font-size:58px; line-height:68px;}
.annualsubject .t font {color:#f60012;font-family: 'ccssbc'; display:inline-block; vertical-align: top;font-size:100px; line-height: 100px;margin:-22px 5px 0 5px;}
.annualsubject .c {font-weight:300;font-size:40px; line-height: 1.8}
.annual1601 {margin:0 0 120px 0}
.annual1601 ul {width:108%;margin:-30px 0 0 -4%}
.annual1601 li {float:left;width:17%;margin:30px 4% 0 4%; text-align: center}
.annual1601 li .li1 {font-weight:700;font-size:42px;color:#000;border-bottom:4px solid #000;}
.annual1601 li .li2 { background: #000;color:#fff;font-size:18px; line-height:18px;display:inline-block;margin:0 auto 0 auto;padding:2px 8px 6px 8px}
.annual1601 li .li3 {border-bottom:2px solid #999;min-height:310px;font-size:20px;color:#666;padding:30px 0 0 0; line-height:1.7}
.annual1601 li .li3 table {display:inline-block;margin:30px auto 0 auto; text-align: left;}
.annual1601 li .li3 h3 {color:#333;font-size:20px;font-weight:500;}
.annual1601 .c2 {color:#bbb;font-size:20px;font-weight:500;margin:70px 0 0 0}
.annual1601 li:Hover .li2 {background:#e60012}
.annual1601 li:hover .li1 {border-color:#e60012}

.annual1596 { background: #ff0008;color:#fff; text-align: center;padding:60px 0;line-height: 1.6}
.annual1596 .t {font-weight:500;font-size:85px; }
.annual1596 .t2 {font-size:50px;font-weight:300}
.annual1596 .pic {margin:20px 0}
.annual1596 .c {font-size:28px; font-weight:300;}
.annual1596 .c p {font-weight:300;text-decoration: underline;text-decoration-style: solid;text-decoration-thickness:1px;}

.annual1595 ul {width:104%;margin:0 0 0 -2%}
.annual1595 li {float:left;width:20%; text-align: center; position: relative}
.annual1595 li .li1 {font-size:55px; font-weight:300;color:#000}
.annual1595 li .li2 {font-weight:300;font-size:26px;max-width:200px;margin:35px auto 0 auto; position: relative}
.annual1595 li .li2 strong {font-weight:500}
.annual1595 li .li2:before {content:''; position: absolute;right:-30px;top:8px;width:2px;height:66px; background: #aaa}
.annual1595 li:nth-child(1) .li2:after {content:''; position: absolute;left:-30px;top:8px;width:2px;height:66px; background: #aaa}

.annual1589 {margin:150px 0}
.annual1589 ul {width:102%;margin:-30px 0 0 -1%}
.annual1589 li {float:left;width:31.3333%;margin:20px 1% 0 1%; background: #000; text-align: center;color:#fff;font-size:38px; line-height: 48px;padding:5px 0 8px 0}
.annual1589 li:hover {background:#e60012}

.annual1585 { background: #000; color:#fff; text-align: center;padding:60px 0 70px 0}
.annual1585 .subject {font-weight:300;font-size:87px;margin:0 0 60px 0}
.annual1585 .subject b {font-weight:500}
.annual1585 ul {max-width:88%;margin:0 auto}
.annual1585 li {float:left;width:33.3333%;}
.annual1585 li .t p,.annual1585 li .t span {display:inline-block; vertical-align: top;font-family: 'ccssbc';font-size:80px; line-height: 80px; position: relative}
.annual1585 li .t span {font-size:36px; line-height: 36px;margin:35px 0 0 5px}
.annual1585 li .t p i {position:absolute;right:-30px;top:-35px;font-size:45px; font-style: normal;font-family:'Noto Sans SC','Arial','Microsoft YaHei','微软雅黑'}
.annual1585 li .c {font-size:42px;}

.annual1581 {text-align:center;padding:100px 0}
.annual1581 .t { position: relative;font-weight:700;font-size:42px;color:#000;margin:0 0 70px 0}
.annual1581 .t:before {content:''; position: absolute;left:50%;bottom:-35px;width:60px;margin-left:-30px; background: #666;height:3px}
.annual1581 .c {color:#aaa;font-size:20px; line-height:1.8}

.brand1627 {background-position: center; background-repeat: no-repeat; background-size:cover;padding:120px 0 85px 0; text-align: center;color:#fff}
.brand1627 .t {font-weight:500; display: inline-block; position: relative;font-size:79px; line-height: 55px;margin:0 0 80px 0}
.brand1627 .t:before {content:''; position: absolute;left:0;bottom:-50px; background: url("../images/brand1.png") no-repeat right;height:24px;width:100%}
.brand1627 .c {font-size:44px;font-weight:300}

.brand1626 {margin:100px 0;text-align: center}
.brand1626 li {width:206px;display:inline-block; vertical-align: top;}
.brand1626 li:nth-child(2),.brand1626 li:nth-child(4)  {margin:0 127px}
.brand1626 li:nth-child(4) {margin-right:0}
.brand1626 li .t {width:206px;height:206px; background: url("../images/brand6.png") no-repeat center; background-size:100%;margin:0 0 25px 0}
.brand1626 li .t p {font-weight:700;font-size:50px; line-height: 60px;padding:42px 0 0 0}
.brand1626 li .c {font-size:23px;font-weight:300}

.brand1622 {background:#000; text-align: center;color:#fff;padding:120px 0}
.brand1622 .in {position:relative;padding:0 0 100px 0}
.brand1622 .subject .t {font-weight:500;font-size:50px;}
.brand1622 .subject .c {font-weight:300;font-size:28px; line-height: 1.8}
.brand1622 ul {margin:90px 0 0 0}
.brand1622 li {width:25%;float:left;}
.brand1622 li .t {font-weight:500;font-size:45px; line-height: 40px;}
.brand1622 li .t2 {font-weight:100;border-bottom:1px solid #fff;display:inline-block;font-size:30px;margin:10px auto 50px auto}
.brand1622 li .c {font-weight:300;font-size:20px;max-width:180px;margin:0 auto; line-height: 1.7}
.brand1622 i {position:absolute;width:105px;height:105px;}
.brand1622 i.tl { background:url("../images/brand2.png") no-repeat center;left:0;top:0}
.brand1622 i.tr { background:url("../images/brand3.png") no-repeat center;right:0;top:0}
.brand1622 i.bl { background:url("../images/brand4.png") no-repeat center;left:0;bottom:0}
.brand1622 i.br { background:url("../images/brand5.png") no-repeat center;right:0;bottom:0}

.brand1617 {margin:100px 0}
.brand1617 .subject{font-weight:500;font-size:50px; text-align: center;color:#000;margin:0 0 70px 0}
.brand1617 ul {width:104%;margin:0 0 0 -2%}
.brand1617 li {float:left;width:16%;margin:0 2%}
.brand1617 li .t {font-size:25px;font-weight:500;margin:0 0 35px 0;color:#000}
.brand1617 li .c {font-size:20px; line-height: 1.8;color:#666}
.brand1617 .content {color:#aaa;font-size:20px;margin:60px 0 0 0; line-height: 1.8}

.brand1611 {text-align:center;color:#fff; background: #ff0008;padding:100px 0}
.brand1611 .c1 {font-size:180px; line-height:180px;display:inline-block;vertical-align: top;font-family: 'ccssbc';font-weight:bold; position: relative}
.brand1611 .c1:before {content:'';position: absolute;right:-152px;top:25px; background: url("../images/brand7.png");width:142px;height:49px; background-size:100%}
.brand1611 .c2 {font-size:120px; line-height:120px;display:inline-block;vertical-align: top;font-family: 'ccssbc';font-weight:normal;margin:53px 0 0 0}
.brand1611 .c3 {font-size:66px; line-height: 1.8;display:inline-block;vertical-align: top;font-weight:100;margin:70px 0 0 10px}
.brand1611 li {display:inline-block}
.brand1611 li .tt {font-weight:500;font-size:35px; line-height: 45px;margin:60px 0 10px 0}
.brand1611 li .cc {font-weight:300;font-size:25px;}
.brand1611 li:nth-of-type(2) {margin:0 11%}

.brand1604 ul {width:110%;margin:0 0 0 -5%}
.brand1604 li {width:23.3333%;margin:0 5%;float:left; text-align: center}
.brand1604 li .t {font-size:35px;font-weight:700}
.brand1604 li .t2 {font-size:35px;font-weight:300; position: relative;margin:0px 0 60px 0}
.brand1604 li .t2:before {content:''; position: absolute;left:50%;bottom:-25px;width:20px;margin-left:-10px;height:3px;background: #333}
.brand1604 li .c {font-size:23px; line-height: 1.6;color:#000}
.brand1604 .content {border-top:3px solid #aaa; text-align: center;margin:100px 0 0 0;padding:40px 0 0 0;font-weight:300;font-size:52px;}
.brand1604 .content strong {font-weight:500}

.brand1603 { background: #000;coloR:#fff;margin:120px 0 0 0}
.brand1603 .c1 {float:left;font-weight:300;font-size:23px; letter-spacing: 0.5px;padding:60px 0 0 0; line-height: 1.6; position: relative}
.brand1603 .c1:before {content:''; position: absolute;left:165px;top:77px;width:256px;height:2px; background: #fff;}
.brand1603 .tel {float:left;font-size:48px; line-height:58px;font-weight:300;padding:64px 0 0 30px}
.brand1603 .tel span {font-family: 'ccssbc';font-size:60px; line-height: 70px;display:inline-block; vertical-align: top;margin:-4px 0 0 0}
.brand1603 .wx {float:right;width:160px;text-align:center;font-weight:300; font-size:20px;letter-spacing: 6px; position: relative;top:-40px;}
.brand1603 .wx img {margin:0 0 5px 0}




.footadv {border-top:1px solid #ccc;padding:40px 0;}
.footadv li {float:left;width:285px;margin-right:74px;}
.footadv li.last {margin-right:0}
.footadv li .pic {float:left;width:50px;margin-right:20px;}
.footadv li .cons {float:left;width:215px;margin-top:-2px;}
.footadv li .cons .title {font-size:24px;color:#333;margin-bottom:5px}
.footadv li .cons .content {font-size:13px; line-height:22px;color:#666}
.foot {border-top:1px solid #ccc;padding:50px 0; text-align:center}
.foot .a1 {color:#333;font-size:32px;}
.foot .a2 {color:#666;font-size:16px;margin-top:5px}
.foot .line { background:#e60045;width:70px; height:2px;margin:20px auto}
.foot .a4 {font-size:16px;color:#666; line-height:30px;}
.footer .link { line-height:25px;}
.footer .link a {margin-right:10px}
.footer .link a:hover {color:#fff;}
.footer a {color:#898989}
.footer .mleft {float:left;width:650px;font-size:14px; line-height:25px}
.footer .mleft .a1 {}
.footer .mleft .line { height:1px;width:75px; background:#898989;margin:20px 0 5px 0}
.footer .mright {float:right;width:235px;}
.footer .mright dt {font-size:16px;padding:10px 0 20px 20px}
.footer .mright dd { display:inline-block;margin-left:20px; position:relative}
.footer .mright dd a { display:block;width:54px; height:54px;}
.footer .mright dd.qq a { background:url(../images/qqf.png) no-repeat center;}
.footer .mright dd.tel a { background:url(../images/telf.png) no-repeat center;}
.footer .mright dd.wx a { background:url(../images/wxf.png) no-repeat center;}
.footer .mright dd.wx a p { position:absolute; z-index:1;bottom:60px;left:-33px; opacity:0; display:none; background:url(../images/wx.jpg) no-repeat;width:133px; height:354px; text-align:left;}
.footer .mright dd.wx a:hover p { display:block;opacity:1;}
.footer .mright dd.wx a p img { vertical-align:middle}
.footer .mright dd.wx a p .a1 {width:119px; height:119px;padding:6px 0 0 8px;}
.footer .mright dd.wx a p .a2 {width:119px; height:119px;padding:68px 0 0 7px;}
.fixleft h1,.fixleft h2,.footbottom {transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.fixleft { cursor:pointer;width:49px; height:87px; position:fixed; z-index:99999;left:0;bottom:0px;}
.fixleft div {width:100%; height:100%; position:relative}
.fixleft h1{ background:url(../images/footleftqq.png) no-repeat center; position:absolute; z-index:2;width:100%;left:0; height:100%}
.fixleft h1.active { display:none;}
.fixleft h2{ background:url(../images/footleftqq.png) no-repeat center; position:absolute; z-index:1;width:100%; height:100%;left:0; display:none;}
.fixleft h2.active { display:block}
.footer {color:#898989; background:#3f3f3f;padding:28px 0 80px 0}
.footbottom { position:fixed; z-index:9999;bottom:0;left:0; background:rgba(42,39,39,0.9); height:60px;width:100%;} 
.footbottom.active {bottom:-60px}
.footbottom img {width:auto; vertical-align:middle;}
.footbottom .f1 {float:left;width:60%;height:60px;}
.footbottom .f3 {float:right;width:40%; text-align:right;height:60px}
.footbottom .table { display:table; height:100%;}
.footbottom .table .td { display:table-cell; vertical-align:middle}
.fixmob { display:none;}