body{
	font-size:14px;
	font-family: -apple-system-font,"Helvetica Neue",Tahoma,"PingFang SC","Microsoft Yahei",sans-serif;
	-webkit-font-smoothing:antialiased;
}
*{
	padding:0px;
	margin:0px;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    -ms-interpolation-mode: bicubic;
    border: none;
    height: auto;
    width: auto\9;
    max-width: 100%;
}
input{
	outline:none;
}
.clear { 
	clear:both; 	
}
.tc{
	text-align:center;
}
.wrap{
	width:100%;
}
.fl{ 
	float:left;
}
.fr{ 
	float:right;
}
.tr{
	text-align:right;
}
.tl{
	text-align:left;
}
/*********** Header **************/
.banner,.pt,#brands-service,.addimage{
	display: inline-block;
	width:100%;
	margin:0px auto;
	text-align:center;
}
#wrap{
	width:100%;
	display:inline-block;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 3px 3px rgba(150, 150, 150, 0.15);
	position: fixed; 
	top: 0px;
	z-index: 9999;
}
#header{
	max-width:1300px;
	margin:0px auto;
}
.logo{
	width:20%;
	height:70px;
	float:left;
	padding:15px 0px;
}
.menu{
	float:right;
	position:relative;
	width: 80%;	
}
#header .nav{
	position:absolute;
	top:0px;
	left:30px;
	width: 100%;
    margin-top: 50px;
}
.language{
	margin-top: 20px;
    width: 100%;
    text-align: right;
}
.language a{
	font-size: 12px;
	color: #666666;
}
.language .en{
    background:url('../images/shu.jpg') no-repeat right center;
	padding-right:10px;
}
.language .china{
    color: #666666;
    line-height: 30px;
    padding: 5px 5px 0 0;
    margin-left: 5px;
    font-size: 12px;
}
.menu ul li{
	float:left;
	position:relative;
	line-height:48px;
}
.menu ul li a{
	color:#282828;
	font-size:18px;
}
.menu ul li ul.second-nav li{
	width:95px;
	padding: 5px;
	line-height:20px;
}
.menu ul li ul.second-nav li a{
	font-weight:normal;
	font-size:14px;
}
/************** Header Over ***************/
.flexslider{
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;zoom:1;
}
.flex-viewport{
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}
.flexslider .slides{
	zoom:1;
}
.flexslider .slides li { 
	text-align:center;
}
.flex-direction-nav a.flex-prev{
	width:51px;
	height:51px;
	line-height:99em;
	overflow:hidden;
	margin:-30px 0 0;
	display:block;
	background:url(../images/ad_ctr.png) no-repeat;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .3s ease;
	left: 5%;
}
.flex-direction-nav a.flex-next{
	width:51px;
	height:51px;
	line-height:99em;
	overflow:hidden;
	margin:-30px 0 0;
	display:block;
	background:url(../images/ad_ctl.png) no-repeat;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);-webkit-transition:all .3s ease;
	left:92.5%;
}
.flexslider:hover .flex-next{
	opacity:0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-prev{
	opacity:0.8;
	filter:alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{
	opacity:1;
	filter:alpha(opacity=50);
}
.flex-control-nav{
	width:100%;
	position:absolute;
	bottom: 4.5em;
	text-align:center;
	z-index:999; 
	padding-top:10px;
}
.flex-control-nav li{
	margin:0 1px;
	display:inline-block;
	zoom:1;*display:inline;
}
.flex-control-paging li a{
	display:block;
	height:10px;
	overflow:hidden;
	text-indent:-99em;
	width:10px; 
	background:#fff;
	margin:0px 15px; 
	cursor:pointer;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
}
.flex-control-paging li a.flex-active{ 
	background:#ca1d25;
}

/********** Footer *************/
#footer{
	background:url("../images/footerbg.jpg") no-repeat;
	width:100%;
	clear:both;
	background-size: 100%100%;
    display: inline-block;
	padding-bottom:60px;
}
#foot{
	max-width:1200px;
	margin:0 auto;
	padding-top: 35px;
}
#contact .cont-us{
	text-align:center;
}
#contact .fguarantee{
	text-align:center;
	color:#808080;
	font-size:16px;
	padding-top:30px;
}
.company{
	margin-top:85px;
}
.company ul li{
	display: inline-block;
    width: 32%;
    margin: 0px 5px;
    text-align: left;
}
#footer .company ul{
	text-align:center;
}



.company .contact-us{
	float:left;
	margin-top:35px;
}
.map{
	float:right;
	margin-top:-50px;
}
.map ul li p{
	color: #808080;
    text-align: center;
}
.company .contact-us h2{
	color:#ffffff;
	font-size:24px;
	padding-bottom: 15px;
}
.company .contact-us p{
	color:#808080;
	font-size:14px;
	line-height:30px;
}
#bottom{
	background:#000;
	display:inline-block;
	width:100%;
	padding-bottom: 55px;
}
.bottom-border{
	width:100%;
	border-bottom: 1px solid #333;
}
#bootom-menu{
	max-width:1200px;
    margin: 0px auto; 
    height: 160px;
    line-height: 160px;
}
#bootom-menu .bootom-logo{
	float:left;
	width: 20%;
	padding-top: 50px;
}
#bootom-menu .nav{
	width: 77%;
	float:left;
}
#bootom-menu .nav ul li a{
	float:left;
	padding:0px 10px;
	color:#ffffff;
	font-size:16px;
}

#bott{
	max-width:1200px;
	margin:0px auto;
	padding-top:55px;
}
#bott p{
	width: 26%;
	color:#808080;
	line-height:30px;
	float:left;	
}
#bott .con{
	float:left;
	margin-left: 70px;
}
#bott .con li {
	float:left;
	margin:0 45px;
}
#bott .con li span{
	display: block;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}
#bott .tel{
	width: 20%;
    float: right;
    color: #ffffff;
    text-align: left;
	background:url("../images/icon-phone.png") no-repeat left center;
	padding-left:50px;
	margin-top:30px;
}
#bott .tel span{
	display:block;
}
#bott .tel span.phone{
	color:#808080;
	font-size:16px;
}
#bott .tel span.number{
	font-size:28px;
}
#bott .tel span.china{	
	color:#808080;
	font-size:16px;
	vertical-align:middle;
}
#bott .tel span.china span{
	position: relative;
    top: -8px;
    display: inline-block;	
}
/*************** Success Case List ******************/
#design{
	width:100%;
	margin:55px auto;;	
}
#design .design-desc{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
#design .design-desction{
	width:66%;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:0 auto;
	margin-top:40px;
	line-height: 30px;
	color:#4c4c4c;
}
.page_links a{
	color:#333;
	padding:0px 5px;
}
.page_links a.current{
	color:#f80d4a;	
}
#classify{
	max-width:1200px;
	margin:0px auto;
	margin-top: 45px;
	margin-bottom: 50px;
	overflow: hidden;
}
#classify ul.design-sort{
	text-align: center;
    margin: 0 auto;
}
#classify ul li{
	margin-right:25px;
    float: left;
    position: relative;
    line-height: 70px;
}
#classify ul li a{
	font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4c4c4c;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    padding: 10px 20px;
}
#classify ul li.current a{
	color:#ffffff;
	border:none;
	background:#f80d4a;
}


#design .design-list{
	max-width:1200px;
	margin:0px auto;
	clear:both;
}
.design-list ul li{
	float:left;
	margin: 0px 0px 10px 0.8%;
	width:32.5%;
}
#design .shopname{
	margin-top: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
	height: 43px;
}
#design .shopname a span{
    font-size: 15px;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	color:#333333;
}
#design .shopname p{
	margin-top: 5px;
    color: #666666;
    font-size: 14px;
	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
#design .projectitem{ 
	width:100%; 
	height:auto; 
	float:left; 
	position:relative; 
}
#design .projectitem a{ 
	display:block; 
	overflow:hidden
}
#design .projectitem a img{
	transition:all ease-out .3s;
}
#design .projectitem a:hover img{ 
	transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2); 
	-webkit-transform:scale(1.2,1.2); 
	-o-transform:scale(1.2,1.2); 
	transition:all ease-out .3s;
}
#design .projectitem .project_info{ 
	width:100%; 
	height:100%; 
	background:rgba(0,0,0,0); 
	position:absolute; 
	left:0; 
	top:0; 
	transition:all ease-out .3s;
}
#design .projectitem a:hover .project_info{
	background:#f80d4a;
	filter:alpha(Opacity=90);
	-moz-opacity:0.9;opacity: 0.9;
	transition: all ease-out .3s;
}
#design .projectitem .project_info p{ 
	text-align:center; 
	color:#fff; 
	padding:0 20px
}
#design .projectitem .project_info div{ 
	position:relative;
	top:36%; 
	margin-top:-15px
}
#design .projectitem .project_info p.title,#design .projectitem .project_info .detail{
	margin-top:10px; color:rgba(0,0,0,0); 
	font-size:12px; 
	transition:all ease-out .3s;
	font-size:20px; 
	display:none;
    font-size: 12px;
}
#design .projectitem a:hover .project_info p.title,#design .projectitem a:hover .project_info .detail{
	margin-top:0px; 
	color:#fff;
	display:block;
}
#design .project_info .detail span{
	display:block;
}
#design .project_info .detail{
	color:#fff;
}
#design .projectitem a:hover .project_info .detail{
	width:100px;
	padding-top:25px;
	text-align:center;
	position:relative;
	top:35%; 
	left:145px;
	font-size:14px;
}
/************ Operation ************/
#successcase_desctions{
	width:100%;
	background:#fff;
	margin-top:80px;
}
.success_content{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.success_content h2{
	font-size:30px;
	font-weight:normal;
	color:#4d4d4d;
}
.success_title span img{
	padding-top:5px;
}
.success_data{
	font-size:18px;
	color:#f80d4a;
	margin-top:30px;
}
.success_data span img{
	padding-top: 5px
}
.case_images{
	max-width:1200px;
	margin:0 auto;
	position:relative;
	margin-top:40px;
}
.case_images .bg{
	position:absolute;
	top:25.7%;
	right:0px;
}
.casebackground{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	margin-top:100px;
}
.casebackground div{
	line-height: 35px;
    font-size: 16px;
    margin-top: 40px;
	color: #404040;
}
#takebefore{
	width:100%;
	margin-top:100px;
	position:relative;
}
#takebefore .beforebg{
	background: #e21a45;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 40%;
}
.beforetitle,.before_images{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
	position: relative;
}
#takebefore p,#takeover p{
	text-align:center;
	color:#c3c3c3;
	margin:30px auto;
	width:83%;
	line-height:25px;
}
#takeover{
	max-width:1200px;
	padding-top:90px;
	text-align:center;
	margin: 0px auto;
}
#takeover .beforetitle span{
	display:block;
	color:#666666;
	margin-top:5px;
}
#question{
	width:100%;
	background:#fafafa;
	display:inline-block;
	margin-top:120px;
}
.question_content{
	max-width:1200px;
	margin:0px auto;
	padding-top:60px;
}
.question_content p{
	text-align:center;
	padding-bottom:60px;
}
#question .leftquestion{
	width:50%;
	float:left;
}
#question .rightquestion{
	width:48%;
	float:left;
	margin-left:2%;
}
#question .rightquestion  p{
	float:right;
	width:100%;
}
#question .rightquestion  p img{
	padding:10px  0px 0px 55px;
}
.rightquestion ul li{
	color:#fff;
	background:#f80d4a;
	border-radius:30px;
	padding:7px 20px;
	margin-bottom: 35px;
	display: table;
}
.rightquestion ul li span.querstonsort{
	font-size:20px;
	color:#fff;
	padding: 0px 10px 0px 10px;
}
.rightquestion ul li span.que{
	position:relative;
	top: -2px;
}
.rightquestion ul{
	padding-top: 15px;
    clear: both;
}
#question .strategy{
	clear:both;
	padding-top:105px;
	text-align:center;
}
.strategy ul.point{
	padding:60px 0px 20px 0px;
	display: inline-block;
}
.strategy ul li.point_list{
	background: url(../images/round.png) no-repeat 48% 0px;
    width: 190px;
    padding-bottom: 55px;
    padding-top: 30px;
}
.strategy ul li{
	float:left;
}	
.strategy ul.point li img{
	padding-top:45px;
}
.strategy ul.point li span{
	font-family:Arial;
	font-weight:bold;
	color:#f80d4a;
	font-size:43px;
}
.strategy ul.point li span.point_desction{
	font-size:14px;
	font-weight:normal;
	display:block;
	color:#7a7a7a;
	margin-top:60px;

}
#classicontent{
	margin: 60px 0px;
    overflow: hidden;
}
#classicontent .classic{
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
.theme{
	padding-top:50px;
}
.lefttheme{
	width:36%;
	float:left;
	position:relative;
}
.absoimg img{
	position: absolute;
    top: 10%;
    right: -60%;
}
.absoimg span{
    font-size: 20px;
    position: absolute;
    right: 0px;
    color: #ffffff;
    left: 50%;
    width: 100%;
    font-size: 16px;
}
.righttheme {
	float:right;
	width:64%
}
.righttheme .year{
	clear:both;
	padding-top:30px;
}
.righttheme .year .imagesa {
	width:20%;
}
.righttheme .year ul {
	text-align:left;
	width:80%;
}
.righttheme .year ul li{
	color:#515151;
	padding-bottom:15px;
	line-height:30px;
	background:url("../images/quire.png") no-repeat 0 30%;
	padding-left:15px;	
}
.status{
	padding-top:70px;
	clear:both;
}
.status .store{
	width:48%;
}
.status .store img{
	float:left;
	width:65px;
}
.status .store div{
	float:left;
	margin:20px 0px 0px 50px;
	width:400px;
}
.status .store p.storechina{
	text-align:left;
	font-size:16px;
	color:#f80d4a;
	line-height:25px;
	border-bottom:2px solid #fee6ed;
	padding-bottom:25px;
}
.status .store p.storeenglish{
	padding-top:25px;
	color:#fed1dd;
	font-size:12px;
	font-family:Arial;
	text-align:left;
	text-transform : uppercase;
	line-height:18px;
}
.locatit{
	max-width:1200px;
	margin:0 auto;
	margin-top:25px;
	border-bottom: 2px solid #eaeaea;
    padding-bottom: 20px;
}
.locatit div{
	font-size:16px;
	color:#282828;
}
.locatit div a{
	font-size:16px;
	color:#282828;
}
.locatit div img{
	padding:0px 5px;
}
.locatit div span{
	color:#f80d4a;
}
#contact,#culture{
	max-width:1200px;
	margin:65px auto;
	font-size:16px;
}
.contact_menu{
	text-align: center;
    display: inline-block;
    width: 1200px;
}
.contact_menu li{
	display: inline-block;
}
.contact_menu li img{
	margin-top:-5px;
}
.contact_menu li.first{
	background:none;
}
.contact_menu li a{	
	font-size:18px;
	color:#282828;	
	padding:20px 34px;
}	
.contact_menu li a:hover{
	background:url("../images/tag.png") no-repeat;
	background-position:center 50px;
	color:#f80d4a;
}	
.contact_menu li.selected a{
	background:url("../images/tag.png") no-repeat;
	background-position:center 50px;
	color:#f80d4a;
}
#contact .map{
	margin-top:50px;
}
#contact .contact_content{
	clear:both;	
}
#contact .contact_content h2{
	font-size:32px;
	color:#282828;
	font-weight:normal;
	padding:20px 0px;
}
.situation-title h2{
	font-size:32px;
	color:#282828;
	font-weight:normal;
	padding:40px 0px;
}
.page{
	max-width:1200px;
	overflow:hidden;
}
.page img{
	padding:50px 0px;
}
.page .coreteam img{
	padding:20px 23px;
}
.contact_content li{
	width:50%;
	float:left;
	font-size:16px;
	color:#282828;
	padding-bottom:5px;
}
.contact-op{
	margin-top: 30px;
    display: inline-block;
}
.contact-op div{
	margin:30px 0px;
}
.contact-op div h5{
	font-size:16px;
	margin-bottom:10px;
}
.contact-op div span{
	color:#f80d4a;
}
.contact_content li img{
	position:relative;
	top:10px;
}
.contact_content .lxform li{
	width:100%;
	padding: 10px 0px;
}
.lxform{
	padding-top:40px;
	clear:both;
}
.lxform form ul li input,.lxform form ul li textarea{
	width:94.6%;
	padding:20px 30px;
	border:2px solid #e5e5e5;
	outline:none;
	color:#999999;
}
.lxform form ul li input.asbtn{
	width:255px;
	background:#f80d4a;
	color:#fff;
	border:none;
	border-radius:8px;
	display:block;
	margin:0 auto;
	font-size:16px;
}
.cult h2{
	padding:100px 0px 50px 0px;
	font-size:32px;
	color:#282828;
	font-weight:normal;
}
.cult p{
	padding-bottom:30px;	
	line-height: 30px;
    font-size: 16px;
    color: #333333;	
}
.cult p{
	padding-left:20px;
}
.culture_content div.con{
	line-height:30px;
	font-size:16px;
	color:#333333;
}
.situation{
	margin-top:65px;
}
.situation h3{
	color:#f80d4a;
	font-weight:normal;
	font-size:18px;
	padding-bottom: 5px;
}
.situation p{
	line-height:30px;
	font-size:16px;
	color:#333333;
	padding-bottom:30px;
}
.college{
	margin-top:20px;
}
.situation_content .situation-title h2{
	padding: 100px 0px 15px 0px;
}
.culture_content .con h2{
	font-size: 18px;
    font-weight: normal;
	color: #f80d4a;
}
.situation-title p{
	color:#bdbdbd;
}
.course{
	border-bottom:2px solid #f5f5f5;
	overflow:hidden;
	padding: 50px 0px 20px 0px;
}
.course_data{
	font-family:Arial;
	font-size:66px;
	color:#f80d4a;
}
.course_data span{
	font-size: 36px;
    position: relative;
    top: -10px;
}
.pd{
	margin-top:100px;
}
.course_achievement{
	width: 84%;
    margin-left: 3.5%;
	position:relative;
}
.course_achievement ul li{
	padding:30px 0px;
	color:#404040;
	font-size:16px;
}
ul li span.course_year{
	color:#ffffff;
	font-size:16px;
	background:#f80d4a;
	padding:5px 0px;
	width:155px;
	display: inline-block;
    text-align: center;
    border-radius: 8px;
	margin-right:40px;
	float:left;
}
.course_content{
	line-height:30px;
	display: -webkit-box;
}
.course_images{
	position: absolute;
    right: 0px;
	top:30px;
}
.achievement_four .course_images{
	position: absolute;
    right: 0px;
    top: -70px;
}
.course_two{
	padding-top:20px;
}
.course_achievement_two{
	width: 55%;
    padding-left: 30px;
}
.course_content_two{
	line-height:35px;
}
.course_achievement_three{
	margin-top:20px;
}
.course_achievement_two ul li,.course_achievement_three ul li{
	padding-bottom:45px;
}
.course .achievement_four{
	 margin-left:0px;
	 width:100%;
}


/*********************** News List *****************/
#business-school{
	max-width:1200px;
	margin:0px auto 60px auto;
	text-align:center;
	overflow: hidden;
}
.news-list{
	margin-top:60px;
	display: table;
}
.news-list ul li{
	width:275px;
	float:left;
	color:#666666;
	padding: 35px 30px;
	margin: 0px 32px;
}
.news-list ul li span a{
	color:#bfbfbf;
}
.news-list ul li:hover{
	background:#f80d4a;
	color:#fff;
}
.news-list ul li:hover span{
	border: 2px solid #fff;

}
.news-list ul li:hover span a{
	color:#fff;

}
.news-list ul li.cur{
	background:#f80d4a;
	color:#fff;
}
.news-list ul li.cur span{
	 border: 2px solid #fff;
}
.news-list ul li.cur span a{
	color:#ffffff;
}
.news-list ul li h3{
	font-size:18px;
	font-weight:normal;
	padding:30px 0px;
}
.news-list ul li p{
	line-height:25px;
	padding-bottom:25px;
}
.news-list ul li span{
    font-size: 16px;
    padding: 6px 50px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 15px;
}
.every-news-list{
	clear:both;
}
.public_class{
	width:50%;
}
.every-news-list{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	padding-top:80px;
}
.every-news-list img{
	padding-bottom:55px;
}
.library-desction{
	color:#666666;
	padding:0px 75px;
	line-height:25px;
}
.public_images img{
	padding-top:20px;
}
.library-list{
	padding-top:35px;
}
.library-list ul{
	margin-right: -140px;
}
.library-list ul li{
    width: 510px;
    padding: 10px 0px 10px 20px;
    margin: 15px 0px;
    float: left;
    margin-right: 140px;
}
.library-list ul li:hover{
	background:#f80d4a;
	color:#ffffff;
}
.library-list ul li:hover span.title{	
	color:#ffffff;
}
.library-list ul li:hover p{
	color:#fa788f;
}
.library-list ul li span.title{
	font-size:18px;
	color:#e61f49;
}
.library-list ul p{
	width: 100%;
    color: #666666;
    clear: both;
    text-align: left;
	padding-top: 5px;
}
.library-data{
	padding-right: 7%;
}
/***************/
.title-images img{
	margin-top:85px;
}
.circle-desction{
	color: #666666;
    padding: 0px 75px;
    line-height: 25px;
	padding-top:40px;
}
.circle-list ul li{
	padding:30px 0px;
	border-bottom:2px solid #f4f4f4;
}
.circle-list .title{
	font-size:18px;
	color:#f80d4a;
}
.circle-list span.data img{
	position: relative;
    top: 4px;
    padding-right: 5px;
}
.circle-list p{
	width: 100%;
    color: #999999;
    clear: both;
    text-align: left;
}
.new-show-images{
	margin-top:20px;
}
.circle-list .more{
	padding-top: 20px;
    display: block;
    text-align: right;
	clear: both;	
}
/****************** Kudos ************************/
.circle-menu {
    clear: both;
    padding-top: 40px;
    text-align: center;
}
.circle-list{
	margin-top:35px;
}
.circle-menu ul{
	display: inline-block;
}
.circle-menu ul li{
	float:left;	
}
.circle-menu ul li a{
	padding:30px 70px;
	font-size:20px;
	color:#282828;	
}
.circle-menu ul li img{
	margin-top:-5px;	
}
.library-short{
	line-height:25px;
	text-align:left;
	color:#6c6c6c;
	margin-top:25px;
}
.circle-menu li.selected a {
	background: url(../images/tag.png) no-repeat;
    background-position: 46px 60px;
    color: #f80d4a;
}
.circle-menu li a:hover {
	background: url(../images/tag.png) no-repeat;
    background-position: 46px 60px;
    color: #f80d4a;
}
/****************** See You Friday *********************/
.fridays-menu {
    clear: both;
    padding-top: 40px;
    text-align: center;
}
.circle-list,.news-media{
	margin-top:35px;
}
.fridays-menu ul{
	display: inline-block;
}
.fridays-menu ul li{
	float:left;	
}
.fridays-menu ul li a{
	padding:30px 55px;
	font-size:18px;
	color:#282828;	
}
.fridays-menu ul li img{
	margin-top:-5px;	
}
.library-short{
	line-height:25px;
	text-align:left;
	color:#6c6c6c;
	margin-top:25px;
}
.fridays-menu li.selected a {
	background: url(../images/tag.png) no-repeat;
    background-position: center 60px;
    color: #f80d4a;
}
.fridays-menu li a:hover {
	background: url(../images/tag.png) no-repeat;
    background-position: center 60px;
    color: #f80d4a;
}
/******************** School Of Business ******************/
.circle-list .fridays-short ul li{
	float:left;
	margin-right:55px;
	color:#6c6c6c;
	border: none;
}
.circle-list .fridays-short ul li span{
	background: url(../images/rounds.png) no-repeat;
    width: 20px;
    height: 20px;
    color: #fff;
	margin-right: 5px;
	line-height: 21px;
	display: inline-block;
}
#fridays-view{
	max-width:1200px;
	margin:0px auto;
	clear:both;
	text-align:center;
	border-bottom:2px solid #f4f4f4;
	padding-bottom:80px;
	padding-top: 70px;
}
#fridays-view .new-title h1{
	font-weight:normal;
	font-size:26px;
	color:#f80d4a;	
}
#fridays-view .new-title p{
	color:#999999;
}
#fridays-view .public_data{
	margin-top:35px;
}

#fridays-view .public_data img{
	position: relative;
    top: 4px;
    padding-right: 5px;
}
#fridays-view .new-desction{
	margin-top:30px;
}
.new-desction .desction{
	font-size:14px;
	line-height:30px;
	text-align:left;
	color:#666;
}
.new-desction .desction img{
	margin: 0 auto;
}
.cate{
	font-size:16px;
}
.cate span.categories{
	font-size: 14px;
    border: 1px solid #ebebeb;
    background: #ebebeb;
    padding: 2px 5px;
    margin-left: 10px;
}
#commentaries{
	max-width:1200px;
	margin:0px auto;
	margin-top: 30px;
}
.revert{
	margin-bottom:20px;
	display:inline-block;
}
.people-img{
	width:100px;
}
.revert-content {
	width:1100px;
}
.revert-name,.reole span{
	font-size:14px;
	font-weight: bold;
	padding-bottom: 10px;	
}
.revert-desction img{
	margin-left:25px;
}
.reole{
	background: #f4f4f4;
    width: 1060px;
    padding: 20px;
    border-radius: 8px
}
.reole div{
	margin-top:10px;
}
#from{
	clear:both;
	width:100%;
}
#from ul li label{
	display:block;
	font-size:16px;
	padding-bottom: 5px;
}
#from ul li label font{
	color:#f80d4a;
	position: relative;
    top: 3px;
}
#from form ul li input, #from form ul li textarea {
    width: 94.6%;
    font-size: 14px;
    color: #464646;
    padding: 20px 30px;
    border: 2px solid #e5e5e5;
    outline: none;
	font-family: "Microsoft YaHei" ! important;
}
#from form ul li{
	margin:15px 0px;
}
#from form ul li input.asbtn {
    width: 255px;
    background: #f80d4a;
    color: #fff;
    border: none;
	font-size:18px;
    display: block;
}
#design-view{
	width:100%;
	display:inline-block;
}
.design_view-bg{
	width: 100%;
    background: #f80d4a;
    height: 340px;
    position: absolute;
    top: 31.6%;
}
#design-content{
	max-width:1200px;
	margin:0px auto;
	margin-top:30px;
}
.design-image{
	width:750px;
}
.design-good{
	margin-left:35px;
	width: 415px; 
	height: 600px; 
	background-color: rgb(255, 255, 255); 
	position: absolute; 
	top: 0px; 
	left: 62.5%;
}
.design-good img{
	margin:10px 0px 40px 0px;
}
.design-title{
	border-bottom:2px solid #f3f3f3;
	padding-bottom:25px;
}
.design-title h2{
	font-size:20px;
	font-weight:normal;
	color:#f80d4a
}
.design-title span{
	font-size:12px;
	font-weight:normal;
	font-family: Arial;
	color:#999999;
}
.desc-short{
	padding:15px 0px;
	font-size:16px;	
}
.desc-short p{
	line-height:30px;
}
.case-information{
	padding-top:15px;
	font-size:16px;
	border-bottom: 2px solid #f3f3f3;
    padding-bottom: 15px;
}
.case-information ul li{
	padding:10px 0px;
}
.case-information ul li label{
	width: 80px;
    display: inline-block;
}
.error{
	padding-top:20px;
	clear:both;
}
.success{
	text-align: center;
    font-size: 18px;
    padding-top: 50px;
    clear: both;
    color: #f80d4a;
}
.error_msg{
	color:#f80d4a;
	line-height:35px;
}
.social a,.contact-us a,.contact_content a{
	position:relative; 
	font-size:12px; 
	text-align:center;
}
.weixin_nr{
	width:100px; 
	height:100px; 
	padding:10px; 
	background:#fff; 
	text-align:center; 
	position:absolute; 
	left:-45px; 
	top:45px; 
	display:none;
}
.weixin_nr img{ 
	margin-bottom:5px;
}
.weixin_nr .arrow{ 
	width:0; 
	height:0; 
	border-bottom:10px solid #fff;
	border-left:10px solid transparent;
	border-right:10px solid transparent; 
	position:absolute; 
	left:50px; 
	top:-10px;
}
.on .weixin_nr{ 
	display:block;
}
.contact_content .weixin_nr{
	width: 100px;
    height: 100px;
    padding: 10px;
    background: #fff;
    text-align: center;
    position: absolute;
    left: 45px;
    top: -50px;
    display: none;
}
.contact_content .on .weixin_nr{ 
	display:block;
}
#outsourcing{
	max-width:1200px;
	margin:0px auto;
	background: #f5f5f5;;
}
.outsourcing_content{
	max-width:990px;
	margin:0px auto;
	padding:20px 0px;
}
.bottom-footer{
	max-width: 1200px;
    margin: 0px auto;
    clear: both;
    color: #fff;
    padding-top: 40px;
}
.bottom-footer a{
	color: #fff;
}
.bx-viewport{
	position: relative; 
	height: 329px; 
	max-width: 1084px;
	overflow:hidden;
}
.bx-viewport ul{
	position: absolute; 
	top:0px; 
	left: 0px;
}
.sort-list{
	background:#fff;
	border:1px solid #eee;
}
.sort {
	height: auto;
	z-index: 20;
	position: fixed;
	right: 16px;
	top: 150px;

}
.list1{
	display:none;	
	position:absolute;
	width: 200px;
	left: -200px;
	top: 0px;
	background:#f5f5f5;
	overflow: hidden;	
}
.sort-list ul li{
	position:relative;
	display:block;
	padding: 10px 5px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.sort-list ul li:last-child{	
	border-bottom:none;
}
.sort-list ul li span{
	display:block;
	color:#4d4d4d;
}
.sort-list ul li a:hover span{
	color:#f80d4a;
}
.sort-list ul li ul li{
	border-bottom: 1px solid #eee;	
	text-align:left;
	padding-left:12px;
	width:100%;
	padding: 8px;
}
.sort-list ul li ul li a{
	font-size:12px;
	color:#4d4d4d;
}
.sort-list ul li ul li a font{
	padding-left:10px;
	color:#f80d4a;
	position: relative;
    top: 2px;
}
.phe{
	padding-right: 5px;margin-top: 12px;padding-left: 12px;
}
.sort-list ul li ul.weixin li{
	float:left;
	width:40%;
}
.sort .sort-list li.top a {
    display: block;
    cursor: pointer;
}
.sort .sort-list li a.sort-list-6 {
    background-position: -1308px -593px;
    width: 47px;
    height: 20px;
}
.sort .sort-list li a.sort-list-6:hover {
	background-position:-1308px -271px;
}
#header .content { margin: 0 auto; height: 100%; width:80%;position:relative; }
#header .content a#logo { float: left; display: block; height: 44px }
#header .content a#logo img { padding-left: 0px; width: auto; height: 100% }
#header .content #openBtn { float: right; display: none; margin-top: 7px; margin-right: 0; cursor: pointer }
#header .nav>li { position: relative; height: 48px; font-size: 14px ;line-height:48px;}
#header .nav>li>a { position: relative; display: block; overflow: hidden; padding-left: 23px;line-height: 48px;height:48px;color:#282828;font-weight: 500;}
#header .nav>li>a span { position: relative; display: inline-block; transition: all ease-out .3s;color:#282828; }
#header .nav>li>a span:after { position: absolute; left: 0; width: 100%; color:#f80d4a;content: attr(data-title); transform: translateY(100%) }
#header .nav>li>a>i { margin-left: 10px }
#header .nav .subnav { position: absolute; top: 100%; left: -12px; z-index: 999; visibility: hidden; overflow: hidden; width: 150px; height: auto; border-top: 2px solid #e40807; background-color: #fff; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05); opacity: 0; transition: all .36s ease }
#header .nav ul.subnas{width:185px;}
#header .nav ul.subnanews{width:170px;}
#header .nav .navitem:last-child .subnav { right: 0; left: auto }
#header .nav .subnav li { width: 100% }
#header .nav .subnav li a { display: block; padding: 9pt 24px; padding-left:40px;color: #666; font-weight: 500; font-size: 14px; line-height: 22px; transition: all .2s ease-in-out }
#header .nav>li:hover .subnav { visibility: visible; opacity: 1 }
#header .nav>li a.active span, #header .nav>li:hover a span { transform: translateY(-100%) }
#header .nav>li a.active i, #header .nav>li:hover a i { color:#f80d4a; }
#header .nav .subnav li a.active, #header .nav .subnav li a:hover { padding-left: 40; background-color: #f9f9f9; color:#f80d4a; }
.nibox {
    margin: 100px auto 0;
    width: 100%;
}
#browser-lt11 #header .nav>li>a span:after{
	top:100%;
}
.fa{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
#contactform ul li label{
	padding-bottom:5px;
	display: block;
}
#contactform ul li label font{
	padding-left: 2px;
    color: #f80d4a;
    position: relative;
    top: 3px;
}
.data{
	width:150px;
}
#classify ul li ul li a.all{
	color:#f80d4a;
}

.electrical_success_case {
    background: #fff;
    height: 90px;
    overflow: hidden;
    max-width: 1200px;
    margin: 0px auto;
    margin-top: -45px;
    position: relative;
	border: 1px solid #ededed;
}
.electrical_success_case ul li.select {
    background: #f80d4a;
    padding: 25px 10px;
}
.electrical_success_case ul li {
    float: left;
    padding: 18px 27.5px;
    cursor: pointer;
}

#electrical_seriver{
	max-width:1200px;
	margin:60px auto;
	overflow:hidden;
}

.electrical_list {
    width: 69%;
}
.electrical_detail {
    width: 31%;
    text-align: right;
}
.electrical_list ul{
	margin-right:-40px;
}
.electrical_list ul li{
	float:left;
	margin:0px 40px 40px 0px;
	width:393px;
	height:228px;
	overflow:hidden;
	position:relative;
}
.electrical_list ul li .project_info{
	position: absolute;
    top: 30px;
    left: 30px;
    color: #ffffff;
}
.electrical_list ul li .project_info h3{
	font-size:30px;
	font-weight:bold;
}
.electrical_list ul li .project_info  p{
	font-size:16px;
}
.electrical_detail{
	width:31%;
	text-align: right;
}

.tiptop{
	border-top:2px solid #ededed;
	width: 80%;
    float: right;
}
.electrical_detail .detail{
	margin-top: 90px;  
}
.electrical_detail .detail p{	
	line-height:20px;
}
.electrical_detail .detail .chinese_detail{
	color:#3c3c3c;
	padding-top:10px;
	line-height: 20px;
}
.electrical_detail .detail .english_detail{
	margin-top:40px;
	color:#cdcdcd;
	font-size:12px;
	line-height: 20px;
	text-transform : uppercase;
	font-family:Arial;
}

.whole-store{
	max-width:1200px;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
}
.blockbox{
	margin-top:60px;
}
.blockbox .how_do_list{
	margin-right:-20px;
	overflow:hidden;
}
.blockbox .how_do_list li{
	float:left;
	margin-right:20px;
	width:224px;
	transition: 0.3s;
	position:relative;
	overflow:hidden;
	height:394px;
	border-radius: 5px;
}
.how_do_list_each .normal {
    width: 100%; 
    transition: 0.3s;
}
.how_do_list_each .normal h2 {
    position: absolute;
    font-size: 28px;
    line-height: 22px;
    margin-top: 30px;
    top: 240px;
	color:#ffffff;
	left: 25%;
	font-weight: normal;
}
.how_do_list_each .normal p{
	position:absolute;
	font-size:12px;
	text-transform:uppercase;
	top:305px;
	color:#ffffff;
	left: 20%;
}
.how_do_list_each h2 span{
	font-weight:bold;
}
.how_do_list_each .hover {
    width: 100%;
    height: 400px;
    border-radius: 5px;
    background: #f80d4a;
    transition: 0.3s;
    opacity: 0;
}
.how_do_list_each .hover h2 {
    font-size: 28px;
    color: #ffffff;
    line-height: 22px;
	padding-top:45px;
	font-weight: normal;
}
.how_do_list_each .hover p.subtitle{
	text-align:center;
	font-size:12px;
	line-height: 15px;
}
.how_do_list_each .hover p {
    font-size: 14px;
    color: #ffffff;
    line-height: 35px;
    margin-top: 10px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 20px;
}
.how_do_list_each:hover .normal {
    transform: translateY(-394px);
}
.how_do_list_each:hover .hover {
    transform: translateY(-394px);
    opacity: 1;
}
.disgnosiserror{
	padding-bottom:20px;
}
.disgnosiserror .error_msg{
	color:red;
	text-align:center;
	line-height:25px;
}
/*********************/
#blockbox{
	background:url("../images/wt-bg.jpg") no-repeat center;
	width:100%;
	background-position:center;
	height:612px;
	margin-top: 60px;
	margin-bottom:60px;
}
.problem-box,.professional-team,.common-wrap,.guarantee{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	overflow: hidden;
}
.problem-box .common_title_c{
	font-size:48px;
	color:#000;
	padding-top: 60px;
	font-weight:normal;
}
.problem-box .common_title_c span{
	font-weight:bold;
	color:#F80D4A;
	font-family:-apple-system-font,"Helvetica Neue",Tahoma,"PingFang SC","Microsoft Yahei",sans-serif;
}
.problem-box .common_title_e{
	font-size: 13px;
    text-transform: uppercase;
    color: #fff;
}
.electricity-difficulties{
	position:relative;
	height:500px;
}
.electricity-difficulties .jerk {
    text-align: center;
    margin: 0px auto;
    display: block;
    margin-top: 50px;
}
.electricity-difficulties div{
	font-size: 16px;
    background: #e20740;
    margin: 15px;
    padding: 5px 30px;
    display: inline-block;
    border-radius: 50px;
	color:#ffffff;
	position:absolute;
}
.electricity-difficulties div.problem_1{
	top: 50px;
    left: 30px;
	animation: move 1s ease 0.8s infinite alternate;
}
.electricity-difficulties div.problem_2{
	top: 50px;
    right: 30px;
	animation: move 1s ease 0.8s infinite alternate;
}
.electricity-difficulties div.problem_3{
	top: 165px;
    left: 40px;
	animation: move 1s ease 0.8s infinite alternate;
}
.electricity-difficulties div.problem_4{
	top: 165px;
    right: 5px;
	animation: move 1s ease 0.8s infinite alternate;
}
.electricity-difficulties div.problem_5{
	top: 281px;
    left: 25px;
	animation: move 1s ease 0.8s infinite alternate;
}
.electricity-difficulties div.problem_6{
	top: 281px;
    right: 55px;
	animation: move 1s ease 0.8s infinite alternate;
}
.professional-team{
	padding-top:60px;
}
.merchant-img{
	width: 41.5%;
}
.distribution-list{
	width:48.5%;
	margin-left:10%;
	text-align:left;
	margin-top: 30px;
}
.distribution-list h2,.promotion-way-list-content h2{
	font-size:48px;
	color:#f80d4a;
	font-weight: normal;
}
.distribution-list h2 span,.promotion-way-list-content h2 span{
	font-weight:bold;
}
.distribution-list span.commerce-sub,.promotion-way-list-content span.commerce-sub{
	font-size:13px;
	color:#f80d4a;
	text-transform: uppercase;
}
.dress-foot i{
	width:14px;
	height:14px;
	background:#f80d4a;
	display: inline-block;
	position: relative;
    top: 2px;
}
.maternal-cosmetics i{
	width:14px;
	height:14px;
	background:#ff5b86;
	display: inline-block;
	position: relative;
    top: 2px;
}
.digital-box i{
	width:14px;
	height:14px;
	background:#ffa4bc;
	display: inline-block;
	position: relative;
    top: 2px;
}
.electrical-appliances i{
	width:14px;
	height:14px;
	background:#ffd3de;
	display: inline-block;
	position: relative;
    top: 2px;
}
.other i{
	width:10px;
	height:10px;
	border:2px solid #f80d4a;
	display: inline-block;
	position: relative;
    top: 2px;
}
.distribution-list ul{
	margin-right: -120px;
	overflow:hidden;
	margin-top: 60px;
}
.distribution-list ul li{
	float: left;
    margin-right: 140px;
    margin-bottom: 35px;
    text-align: left;
    width: 210px;
	color: #f80d4a;
	font-weight:bold;
}
.distribution-list ul li span{
	width: 88px;
    display: inline-block;
    text-align: left;
    padding-left: 60px;
	color:#333333;
}
#degree-industry-pro{
	background:#f4f4f4;
	overflow: hidden;
	height:720px;
	margin-top: 60px;
}
.promotion-way{
	position:relative;
	width:43%;
}
.promotion-way-list-content{
	width:50%;
	text-align:left;
	margin-left: 7%;
}
.common-wrap{
	padding-top:90px;
}
.common-wrap .jerk{
	text-align: center;
    margin-top: 35px;
}
.promotion-way div{
	position:absolute;
	font-size:16px;
}

.way_1{
	top: 0px;
    left: 215px;
}
.way_2{
	top: 185px;
    left: 10px;
}

.way_3{
	top: 185px;
    right: 10px;
}
.way_4{
	top: 380px;
    left: 0px;
}

.way_5{
	top: 380px;
    right: 40px;
}
.promotion-way-list-content ul {
	margin-top:40px;
}
.promotion-way-list-content ul li{
	margin-bottom:20px;
}
.promotion-way-list-content ul li h4{
	font-size:16px;
	color:#f80d4a;
	font-weight: bold;
}
.promotion-way-list-content ul li p{
	color:#666666;
	padding-top: 5px;
	line-height: 25px;
}
.promotion-way .divider{
	margin-top:80px;
}

.guarantee{
	margin-top:60px;
}

.guarantee_list {
    margin-top: 75px;
    height: 465px;
    overflow: hidden;
	margin-right: -17px;
}
.guarantee_list_each {
    float: left;
    width: 226px;
    height: 366px;
    border-radius: 10px;
    perspective: 800px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    margin-right: 17px;
	position: relative;

}

.guarantee_list_each .clip {
    width: 226px;
    height: 366px;
}
.guarantee_list_each .normal {
    width: 226px;
    height: 306px;
    position: absolute;
    border-radius: 10px;
	background:#f80d4a;
    top: 0;
    left: 0;
    padding: 30px 0px;
    text-align: center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform-style: preserve-3d;
    position: absolute;
    transform: rotateY(0);
}
.guarantee_list_each:last-child {
    margin: 0;
}
.guarantee_list_each .hover {
    width: 226px;
    height: 366px;
    background: #f4f4f4;
    position: absolute;
    border-radius: 10px;
    top: 0;
    left: 0;
    text-align: left;
	
    display: table;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transform-style: preserve-3d;
    transform: rotateY(-180deg);
}
.guarantee_list_each .hover .hover_cell{
	padding: 35px 35px 0px 35px;
}
.guarantee_list_each .normal_title {
    font-size: 30px;
    color: #ffffff;
    line-height: 22px;
    margin-top: 20px;
}
.guarantee_list_each .normal_p1{
	text-transform:uppercase;
	font-size:12px;
	padding-top: 15px;
    color: #fff;
}
.guarantee_list_each:hover .normal {
    transform: rotateY(-180deg);
}
.guarantee_list_each:hover .hover {
    transform: rotateY(0deg);
}

.guarantee_list_each .hover .hover_cell_title{
	color: #333333;
    font-size: 30px;
    font-weight: bold;

}
.guarantee_list_each .hover .hover_cell_title::after{
	content: '';
    display: block;
    width: 17px;
    height: 1px;
    background: #f80d4a;
    margin-top: 15px;
}
.guarantee_list_each .hover  .hover_cell_p2{
	padding-top: 15px;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
	color:#666666;
}
.guarantee_list_each .hover span{
	margin-top: 40px;
    display: block;
    background: #dbdbdb;
    padding: 10px 0px;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	color:#ffffff;
	 letter-spacing: 2px;
	position: absolute;
    width: 100%;
	    bottom: 0px;
}


#department-coop{
	background:url(../images/department-coop-bg.jpg) no-repeat center bottom;
	padding-bottom: 110px;
	padding-top:60px;
}
#department-coop .title h2{
	text-align:center;
	font-weight: normal;
}
.depatrment-list{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	position: relative;
}
.depatrment-list .jerk{
	margin-top:90px;
}
.depatrment-list div{
	position:absolute;
}
.depatrment-list div h4{
	font-size:18px;
	color:#f80d4a;
	font-weight:bold;
	padding-bottom: 20px;
}
.depatrment-list div p{
	line-height:30px;
}
.depatrment-list .dep_1,.depatrment-list .dep_3,.depatrment-list .dep_5{
	text-align:right;
}
.depatrment-list .dep_2,.depatrment-list .dep_4,.depatrment-list .dep_6{
	text-align:left;
}
.depatrment-list .dep_1{
	top: 90px;
    left: 150px;
}
.depatrment-list .dep_2{
	top: 90px;
    right: 195px;
}
.depatrment-list .dep_3{
	top: 300px;
    left: 10px;
}
.depatrment-list .dep_4{
	top: 300px;
    right: 50px;
}
.depatrment-list .dep_5{
	top: 490px;
    left: 240px;
}
.depatrment-list .dep_6{
	top: 490px;
    right: 90px;
}
.tean-pho{
	text-align:center;
}
#case-presentation{
	background:#f80d4a;
	overflow: hidden;
	padding-bottom: 80px;
}
#case-presentation .title{
	text-align:center;
	padding-top:75px;
}
.run_show{
	max-width: 1200px;
    margin: 60px auto;
    text-align: center;
    overflow: hidden;
}
.run_show .run_show_catalogo{
	width:210px;
	float:left;
}
.run_show_catalogo_each{
	background:#ffffff;
	margin-bottom:44px;
	height:130px;
}
.run_show_catalogo_each h3{
	padding-top: 55px;
	font-size:22px;
	font-weight:bold;
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.run_show_detail{
	float:right;
	position: relative;
    width: 943px;
}
.run_show_detail .on {
    display: block;
    animation: show 0.3s ease;
}
.run_show_catalogo_each{
	background:#e20740;
	color:#ffffff;
}
.run_show_catalogo_each i{
	opacity:0;
}
.run_show_catalogo_each.on{
	background:#ffffff;
	color:#333333;
	
}
.run_show_catalogo_each.on h3{
	padding-top:45px;
	transition: all .4s cubic-bezier(.4,0,.2,1);
	font-weight: normal;
}
.run_show_catalogo_each.on i{
	opacity:1;
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.run_show_detail_each {
    width: 100%;
    height: 478px;
    display: none;
    overflow-y: scroll;
}

.run_show_catalogo_each:last-child{
	margin-bottom:0px;
}
#case-presentation .case-more{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
}
.case-more h2{
	font-size:30px;
	color:#ffffff;
}
.case-more h2 span{
	font-weight:bold;
	
}
.case-more ul{
	margin-top:60px;
	    margin-right: -19px;
	overflow:hidden;
}
.case-more ul li{
	float:left;
	margin-right:19px;
	position:relative;
}
.case-more ul li:last-child{
	margin-right:0px;
}
.case-more ul li .project_info{
	position:absolute;
	text-align:left;
	top:30px;
	left:30px;
	color: #fff;
}
.case-more ul li .project_info h3{
	font-size:32px;
	font-weight: normal;
}
.case-more ul li .project_info h3 span{
	font-weight:bold;
}
.case-more ul li::after {
    content: "";
    border-bottom: 3px solid #ffffff;
    width: 0px;
    transition: all 2s cubic-bezier(.215, .61, .355, 1) 0s;
    z-index: 11;
    display: block;
	opacity:0;
}
.case-more ul li:hover:after {
    width: 100%;
	opacity:1;
}

.qualification,.service-merchant-richness{
	max-width:1200px;
	margin:60px auto;
	text-align:center;
	overflow: hidden;
}
.qualification ul{
	margin-right:-90px;
	overflow:hidden;
	margin-top:60px;
}
.qualification ul li{
	float:left;
	margin-right:90px;
	width:120px;
}
.qualification ul li h4{
	font-size:18px;
	font-weight:bold;
	color:#f80d4a;
	padding-top:25px;
}
.qualification ul li p{
	color:#666666;
	padding-top:20px
}
.office-environment{
	margin-top:60px;
}
.office-environment .office{
	width:613px;
}
.company-activities{
	width:575px;
}
#free_diagnosis{
	background:url("../images/free-diagnosis-bg.jpg") no-repeat;
	width:100%;
	height:538px;
	background-position:center;
	overflow: hidden;
	margin-top:60px;
}
#free_diagnosis .diagnosis{
	max-width:1200px;
	margin:0px auto;
	margin-top:70px;
}
.free_diagnosis_form{
	width:502px;
	background:#ffffff;
	padding:40px 0px;
}
.free_diagnosis_form h3{
	font-size:24px;
	text-align:center;
}
.free_diagnosis_form h3 span{
	color:#f80d4a;
}
.free_diagnosis_form div input{
	padding:15px 30px;
	background:#f3f3f3;
	border:none;
	border-radius:50px;
	width:60%;
	margin:20px auto;
	    display: block;
}
.free_diagnosis_form .submit {
    display: block;
    padding: 5px 30px;
    width: 60%;
    text-align: center;
    background: #f80d4a;
    border: 1px solid #ee6a12;
    color: #fff;
    transition: 0.3s;
    font-size: 17px;
    color: #ffffff;
    border-radius: 50px;
    margin: 32px auto 0;
}

.professional-team ul {
	margin-right:-20px;
	overflow:hidden;
	margin-top:60px;
}
.professional-team ul li{
	float:left;
	width:225px;
	margin-right:19px;
	padding-bottom: 30px;
	background: #fff;
	position:relative;
	overflow:hidden;
	transition: all ease-out .3s;
}
.professional-team ul li h3{
	font-size:28px;
	position:relative;
	z-index:2;
	padding-top:45px;
	font-weight: normal;
}

.professional-team ul li span{
	font-size:12px;
	text-transform:uppercase;
	position:relative;
	z-index:2;
}
.professional-team ul li:hover .team-title-name{
	background:#f80d4a;
	color:#ffffff;
	transition: all ease-out .3s;
}
.professional-team ul li:hover .team-title-name::after{
	background:#e43663;
	transition: all 2s cubic-bezier(.215, .61, .355, 1) 0s;
}
.professional-team ul li:hover .iconteam{
	color:#e43663;
	transition: all ease-out .3s;
}
.professional-team ul li p{
	text-align:left;
	padding-left:30px;
	font-size:17px;
	line-height: 40px;
}
#qteam{
	background:#f4f4f4;
	padding-bottom: 60px;
}
#qteam .professional-team .iconteam{
	position: absolute;
    left: -30px;
    top: -35px;
    z-index: 1;
}
.team-title-name{
	background: #dfdfdf;
    padding-bottom: 30px;
    text-align: left;
    padding-left: 30px;
	margin-bottom: 40px;
}
.team-title-name::after{
	content: '';
    width: 27px;
    height: 2px;
    background: #cdcdcd;
    display: block;
    position: absolute;
    top: 160px;
}
/************* Update Time: 2017-10-10 ***************/
#brands-content{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	margin-top:90px;
}
#brands-content h2,#brands-service h2,.advantages-service h2,.brand-cooper h2,.brands-contact h2{
	font-size:30px;
	color:#666666;
	font-weight:normal;
	text-align:center;
}
.profile-descrition{
	color:#666666;
	margin:30px 0px;
	padding: 0px 120px;
	line-height:25px;
}
.development-course{
	margin-top:80px;
}
.development-course ul{
	background:url("../images/development-history.png") no-repeat;	
	height:600px;
	position:relative;
}
.development-course ul li{
	
	float:left;
	color:#666666;
	text-align:left;
}

.development-course ul li.course-first{
	position: absolute;
    left: 120px;
    top: 545px;
}
.development-course ul li.course-two{
	position: absolute;
    left: 165px;
    top: 515px;
}
.development-course ul li.course-third{
	position: absolute;
    left: 205px;
    top: 485px;
}
.development-course ul li.course-fourth{
	position: absolute;
    left: 240px;
    top: 445px;
}
.development-course ul li.course-five{
	position: absolute;
    left: 275px;
    top: 400px;
}
.development-course ul li.course-six{
	position: absolute;
    left: 300px;
    top: 355px;
}


.development-course ul li.course-seven{
	position: absolute;
    left: 320px;
    top: 310px;
}
.development-course ul li.course-eight{
	position: absolute;
    left: 340px;
    top: 265px;

}
.development-course ul li.course-nine{
	position: absolute;
    left: 350px;
    top: 220px;

}
.development-course ul li.course-ten{
	position: absolute;
    left: 360px;
    top: 175px;
}
.development-course ul li.course-eleven{
	position: absolute;
    left: 365px;
    top: 130px;
}


.development-course ul li.course-twelve{
	position: absolute;
    left: 368px;
    top: 85px;
}

.development-course ul li.course-thirteen{
	position: absolute;
    left: 365px;
    top: 40px;
}




.development-course ul li span{

    color: #f80d4a;
   padding-right: 10px;
}
.our-service,#ascendancy{
	max-width:1200px;
	margin:0px auto;
	margin-top:60px;
}
.accen-list h3,.autobiography h3{
	font-weight:bold;
	font-size:18px;
	color:#666666;
	margin:40px 0px;
}
.service-descrition h3{
	font-weight:bold;
	font-size:18px;
	color:#666666;
	margin:40px 0px 15px 0px;
}
.service-descrition dl{
	float:left;
	width:100%;
	padding: 25px 0px;
    border-bottom: 1px dashed #ccc;
}
.service-descrition dl:last-child{
	border-bottom:none;
}
.service-descrition dt{
	font-weight:bold;
	color:#666666;
	width:26%;
	float:left;
	text-align: left;
}
.service-descrition dt img{
	vertical-align: middle;
	padding-right:40px;
}
.service-descrition dd{
	line-height: 35px;
	color:#666666;
	float:left;
	text-align:left;
}
.service-first dd,.service-six dd{
	width: 37%;
}
.service-two dd{
	padding-right: 112px;
}
#brands-service dd.tal{
	padding-right: 0px;
}
.service-third dd{
	padding-right:76px;
}
.service-four dd{
	width:17.5%;
}
.service-five dd{
	padding-right: 65px;
}
#service-bg{
	margin-top: -40px;
    display: inline-block;
    position: relative;
    z-index: -1;
}
.list{
	margin-left:45px;
}
.list dl{
	float:left;
	margin: 10px 60px 0px 0px;
}
.list dt{
	font-weight:bold;
	color:#666666;
}
.list dd{
	margin:10px 0px;
	color:#666666;
}
.autobiography{
	padding-top: 50px;
	position:relative;
}
.autobiography ul li{
	margin-bottom:35px;
	color:#2d2d2d;
}
.autobiography ul li span{
	font-weight:bold;
	color:#f80d4a;
	display:block;
	padding-bottom:5px;
}
.personalized{
	position: absolute;
    top: 155px;
    right: 0;
    z-index: -1;
}
.advantages-service{
	margin-top:130px;
}
.advantages-service h2{
	margin-bottom:60px;
}
.success-list{
	margin-left:210px;
}
.success-list ul li{
	color:#383838;
	font-size:18px;
	margin:45px 0px;
}
.success-list strong{
	color:#f80d4a;
	font-size:20px;
	font-family: fantasy;
    font-weight: normal;
}
.brand-cooper h2,.brands-contact h2{
	padding:90px 0px 70px 0px;
}
.contact-detial img{
	margin-left:90px;
}
.contact-detial ul{
	margin-left:230px;
}
.contact-detial ul li{
	margin-bottom:15px;
	font-size:16px;
	color:#2d2d2d;
}
.service-text{
	text-align:right;
}
.free-dian{
	font-size: 18px;
    color: #f80d4a;
}
/********* Update Time: 2017-11-04 ************/
#personal-customization{
	max-width:1200px;
	margin:0px auto;
	margin-top:60px;
}
.personal-order{
	width:42%;
	margin-top:20px;
}
.personal-order h2{
	border-left: 3px solid #f80d4a;
    margin-top: 60px;
    padding-left: 5px;
    font-size: 30px;
    font-weight: normal;
	color:#f80d4a;
}
.personal-order div p{
	line-height:25px;
	margin-bottom:10px;
	color: #333333;
}
#personal-customization ul{
	padding-top:55px;
}	
#personal-customization ul li{
	float:left;
	border-right:2px solid #f6f6f6;
	width:33%;
	text-align:center;
}
#personal-customization ul li span{
	display:block;
	font-size:16px;
	color:#373737;
	margin-top:40px;
}
#design-detail{
	max-width:1200px;
	margin:0px auto;
}
#rate{
	width:100%;
	background:#f80d4a;
	display: inline-block;
	margin-top: 60px;
}
#rate-descrition{
	max-width:1200px;
	margin:0px auto;	
}
.hoisting{
	width:48%;
	padding:35px 0px;
}
.hoisting h2{
	font-size:30px;
	font-weight:normal;
	color: #feeff1;
}
.hoisting span{
	font-size:18px;	
	color: #feeff1;
}
.hoisting div{
	margin-top:15px;	
}
.hoisting div p{
	margin:5px 0px;
	color:#fb90a3;
}
#personal-customization ul li.border-none{
	border-right:0px;
}
.learn-more{
	width:52%;
    padding: 35px 0px;
    border-radius: 20px;
	color: #ffffff;
}
.learn-more li{
	margin-bottom:5px;
	list-style:square;
	line-height: 30px;
}
#design-detail,.particulars,.design-content{
	margin-top:60px;
	overflow:hidden;
}
.shop-study{
	display:inline-block;
}
.study-title{
	border: 6px solid #f80d4a;
    padding: 15px 20px;
	color:#f80d4a;
	width: 26%;
}
.study-title h2{
	font-size:36px;
	font-weight:bold;	
}
.study-title span{
	font-size:20px;
}
.study-title h3{
	font-size:18px;
	font-weight:bold;	
}
.study-title  div{
	margin-top:30px;
	text-transform : uppercase
}
.study-title  p{
	font-size:12px;
	color: #fbc0c6;
}
.study-desc{
	width:65%;
	margin-left: 4%;
	margin-top:10px;
}
.study-desc p{
	margin-bottom:10px;
	color:#666666;
	line-height: 25px;
}
.study-desc div{
	text-align:right;
	margin-top: 45px;
}
.study-desc div span{
	color: #ffffff;
    background: #f80d4a;
    padding: 0px 30px;
    border-radius: 25px;
    font-size: 30px;
}
.study-desc div span.gray{
	background:#cfcfcf;
	color:#ffffff;
	margin-right: 15px;
}
.study-desc div img{
	margin: 0px 20px;
    position: relative;
    top: 9px;
}
.study-desc div p{
	margin-top:10px;
	color:#333333;
}
.shop-decoration{
	width:34%;
	margin: 40px 0px 0px 35px
}
.shop-decoration h2{
	font-size:24px;
	font-weight:normal;
	color:#f80d4a;
}
.shop-decoration strong{
	display:block;
	margin-bottom: 20px;
}
.shop-decoration ul li{
	margin:10px 0px 10px 20px;
	list-style:square;
	color:#f80d4a;
}
.shop-decoration ul li span{
	color:#333333;
}
.design-process ul li{
	width:100%;
	overflow: hidden;
	position:relative;
	line-height: 28px;
	margin: 60px 0px;
}
.design-process ul li .step{
	font-size:18px;
    width: 48%;	
}
.design-process .dlist,#problem-encountered .team ul li .media-images,#media-advantage{
	position:relative;	
}
.design-process .dlist ul::before{
	content: '';
    border-right: 2px solid #f4f4f4;
    height: 100%;
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
}
.design-process ul li .step::after{
	content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #cecece;
    position: absolute;
    border-radius: 50%;
    left: 50.3%;
    margin-left: -8px;
    top: 8px;
    transition: all 0.36s ease;
	background: #fff;
}
.design-process ul li .step span{
	font-size:24px;
	font-family:Arial;
	color: #505054;
	position: relative;
    top: 2px;
}
.design-process ul li .process-introduced{
	width:48%;
}
.design-process ul li:hover .step span,.design-process ul li:hover .process-introduced,.design-process ul li:hover .step{
	color:#f80d4a
}
.design-process ul li:hover .step::after{
    border: 2px solid #f80d4a;
}
.design-content .other-page h2{
	clear:both;
	font-size:30px;
	font-weight: normal;
	text-align:center;
	color: #f80d4a;
}
.design-content .other-page p{
	font-size:12px;
	text-transform: uppercase;
	color:#fdd5db;
	text-align:center;
}
.design-content ul li{
	display:inline-block;
	margin:0px 5px;
}
.design-content .dlist{
	margin: 30px 0px 60px 0px;
}
.design-content ul li .title{
	background:#f4f4f4;
	text-align: left;
    padding: 5px 0px 5px 25px;
	transition:all ease-out .4s
}
.design-content ul li:hover .title{
	background:#f80d4a;
	
}
.design-content ul li:hover .title span{
	background:#f80d4a;
	color:#ffffff;
}
.design-content ul li .title span{
	font-size:16px;
	color:#3a3a3a;
}
.design-content ul li:hover .title p{
	color:#ffffff;
	opacity:0.5;
}
.white-line{
	width: 45px;
    height: 2px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
}
.visual-marketing div span.line{
	width: 25px;
    height: 2px;
    background: #f80d4a;
    display: inline-block;
    vertical-align: middle;
	margin-right:0px;
}
#benefits{
	background:#f8f8f8;
	width:100%;
	display: inline-block;
}
.design-benefits{
	max-width:1200px;
	margin:0px auto;
}
.design-benefits ul li{
	float:left;
	width:16.6%;
	text-align:center;
	padding: 30px 0px 30px 0px;
}
.design-benefits ul li span{
	display:block;
	margin-top:20px;
	color:#3a3a3a;
	font-size:16px;
}
#design-detail-content{
	max-width:1200px;
	margin:0px auto;
	margin-top: 60px;
}
.visual-marketing h2{
	font-size:24px;
	font-weight:normal;
	color:#f80d4a;
	padding-bottom:10px;
}
.visual-marketing p,.design-content ul li .title p{
	color:#666666;
	line-height: 30px;
}
.visual-marketing div{
	margin-top:50px;
}
.visual-marketing div span{
	font-size:18px;
	margin-right: 100px;
}
.visual-marketing div span strong{
	font-size:40px;
	color:#f80d4a;
	font-family:Arial;
}
.advantage-choose,.design-process{
	padding-top:60px;
}
.design-case h2,.design-process .title h2{
	color:#f80d4a;
	font-size:28px;
	font-weight:normal;
}
#case_show .operation-title .title,#design .operation-title .title,.design-process .operation-title .title{
	border-left: 4px solid red;
    padding-left: 5px;
	float:left;
}
#case_show .more,#design .more{
	float:right;
	font-size:12px;
	color:#f80d4a;
	line-height: 53px;
}
#case_show .operation-title,#design .operation-title{
	overflow: hidden;
    margin:0px 0px  30px 10px;
}
.design-process .operation-title{
	margin:0px 0px  30px 0px;
	overflow:hidden;
}
#case_show .title p,#design .title p,#case_show .more a,#design .more a,.design-process .title p{
	font-size:12px;
	color:#f80d4a;
}
.design-case h2 a{
	float:right;
	font-size:14px;
	color:#f80d4a;
	font-weight: normal;
	line-height: 45px;
}
/*********** Update Time: 2017-11-07 **************/
#shop-problem{
	max-width:1200px;
	margin:0px auto;
	margin-top:70px;
	overflow:hidden;
}
#shop-problem ul,.precess-diagnosis,.diagnosis-list ul{
	overflow:hidden;
}
#shop-problem ul li{
	float:left;
	width: 16.6%;
	text-align:center;
}
#shop-problem ul li p{
	font-size:16px;
	padding-top:30px;
}
#shop-problem ul li p span{
	font-size:36px;
	color:#3371a8;
	padding-right:5px;
}
.tell-problem{
	margin-top:100px;
}
.all-problem div h2{
	font-weight:normal;
	font-size:30px;
	color:#3371a8;
	padding-top:50px;
}
.all-problem div p.title{
	font-size:18px;
	color:#3371a8;
	padding:5px 0px;
}
.all-problem div p.title span{
	width:45px;
	height:2px;
	background:#3371a8;
	float:left;
	margin: 12px 5px 0px 0px;
}
.all-problem div p{
	font-size:14px;
	text-transform: uppercase;
	color: #bcbcbc;
}
#diagnosis-team,.answering{
	max-width:1200px;
	margin:0px auto;
	margin-top:60px;
	text-align: center;
}
#diagnosis-team h2{
	margin-bottom:20px;
}
#diagnosis-team .precess-diagnosis h2{
	margin-top:60px;
}
#answering-questions{
	width:100%;
	background:#3371a8;
}
#answering-questions h2{
	font-size:30px;
	font-weight:normal;
	color:#ffffff;
}
#answering-questions p{
	font-size:18px;
	color:#7a9cc0;
}
.answering{
	padding:35px 0px;
}
.precess-diagnosis .diagnosis-list{
	width:50%;
	text-align: left;
}
.diagnosis-list ul li .step{
	font-size:48px;
	font-weight:bold;
	color:#3371a8;
	float:left;	
    padding-right: 10px;
	position: relative;
    top: -3px;
}
.diagnosis-list ul li{
	width:100%;
	padding:20px 0px 20px 35px;	
	cursor: pointer;
}
.diagnosis-list ul li .diagnosis-desc span{
	font-size:24px;
	color:#3a3a3a;
}
.diagnosis-list ul li .diagnosis-desc p{
	font-size:18px;
	color: #bcbcbc;
}
.diagnosis-list ul li:hover{
	background:#3371a8;
}
.diagnosis-list ul li:hover .step,.diagnosis-list ul li:hover .diagnosis-desc span,.advantage-hosting ul li:hover span{
	color:#ffffff;
}
.diagnosis-list ul li:hover .diagnosis-desc p{
	color:#5f8ab6;
}
.registraticn{
	margin-top:40px;
}
#diagnosis-team .form{
	background:#f4f4f5;
	margin-top: 60px;
	padding: 30px;
}
#diagnosis-team .form ul li{
	margin:15px 0px;
	width: 100%;
    display: inline-block;
}
#diagnosis-team .form label{
	width: 100px;
    font-size: 16px;
    float: left;
    text-align: right;
}
#diagnosis-team .form input,#diagnosis-team .form textarea{
	float:left;
	padding:5px;
	border-radius:6px;
	border:1px solid #ccc;
	outline: none;
	width: 30%;
}
#diagnosis-team .form input.diasubmit{
	background: #3371a8;
    color: #fff;
    font-size: 24px;
    width: 265px;
    border-radius: 0px;
    border: none;
    padding: 10px 0px;
}
#diagnosis-team .form label span{
	color: #f80d4a;
    padding-left: 5px;
    position: relative;
    top: 3px;
}
.online-message{
	background:url("../images/sign-up-diagnosis.jpg") no-repeat;
	width:100%;
	padding: 30px 0px;
	color:#ffffff;
}
#diagnosis-team .online-message h2{
    text-transform: uppercase;
	font-size:30px;
	font-family:Arial;
	margin-bottom:0px;
}
.online-message p{
	font-size:18px;
}
/*************************************************************/
#thematic .data{
	background:url("../images/bg.jpg") no-repeat;
	width: 100%;
	display: inline-block;
	padding-top:30px;
	padding-bottom: 5px;
}
#thematic .video{
	background:url("../images/vbg.jpg") no-repeat;
	width: 100%;
	display: inline-block;	
}
#thematic .data img{
	float:left;
}
#thematic .data-list,#thematic .video-list,.record{
	max-width:1100px;
	margin:0px auto;
	text-align:center;
}
#thematic .data-two{
	margin: 0px 45px;
}
#thematic .video-list img{
	padding-bottom:35px;
}
#thematic .record{
	padding-top:70px;
}
#thematic .title{
	padding-bottom:80px;
}
/*************************************************************/
#shop-problem ul{
	padding-top:10px;
}
#shop-problem li img:hover,#benefits li img:hover,#personal-customization li img:hover,#brands-service dl dt img:hover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
#shop-problem li img,#benefits li img,#personal-customization li img,#brands-service dl dt img{
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}
/******************** Update Time: 2017-11-15 **************/
#solve-problem{
	max-width:1200px;
	margin:0px auto;
}
.show-img{
	position:relative;
	margin-top:-45px;
	width: 55.7%;
}
.problem-list{
	width:44.3%;
	margin-top:20px;
}
.problem-list ul{
	margin:50px 0px 0px 10px;
}
.problem-list ul li{
	float:left;
	width:33.3%;
	color: #3e3e3e;
	margin-bottom:5px;
}
.problem-list ul li:before {
    content: "";
    list-style: disc;
    color: #b0b0b0;
    display: inherit;
    float: left;
	font-size:12px;
	position: relative;
    left: 6px;
}
.advantage-hosting{
	max-width:1200px;
	margin:0px auto;
	padding-top:80px;
	overflow: hidden;
}
.advantage-hosting ul li{
	color:#3e3e3e;
	float:left;
	width:22.8%;
	background:#e7e7e7;
	padding:50px 0px 20px 25px;
	position:relative;
}
.advantage-hosting ul li:hover{	
	background-color:#f80d4a;
	color:#ffffff;
	margin-top:-30px;
	padding: 35px 0px 65px 25px;	
	transition:all ease-out .4s
}
.advantage-hosting ul li span.arrow{
	display:none;	
}
.advantage-hosting ul li:hover span.arrow{
	position:absolute;
	top:130px;
	left:25px;
}
.advantage-hosting ul li.ashes{
	background:#f5f5f5;
}
.advantage-hosting ul li:hover.ashes{
	background:#f80d4a;
	color:#ffffff;
	margin-top:-30px;
	padding: 35px 0px 65px 25px;
}
.advantage-hosting ul li span{
	font-family:Arial;
	font-weight:bold;
	color:#f80d4a;
	font-size:36px;
	display:block;
}
.hosting-operating,.effect-comparison{
	max-width:1200px;
	margin:0px auto;
	margin-top:75px;
	text-align: center;
	overflow:hidden;
}
.hosting-operating ul li span{
	display:block;
	padding-bottom: 10px;
	text-align: left;
}
.hosting-operating ul{
	margin-top: 15px;
}
.hosting-operating ul li{
	float:left;
	padding:0px 45px;
	text-align:center;
	margin-right:25px;
	background: url(../images/quire.png) no-repeat 30px 6px;
}
.hosting-operating ul li:hover{
	background:url(../images/quire-while.jpg) no-repeat 30px 26px #f80d4a;
	color:#ffffff;
	margin-top:-40px;
	position:relative;
	z-index:999px;
	padding:20px 45px 10px 45px;	
	transition:all ease-out .4s
}
#cooperative-brand{
	width:100%;
	margin:0px auto;
	text-align:center;
	overflow:hidden;
	margin-top: 70px;
}
#cooperative-brand h3,.effect-comparison h3{
	font-size:24px;
	font-weight:normal;
}
#cooperative-brand p{
	text-transform: uppercase;
    font-size: 12px;
    margin: 5px 0px 40px 0px;
   color:#3e3e3e;
}
#cooperative-brand{
	margin:80px auto;
	max-width:1200px;
}
#cooperative-brand span{
	font-size:16px;
	display: block;
    padding-bottom: 30px;
}
.effect-comparison ul{
	width:100%;
	text-align:center;
	overflow:hidden;
	margin-bottom:30px;
}
.effect-comparison ul:last-child{
	margin-bottom:0px;
	border-top: 1px solid #cdcdcd;
    padding-top: 60px;
}
.effect-comparison ul li{
	width:40%;
	display:inline-block;
}
.effect-comparison ul li span.before-taking-over{
	font-size:18px;
	display:block;
}
.effect-comparison ul li span.number{
	font-size:46px;
	font-family:Arial;
	color:#3e3e3e;
	position: relative;
    top: 5px;
}
.effect-comparison ul{
	margin-top:60px;
}
.effect-comparison ul li p{
	color:#bcbcbc;
}

.fz{
	font-size:24px;
}
.effect-comparison ul li span.cred{
	color:#f80d4a
}
/***************** Update Time: 2017-11-17 **************/ 
#problem-encountered{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	margin-top:60px;
}
#problem-encountered .title::after,#media-advantage .title::after{
	content:"";
	width:35px;
	height:4px;
	background:#f80d4a;
	display: block;
    margin: 0px auto;
    margin-top: 15px;
}
#problem-encountered .title,#media-advantage .title{
	margin-bottom:40px
}
#problem-encountered .title h1,#media-advantage .title h1{	
	font-size:30px;
	font-weight:normal;
	color: #434343;
}
#problem-encountered .title p,#media-advantage .title p{
	text-transform: uppercase;
	color: #434343;
}
.encountered-list{
	text-align: left;
	height:138px;
	overflow:hidden;
}
#problem-encountered .problem-list{
	width:40%;
	padding:0px 5%;
}
#problem-encountered .problem-show-img{
	width:50%;
}
.encountered-list h2{
	font-size:22px;
	font-weight:normal;
	margin-bottom:15px;
}
.encountered-list p{
	line-height:22px;
	color:#666666;
}
.encountered-list:hover{
	background:#f80d4a;
	color:#ffffff;
	transition: all 0.8s; 
}
.encountered-list:hover p{
	color:#ffffff;
	transition: all 0.8s; 
}
.encountered-list img{
	cursor: pointer;  
	transition: all 0.8s;  
}
.encountered-list:hover img{
	transform: scale(1,1.2);  	
}
.laws{
	margin-top:80px;	
}
.laws ul{
	overflow: hidden;
}
.laws ul li{
	width: 17%;
    float: left;
    border-bottom: 2px solid #f4f4f4;
    margin: 0px 14px;
    padding-bottom: 25px;
	cursor: pointer;
}
.laws ul li span{
	font-size:18px;
	margin-bottom:20px;
	display: block;
	color: #434343;
	text-transform: uppercase;
}
.laws ul li p{
	color:#666666;	
}
.about-service{
	margin:80px 0px;
}
.laws ul li:before{
	content: "";
    border-bottom: 2px solid red;
    width: 0; 
    position: relative;
    transition: all 2s cubic-bezier(.215, .61, .355, 1) 0s;
    top: 112px;
    z-index: 11;
    display: block;
}
.laws ul li:hover:before{
	width:100%;	
}
#problem-encountered .team ul li{
	float:left;
	width:370px;
	margin:0px 15px;
	padding-bottom:37px;
}
#problem-encountered .team ul li:hover{	
	border-bottom:2px solid #f80d4a;
	padding-bottom:35px;
}
#problem-encountered .team ul li img{
	transition: all 0.8s;  
}
#problem-encountered .team ul li .media-images::before{
	color: inherit;
    position: absolute;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    content: ' ';
    border: 5px solid #f80d4a;
    top: -15px;
    left: 49%;
    transition: height .1s linear .3s,width .1s linear .4s,visibility 0s .51s;
    border-bottom: 0;
    border-left: 0;
    margin: 10px;
    margin-left: 4px;
    z-index: 5;
}
#problem-encountered .team ul li:hover .media-images::before{
	width:calc(52% - 12px);
    height: calc(100% - 0px);
    visibility: visible;
    transition: width .1s linear 0s,height .1s linear .1s;
}
#problem-encountered .team ul li .media-images::after {
    color: inherit;
    position: absolute;
    display: block;
    visibility: hidden;
    width: 0;
    height: 0;
    content: ' ';
    border: 5px solid #f80d4a;
    right: 0px;
    bottom: 0;
    transition: background-size .1s linear 0s,height .1s linear .1s,width .1s linear .2s,visibility 0s .3s;
    border-top: 0;
    border-right: 0;
    background-image: linear-gradient(#f80d4a,#f80d4a);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 0 5px;
    z-index: 5;
}
#problem-encountered .team ul li:hover .media-images::after{
	width: calc(100% - 0px);
    height:calc(100% - 0px);
    transition: visibility 0s .2s,width .1s linear .2s,height .1s linear .3s,background-size .1s linear .4s;
    background-size: 53% 5px;
	visibility: visible;
}
#problem-encountered .team ul li span{
	font-size:18px;
	color: #434343;
	padding-top: 20px;
    display: block;
}
#problem-encountered .team ul li p{
	color: #666666;
	padding-top: 5px;
}
.advantage-list{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	padding-top: 43px;
	overflow: hidden;
}
.item_wrapper{
	width:20%;
	float:left;
	margin:0px 30px;
	position:relative;
}
.date_wrap .number{
	font-size:30px;
	font-weight:bold;
	color: #434343;
}
#media-advantage .ellipsis{
	font-size:18px;
	color:#434343;
	padding-top: 45px;
}
.item_des .description{
	color:#666666;
	margin-top: 10px;
	margin: 10px 20px 0px 20px;
}
.date_wrap::before {
    content: '';
    width: 11px;
    height: 11px;
    border: 1px solid #cecece;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    margin-left: -8px;
    top: 50px;
    transition: all 0.36s ease;
}
.date_wrap::after {
    content: '';
    width: 5px;
    height: 5px;
    background: #cecece;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
    top: 54px;
    transition: all 0.36s ease;
}
#media-advantage{
	margin-bottom:80px;
}
#media-advantage::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -101px;
    background: #f3f3f3;
	overflow:hidden;
	z-index:-1;
}
#media-advantage .item_wrapper:hover .number{
	color:#f80d4a;
}
#media-advantage .item_wrapper:hover .ellipsis{
	color:#fa4a77;
}
#media-advantage .item_wrapper:hover .item_des .description{
	color: #fa4a77;
}
#media-advantage .item_wrapper:hover .date_wrap::after {
	background:#f80d4a;
}
#media-advantage .item_wrapper:hover .date_wrap::before{
	border: 1px solid #f80d4a;
}

.news-media .media-images{
	width:20%;
}
.news-media .media-content{
	width:75%;
	text-align:left;
	margin-left:25px;
}
.news-media .media-content h2{
	font-weight:normal;
	font-size: 18px;
    color: #f80d4a;
}
.news-media .media-content p{
	margin-top:10px;
	line-height:25px;
}
.news-media .media-content .public{
	margin-top:15px;
}

.news-media .media-content .public img{
	position: relative;
    top: 6px;
    padding-right: 10px;
}
.news-media .media-content .public span{
	margin-right:30px;
	color: #a8a8a8;
}
.news-media ul li {
    padding: 30px 0px;
    border-bottom: 2px solid #f4f4f4;
	overflow:hidden;
}

#mlist{
	max-width:1200px;
	margin:0px auto;
	
}
#mlist h2.title{
	font-weight:normal;
	text-align:center;
	margin-top:30px;
}
/************* outline css ****************/
#ilecturer{
	background:url("../images/introduction-gb.jpg") no-repeat;
	width:100%;
	overflow: hidden;
}
#ilecturer .lturer{
	max-width:1200px;
	margin:0px auto;
	padding: 160px 0px 90px 0px;
}
#ilecturer .lturer h2{
	font-size:36px;
	font-weight:normal;
	color:#24c8ed;
}
#ilecturer .lturer .title span{
	font-size:30px;
	color:#000000;
	padding: 10px 0px 20px 0px;
	display:block;
}
#ilecturer .lturer ul {
	width:40%;
}
#ilecturer .lturer ul li{
	font-size: 24px;
    color: #666666;
    font-family: MONOSPACE;
    padding-bottom: 20px;
    line-height: 35px;
}
#ilecturer .title h1,#pconfused .title h1,#outline-facebook .title h1,#signkown .title h1{
	text-align: center;
    margin-top: 80px;
    font-size: 48px;
    font-weight: normal;
    color: #24c8ed;
}

#pconfused{
	background:url("../images/confused-gb.jpg") no-repeat;
	width:100%;
	overflow:hidden;
	color:#ffffff;
}
#pconfused .dinfo-list{
	max-width:1200px;
	margin:0px auto;
	padding: 100px 0px 90px 0px;
}
#pconfused .dinfo-list ul{
	margin-left: 42%;
	padding: 10px 40px 20px 60px;
}
#pconfused .dinfo-list ul li{
	overflow:hidden;
	border-bottom:2px solid #969b9f;
	margin: 20px 0px 20px 10px;
}
#pconfused .dinfo-list ul li .qinfo p{
	font-size:22px;
}
#pconfused .dinfo-list ul li .qinfo span{
	font-size:12px;
	text-transform: uppercase;
}
#pconfused .dinfo-list ul li .step{
	font-size:48px;
	color:#24c8ed;
	float:left;
	position: relative;
    top: -7px;
	margin-right:15px;
	font-family: impact;
}
#hcurriculum{
	max-width:1200px;
	margin:0px auto;
	overflow: hidden;
}
#hcurriculum ul{
	margin-top:75px;
}
#hcurriculum ul li .number{
	font-size: 40px;
    font-family: impact;
    background: url(../images/outline-quan.png) no-repeat;
    width: 160px;
    height: 150px;
    display: block;
    text-align: center;
    padding-top: 55px;
	margin: 0px auto;
}
#hcurriculum ul li .number span{
	font-family: yahei;
    font-size: 24px;
	padding-left: 5px;
}
#hcurriculum ul li{
	width:25%;
	float:left;
}
#hcurriculum ul li .hdetail{
	display:block;
	font-size:24px;
	text-align:center;
}
#sknow .slist{
	max-width:1200px;
	margin:0px auto;
	margin-top:65px;
	overflow:hidden;
}
#sknow .slist ul li{
	float:left;
	position:relative;
	text-align:center;
	height: 286px;
}
#sknow .slist ul li .sdescrition.btitle div{
	font-size:20px;
	line-height:30px;
	color: #000;
}
#sknow .slist ul li .sdescrition.btitle h2{
	color: #000000;
    font-size: 22px;
    font-weight: normal;
}
#sknow .slist ul li .sdescrition h2{
	color: #ffffff;
    font-size: 22px;
    font-weight: normal;
}
#sknow .slist ul li .sdescrition div{
	font-size: 18px;
    line-height: 30px;
    color: #fff;
}
#sknow .slist ul li .btitle h2::after,#sknow .slist ul li .sdescrition h2::after{
	content:" ";
	width:70px;
	height:5px;
	background:#24c8ed;
	margin: 25px auto;
	display:block;
}
#sknow .slist ul li .sdescrition{
	position: absolute;
    z-index: 100;
    width: 100%;
    top: 25%;
}
#course-outline{
	background:url("../images/course-outline.jpg") no-repeat;
	width:100%;
	margin-top: -100px;
	padding-top: 130px;
	display: inline-block;
	padding-bottom: 75px;
}
#course-outline .title h1{
	text-align: center;
    margin-top: 80px;
    font-size: 48px;
    font-weight: normal;
    color: #24c8ed;
}
#course-outline .outline-list{
	max-width:1200px;
	margin:0px auto;
	color:#ffffff;
	overflow:hidden;
	    margin-top: 120px
}
#course-outline .outline-list ul{
	width:1100px;
	margin-left: 55px;
}
#course-outline .outline-list .every-list{
	width:1200px;	
	overflow: hidden;
	float: left;
}
#course-outline .line{
	position:relative;
}
#course-outline .outline-list ul li{
	width: 45%;
    margin-bottom: 25px;
    border: 1px solid #24c8ed;
    margin: 15px 24px;
    display: inline-block;
	vertical-align: top;
}
#course-outline .outline-list ul li .outline-step{
	float: left;
    font-size: 72px;
    font-family: Impact;
    background: #24c8ed;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    margin-right: 15px;
}
#course-outline .outline-list ul li .course-content h3{
	font-size:22px;
	color:#24c8ed;
	font-weight:normal;
}
#course-outline .outline-list ul li .course-content div{
	font-size: 16px;
    color: #ffffff;
    margin-top: 15px;
	line-height: 25px;
}
#course-outline .outline-list ul li .course-content{
	margin-top:15px;
}
.oinfo{
	height:360px;
	overflow:hidden;
	position: relative;
}
#course-outline .bx-prev {
    position: absolute;
    top: 30%;
    background: url(../images/outline-arrow-left.png) no-repeat;
    width: 42px;
    height: 142px;
    z-index: 0;
    left: 0;
    margin-left: 0px;
}
#course-outline .bx-next {
    position: absolute;
    top: 30%;
    background: url(../images/outline-arrow-right.png) no-repeat;
    width: 42px;
    height: 142px;
    z-index: 0;
    right: 0;
    margin-right: 0px;
}
#student-case{
	margin-top:50px;
}
#student-case .clist{
	max-width:1200px;
	margin:0px auto;
	margin-top:55px;
}
#student-case .clist li{
	margin:20px 0px;
}
#student-case .clist h2{
	font-size:32px;
	font-weight:normal;
	margin-bottom: 20px;
	margin-left: 13.5%;
}
#student-case .clist li h2 img{
	margin-right:15px;
	position: relative;
    top: -15px;
	margin-left:0px;
}
#student-case .clist li p{
	width:100%;
	text-align:center;
}
#student-case .clist li p img{
	margin-left:65px;
}
#outline-facebook{
	background:url("../images/outline-feedback.jpg") no-repeat;
	width:100%;
	overflow:hidden;	
}
#outline-facebook .facebook-images{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
	padding: 100px 0px 50px 0px;
}
#signkown{
	background:url("../images/to-sign-up.jpg") no-repeat;
	width:100%;
	display: inline-block;
	overflow:hidden;
}
#signkown .kinfo{
	max-width: 1200px;
    margin: 0px auto;
    color: #ffffff;
    padding: 100px 0px 70px 0px;
    overflow: hidden;
}
#signkown .payimage{
	width:34%;
	text-align:center;
	border-right: 1px solid #879da3;
}
#signkown .payimage span{
	display: block;
    font-size: 20px;
    padding-top: 20px;
    line-height: 30px;
}
#signkown .kinfo ul{
	width:59%;
	margin-left:6%;
}
#signkown .kinfo ul li{
	margin-bottom:30px;
}
#signkown .kinfo ul li h4{
	font-size:22px;
	font-weight:normal;
	
}
#signkown .kinfo ul li p{
	font-size:18px;
	line-height: 30px;
}
#signkown .kinfo ul li p .payimage{
	float: right;
    position: relative;
    top: -100px;
}

/***************** end ********************/
#mlist .platlisting{
	overflow:hidden;
	margin-top:25px;
}
.platlisting li{
	float:left;
	width: 20%;
    margin: 10px 2.5%;
}
.portfolio-img {
    overflow: hidden;
    border: 1px solid #e1eeff;
}
.portfolio-img a, .portfolio-img img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.portfolio-img a:hover img {
    transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.platlisting li .portfolio-title h2 {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    background: #f80d4a;
    text-align: center;
}
.portfolio-title a {
    color: #FFF;
}


.video{
	margin-top:35px;
}
.video h3{
	text-align:center;
	font-weight:normal;
	font-size:20px;
	padding-bottom: 20px;
	color:#f80d4a;
}
.vinfo{
	overflow:hidden;
	margin: 30px 0px;
	border-bottom: 2px solid #f4f4f4;
    padding-bottom: 30px;
}
.viewinfo{
	width:880px;
	margin:0px auto;
}
.vinfo ul li{
	width:31.5%;
	position:relative;
	float:left;
	margin: 10px 0.9%;
}
.vinfo ul li span{
	color:#000;
	padding-top: 15px;
    display: block;
}
.container-video-player{
	position: absolute;
    width: 50px;
    height: 50px;
    top: 35%;
    left: 45%;
}


/******* core team *********/

.container{
	margin:0px auto;
	width:1200px;
	padding:90px 10px;
	padding-bottom:100px;
}
.container.nopadding{
	padding:0px;
}
.container > .title{
	margin-bottom:26px;
	text-transform:uppercase;
}
.gridWrapper{
	position:relative;
	margin-bottom:90px;
}
.gridBlock{
	margin:1px 25px;
	width:350px;
	height:476px;
	float:left;
	cursor:pointer;
	position:relative;
}
.gridBlock .desc{
	position:absolute;	
	display:none;
	width: 690px;
	background:#efedcb;
	z-index:10;
	padding:25px 55px;
}

#portrait_two .desc{
	position:absolute;	
	display:none;
	width: 640px;
	background:#efedcb;
	z-index:10;
	padding:25px 55px;
}

.gridBlock .desc .title{
	color:#f80d4a;
	text-transform:uppercase;
	font-size:30px;
	font-weight:400;
	line-height:33px;
	margin-bottom:5px;
	width:500px;
}
.gridBlock .desc .subTitle{
	font-size:18px;
	margin-bottom:18px;
	font-weight:400;
	width:500px;
}
.gridBlock .desc p{
	font-size:14px;
	line-height:30px;
}
.gridBlock .desc p.viewpoint{
	margin-top:30px;
}
.gridBlock .captionWrapper{
	position:absolute;
	width:350px;
	height:65px;
	bottom:0px;
	background:url(../images/gridblock_bg.png) center center no-repeat;
}
.gridBlock .captionWrapper:hover{
	background:url(../images/gridblock_bg_hover.png) center center no-repeat;
}
.gridBlock.act .captionWrapper{
	background:url(../images/black_alpha07_bg.png);
}
.gridBlock .caption{
	width:100%;
	padding:0px 63px 0px 30px;
}
.gridBlock .caption .heading{
	font-size:18px;
	line-height:21px;
	color:#f80d4a;
	font-weight:400;
}
.gridBlock .caption .text{
	font-size:14px;
	line-height:18px;	
	color:#fff;
}
.gridBlock .desc .closeBtn{
	position:absolute;
	width:25px;
	height:25px;
	background:url(../images/gridblock_close.png) right no-repeat;
	right:55px;
	top:40px;
}
#leadership #portrait_one .desc{
	top:0px;
	left:350px;
}
#leadership #portrait_two .desc{
	top:475px;
	left:0px;
}
#leadership #portrait_three .desc{
	top:0px;
	left:-800px;
}

#coopinfo{
	max-width:1200px;
	margin:0px auto;
	padding-top:20px;
}
/***摄影服务**/
#wcan,.photography-data,#cphotography,#cprocess{
		max-width:1200px;
		margin:50px auto 0px auto;
}

#wcan .title,.photography-data .title,#cphotography .title,#cprocess .title{
	text-align:center;
}
#wcan .title h2,.photography-data .title h2,#cphotography .title h2,#cprocess .title h2{
	color:#f80d4a;
	font-size:40px;
	font-weight:normal;
}
#wcan .title .subtitle,.photography-data .title .subtitle,#cphotography .title .subtitle,#cprocess .title .subtitle{
	width: 60%;
	margin: 5px auto;
	font-size: 15px;
	line-height: 25px;
	color:#bcbcbc;
}
.pcasef img{
	padding-top:40px;
}
.photography-data{
	position: relative;
	margin-top:100px;
}
.photography-data .title{
	position: absolute;
	top: -50px;
	left: 18%;
}
#cphotography .clinfo ul{
	font-size:0px;
	margin-top:30px;
}
#cphotography .clinfo ul li{
	display:inline-block;
	margin: 7px;
	position: relative;
	vertical-align: top;
}
#cphotography .clinfo ul li h3 {
	position: absolute;
	top: 145px;
	width: 100%;
	background: #f80d4a;
	color: #fff;
	font-size: 16px;
	padding: 5px 0px;
	opacity: 0.8;
	font-size:15px;
	text-align:center;
}
#cprocess{
	margin-bottom:60px;
}
#cprocess .plinfo ul li{
	display:inline-block;
	margin:0px 3%;
}
#cprocess .plinfo ul{
	text-align:center;
	margin-top: 30px;
}
#cprocess .plinfo ul li h3{
	font-size:20px;
	font-weight:normal;
	color:#f80d4a;
}
#cprocess .plinfo ul li p{
	color:#bcbcbc;
	font-size:15px;
	padding-bottom: 15px;
}
#friendly_link{
	max-width: 1200px;
    clear: both;
    color: #808080;
    margin: 0px auto;
    font-size: 16px;
    margin-top: 20px;
    padding-top: 20px;
}
#friendly_link span{
	float: left;
    padding-top: 5px;
}
#friendly_link ul li{
	float:left;
	margin-right:20px;
}
#friendly_link ul li a{
	color:#808080;
	font-size:14px;
}
/*******直通车案例**********/
.ctrain,#pvdes{
	max-width:1200px;
	margin:20px auto;
}

.xiao {
    background: url(../images/contect3.jpg) no-repeat center center;
    margin: 60px 0;
    height: 45px;
}
.case_title {
    background: url(../images/pic4.jpg) no-repeat;
    width: 487px;
    height: 103px;
    margin: 0 auto;
    text-align: center;
    color: #f80d4a;
    font-size: 32px;

    padding-top: 40px;
}
.case_title p {
    color: #666;
    font-size: 20px;
    line-height: 40px;
    font-weight: normal;
}
#pvtleft{
	width:57%;
}
#pvtright{
	width:40%;
	margin-left:3%;
}

#pvtright h2 {
    font-size: 28px;
    margin: 30px 0;
    color: #333;
	font-weight: normal;
}
#vcform{
	line-height:30px;
}
#vcform h3{
	font-size:18px;
	color:#333;
	margin-top:20px;
}
/*******品牌出海*********/
#crossBorder,#sItems .content,#sintroduction .content,#registration .regContent,#cplatform{
	max-width:1200px;
	margin:0px auto;
	overflow:hidden;
}
#crossBorder .cbdesc{
	width:50%;
	margin-top:80px;
}
.stitle span{
	color:#e21b46;
	
}
.stitle h2{
	font-size:46px;
	letter-spacing: 2px;
	font-weight: normal;
}
.stitle h2 span{
	font-weight: bold;
}
.stitle p span{
	font-size:16px;
	position:relative;
	top:-6px;
	letter-spacing: 2px;
}
#crossBorder .introduction{
	margin-top:40px;
	line-height:30px;
	color: #333333;
	text-indent: 2em;
}
#crossBorder .advList{
	margin-top:10px;
}
#crossBorder .advList ul li{
	color:#e21b46;
	float:left;
	width:50%;
	margin:10px 0px;
}
#crossBorder .advList ul li span{
	font-weight:bold;
	margin-right:10px;
}
#crossBorder .advList ul li a{
	border: 1px solid #ccc;
    border-radius: 20px;
    padding: 7px 22%;
	color:#aaa;
	display: inline-block;
    margin-top: 10px;
}
#crossBorder .advList ul li a:hover{
	background:#e21b46;
	color:#ffffff;
	border:none;
}
/*****服务项目******/

#sItems{
	background:url("../images/sea-services.jpg") no-repeat;
	background-position: center;
	height: 803px;
}
#sItems .content{
	padding-top:75px;
}
#sItems .ItemsList{
	margin-top:50px;
	overflow:hidden;
}
#sItems .ItemsList ul{
	margin-right: -35px;
    overflow: hidden;
}
#sItems .ItemsList ul li{
    width: 372px;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    margin-right: 35px;
	padding-bottom: 30px;
}
#sItems .ItemsList ul li .projectitem {
    width: 372px;
    height: auto;
    position: relative;
}
#sItems .ItemsList ul li .projectitem .project_info {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all ease-out .3s;
}
#sItems .ItemsList ul li .projectitem .project_info p{
	text-align: center;
    margin-top: 90px;
	display:none;
	transition: all ease-out .3s;
}
#sItems .ItemsList ul li:hover .projectitem .project_info{
	background: #f90d4b;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    transition: all ease-out .3s;
	border-radius:5px;
}
#sItems .ItemsList ul li:hover .projectitem .project_info p{
	display:block;
	transition: all ease-out .3s;
}
#sItems .ItemsList ul li:hover .server-name{
	color:#e21b46
}

#sItems .ItemsList ul li:hover .server-name .underline{
	background:#e21b46;
}

#sItems .ItemsList ul li .server-title a:hover{
	border-bottom:none;
	padding-bottom: 0px;
}
#sItems .ItemsList ul li .ico-image {
    float: left;
    width: 42px;
    height: 42px;
    padding: 0px 20px 0px 30%;
}

#sItems .ItemsList ul li .server-title{
	margin: 30px 0px 20px 0px;
    overflow: hidden;
    height: auto;
    display: block;
}
#sItems .ItemsList ul li .server-name {
    float: left;
    width: 140px;
    font-size: 18px;
}
#sItems .ItemsList ul li .server-name span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
	text-transform: uppercase;
}
#sItems .ItemsList ul li .short-desc{
	clear: both;
    text-align: center;
	color: #333333;
}
#sItems .ItemsList ul li .server-name .underline{
	width:35px;
	height:2px;
	background:#505050;
	margin-top: 25px;
}
#sItems .MoreFu{
	margin: 50px auto 42px auto;
    border: 1px solid #e21b46;
    text-align: center;
    width: 10%;
    border-radius: 20px;
    padding: 5px 0px;   
}
#sItems .MoreFu a{
	font-size: 12px;
    color: #e21b46;
}
/********火蝠简介*****/
#sintroduction{
	background:url("../images/sea-bat-int.jpg") no-repeat;
	color:#ffffff;
	background-position: center;
	height: 406px;
}
#sintroduction .seaAbout{
	width:40%;
	margin-top: 50px;
}
#sintroduction .seaimage{
	width:50%;
	margin: 50px 0px 0px 10%;
}
#sintroduction .seaAbout .stitle p,#registration .stitle p{
	margin-top:10px;
	letter-spacing: 2px;
}
#sintroduction .HfDesc{
	line-height: 30px;
    color: #a3a4a7;
    text-indent: 2em;
    margin-top: 30px;
}
#sintroduction .even a{
	margin-top: 15px;
    display: block;
    text-align: right;
    color: #a3a4a7;
	font-size:12px;
}
#sintroduction .even a:hover{
	color:#e21b46;
}
/***合作平台***/
#cplatform {
	margin-top:100px;
}
#cplatform .platformList ul li{
	display: inline-block;
    padding: 15px 4.5%;
    border-left: 1px solid #ccc;
    margin: 70px 0px;
}
#cplatform .platformList ul li:last-child{
	border-right:1px solid #ccc;
}
/***报名方式**/
#registration{
	background:url("../images/sea-sign-up-entry.jpg") no-repeat;
	background-position: center;
	height: 522px;
}
#registration .loginWay{
	width:42%;
	float:right;
	padding:90px 0px 50px 0px;
}
#registration .stitle{
	border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}
#registration .regWay .list .big{
	font-size:18px;
}
#registration .regWay .list .big span{
	color:red;
	font-weight: bold;
}
#registration .regWay .list{
	margin: 30px 0px;
}
#registration .regWay .list .indentation{
	margin-left: 23px;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 5px;
	color: #a3a4a7;
}
#registration .regWay .list .entrance{
	background: url(../images/sea-button-link.png) no-repeat;
    width: 144px;
    height: 33px;
    display: block;
    margin-top: 25px;
    text-align: center;
    line-height: 33px;
    color: #fff;
}
#registration .regWay .list .mred{
	margin-top: 19px;
    font-size: 16px;
    color: #e21b46;
}
#registration .qcode{
	margin-top: 30px;
}
#registration .stitle .subtitle{
	color:#e21b46;
}


#prenext {
    background: #f7f7f7;
    overflow: hidden;
    padding: 12px 30px;
    font-size: 14px;
    color: #666;
}
#prenext .prev{
    width: 48%;
    overflow: hidden;
    height: 22px;
}
#prenext .next{
    width: 48%;
    overflow: hidden;
    height: 22px;
}
#prenext a {
    color: #333;
}
/***************拼多多***************/


#poperating{
	max-width:1200px;
	margin:50px auto;
	position:relative;
	overflow:hidden;
}
#poperating .pincode{
	width:41%;
	font-size: 0;
}
#poperating .pinadvantage{
	width:59%;
	margin-top: 15px;
}
.pinadvantage .title h2,#psersys .title h2{
	color:#e1114e;
	font-size:40px;
	border-left:5px solid #e1114e;
	padding-left:10px;
	letter-spacing:4px;
}
.pinadvantage .title h2 span,#psersys .title h2 span{
	font-weight:normal;
}
.pinadvantage .title p,#psersys .title p{
	padding-left:18px;
	color:#999999;
}
.pinadvantage .list{
	display: inline-block;
	margin-top: 45px;
}
.pinadvantage .list ul li{
	float:left;
	width: 50%;
	margin: 20px 0px;
}
.pinadvantage .list ul li span{
	color:#e1114e;
	font-size: 16px;
}
.pinadvantage .list ul li p{
	color:#999999;
	padding: 5px 0px 0px 12px;
}
#poperating .pbg{
	background: #ebebeb;
	height: 290px;
	width: 100%;
	position: absolute;
	z-index: -1;
	bottom: 0;
}
#psersys{
	max-width:1200px;
	margin:60px auto;
	overflow: hidden;
}
#psersys .title{
	overflow:hidden;
}
#psersys .psersys-content{
	margin-top:50px;
}
#psersys .power{
	padding-top: 10px;
}
.pin-server-system-i{
	width:43.2%;
}
.pin-server-system-i p{
	text-align: center;
	margin-top: 45px;
	font-size:18px;
	color:#999999;
}
.pin-server-system-i p span{
	color:#e1114e
}
.server-system-content{
	width:56.8%;
	
}
#psersys .server-system-content .title{
	padding-left:5%;
	overflow: hidden;
	margin-bottom: 30px;
}
.system-contentt-list{
	background:#e1114e;
	padding: 35px 0px 40px 5%;
}
.system-contentt-list ul li{
	padding:30px 0px;
	color:#ffffff;
	position:relative;
}
.system-contentt-list ul li::before{
	content:"";
	width:50px;
	height:1px;
	background:#ffffff;
	position:absolute;
	top: 15px;
}
.server-system-content .power{
	margin-right:34.6%;
}
#corewrap,#spellwrap{
	width:100%;			
	margin-top: 50px;
	overflow: hidden;
	position:relative;
}
#corewrap .cbg{
	position: absolute;
	height: 720px;
	width: 100%;
	z-index: 111111;
	background: #f3f3f3;
	bottom: 0;
	z-index: -1;
}
.cservices{
	max-width:1200px;
	margin:30px auto;
	text-align:center;
}
.core-service-list{
	margin-top:50px;
}
.cservices .core-service-list ul{
	text-align: left;
	margin-right: -90px;
	font-size: 0;
}
.cservices .core-service-list ul li{
	display:inline-block;
	margin-right: 90px;
	margin-bottom:30px;
	width:26.25%;
	vertical-align: top;
	position:relative;
}

.core-service-list ul li .title{
	padding: 23px 30px 23px 65px;
	background:#ffffff;
	transition:all ease-out .3s;
	position: relative;
	z-index: 444;
}
.core-service-list ul li .title h2{
	font-size:18px;
	font-weight:normal;
	position:relative;
}
.core-service-list ul li .title h2::before{
	content: "";
	width: 20px;
	height: 4px;
	background: #e1114e;
	position: absolute;
	left: -45px;
	top: 10px;
}
.core-service-list ul li .title  p{
	font-size: 14px;
	color: #999999;
	padding-top: 10px;
}		
.cservices .core-service-list ul li:hover .title{
	background: #e1114e;
	color: #ffffff;
	display: block;
	margin-top: -10px;
	position: relative;
	margin-right: -10px;
	position: absolute;
	z-index: 444;
	margin-left: 10px;
	transition:all ease-out .3s
}
.cservices .core-service-list ul li:hover .title p{
	color:#ffffff;
	transition:all ease-out .3s
}		
.core-service-list ul li:hover .title h2::before{
	background: #ffffff;
}
.core-service-list ul li:hover .title h2::after{
	content: "";
	width: 20px;
	height: 4px;
	background: #ffffff;
	position: absolute;
	transform: rotate(90deg) translateY(-100%);
	left: -49px;
	top: 10px;
	transition:all ease-out .3s
}
.pincase{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
}
.pin-success-case-list{
	margin-top:50px;
}
.pincase .pin-success-case-list ul{
	text-align:left;
	margin-right:-20px;
	font-size:0px;
}
.pincase .pin-success-case-list ul li{
	display:inline-block;
	margin:0px 20px 20px 0px;
}
.pincase .pin-success-case-list ul li p{
	font-size:14px;
	padding:20px 0px 0px 60px;
	position:relative;
}
.pincase .pin-success-case-list ul li p::before{
	content: "";
	width: 45px;
	height: 2px;
	background: #e1114e;
	position: absolute;
	left: 0px;
	top: 30px;
}
.pincase .pin-success-case-list ul li p span{
	color:#e1114e;
}

.pincase .pin-success-case-list ul li.white p::before{
	content: "";
	width: 45px;
	height: 2px;
	background: #ffffff;
	position: absolute;
	left: 0px;
	top: 30px;
}
	
.pincase .pin-success-case-list ul li.white p span{
	color:#ffffff;
}
.online-contact{
	margin-top:30px;
	overflow:hidden;
	color:#ffffff;
}
.online-contact ul{
	float:left;
	margin-right:85px;	
}
.online-contact ul li p {
	font-size: 14px;
	position: relative;
	padding-bottom: 8px;
	text-align:left;
	padding-left:30px;
}
.online-contact ul li p::before {
	content: "";
	height: 1px;
	width: 15px;
	background: #ffffff;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}
.online-contact ul li p label{
	text-transform:Uppercase;
	padding-left:15px;
	font-size:12px;
}
.online-contact .title{
	text-align:left;
	letter-spacing:2px;
}
.online-contact .title p{
	font-size:28px;
}
.online-contact .title p span{
	font-weight:bold;
	font-size:28px;
}
.online-contact .title span{
	text-transform:Uppercase;
	font-size:12px;
}
.online-contact ul li{
	margin: 25px 0px;
}
.online-contact ul li input.input{
	padding:10px;
	outline:none;
	width:370px;
	border:none;
}
.online-contact ul li textarea{
	width:460px;
	outline:none;
	border:none;
	padding:10px;
}
#spellwrap .cbg{
	background:#e1114e;
	width:100%;
	height:500px;
	position:absolute;
	z-index:-1;
	bottom:0px;
}
.online-contact ul li .submit{
	background:#b3093b;
	border:none;
	width:159px;
	height:119px;
	color:#ffffff;
	font-size:18px;
	outline:none;
}
.pinerror .error_msg{
	color: #ffffff;
    line-height: 35px;
    text-align: left;
}
.pinsuccess{
	color:#ffffff;
	padding:50px 0px;
	font-size:18px;
}

/***********直播运营************/
#wlive .content,#conditions .content,#service-capability .content,#good-categories .content,#service-live-platform .content,#star-lecturer .content,#studio .content,#live-process .content,#detailed-rules .content,#live-case .content{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
}
.common_title_c{
	font-size:42px;
	letter-spacing: 1px;
	font-weight:normal;
}

.common_title_c span{
	font-weight:bold;
	color:#f80d4a;
    font-family: yahei;
}
.common_title_e{
	font-size:16px;
	color:#666666;
	padding-top:5px;
}

#wlive{
	margin-top:100px;
}
.live-broadcast-course{
	margin-top:85px;
	position:relative;
}

.live-broadcast-course::after{
	content: '';
    display: block;
    background: url(../images/left-arrow.png) no-repeat;
    width: 100%;
    height: 39px;
    position: absolute;
    top: 138px;
    z-index: 0;
}

.live-broadcast-course ul li{
	display: inline-block;
    width: 30%;
    margin: 0px 18px;
	vertical-align: top;
}
.live-broadcast-course ul li .box{
	width: 23px;
    height: 23px;
    text-align: center;
    border: 20px #fee6ed solid;
    border-radius: 50%;
    background: #f80d4a;
	margin:40px auto;
	position:relative;
	z-index:2;
}
.live-broadcast-course ul li .b-course-desc-each h3{
	font-weight:bold;
	font-size:30px;
}
.live-broadcast-course ul li .b-course-desc-each p{
	padding: 15px 75px;
    font-size: 16px;
    color: #666666;
    text-align: left;
    line-height: 30px;
}

#conditions{
	background: #f2f2f2;
    padding-top: 80px;
	padding-bottom:100px;
}
.conditions-list{
	margin-top:70px;
}
.conditions-list ul{
	margin-right:-29px;
	overflow:hidden;
}
.conditions-list ul li {
	background: #ffffff;
    float: left;
    margin-right: 29px;
    width: 278px;
	height:285px;
	padding: 50px 0px;
	transition: all ease-out .3s;
}
.conditions-list ul li h3{
	font-size:28px;
	font-weight:bold;
	color:#f80d4a;
	line-height: 35px;
	padding: 10px 60px;
	transition: all ease-out .3s;
}
.conditions-list ul li span{
	text-transform: uppercase;
	font-size:12px;
	color:#666666;
	transition: all ease-out .3s;
}
.conditions-list ul li:hover{
	background:#f80d4a;
	transition: all ease-out .3s;
}

.conditions-list ul li:hover h3,.conditions-list ul li:hover span{
	color:#ffffff;
	transition: all ease-out .3s;
}

.conditions-list ul li:hover .iconfont-conditions{
	color:#de083f;
	transition: all ease-out .3s;
}

#service-capability{
	margin: 100px 0px;
}

.oss-list{
	margin-top:60px;
}
.oss-list ul li{
	display: inline-block;
    margin: 11px;
    width: 22.7%;
	height:169px;
    background: #f8f8f8;
    vertical-align: top;
    transition: all .3s ease;
}
.oss-list ul li:hover {
	margin-top:-1px;
    transition: all .3s ease;
	margin-bottom: 13px;	
}
.oss-list ul li i{
	width: 38%;
    float: left;
    text-align: left;
    background: #ececec;
	padding: 31px 0px 55px 0px;
	transition: all ease-out .3s;
}
.oss-list ul li .service_list_dec_txt{
	width: 47%;
    margin-left: 10%;
    float: left;
    padding-top: 20px;
	text-align:left;
}
.oss-list ul li .service_list_dec_txt h3{
	font-size: 24px;
	color:#f80d4a
}
.oss-list ul li .service_list_dec_txt h3::after{
	content:'';
	display:block;
	width:20px;
	height:1px;
	background:#f80d4a;
	text-align: left;
    margin-top: 10px;
}
.oss-list ul li .service_list_dec_txt p{
	padding-top:10px;
	color:#666666;
	line-height:25px;
	font-size:14px;
}

#good-categories{
	background:#f80d4a;
	color:#ffffff;
	padding:70px 0px;
}

#good-categories .common_title_c span,#good-categories .common_title_e{
	color:#ffffff;
}
.good-categories-list{
	margin-top:60px;
	position:relative;
}
.good-categories-list::after{
	content: '';
    display: block;
    border-bottom: 1px dotted #c50436;
    position: absolute;
    top: 260px;
    width: 100%;
}
.good-categories-list ul li{
	display: inline-block;
    width: 200px;
    padding: 60px 47px 0px 47px;
    vertical-align: top;
    text-align: center;
    border-right: 1px dotted #c50436;
    height: 200px;
}
.good-categories-list ul li h3{
	font-size:18px;
}
.good-categories-list ul li:nth-child(4){
	border-right:none;
}
.good-categories-list ul li:last-child{
	border-right:none;
}
#service-live-platform{
	margin-top:100px;
}
.common_title_en{
	text-transform:uppercase;
	color:#666666;
	letter-spacing: 1px;
}
.live-platform-list{
	margin-top:60px;
	margin-right:-75px;
	overflow:hidden;
}


.electricity-live-platform{
	display:inline-block;
	margin-right: 75px;
}
.electricity-live-platform span{
	font-size:12px;
	text-transform:uppercase;
	color:#666666;
}

.electricity-live-platform ul {
	margin-right:-50px;
	margin-top: 30px;
	overflow:hidden;
}
.electricity-live-platform ul li{
	width: 140px;
    height: 85px;
    background: #f80d4a;
    border-radius: 50%;
    float: left;
    margin-right: 50px;
    padding-top: 55px;
}

.electricity-live-platform h3{
	font-size:32px;
	font-weight:normal;
}
.electricity-live-platform h3 span{
	font-weight: bold;
    font-size: 32px;
    color: #000;
}

#service-live-platform .live-platform-desc{
	font-size:18px;
	margin-top:60px;
}

#service-live-platform .live-platform-desc span{
	color:#f80d4a;
	font-weight:bold;
}

#studio{
	padding: 70px 0px;
    background: #f80d4a;
    overflow: hidden;
	
}
#studio .common_title_c span,#studio .common_title_c,#studio .common_title_e {
    color: #ffffff;
}
.studio-list{
	margin-top:60px;
}

.studio-list ul li{
	width:399px;
	float:left;
	margin-right: 1px;
}
.studio-list ul li h3{
	font-size:24px;
	color:#ffffff;
	margin-top: -30px;
	font-weight:normal;
}
.studio-list ul li h3 span{
	font-weight:bold;
}
.studio-list-each-desc{
	margin-top:40px;
}
.studio-list-each-desc-top{
	margin-bottom:40px;
}
.live-process{
	margin-top:60px;
}
.live-process-each-desc .box{
	width:190px;
	height:190px;
	background:#eaeaea;
	border-radius:50%;
	transition: all ease-out .3s;
}
.live-process-each-desc:hover .box{
	background:#f80d4a;
	color:#ffffff;
	transition: all ease-out .3s;
}
.live-process-each-desc:hover .iconfont-iconarrdown{
	color:#ffffff;
	transition: all ease-out .3s;
}

.live-process-each-desc .box h3{
	font-size:20px;
	padding-top:5px;
	padding-bottom:10px;
	font-weight:normal;
}

.live-process-each-desc .box i.iconfont-process{
	padding-top: 35px;
    display: block;
}

.p-list{
	float:left;
	margin: 0px 8px;
}
#live-process{
	margin-top:100px;
	overflow: hidden;
}
.live-process-arrow{
	margin-top:90px;
}
.process-txt{
	padding-top: 25px;
    text-align: left;
    margin-left: 65px;
}

.process-txt ul li{
	padding: 5px 0px;
    font-size: 16px;
    list-style: disc;
    color: #f80d4a;
}
.process-txt ul li span{
	color:#333333;
}

#detailed-rules{
	margin-top:50px;
	background:url("../images/live-detailed-rules-bg.jpg") no-repeat;
	width:100%;
	height:1936px;
	background-position:center;
}
#detailed-rules .content{
	padding-top:80px;
}
.rules-list{
	text-align:left;
}
.detailed-list-each{
	margin:55px 0px;
}
.detailed-list-each h3{
	background: #f80d4a;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 25px;
}
.detailed-list-each h3 img{
	position:relative;
	top:3px;
}
.detailed-list-each h3 span{
	padding-left:25px;
}
.live-before ul{
	margin-right:-160px;
	margin-top:35px;
}
.live-before ul li{
	margin-right:160px;
}
.detailed-list-each ul li{
	display:inline-block;
	text-align:center;
}
.detailed-list-each ul li p{
	font-size:16px;
	font-weight:bold;
}
.detailed-list-each ul li p:after{
	content:'';
	display:block;
	width:20px;
	height:1px;
	background:#f80d4a;
	margin:20px auto;
}
.detailed-list-each ul li img{
	border:1px solid #f80d4a;
}
.live-middle ul{
	margin-right:-24px;
	text-align: center;
	margin-top:35px;
}
.live-middle ul li{
	margin-right:24px;
}
.live-after ul{
	margin-right:-30px;
	overflow:hidden;
	text-align: center;
	margin-top:35px;
}
.live-after ul li{
	margin-right:30px;
}
#live-case{
	margin-top:100px;
}
.live-case-list .live-case-each{
	text-align:left;
	margin:50px 0px;
}
.live-case-each h3{
	font-weight:bold;
	font-size:30px;
	color:#f8154e;
}

.live-case-each h3 span{
	padding-left: 30px;
    font-weight: normal;
    letter-spacing: 2px;
	color:#bfbfbf;
}

.live-case-list .live-case-each p{
	font-size:16px;
	padding:20px 0px 40px 0px;
}

.live-case-list .live-case-each p span{
	color:#f8154e;
}
.live-case-list .live-case-each ul{
	margin-right:-28px;
	overflow:hidden;
}
.live-case-list .live-case-each ul li{
	float:left;
	margin-right:28px;
}
.live-case-list .live-case-each ul li img{
	border:1px solid #f80d4a;
	
}

#star-lecturer .content{
	padding:100px 0px;;
}
#star-lecturer{
	background:url("../images/star-bg.jpg") no-repeat;
	width:100%;
	background-position:center;
	height:877px;
	margin-top:100px;
}
.star-lecturer-list .swiper-slide p{
	opacity:0;
	position:absolute;
	top:0px;
	transition:all ease-out .3s;
	width: 15px;
    height: 0px;
    background: #f80d4a;
    color: #ffffff;
    font-size: 18px;
    padding: 0px 15px;
    left: -20px;
	word-wrap: break-word;
    padding-top: 30px;
}
.star-lecturer-list .swiper-slide p span{
	padding-top:30px;
	display: block;
	font-size: 16px;
}
.star-lecturer-list .swiper-slide img{
	transition:all ease-out .3s;
}
.star-lecturer-list .swiper-slide:hover img{
	transform:scale(1.2);
	transition:all ease-out .3s;
}
.star-lecturer-list .swiper-slide:hover p{
	opacity: 1;
    top: -33px;
	height: 367px;
	transition:all ease-out .3s;
}
.star-lecturer-list .swiper-slide{
	background:none;
}
.star-lecturer-list .swiper-container {
    padding: 100px 20px;
}
.star-lecturer-list>.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 10px;
    width: 100%;
    right: 43%;
}
.star-lecturer-list .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
}
.star-lecturer-list .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f80d4a;
    width: 80px;
    border-radius: 10px;
}
.rjfw{
	background:url("../images/fw-bg.jpg") no-repeat left top;
	width:100%;
	height:858px;
}
#box1{	
	background:url("../images/photography-index-bg.jpg") no-repeat #e0104d;
	width:100%;
	height:714px;
}
#box1 .camera{
	max-width:1200px;
	margin:0px auto;
}
#box1 .box{
    overflow: hidden;
    width: 781px;
    margin: 0px auto;
    padding-top: 150px;
}
.photographic-camera {
	width:418px;
	margin-top: 150px;
}
#centerwell{
	position:relative;
	height:421px;
	margin:0;
	padding:0;
	background:#FFFFFF;
	overflow:hidden;
	width:782px;
	float:left;
}
#centerwell li{
	position:relative;
	width:100px;
	height:421px;
	float:left;
	border-right:#e1114e 1px solid;
	background:#c20b41;
	overflow:hidden;
}
#centerwell li:nth-child(3){
	border-right:none;
}
#centerwell .on .pwell{
	display:none;
}
#centerwell .on .hot_content{
	display:block;
}



.hot_content{
	display:none;
}
.photographic-camera {
	width:308px;
	height:351px;
	background:url("../images/photography-title-bg.jpg") no-repeat #c20b41;
	padding:70px 55px 0px 55px;
	color:#ffffff;	
}
.photographic-camera h2{
	font-size:60px;
	line-height:65px;
	padding:30px 0px 35px 0px;
}
.photographic-camera h2::after{
	content:'';
	width:38px;
	height:1px;
	background:#ffffff;
	display:block;
	margin-top:35px;
}
.photographic-camera h2 span{
	font-weight:normal;
	display:block;
}
.photographic-camera p.subtitle{
	line-height:25px;
}
.hot_content .pho-service-detial{
	position: absolute;
    top: 50px;
    color: #fff;
    0: JIS04;
    left: 65px;
    text-align: left;
}
.hot_content .pho-service-detial h4{
	font-weight: bold;
    font-size: 28px;
    padding-top: 25px;
}
.hot_content .pho-service-detial p{
	line-height: 25px;
    width: 200px;
    padding-top: 15px;
}
#centerwell h3{
	margin:0;
	width:65px;
	height:421px;
	background-color:#ffffff;
	cursor:pointer;
	font-weight:normal;
	padding-left:35px;
}
#centerwell .hot_content{
	position: absolute;
    left: 0px;
    top: 0px;
    height: 421px;
	background: #d60a3f;
	width: 580px;
}
#centerwell .jobs{
	width: 25px;
    display: block;
    float: left;
    font-size: 24px;
    margin-top: 10px;
    margin-left: 5px;
}
span.icon {
   display:block;
   padding-top:30px;
   transition:all ease-out .3s;
}
.icon em{
    margin-bottom: 10px;
    display: block;
    width: 35px;
    height: 2px;
    background: #e11f58;
}

#visual-market{
	background:#f9f9f9;
}
#visual-market .visual_design_wrap{
	max-width:1200px;
	overflow:hidden;
	margin:0px auto;
	padding-top: 55px;
}
.visual_design_list {
    float: right;
    width: 683px;
}
.visual_design_list li {
    width: 100%;
    position: relative;
    border-radius: 5px;
    background: #ffffff;
    margin-bottom: 4px;
    display: table;
    cursor: pointer;
    transition:all ease-out .3s;
}
.market-iconfont {
  font-family: "iconfont" !important;
  font-size: 85px;
  color:#ffffff;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.visual_design_list_num .market-iconfont{
	float:left;
	padding:31px 35px;
	background:#f2f2f2;
	width:80px;
	transition:all ease-out .3s;
}
.visual_design_list_detail{
	float:left;
	margin-left:50px;
	margin-top: 35px;
}

.visual_design_list_detail h3{
	font-size:25px;
	font-weight:bold;
	position:relative;
	padding-left:20px;
}
.visual_design_list_detail h3::after{
	content: '';
    width: 5px;
    height: 27px;
    background: #e1114e;
    display: block;
    position: absolute;
    top: 5px;
	left:0px;
}
.visual_design_list_detail p{
	font-size:16px;
	color:#666666;
	padding-top:15px;
}

.visual_design_list li.on .visual_design_list_num .market-iconfont{
	background:#cc0a43;
	transition:all ease-out .3s;
}
.visual_design_list li.on {
	width: 683px;   
    background: #e1114e;
   margin-left:-25px;
	color:#ffffff;
	transition:all ease-out .3s;
}
.visual_design_list li.on .market-iconfont{
	color:#e1114e;
	transition:all ease-out .3s;
}

.visual_design_list li.on .visual_design_list_detail p{
	color:#ffffff;
	transition:all ease-out .3s;
}

.visual_design_list li.on .visual_design_list_detail h3::after{
	background:#ffffff;
	transition:all ease-out .3s;
}
.visual_design_list li.on .visual_design_list_icon{
	position: absolute;
    top: 0px;
    left: -35px;
    width: 17px;
    height: 27px;
    background: url("../images/pho-arrow-left.png") no-repeat center;
    z-index: 2;
}

.visual_design_computer li {
    width:417px;
    height: 629px;
    display: none;
    transition: 0.3s;
}
.visual_design_computer li.on{
	display:block;
}

.shoot_show_slide1 {
    overflow: hidden;
    position: relative;
}


.shoot_show_slide1 .control_btn1 .prev{
    background: #000000 url(../images/shoot_icon1.png) no-repeat center;
}

.shoot_show_slide1 .control_btn1 .next.active{
    background: #e33239 url(../images/shoot_icon2.png) no-repeat center;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
}

.shoot_show_slide1 .control_btn1{
    width: 104px;
    height: 52px;
    font-size: 0;
    position: absolute;
	top:0px;
   background:#ffffff;
    display: none;
    z-index: 5;
}

.shoot_show_slide1 .control_btn1.on{
    display: block;
}

.shoot_show_slide1 .control_btn1 .prev, .shoot_show_slide1 .control_btn1 .next{
    display: inline-block;
    width: 50%;
    height: 100%;
    transition: 0.3s;
}
.shoot_show_slide1 .swiper-slide img {
    position: absolute;
    top: 0px;
    left: 0px;
}
.shoot_show_slide1 .swiper-slide{
	height:629px;
	overflow:hidden;
}
.common{
	overflow:hidden;
	padding-bottom:60px;
}
.common .huofucase{
	width:200px;
	margin-top: 120px;
}
.common .huofucase span{
	color:#e1114e;
	padding:0px 15px;
}
.common .common-title{
	text-align:center;
	display:block;
	width:600px;
	margin:0px auto;
	
}
.rjfw .common .common-title{
	color:#fff;
	
}
.rjfw .common .common-title p{
	background:url("../images/d-line-fff.jpg") no-repeat bottom center;
	padding:10px 0 15px;
}
.sheji .common .common-title p{
	background:url("../images/d-line-000.jpg") no-repeat bottom center;
}
.f-d-box ul{ 
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
}
.f-d-box ul li{ 
	text-align:center;
	color:#fff;
	display:inline-block;
	margin:50px 100px;
}
.f-d-box ul li p{
	margin:10px 0;
	font-size:16px;
}
.f-d-box ul li p.p-title{
	font-size:20px;
}
.common .common-title h3{
	font-weight:normal;
	font-size:60px;
	padding-top: 70px;
}
.common .common-title h3 strong{
	color:#e1114e;
}
.common .common-title p{
	font-size:16px;
	background:url("../images/d-line.jpg") no-repeat bottom center;
	padding-bottom:10px;
}
.common .common-number{
	width: 200px;
    text-align: right;
    margin-top: -36px;
}
.common .common-number span{
	color:#e1114e;
	font-weight:bold;
}
.flow-promote{
	max-width:1200px;
	margin:50px auto 100px;
}
.promote-list{
	margin-top:20px;
}
.promote_do_list{
	margin-right:-60px;
	overflow:hidden;
}
.promote_do_list li{
	float:left;
	margin-right:60px;
	width:360px;
	transition: 0.3s;
	position:relative;
	overflow:hidden;
	height:511px;
	border-radius: 5px;
}
.promote_do_list_each .normal {
    width: 100%; 
    transition: 0.3s;
}
.promote_do_list_each .normal .normal-content {
    position: absolute;
    top: 40%;
    left: 0px;
    width: 100%;
    text-align: center;
	color:#ffffff;
}
.promote_do_list_each .normal  h2{
	font-size: 42px;
    line-height: 42px;
    margin-top: 30px;
}
.promote_do_list_each .normal  h2::after{
	content:'';
	width:25px;
	height:2px;
	background:#ffffff;
	display:block;
	margin:25px auto;
}
.promote_do_list_each .normal p{
    font-size: 16px;
    padding: 0px 70px;
    line-height: 30px;
}
.promote_do_list_each h2 span{
	font-weight:normal;
	padding-right:15px;
}
.promote_do_list_each .hover {
    width: 240px;
    height: 511px;
    border-radius: 5px;
    background: #e1114e;
    transition: 0.3s;
    opacity: 0;
    padding: 0px 60px;
}
.promote_do_list_each .hover h2 {
    font-size: 40px;
    color: #ffffff;
	padding-top:50px;
	padding-bottom:30px;
}
.promote_do_list_each .hover p.subtitle{
	text-align:center;
	font-size:12px;
	line-height: 15px;
}
.promote_do_list_each .hover p {
    font-size: 14px;
    color: #ffffff;
    padding-top: 8px;
	padding-left: 25px;
}
.promote_do_list_each:hover .normal {
    transform: translateY(-511px);
}
.promote_do_list_each:hover .hover {
    transform: translateY(-511px);
    opacity: 1;
}
.promote-content-list h4{
	font-size:18px;
	color:#ffffff;
	position:relative;
	padding-left:25px;
}
.promote-content-list h4::after{
	content:'';
	position:absolute;
	width:11px;
	height:2px;
	background:#ffffff;
	display:block;
	left:0px;
	top:12px
}
.promote-content-list{
	text-align:left;
	margin-bottom:20px;
}
.cover{
	position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.45;
    top: 0;
}
.service_summary{
	max-width: 1200px;
    margin: 50px auto 100px;
    overflow: hidden;
}
.service_summary_rj{
	margin-top:0;
}
.serviceiconfont{
	font-family: "iconfont" !important;
	font-size: 45px;
	color:#d2d2d2;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.tmalliconfont{
	font-family: "iconfont" !important;
	font-size: 32px;
	color:#d2d2d2;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.service_summary_detail{
	margin-right:-14px;
}
.service_summary_detail_list{
    padding: 40px;
    margin-right: 16px;
    float: left;
    width: 17%;
    text-align: center;
	position:relative;
	transition:all ease-out .3s
}

.service_summary_detail_list i{
	padding-bottom: 30px;
    display: block;
	
}

.service_summary_detail_list h4{
	border-top:1px dotted #cfcfcf;
	padding-top:30px;
	font-size:24px;
	color:#333333;
}
.service_summary_detail_list ul{
	padding-top:10px;
	text-align:center;
	padding-bottom: 30px;
}

.service_summary_detail_list ul li{
	font-size:14px;
	color:#fff;
	margin:5px 10px;
	position:relative;
	padding-left:15px;
	display:inline-block;
}
.service_summary_detail_list p{
	padding-bottom:10px;
	font-size:16px;
	color:#fff;
}
.service_summary_detail_list ul li::after{
	content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    display: block;
    left: 0px;
	display:block;
	
}

.kefuiconfont{
	font-family: "iconfont" !important;
	font-size: 30px;
	color:#d2d2d2;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.service_summary_detail_list .kefu{
	position:absolute;
	width:100%;
	bottom:0px;
	background:#e1114e;
	left:0px;
	padding:5px 0px;
	transition:all ease-out .3s;
	color:#fff;
}
.service_summary_detail_list .kefu span{
	font-size:14px;
	position: relative;
    top: -5px;
	color: #fff;
}
.service_summary_detail_list .kefu a{color:#fff;}
.service_summary_detail_list1,.service_summary_detail_list1 .kefy,.service_summary_detail_list1 ul{
	background:#e1114e;
}
.service_summary_detail_list2,.service_summary_detail_list2 .kefu{
	background:#4D4D4D;
}
.service_summary_detail_list3,.service_summary_detail_list3 .kefu{
	background:#858585;
}
.service_summary_detail_list4,.service_summary_detail_list4 .kefu{
	background:#BABABA;
}
.service_summary_detail_list4{
	margin-right:0;
}
.service_summary_detail_list:hover{
	margin-top:-15px;
	transition:all ease-out .3s;
	color:#ffffff;
	box-shadow: 0 26px 30px -30px #dcdcdc;
    -webkit-box-shadow: 0 26px 30px -30px #dcdcdc;
    -moz-box-shadow: 0 26px 30px -30px #dcdcdc;
}
.service_summary_detail_list:hover ul li,.service_summary_detail_list:hover .kefu span,.service_summary_detail_list:hover .kefuiconfont,.service_summary_detail_list:hover .serviceiconfont,.service_summary_detail_list:hover h4{
	color:#ffffff;
}
.service_summary_detail_list:hover ul li::after{
	background:#ffffff;
}
.service_summary_detail_first .service_summary_detail_list{
	padding:10px 40px;
	margin-bottom:10px;
}
.service_summary_detail_first .service_summary_detail_list h4{
	padding-top:0;
	border-top:none;
	color:#fff;
}
#technology-case{
	background:#f9f9f9;
	padding:50px 0px 70px;
}
.case-iconfont {
  font-family: "iconfont" !important;
  font-size: 50px;
  color:#e3e3e3;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hover-case-iconfont{
	font-family: "iconfont" !important;
	font-size: 50px;
	color:#c81147;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.case-wrap{
	max-width:1200px;
	margin:0px auto;
}
.case-category-list .case-hover{
	background:#e1114e;
	color:#ffffff;
	padding: 19px 0px 16px 0px;
	width:385px;
	display: none;
	position:relative;
	z-index:10;
}

.case-category-list .case-hover i{
	float:left;
	padding:0px 25px;
	margin-top: 10px;
}
.case-category-list .case-hover h3{
	font-size:24px;
}
.case-category-list .case-hover p{
	margin-right:30px;
	font-size:14px;
}
.case-normal{
	padding:16px 0px;
	background:#f1f1f1;
	width:133.5px;
	text-align:center;
	position:relative;
	z-index:5;
}
.case-normal h3{
	font-weight:normal;
	color:#999999;
	font-size:16px;
}
.case-category-list{
	width:1194px;
	overflow:hidden;
	margin-top: 15px;
}
.case-category-list ul.case-category-each{
	font-size:0px;
	height:101px;
	overflow:hidden;
}
.case-category-list ul.case-category-each li{
	height:109px;
	display:inline-block;
	border-right:1px solid #f9f9f9;
	transition:all ease-out .3s;
}

.case-category-list ul.case-category-each li.on .case-normal{
	display:none;
	transition:all ease-out .3s;
}
.case-category-list ul.case-category-each li.on .case-hover{
	display:block;
	transition:all ease-out .3s;
}

.case-cate-img{
	max-width:1200px;
}
.case-analysis{
	width:294px;
	background:#e1114e;
	height:400px;
	color:#ffffff;
	padding:35px 30px;
}
.case-analysis .c-analysis-title span{
	font-size:16px;
	color:#ad0839;
}
.case-analysis  .c-analysis-title h3{
	font-size:18px;
	font-weight:bold;
	padding-top: 5px;
}

.case-condition .instructions-before h4,.case-condition .instructions-after h4{
	font-size:18px;
}
.case-condition .instructions-after{
	margin-top:30px;
}
.case-condition .instructions-before p,.case-condition .instructions-after p{
	padding-top:10px;
}

.c-analysis-title{
	border-bottom:1px dotted #ffffff;
	padding-bottom:40px;
}
.case-condition{
	padding-top:40px;
}
.case-condition a{
	background: #be0d41;
    color: #f51154;
    padding: 3px 5px;
    float: right;
	margin-top: 20px;
}

.case-analysis-content{
	margin-top:20px;
}

.case-analysis-content  li{
	display:none;
}
.case-analysis-content .current{
		display:block;
}


#company_show{
	background:url("../images/company-show-bg.jpg") no-repeat center center;
	width:100%;
	height:656px;
}
.about-hf{
	margin:0px auto;
	padding-top:65px;
}
.about-hf .common{
	color:#ffffff;
}
.about-hf .common .common-title h3 strong{
	color:#ffffff;
}
.about-hf .common .huofucase span,.about-hf .common .common-number span{
	color:#ffffff;
}
.about_show_content{
	margin-top:40px;
}
.about_show_catalogo{
	width:190px;
}
.about_show_catalogo_each{
	background:#c40f44;
	text-align:center;
	padding:81px 0px;
}
.about_show_catalogo_each.on{
	background:#ffffff;
}
.about_show_catalogo_each.on h3{
	color:#333333;
}
.about_show_catalogo_each h3{
	font-size:26px;
	color:#940b33;
}

.about_run_show_detail{
	background:#ffffff;
	margin-left:10px;
	width:900px;
	padding: 40px 50px 0px 50px;
	height:402px;
}
.about-company-profile{
	padding-right:200px;
}
.about-company-profile .d-line-jj{
	width:50px;
	border-bottom:1px solid #000;
	display:block;
	margin:25px 0 5px;
}
.about-company-profile h4{
	overflow:hidden;
	color:#000;
	font-weight:normal;
}
.about-company-profile h4 span.com-title{
	font-size:48px;
	padding-top:0px;
}
.about-company-profile h4 span{
	font-size: 14px;
    padding-left: 10px;
    float: left;
    padding: 30px 10px 0px 0px;
}
.about-company-profile p{
	padding-top: 10px;
    line-height: 30px;
    color: #000;
}
.about_show_catalogo_each.on .about-icon {
	color:#9d0c36;
}
.about-icon {
    font-family: "iconfont" !important;
    font-size: 20px;
    color: #940b33;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.about-hf-peo{
	line-height: 30px;
    color: #666666;
    padding-bottom: 220px;
}

.about_run_show_detail .about_run_show_detail_each.on{
	display:block;
}

.data_wrap{
	max-width:1200px;
	margin:0px auto;
	overflow: hidden;
	box-shadow: 0 26px 40px -26px rgba(0,36,100,.3);
    -webkit-box-shadow: 0 26px 40px -26px rgba(0,36,100,.3);
    -moz-box-shadow: 0 26px 40px -26px rgba(0,36,100,.3);
	position: relative;
    z-index: 999;
    background: #fff;
	margin-top: -50px;
}
.data_wrap .block_box{
	height:172px;
	overflow:hidden;
}
.data_wrap ul li span{
	font-size:50px;
	font-weight:bold;
}
.data_wrap ul li{
	display: block;
	float:left;
}
.data_wrap ul li.data_li{
	font-size:17px;	
	padding:20px 54px;
	border-right:1px dotted #cecece;
	margin-top: 20px;
}
.data_wrap ul li:last-child{
	border-right:none;
}
.data_wrap ul li .data-desc{
	color:#666666;
}
#case{
	background:#f9f9f9;
	width:100%;
	height:464px;
}

#case .case-brand-content{
	max-width:1200px;
	margin:0px auto;
}

.common-brand-case-hf{
	color:#e1114e;
}
.common-brand-case-hf span{
	font-weight:bold;
}

.case-brand-content h3{
	font-size:50px;
	font-weight:normal;
	padding-top: 15px;
}
.case-brand-content h3:after{
	content:'';
	width:37px;
	height:1px;
	background:#e1114e;
	display:block;
	margin:35px 0px;
}

.case-brand-content .common p{
	font-size:16px;
}
#case .case-brand-content .common{
	margin-top:130px;
	width:365px;
	margin-left:55px;
}
.bx-wrapper{
	width:780px;
	margin-top: 120px;
	position:relative;
	
}
.bx-viewport {
    position: relative;
    max-width: 699px;
	height:258px;
    overflow: hidden;
}
.bx-viewport ul {
    position: absolute;
    top: 0px;
    left: 0px;
}
.bx-viewport .content_list{
	width:699px;
	overflow: hidden;
}
.bx-viewport .content_list li a{
	width:232px;
	margin-right:1px;
	background:#ffffff;
	display:block;
	float:left;
	margin-bottom:1px;
	text-align:center;
	padding: 20px 0px;
}
.bx-viewport .content_list li{
	float:left;
	width:699px;
}



.bx-wrapper .bx-controls-direction a i { 
	display: none; 
}
.bx-wrapper .bx-prev { 
	left: inherit; 
	right: 0px; 
	background: url("../images/img001.png") no-repeat center; 
	background-color: #e3e3e3;
	z-index: 2; 
	 transition: all ease-out .3s;
}
.bx-wrapper .bx-next { 
	right: 0px; 
	background: url("../images/img002.png") no-repeat center;
	background-color: #e1114e; 
	border-top: 1px solid #ccc;
	transition: all ease-out .3s;
}

.bx-wrapper .bx-controls-direction a { 
	width: 81px; 
	height:81px; 
	border-radius: 0; 
}

.bx-wrapper .bx-pager.bx-default-pager a { 
	width: 8px; 
	height: 8px; 
	background: rgba(255,255,255,0.4); 
	border-radius: 0px; 
	margin: 10px 0; 
	border: none; 
}
.bx-wrapper .bx-pager { 
	display: block; 
	width: 8px; 
	top: 35px; 
	bottom: inherit; 
	right: 280px; 
}
.bx-wrapper .bx-pager.bx-default-pager .active,.bx-wrapper .bx-pager.bx-default-pager a:hover { 
	background: rgba(255,255,255,1) 
}
.bx-wrapper .bx-pager { 
	bottom: 0px; 
	top: 120px; 
}
.bx-wrapper .bx-controls-direction { 
	display: block; 
}
.bx-wrapper .bx-controls-direction a { 
	display: block; 
}

.bx-controls{
	position: absolute;
    right: 0px;
    top: 0px;
}
.bx-wrapper ul li a:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset;
	transition: all ease-out .3s;
}
/*************** 首页 团队 ***********/
.team-hf{
	max-width:1200px;
	margin:0px auto;
	margin-bottom: 100px;
}
.team-hf .swiper-slide,.team-hf .swiper-wrapper{
	 height: 450px;
}
.team-hf .swiper-slide ul li{
	width: 300px; 
    text-align: left;
	margin:0px 25px;
	display:inline-block;
	position: relative;
}
.team-hf .swiper-slide ul li img{
	position:relative;
	z-index:3;
}
.team-each{
	margin-top:15px;
}
.team-hf .swiper-slide ul li.on .team-normal{
	display:none;
	transition: all ease-out .3s;
}
.team-normal{
	background:#f6f6f6;
	width:150px;
	height:310px;
	position:absolute;
	z-index:2;
	right:0px;
	bottom:0px;
	transition: all ease-out .3s;
}
.team-normal p{
	font-size: 36px;
    font-weight: bold;
    color: #666666;
    width: 30px;
    margin: 0px auto;
    padding-left: 65px;
    padding-top: 20px;
}

.team-hover{
	width:320px;
	background:#e1114e;
	color:#ffffff;
	position:absolute;
	bottom:0px;
	right:0px;
	height:310px;
	display:none;
	transition: all ease-out .3s;
}
.team-hf .swiper-slide ul li.on .team-hover {
	display:block;
}

.team-hover .hover-name {
    font-size: 36px;
    padding-left: 140px;
    padding-top: 20px;
}
.team-hover .hover-subtitle{
	font-size:16px;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom:1px dotted #a60b38;
	margin-right:20px;
	padding-left: 140px;
	transition: all ease-out .3s;
}
.introduce-team{
	padding-top:12px;
	padding-left: 140px;
}
.introduce-team p{
	line-height:35px;
}
.team-hf .swiper-slide ul li.on{
	width:440px;
}
.cover-team{
	width:150px;
	height:310px;
	position:absolute;
	background:#ffffff;
	bottom:0px;
	left:0px;
	z-index:2;
}
.team-each>.swiper-container-horizontal>.swiper-pagination-bullets{
	bottom:0px;
	text-align: center;
}
.team-hf .swiper-pagination-bullet{
	background:#d2d2d2;
}
.team-hf .swiper-pagination-bullet-active{
	background:#e1114e;
}
.team-hf .swiper-pagination-bullet{
	width:15px;
	height:15px;
}
#free_diagnosis.dis-i-bg{
	background:url("../images/free-diagnosis-i-bg.jpg") no-repeat;
	margin-top:0px;
	background-position: center;
}

.user_news {  
  height: 60px;
  line-height: 60px;
  background: #e1114e;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
}

.user_news span {
  color: #EAFF00;
}

.user_news a {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #F90D16;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  margin-left: 46px;
  margin-top: 17px;
}
#news{
	clear:both;
	max-width:1200px;
	margin:50px auto;
}
#news-content{
	width:48%;
	float:right;
	font-family:"Microsoft YaHei";
}
.newstitem{
	padding:15px 0px;
	display: inline-block;
	width:100%;
}
.newsbody{
	width:410px;
	float:left;
}
.newsdate{
	float:right;
}
.newsbody .title{
	color:#000000;
	font-size:16px;
	font-weight:bold;
}
.newsbody .description{
	color:#4d4d4d;
	padding:5px 0px;
	line-height:25px;
}
.newsdate{
	color:#000000;
	font-weight:bold;
}
.newmore a{
	width:15%;
	padding:8px 0px;
	border:2px solid #f80d4a;
	border-radius:25px;
	font-size:24px;
	font-family:Arial;
	clear:both;
	margin-top: 70px;
    display: inline-block;
}
p.newmore a:hover{
	background:#f80d4a;
	color:#ffffff
}
.newmore a{
	color:#f80d4a;
}
#newslist .newstitem{ 
	width:100%; 
	transition:all ease-out .2s; 
	position:relative;
}
#newslist .newscontent{ 
	width:100%; 
	margin:0px auto; 
	display:block; 
	position:relative; 
	z-index:1 
}
#newslist .newsinfo{ 
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
}
#newslist .newstitem:hover i{ 
	font-size:36px; 
	margin-top:20px; 
	color:#fff; 
	text-indent:0px;
}
#newslist .newstitem:hover .newsinfo{ 
	transform:translate3d(-50px,0,0);
	-webkit-transform:translate3d(-50px,0,0);
	-moz-transform:translate3d(-50px,0,0);
}
.new-image{
	height:316px;
	overflow:hidden;
}
.idbrowsernews #newslist .newstitem:hover .newsinfo{ 
	transform:translate3d(0px,0,0);
	-webkit-transform:translate3d(0px,0,0);
	-moz-transform:translate3d(0px,0,0);
}
#newslist .newstitem:hover p,#newslist .newstitem:hover a{ 
	color:#fff
}
.idbrowsernews #newslist .newstitem:hover{ 
	margin-left:0px;
	padding-left:0px;
	padding:15px 10px;
}
#newslist .newstitem:hover{ 
	background:#e1114e;
	margin-left:-60px;
	padding-left:80px;
}
p.newmore{
	width: 100%;
    display: inline-block;
    margin: 0px auto;
    text-align: center;
}
#news .common{
	margin-bottom:20px;
}
#news .common .common-title {
    background: url(../images/hf.png) no-repeat top center;
}
/***********面向客户 2021.3.19************/

.hall-fame{
	max-width:1200px;
	margin:60px auto;
	overflow:hidden;
}
.hall-list{
	margin-top: 40px;
    max-width: 1200px;
    height: 500px;
    overflow-y: scroll;
}
.hall-list ul li{
	float: left;
    width: 30.7%;
    margin: 10px 15px;
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    padding-bottom: 10px;
}
.hall-list ul li a{
	color: #424242;
}
.hall-list ul li a:hover{
	color:#ce1e1d;
}
.hall-list ul li img {
    position: relative;
    top: 15px;
    padding-right: 10px;
    height: 35px;
}
.hall-list ul li span{
	display: block;
    float: right;
    padding-top: 18px;
    margin-right: 20px;

}
.hall-list ul li::after{
	content: '';
    position: absolute;
    width: 80%;
    height: 1px;
    background: #ce1e1d;
    bottom: 0px;
    left: 50px;
}


.frame{
	width:100%;
	background:#f9f9f9;
	padding:30px 0px;
}
.face-customer{
	max-width:1200px;
	margin:50px auto;
	  overflow: hidden;
}
.previous-metting .bx-prev,.walk-previous-metting .bx-prev {
    position: absolute;
     top: 165px;
    background: url(../images/m-left-arrow.png) no-repeat;
    width: 26px;
    height: 26px;
    z-index: 0;
    left: 0;
    margin-left: 0px;
}
.previous-metting .bx-next, .walk-previous-metting .bx-next{
    position: absolute;
    top: 165px;
    background: url(../images/m-right-arrow.png) no-repeat;
    width: 26px;
    height: 26px;
    z-index: 0;
    right: 0;
    margin-right: 0px;
}
.face-customer .item{
	margin:50px 0px;
	position: relative;
}
.face-customer .swiper-container {
    margin: 15px 40px;
}
/************* 抖音小店****************/
.trill{
	max-width:1200px;
	margin:0px auto;
	overflow:hidden;
	margin-top:75px;
}
.trill-img{
	width:42%;
}
.trill-operating{
	width: 58%;
    float: left;
    margin-top: 25px;
}
.dy-selling-title h3,.video-drainage-title h3{
	font-size:48px;
	font-weight:bold;
	color:#e1114e;
}
.dy-selling-title h3::before{
	content:'';
	width:83px;
	height:5px;
	background:#e1114e;
	display:block;
	margin-bottom:10px;
}
.dy-selling-title p,.video-drainage-title p{
	font-size: 48px;
    color: #e1114e;
    line-height: 45px;
}

.dy-selling-title span{
	font-size: 30px;
    text-align: right;
    display: block;
    margin-right: 90px;
    padding-top: 20px;
}
.dy-store-proplem {
	margin-top:45px;
}
.dy-store-proplem ul li{
	font-size: 22px;
    color: #323232;
    float: left;
    width: 31.5%;
    padding: 10px 0px;
    position: relative;
    padding-left: 12px;
}
.dy-store-proplem ul li::before{
	content: '';
    width: 6px;
    height: 6px;
    background: #323232;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 23px;
    left: 0px;
}
.trill-shop{
	background: url("../images/trill-shop-bg.jpg") no-repeat;
    width: 100%;
    height: 337px;
    background-position: center;
    margin-top: 75px;
    overflow: hidden;
}
.trill-s-content{
	max-width:1200px;
	margin:0px auto;
	margin-top:50px;
}
.trill-txt-title{
	background:url("../images/trill-shop-content-bg.png") no-repeat;
	width:298px;
	height:240px;
	color:#ffffff;
	padding:30px 40px 0px;
	margin: 50px 0px 0px 105px;
}
.trill-txt-title p{
	font-size:48px;
	font-weight:bold;
}
.trill-txt-title p::after{
	content:'';
	width:96px;
	height:4px;
	background:#ffffff;
	display:block;
}
.trill-txt-title span{
	font-size:34px;
	display:block;
	padding-top:15px;
}
.trill-video{
	max-width:1200px;
	margin:0px auto;
	margin-top:75px;
}
.trill-video img{
	text-align:center;
	padding-left:150px;
}
.video-drainage-title{
	position:relative;	
    padding-left: 20px;
	margin-top: 75px;
}
.video-drainage-title::before{
	content:'';
	width:6px;
	height:111px;
	background:#e1114e;
	display:block;
	border-radius:5px;
	position:absolute;
	top:0px;
	left:0px;
}
.trill-advantage-hosting{
	max-width:1200px;
	margin:0px auto;
	padding-top:50px;
	overflow: hidden;
}
.trill-advantage-hosting ul li{
	color:#f80d4a;
	float:left;
	width:22.8%;
	background:#e7e7e7;
	padding:20px 0px 20px 25px;
	position:relative;
	font-size:26px;
	transition: all ease-out .4s;
}
.trill-advantage-hosting ul li:hover{	
	background-color: #f80d4a;
    color: #ffffff;
    margin-top: -15px;
    padding: 25px 0px 30px 25px;
    transition: all ease-out .4s;
}
.trill-advantage-hosting ul li.ashes{
	background:#f5f5f5;
}
.trill-advantage-hosting ul li:hover.ashes{
	background-color: #f80d4a;
    color: #ffffff;
    margin-top: -15px;
    padding: 25px 0px 30px 25px;
    transition: all ease-out .4s;
}
.trill-advantage-hosting ul li:hover span{
	color:#ffffff;
}
.trill-advantage-hosting ul li span{
	font-family:Arial;
	font-weight:bold;
	color:#f80d4a;
	font-size:46px;
	display:block;
	font-style: italic 
}
.trill-solution{
	max-width:1200px;
	margin:75px auto 0px auto;
}
.trill-title{
	text-align:center;
}
.trill-solution ul{
	text-align:center;
	margin-top:55px;
}
.trill-solution ul li{
	background:#f80d4a;
	color:#ffffff;
	text-align:center;
	width:242px;
	border-radius:10px;
	height:215px;
	padding:25px 0px 50px 0px;
	display:inline-block;
	vertical-align:top;
	margin:0px 42px;
}
.trill-solution ul li h4{
	font-size: 36px;
    padding-top: 10px;
}
.trill-solution ul li span{
	display:block;
	font-size:12px;
	text-transform: uppercase;
}
.trill-solution ul li p{
	font-size:18px;
	padding-top:25px;
}
.eight-ser-content{
	max-width:1200px;
	margin:75px auto 0px auto;
	position: relative;
    z-index: 9;
}
.trill-eight-service{
	position:relative;
}
.trill-service-bg{
	position: absolute;
    width: 100%;
    height: 1120px;
    background: #f7f7f7;
    z-index: 5;
    top: 300px;
}
.eight-service-list{
	margin-top:55px;
}
.trill-eight-service .eight-service-list ul{
	margin-right:-87px;
	overflow:hidden;
	font-size:0px;
	text-align:center;
}
.trill-eight-service .eight-service-list ul li{
	margin-right: 87px;
    width: 342px;
    display: inline-block;
    vertical-align: top;
    background: #ffffff;
    border-radius: 30px;
    height: 343px;
	margin-bottom:75px
}
.trill-ser-title{
	padding: 15px 20px 10px 45px;
    text-align: left;
	position:relative;
}
.trill-ser-title h4{
	font-size:20px;
	color:#f80d4a;
}
.trill-ser-title p{
	font-size:14px;
	padding-top:5px;
}
.trill-ser-title::after{
	content:'';
	width:5px;
	height:50px;
	background:#e1114e;
	display:block;
	position:absolute;
	top:20px;
	left:25px;	
}
.trill-good-category,.trill-core-advantage{
	max-width:1200px;
	margin:75px auto 0px auto;	
}
.trill-good-category-list ul li{
	display: inline-block;
    width: 16%;
    vertical-align: top;
    margin: 15px 52px;
    text-align: center;
}
.trill-good-category-list ul li p{
	font-size: 22px;
    padding-top: 8px;
}
.trill-good-category-list ul li span{
	padding-top:5px;
	font-size:15px;
	display:block;
}
.trill-good-category-list{
	background: #f6f6f6;
    padding: 70px 0px;
}
.trill-title p{
	font-size:30px;
	padding:20px 0px 40px 0px;
}
.trill-core-adv-list ul{
	text-align:center;
}
.trill-core-adv-list ul li{
	width:307px;
	display:inline-block;
	margin: 0px 40px;
	position:relative;
	color:#ffffff;
}
.trill-core-adv-list ul li h4{
	font-size:36px;
	font-weight:bold;
}
.trill-core-adv-list ul li span{
	font-size:16px;
	text-transform: uppercase;
	letter-spacing:1px;
}
.trill-core-txt{
	position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
}
.hf-concept{
	margin-top:75px;
	text-align:center;
}
.trill-choose-hf{
	max-width:1200px;
	margin:40px auto;
}
.trill-choose-hf ul{
	text-align:center;
}
.trill-choose-hf ul li{
	text-align: center;
    display: inline-block;
    width: 390px;
    background: #f8f8f8;
    vertical-align: top;
    height: 189px;
    padding: 50px 0px 40px 0px;
    margin: 35px 60px;
}

.trill-choose-hf ul li strong{
	font-size:22px;
	color:#f80d4a;
}
.trill-choose-hf ul li h4{
	font-size:25px;
	color:#f80d4a;
	padding-top: 15px;
}
.trill-choose-hf ul li span{
	font-size:12px;
	text-transform: uppercase;
	letter-spacing:1px;
	color:#f80d4a;
}
.trill-choose-hf ul li p{
	font-size:16px;
	color:#555555;
	padding-top:15px;
}
/***********美团外卖*************/

.mode{
	width:1200px;
	margin:60px auto;
}
.mode-title{
	text-align:center;
}
.mode-title h2{
	font-size:26px;
	position:relative;
	display:inline-block;
}
.mode-title h2::after{
	content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #404040;
    position: absolute;
    left: -35px;
    top: 40px;
    padding: 0px 35px;
}
.mode-title h2::before{
	content: '';
    display: block;
    height: 3px;
    background: #e1114e;
    width: 60%;
    text-align: center;
    margin: 0px auto;
    position: relative;
    top: 39px;
    z-index: 9;
}
.mode-title p{
	padding-top:15px;
}
.lb ul {
	text-align:center;
	margin-top:60px;
}
.lb ul li{
	width: 140px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin: 0px 27px;
}
.lb ul li h3{
	padding:25px 0px;
	font-weight: normal;
}
.lb ul li p{
	color:#666666;
}
.teiter {
	background: #f3f3f3;
    overflow: hidden;
    padding: 30px 0px 50px 0px;
}
.teiterlist ul{
	text-align:center;
	margin-top:30px;
}
.teiterlist ul li {
	width:176px;
	background:#ffffff;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	border-radius:10px;
	margin:0px 15px;
	padding:25px 0px;
	height:200px;

}
.teiterlist ul li h3{
	font-weight:normal;
	padding:25px 0px 20px 0px;
}
.teiterlist ul li  p{
	padding:0px 20px;
	color: #666666;
}
.teiterlist ul li img{
	width:78px;
}
.mode-why-hf .mode-title,.in_3 .mode-title{
 color:#ffffff;
}

.mode-why-hf .mode-title h2::before,.mode-why-hf .mode-title h2::after,.in_3 .mode-title h2::before,.in_3 .mode-title h2::after{
    background: #ffffff; 
}
.mode-why-hf{
	background:#e1114e;
	overflow:hidden;
}
.mode-why-hf .hf-icon{
	width:80px;
}
.mode-why-hf .desc{
	width:210px;
	padding-left:25px;
	color:#ffffff;
	text-align:left;
}
.mode-why-hf ul{
	text-align:center;
	margin-top:30px;
}
.mode-why-hf ul li{
	width:30%;
	display:inline-block;
	margin:30px 15px;;
}
.mode-why-hf .desc p{
	padding-top:15px;
}
.in_3{
	margin: 60px auto;
    background: url(../images/in_3_item.jpg) no-repeat;
    width: 1200px;
    height: 592px;
    background-position: center;
    padding-top: 30px;
}
.in_3_item ul{
	text-align:center;
}
.in_3_item{
	margin-top:30px;
}
.in_3_item ul li{
	width:440px;
	display:inline-block;
	vertical-align:top;
	background:#ffffff;
	margin: 20px 55px; 
	padding:30px 0px;
}
.in_3_item ul li span{
	color:#e1114e;
	font-size:18px;
}
.in_3_item ul li h4{
	color:#e1114e;
	font-size:18px;
	padding:10px 0px 20px 0px;
}
.in_3_item ul li p{
	line-height:25px;
	color:#666666;
}
.col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.in_2 .in_2_box {
    padding-top: 70px;
}
.in_2 .border_r {
    border-right: 1px solid rgb(247, 245, 245);
}
.in_2 .border_l {
    margin-left: 50px;
}
.in_2 .border_r {
    border-right: 1px solid rgb(247, 245, 245);
}
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
	text-align: center;
}
.pl-0, .px-0 {
    padding-left: 0 !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.pb-3, .py-3 {
    padding-bottom: 50px !important;
}

.pb-4{
	color:#e1114e;
	font-size:18px;
	margin-left:16.66666%;
	margin-bottom:40px;
}
.font-weight-bold{
	font-size:16px;
	padding-bottom:5px;
}
.subp{
	color:#666666;
}

/*软件开发页面*/
.fw-box ul{
	overflow:hidden;
	padding:20px 0;
}
.fw-box ul li{
	width:25%;
	float:left;
	text-align:center;
}
.fw-box ul li dl.dqt dt{
	font-size:20px;
	padding:15px 0;
}
.fw-box ul li dl.dqt dd{
	font-size:16px;
	padding:10px 20px;
	line-height:26px;
}

.fw-box ul li.fw_li1{
	background:#E1114E;
	padding:20px 0;
}
.fw-box ul li.fw_li1 dl{
	color:#fff;
}
.fw-box ul li.fw_li1 img{ 
	margin-bottom:20px; 
	margin-top:20px;
}
.fw-box ul li.fw_li1 dl dt{
	font-size:20px;
}
.fw-box ul li.fw_li1 dl dd{
	font-size:14px;
	padding:10px 20px;
	line-height:24px;
}
.fw-box ul li.fw_li1 .xq-btn{
	display:inline-block;
	background:#fff;
	text-align:center;
	padding:6px 25px;
	margin-top:15px;
	color:#e1114e;
}
.fw-box ul li:hover{
	margin-top:-15px;
	transition:all ease-out .3s;
	box-shadow: 0 26px 30px -30px #dcdcdc;
    -webkit-box-shadow: 0 26px 30px -30px #dcdcdc;
    -moz-box-shadow: 0 26px 30px -30px #dcdcdc;
}
.rj-al{
	background:url("../images/rj-al-bg.jpg") no-repeat center;
	width:100%;
	height:770px;
}
.rj-case-box ul{
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
	padding:30px 0;
}
.rj-case-box ul li{ 
	width:23.5%;
	float:left;
	margin-right:2%;
}
.rj-case-box ul li:last-child{
	margin-right:0;
}
.rj-case-box ul li p{
	color:#fff;
	text-align:center;
	padding:15px 0;
	font-size:16px;
}
.rj-case-box ul li:hover{
	margin-top:-15px;
	transition:all ease-out .3s;
	box-shadow: 0 26px 30px -30px #dcdcdc;
    -webkit-box-shadow: 0 26px 30px -30px #dcdcdc;
    -moz-box-shadow: 0 26px 30px -30px #dcdcdc;
}
.al-xq-btn{
	text-align:center;
}
.al-xq-btn a{
	display:inline-block;
	border:1px solid #E5C3CC;
	color:#E5C3CC;
	padding:10px 60px;
	margin:60px auto 0;
	font-size:16px;
}
.al-xq-btn a:hover{
	transition:all ease-out .3s;
	background:#f80d4a;
	color:#fff;
}
.jieguo .common .common-title{
	width:100%;
}
#jg-box .flex-control-paging li a{
	border:1px solid #ca1d25;
	margin-left:10px;
	margin-right:10px;
}
#jg-box .flex-control-nav{
	bottom:0;
}
#jg-box .flexslider{
	padding-bottom:40px;
}
.kh-img{
	padding-bottom:20px;
	text-align:center;
}
.lc-img{
	text-align:center;
	padding-bottom:60px;
}
.d-title{
	text-align:center;
	padding:20px 0 50px;
}
.ch1{
	height:413px;
	background:none;
}
.djl-box{
	overflow:hidden;
	max-width:1200px;
	margin:30px auto 60px;
}
.djl-box .djl-img{
	width:478px;
	float:left;
}
.djl-box dl{
	margin-left:510px;
}
.djl-box dl dt{
	font-weight:bold;
	font-size:26px;
	border-bottom:1px solid #ccc;
	padding-top:25px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.djl-box dl dd{
	font-size:18px;
	line-height:38px;
}
.djl-box dl dd span,.djl-box dl dt span{
	color:#E73E6F;
}
.shj-d .common .common-title h3{
	font-size:50px;
}
.hd2{
	max-width:1200px;
	text-align:center;
	background:#F5F5F5;
	position:absolute;
	z-index:200;
	left:50%;
	margin-left:-600px;
	margin-top:-100px;
}
.ch-title{
	background:#F5F5F5;
}
.ch-title .common-title{
	width:100%;
	margin-top:100px;
}
.ch-title .common-title h3{
	font-size:40px;
	color:#e1114e;
	padding-top:50px;
}
.ch-title .common-title p{
	padding-top:5px;
}
.jy-box{
	background:#F5F5F5;
	padding-bottom:50px;
}
.jy-box ul{
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
}
.jy-box ul li{
	width:47%;
	margin-right:6%;
	background:#fff;
	float:left;
	padding:50px 0;
	text-align:center;
	font-size:22px;
}
.jy-box ul li span{
	color:#E21B56;
}
.jy-box ul li span strong{
	font-size:40px;
}
.jy-box ul li:last-child{
	float:right;
	margin-right:0;
}
.jy{
	max-width:1200px;
	margin:50px auto 20px;
}
.ljlx{
	text-align:center;
	margin-bottom:50px;
}
.sjlc{
	max-width:1200px;
	margin:0 auto 50px;
}
.shlct .common-title h3{
	padding-top:20px;
}
.sheying{
	box-shadow:0px 5px 10px #ccc;
	margin-top:-60px;
	height:auto;
	background:#fff;
}
.sheying .common .common-title h3{
	padding-top:50px;
}
.dz-box ul{ 
	overflow:hidden;
}
.dz-box ul li{
	float:left;
	width:28.8%;
	margin-left:3.333%;
	text-align:center;
	padding:0;
	border:none;
	
}
.dz-box ul li p{
	color:#E32059;
	font-size:20px;
	padding:10px 0;
}
.yw{
	text-align:center;
	padding:30px 0 50px;
	font-size:20px;
}
.sy-b{
	background:#BB073C;
	height:900px;
}
.zsm{
	max-width:1200px;
	margin:0px auto 30px;
}
.lbt-box {
	position: relative;
	max-width: 1200px;
	height: 400px;
	margin: 0 auto;
}

.lbt-box .imgs {
	width: 100%;
	height: 100%;
	perspective: 1000px;
}

.lbt-box .imgitem {
	position: absolute;
	width: 338px;
	height: 251px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0;
	transition: .8s;
	opacity: 0;
}

.lbt-box .imgitem img {
	width: 100%;
	height: 100%;
}

.lbt-box .cur-img {
	max-width: 522px;
	z-index: 100;
	opacity: 1;
}

.lbt-box .pre-img {
	transform: translateX(-338px) rotateY(30deg) scale(0.8);
	z-index: 9;
	opacity: 0.9;
}

.lbt-box .next-img {
	transform: translateX(338px) rotateY(-30deg) scale(0.8);
	z-index: 9;
	opacity: 0.9;
}
.lbt-box .pre{
	background:url('../images/left.png') no-repeat center;
	border:none;
	width:27px;
	height:48px;
	position:absolute;
	left:0;
	top:170px;
	cursor:pointer;
}
.lbt-box .next{
	background:url('../images/right.png') no-repeat center;
	border:none;
	width:27px;
	height:48px;
	position:absolute;
	right:0;
	top:170px;
	cursor:pointer;
}
.kehu{
	background:#F5F5F5;
	padding-bottom:30px;
}
.syfw{
	padding-top:40px;
}
.zd{
	background:#E1114E;
}
.zd img{
	max-width:1200px;
	display:block;
	margin:0 auto;
}

#hserver{
	width:100%;
	margin:60px auto 0px auto;
	text-align:center;
}

#hserver .title::after,#hprob .title::after,#hnew .title::after,#hteam .title::after,#hcase .title::after,#hz-adv .title::after {
    content: " ";
    width: 35px;
    height: 4px;
    background: #f80d4a;
    display: block;
    margin: 20px auto 0px auto;
}
#hserver .title h2,#hprob  .title h2{
	font-size:26px;
	color:#1d1d1d;
	color:#F80D4A;
}
#hserver .title p,#hprob .title p{
	color: #807c7c;
    padding-top: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
}
#hserver .subtitle{
	color:#807c7c;
	padding-top:20px;
	margin-bottom: 10px;
}
#hserver .slist{
	width:100%;
	overflow:hidden;
	margin:0px 0px 30px 0px;
}
#hserver .slist ul{
	overflow:hidden;
	text-align:center;
	max-width:1200px;
	margin:0 auto;
}
#hserver .slist ul.list2{
	padding:30px 0;
}
#hserver .slist ul.list2 li{
	width:50%;
}
#hserver .slist ul li{
    width: 33.333%;
    padding: 25px 0px;
    float: left;
}
#hserver .slist ul li h3{
	padding-top:15px;
	font-size:16px;
}
#hserver .slist ul li span{
	padding-top: 5px;
    display: block;
	color: #807c7c;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 12px;
}
#hserver .slist ul li:hover h3,#hserver .slist ul li:hover span{
	color:#f80d4a;
}
.tian-box{
	max-width:1200px;
	margin:20px auto;
}
#hprob{
	max-width:1200px;
	margin:60px auto;
	text-align:center;
}
#hprob .prlist ul{
	position:relative;
	height:487px;
}
#hprob .prlist ul li{
	display: inline-block;
    width: 49%;
    vertical-align: top;
    margin: 5px 3px;
    overflow: hidden;
	position:absolute;
	left:0;
	top:0;
}
#hprob .prlist ul li.wli1{
	width:590px;
	height:200px;
	position:absolute;
	left:0;
	top:0;
}
#hprob .prlist ul li.wli2{
	width:590px;
	height:277px;
	position:absolute;
	left:600px;
	top:0;
}
#hprob .prlist ul li.wli3{
	width:590px;
	height:277px;
	position:absolute;
	left:0;
	top:210px;
}
#hprob .prlist ul li.wli4{
	width:590px;
	height:200px;
	position:absolute;
	left:600px;
	top:287px;
}
#hprob .prlist ul li .prcontent{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	z-index:5;
	background:#000;
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
    -khtml-opacity: 0.7;  
    opacity: 0.7;  
	color: #fff;
}
#hprob .prlist ul li .prcontent h3{
	margin-top:30px;
	font-size:18px;
}
#hprob .prlist ul li .prcontent h3::after{
    content: " ";
    width: 100px;
    height: 2px;
    background: #ffffff;
    display: block;
    margin: 15px auto;
}
#hprob .prlist ul li .prcontent p{
	width: 60%;
    margin: 0px auto;
}
#hprob .prlist ul li .prcontent a{
	display: block;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    width: 20%;
    margin: 25px auto 0px auto;
    padding: 5px;
}
#hprob .prlist ul li:hover .prcontent{
	background:#f90d4b;
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	transition: all ease-out .3s;
}
#hprob .prlist ul li .pimages img{
	transition: all ease-out .3s;
}
#hprob .prlist ul li:hover .pimages img{
	transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2); 
	-webkit-transform:scale(1.2,1.2); 
	-o-transform:scale(1.2,1.2); 
}
#hprob .common-title h2,#hcase .common-title h2,#hz-adv .common-title h2,#hnew .common-title h2,#hserver .common-title h2{
	color:#F8104C;
}
#hprob .common-title p,#hcase .common-title p,#hz-adv .common-title p,#hnew .common-title p,#hserver .common-title p{
	padding:5px 0 10px;
}
#sq-ad{
	background:none;
	padding-top:0;
	margin-top:0px;
	padding-bottom:60px;
}
#sq-ad .adv-list li{
	color:#000;
	margin:10px 10px;
	padding:5px 25px;
}
#sq-ad .adv-list li.on{
	background:#F80D4A;
	border-radius:0;
	color:#fff;
}
#sq-ad .adv-list{
	margin-top:0;
}
.tdui{
	text-align:center;
}
#hz-adv{
	margin:80px auto;
	width:100%;
	text-align:center;
}
.intelligent-list{
	max-width:1200px;
	margin:0px auto;
}
.intelligent-list ul li{
	display: inline-block;
    width: 15%;
    margin: 0px 4.5%;
	position:relative;
}
.intelligent-list ul li .item_des{
	padding-top:65px;
}
.intelligent-list ul li .item_des .practical-scenario{
	font-size:18px;
}
.intelligent-list ul li .item_des div{
	line-height: 20px;
    color: #807c7c;
    padding-top: 10px;
}
.item_info::before{
    content: '';
    width: 11px;
    height: 11px;
    border: 1px solid #cecece;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    margin-left: -8px;
    top: 90px;
    transition: all 0.36s ease;
}
.item_info::after{
    content: '';
    width: 5px;
    height: 5px;
    background: #cecece;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    border-radius: 50%;
    top: 94px;
    transition: all 0.36s ease;
}
#intelligent-engine::after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -107px;
    background: #f3f3f3;
    overflow: hidden;
    z-index: -1;
}
.intelligent-list ul li:hover,.intelligent-list ul li:hover .item_des div{
	color:#f80d4a;
}
.intelligent-list ul li:hover .item_info::before{
    border: 1px solid #f80d4a;  
}
.intelligent-list ul li:hover .item_info::after{
    background: #f80d4a;  
}
#hnew{
	max-width:1200px;
	margin:0px auto;
	text-align:center;
}
.nlist-info ul li{
	display: inline-block;
    vertical-align: top;
    width: 27.7%;
    margin: 0px 2.6%;
	transition: all .3s;
}
.nlist-info ul li img.thumb-img{
	height:231px;
}
.nlist-info ul li:hover{
	box-shadow: 0 0 10px 5px rgba(0,193,222,.2);
	margin-top:-7px;
	transition: all .3s;
}
.nlist-info ul li .tcon{
	text-align:left;
	padding:20px;
	border:1px solid #ccc;
	border-top:none;
	border-radius: 0 0 5px 5px;
	padding-left: 20px;
}
.nlist-info ul li .tcon h3 a{
	font-size:16px;
	color:#f80d4a;
}
.nlist-info ul li .tcon span{
	color: #807c7c;
    padding-top: 5px;
    display: block;
}
.nlist-info ul li .tcon .short-desc{
	padding: 15px 0px 0px 0px;
    line-height: 25px;
}
.nlist-info ul li .tcon .more a{
    padding-top: 15px;
    display: block;
}
#hz-map{
	margin:50px auto;
	width:1200px;
	text-align:center;
}
#rpage li{
	display:inline-block;
	margin:0 10px;
}
#rpage li a{
	color:#000;
}
.desction p{
	margin:10px 0;
}