@charset "utf-8";
/* CSS Document */
.warp {
	max-width: 1004px;
	margin: 0 auto
}
.inda1 {
	font-size: 32px;
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
	margin-top: 60px
}
.inda2 {
	font-size: 32px;
	text-align: center;
	margin: 30px 0 10px 0;
	font-weight:bold;
}
.inda3 {
	font-size: 22px;
	max-width: 655px;
	text-align: center;
	margin: 0 auto;
	line-height: 25px;
	color: #666
}
.inda3 img {
	max-width: 100%;
	height: auto
}
.inda4 {
	font-size: 30px;
	text-align: center;
	margin: 30px 0 10px 0;
	font-weight:bold
}
.inda5 {
	font-size: 27px;
	text-align: center;
	color: #e60012;
}
.inda6 {
	text-align: center;
	margin-top: 40px
}
.inda6 a {
	color: #e60012;
	font-size: 19px;
	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 {
	font-size: 30px;
	text-align: center
}
.inda8 {
	font-size: 28px;
	margin-top: 8px;
	text-align: center
}
.inda8 span {
	color: #D0121B
}
.inda9 {
	font-size: 28px;
	text-align: center;
	padding: 10px 0;
	margin-top: 50px
}
.inda9 span {
	color: #D0121B;
	padding-right: 25px
}
.inda10 {
	font-size: 30px;
	text-align: center;
	margin-top: 30px
}
.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: 25%
}
.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%
}
.tabPanel {
}
.tabPanel ul {
	border-bottom: 1px solid #949494;
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 15px;
	margin-top: 15px
}
.tabPanel ul li {
	display: inline-block;
	color: #666;
	height: 25px;
	line-height: 25px;
	margin: 0 30px;
	font-size: 18px
}
.tabPanel ul li:hover {
	color: #e60012
}
.tabPanel .hit {
	cursor: pointer;
	color: #e60012;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
}
.pane {
	display: none;
}
.panes {
}
.indcasemore {
	clear: both;
	text-align: center;
	padding: 40px 0
}
.indcasemore a {
	color: #e60012;
	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: #e60012;
	color: #fff;
}
.indcasesubject {
	padding: 80px 0;
}
.indcasesubject .inda7 {
	padding-bottom: 5px
}
.indcasecate { text-align:center;margin-bottom:-35px}
.indcasecate li { display:inline-block;margin:0 30px}
.indcasecate li a {font-size:18px;color:#666}
.indcasecate li.check a,.indcasecate li a:hover {color:#e60012}
.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: 600px;
}
.indcustomer .mleft .a1 {
	font-size: 28px;
}
.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: 24px;
	border-bottom: 1px solid #fff;
	width: 180px;
	margin: 150px 0 20px 0
}
.indcustomer .mleft .a3 p {
	font-size: 24px
}
.indcustomer .mleft .a3 p span {
	font-style: italic;
	font-size: 30px
}
.indcustomer .mright {
	position: absolute;
	top: 0px;
	right: 0;
	width: 100%;
	height: 482px;
	background: url() no-repeat 68% bottom fixed;
	background-size: 482px auto;
}
/*服务*/
.indservice {
	padding-bottom: 30px;
	margin-top: 30px
}
.indservice li {
	text-align: center;
	float: left;
	width: 209px;
	height: 280px;
	padding: 30px 20px 35px 20px;
	border: 1px solid #e60012;
	margin-left: -1px;
}
.indservice li i {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto
}
.indservice li i.icon1 {
	background: url(../images/s01.png) no-repeat center top;
}
.indservice li i.icon2 {
	background: url(../images/s02.png) no-repeat center top;
}
.indservice li i.icon3 {
	background: url(../images/s03.png) no-repeat center top;
}
.indservice li i.icon4 {
	background: url(../images/s04.png) no-repeat center top;
}
.indservice li .titile{color:#e60012;font-size:20px;margin: 30px 0 15px 0}
.indservice li .line {background: #666;height: 1px;width: 50px;margin: 0 auto}
.indservice li .cons {text-align: center;height: 110px;line-heighe: 22px;margin: 15px 0;overflow: hidden;color: #666}
.indservice li .more a {display:inline-block;color: #777;border: 1px solid #999;padding: 5px 25px}
.indservice li:hover { background:#e60012;color:#fff}
.indservice li:hover i {background-position: 0 -45px}
.indservice li:hover .titile {color:#fff;}
.indservice li:hover .line { background:#fff;}
.indservice li:hover .cons {color:#fff}
.indservice li:hover .more a {border-color:#fff;color:#fff}

.flink{color: #fff;
    font-size: 12px;
    padding: 25px 0 0;
	margin:0px auto;}
.flink a{ color:#fff;display: inline-block;margin: 0 6px;}
.flink span{ color:#ff8400; font-size:12px}
.flink a:hover{color:#999}

/* 服务流程*/
.indadv {
	padding: 50px 0 80px 0
}
.indadv dl {
	float: left;
	width: 23.5%;
	margin-right: 1.5%
}
.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: 18px;
	color: #333;
	padding: 20px 0 15px 0
}
.indadv dl:hover dt {
	background: #e60012;
	color: #fff
}
/*新闻*/
.indnews {
	position: relative;
	width: 100%;
	padding: 60px 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #fff;
	margin-top:40px
}
.indnews .mleft {
	float: left;
	width: 56%
}
.indnews .ensubject {
	font-size: 36px;
}
.indnews .subject {
	font-size: 24px;
	margin-bottom: 40px
}
.indnews .mright {
	float: right;
	width: 36%;
}
.indnews .mleft li {
	margin-bottom: 70px
}
.indnews .mleft li .addtime {
	float: left;
	width: 150px;
	height: 103px;
	border: 1px solid #49464d
}
.indnews .mleft li .cons {
	float: right;
	width: 62%
}
.indnews .mleft li .cons .titile {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	color: #fff;
	font-size: 18px
}
.indnews .mleft li .cons .titile a {
	color: #fff
}
.indnews .mleft li .cons .titile a:hover {
	color: #e60012
}
.indnews .mleft li .cons .content {
	color: #9fa0a0;
	font-size: 12px;
	height: 66px;
	line-height: 22px;
	overflow: hidden;
	padding-top: 15px;
}
.indnews .mleft .more {
	margin-top: -15p;
	color: #FFF
}
.indnews .more {
	display: inline-block;
	display: inline-block;
	background: #e60012;
	color: #fff;
	font-size: 16px;
	padding: 8px 45px 11px 45px
}
.indnews .mleft .more a {
	color: #FFF
}
.indnews .mright {
	float: right;
	width: 38%
}
.indnews .mright ul {
	border: 1px solid #F00;
	width: 95%;
	padding: 5px 6% 0 6%
}
.indnews .mright ul li {
	border-bottom: 1px solid #666;
	height: 48px;
	line-height: 48px;
	width: 100%
}
.indnews .mright ul li span {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	width: 90px;
	vertical-align: middle;
	font-size: 13px;
}
.indnews .mright ul li a {
	color: #fff;
	font-size: 13px;
	display: inline-block;
	height: 25px;
	width: 260px;
	vertical-align: middle;
	line-height: 25px;
	overflow: hidden
}
.indnews .mright .more {
	padding: 0px 100px 0 155px;
	margin: 30px 0
}
.indnews .mright .more a {
	display: block;
	padding: 8px 0 11px 0;
	text-align: cente;
	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: #e60012
}
.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: #e60012;
	color: #fff;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	width: 190px;
	text-align: center;
	display: block
}
.indmessage .mright .title {
	font-size: 24px;
	color: #e60012;
}
.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: #e60012;
	color: #fff;
	width: 190px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border: 0;
	font-family: arial, "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";
	margin-top: 15px;
	padding: 2px 0 40px 0
}
.indmessage .mright .submit {
	float: left;
}
/*foot*/
.foot {
	border-top: 1px solid #949494;
	padding: 50px 0;
	text-align: center
}
.foot .a1 {
	color: #333;
	font-size: 32px;
}
.foot .a2 {
	color: #666;
	font-size: 18px;
	margin-top: 5px
}
.foot .line {
	background: #e60012;
	width: 70px;
	height: 2px;
	margin: 20px auto
}
.foot .a4 {
	font-size: 18px;
	color: #666;
	line-height: 30px;
}
/*foot*/
.footer {
	width: 100%;
	background: #3f3f3f;

	/*margin-top: 80px*/
}
.btleft {
	width: 28%;
	float: left;
	margin-top: 42px;
	color: #b5b5b6
}
.btleft .bp1 {
	font-size: 18px;
	color: #fff;
	padding-bottom: 15px
}
.btleft .bp2 {
	font-size: 14px;
	line-height: 35px;
	padding: 0;
	border-bottom: none
}
.btleft .bp3 {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 15px
}
.btleft p {
	padding: 10px 0;
	border-bottom: 1px solid #646364;
	font-size: 13px
}
.btleft1 {
	width: 22%;
	margin-left: 20px;
	float: left;
	margin-top: 42px;
	color: #b5b5b6
}
.btleft1 p {
	padding: 10px 0;
	border-bottom: 1px solid #646364;
	font-size: 13px
}
.btleft1 .p1 {
	font-size: 18px;
	color: #fff;
	padding-bottom: 15px
}
.btleft1 p span {
	float: right
}
.btright {
	width: 24%;
	float: right;
	font-size: 18px;
	color: #fff;
	margin-top: 42px;
}
.btright dt {
	font-size: 16px;
	padding: 10px 0 20px 20px
}
.btright dd {
	display: inline-block;
	margin-left: 20px;
	position: relative;
}
.btright dd a {
	display: block;
	width: 54px;
	height: 54px
}
.btright dd.qq a {
	background: url(../images/qqf.png) no-repeat center;
}
.btright dd.tel a {
	background: url(../images/telf.png) no-repeat center;
}
.btright dd.wx a {
	background: url(../images/wxf.png) no-repeat center;
}
.btright 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;
}
.btright dd.wx a:hover p {
	display: block;
	opacity: 1;
}
.btright dd.wx a p img {
	vertical-align: middle
}
.btright dd.wx a p .a1 {
	width: 119px;
	height: 119px;
	padding: 6px 0 0 8px;
}
.btright dd.wx a p .a2 {
	width: 119px;
	height: 119px;
	padding: 68px 0 0 7px;
}
.insidt1 {
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 35px;
	padding: 30px 0
}
/*case*/
.topheight {
	height: 62px;
}
.bannerin {
	position: relative;
	background-attachment: fixed;
	padding: 7.5% 0 8% 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-align: center;
	color: #fff;
	width: 100%;
	overflow: hidden;
}
.bannerin .cons {
	
	font-size: 55px;
	font-family: arial, "Microsoft YaHei", Helvetica Neue, Tahoma, Arial;
	text-decoration: underline
}
.bannerin .cons2 {
	width:480px; 
	margin:0 auto;
	text-align:left;
	font-size: 35px;
	font-family: arial, "Microsoft YaHei", Helvetica Neue, Tahoma, Arial;
}
.bannerin .conss2 {
	font-size: 28px;
	width:480px; 
	margin:0 auto;
	color: #fff;
	padding-top: 10px;
	text-align:left
}
.bannerin .conss {
	font-size: 46px;
	color: #fff;
	padding-top: 10px
}
.bannerin .conss .picc{
	padding:0px 0 0 0px;
	margin-top:0px
}
.bannerin .title {
	font-size: 25px;
	margin-top: 0
}
.bannerin .title2 {
	width:480px; 
	margin:0 auto;
	font-size: 13px;
	text-align:left;
	margin-top: 0
}
.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:#e60012;color:#fff;border-color:#e60012}
.mainNav .child.on{background:#e60012;border:1px solid #e60012;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:#e60012;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 a{ border:1px solid #e60012; color:#e60012; margin:80px auto; height:50px; line-height:50px;font-size:18px;width:250px;display:block; text-align:center }
.casemore a:hover{background:#e60012; color:#fff;}
.casetitle {font-size:18px;color:#333;margin-bottom:20px}
.caseinaaline {margin-top:0px}
.caserela {margin-bottom:70px}
.newsaddtime .hy {margin-left:50px}
.footadv {border-top:1px solid #dcdcdc;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 #949494;padding:50px 0; text-align:center; margin-top:25px}
.foot .a1 {color:#333;font-size:32px;}
.foot .a2 {color:#666;font-size:18px;margin-top:5px}
.foot .line { background:#e60012;width:70px; height:2px;margin:20px auto}
.foot .a4 {font-size:18px;color:#666; line-height:30px;}

.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 img { vertical-align:middle; max-width:100%; height:auto; margin-top:10px}
.newscons {font-size:14px; line-height:24px;}
.newscons p{font-size:14px; line-height:24px;}

.profile_title{ max-width:795px; font-size:30px; margin:0 auto; text-align:center; padding:30px 0 5px 0}
.profile_cons{text-align:center; line-height:28px; color:#666 }
.profile_title2{ max-width:795px; font-size:20px; margin:0 auto; text-align:center; padding:30px 0}
.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:50px; font-weight:bold; vertical-align:middle; color:#e62129}
.profile_num li font.jia{ font-size:45px; vertical-align:middle; font-weight:bold;color:#e62129}
.profile_num li .cons{ font-size:18px;}
.line3{ height:3px; background:#e62129; width:60px; margin:10px auto}
.brandconcept_pic{ position:relative; background-attachment:fixed; padding:10% 0; background-repeat:no-repeat; background-position:center; background-size:cover; text-align:center; color:#fff; font-size:30px; width:100%; overflow:hidden}
.p30{ padding-top:30px; padding-bottom:30px}

/*news*/
.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}

.cooperation_content {padding:70px 0 80px 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 .title2{font-size:20px;margin:5px 0px  20px 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 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 #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}


.brandconcept_pic{ position:relative; padding:5% 0; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; text-align:center; width:100%; overflow:hidden}
.brandconcept_pic .title {font-size:55px;}
.brandconcept_pic .cons {font-size:50px; line-height:60px}
.mar-30 {margin-top:-30px}
.adv_pic {margin:80px 0 20px 0}
.adv_pic ul {margin-top:80px}
.adv_pic li {float:left;width:270px;margin-right:95px; text-align:center;margin-bottom:95px; margin-top:95px;  }
.adv_pic li.last {margin-right:0}
.adv_pic li .title {font-size:30px;color:#e60012}
.adv_pic li .line { height:2px; background:#e60012;width:70px;margin:10px auto 20px auto;}
.adv_pic li .cons {color:#fff;font-size:15px; line-height:25px; padding-top:30px}
.adv_pic li .title2 {color:#fff;font-size:15px; line-height:25px; padding-top:30px}
.adv_pic .inda3 {color:#fff}

.adv_cus .subject {font-size:32px; text-align:center}
.adv_cus .subject span {color:#e60012;font-size:70px; font-weight:bold; vertical-align:baseline; display:inline-block}
.adv_cus .subject font {color:#e60012;font-size:50px; display:inline-block; vertical-align:baseline;font-weight:bold;margin-right:5px}
.adv_cus ul {margin:50px  auto}
.adv_cus ul li {float:left;border:1px solid #dcdddd;width:220px; height:110px;padding-top:10px;text-align:center;margin:0 10px 10px 10px}
.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:200px;  height:90px;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:#e60012;border:1px solid #e60012;font-size:18px; text-align:center; height:40px; line-height:40px;width:200px;margin:0 auto; display:block}
.adv_cus .more a:hover { background:#e60012;color:#fff}

.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:1px solid #e60012;font-size:22px;}
.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:32px;border-bottom:1px solid #e60012;}
.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 .infofo{font-size:20px;color:#5f5d5d;line-height:30px;margin-top:20px}
.list2 .left .infofo span{ color:#e62129; font-size:42px; font-style:italic; font-weight:bold}
.list2 .left .info{font-size:16px;color:#333;line-height:30px;margin-top:20px}
.list2 .left .tel400 {color:#333;font-size:16px;margin-top5px;}
.list2 .left .tel400 div.font { display:inline-block;font-size:30px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#e62129;}
.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; margin-bottom:20px}
.contacts li{ float:left; width:235px; height:235px; border:1px solid #dcdddd; margin-right:18px; text-align:center; margin-bottom:20px}
.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:20px}
.contacts li .line { background:#e60012; height:2px;width:70px;margin:15px  auto 12px auto}
.contacts li .title {font-size:20px;color:#333}