@font-face { font-family: CenturyGothic; src:url("../fonts/CenturyGothic.TTF"); }
* { font-family: CenturyGothic; padding: 0px; margin: 0px; text-decoration: none; list-style: none; border: none;text-transform: none;}
.nav_throw_bottom{
	padding-right: 18px;
	position:relative;
	margin-right:16px;
	font-weight:bold;
	height: auto !important;
	margin-top: 0 !important;
}
.nav_throw_bottom::before{
	content: "";
	position: absolute;
	right: 0px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #fff;
	transform: translateY(-50%);
	top:50%;
}
/*********样式文件开始**********/
#contact_boxbg{
	width:100%;
	height: 100%;
	float:left;
	background:rgba(44,44,44,.7);
	position: fixed;
	z-index: 9999;
	top:0;
}
#contact_box{
	width:632px;
	height: 600px;
	background: #fff;
	margin:0 auto;
	margin-top:5%;
}
#contact_centent_box{
	/* width:55%; */
	/* height: 82%; */
	/* float:left; */
	/* margin:10% 0 0 15%; */
	/* padding-left:15%; */
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
#contact_click{
	width:43px;
	height: auto;
	float:right;
	text-align: center;
	margin-right: 20px;
	margin-top: 20px;
}
#contact_click img{
	width: 30px;
	height: auto;
	margin-left: 6.5px;
	cursor: pointer;
}
#contact_centent_box h3{
	
	color:#fff;
}

#contact_centent_box input[type=text]{
	border:none;
	width:70%;
	min-width:210px;
	height:35px;
	float:left;
	background:none;
	font-size:0.875em;
	color:#fff;
	margin-bottom:20px;
	border-bottom:#fff solid 1px;
	outline: none;
}
#footer_textarea{
	width: 67%;
    height: 90px;
    margin-top: 20px;
    border-radius: 5px;
   	background:none;
	font-size:0.875em;
	color:#6A6A6A;
	border:#fff solid 1px;
    line-height: 25px;
	padding-left: 3%;
	outline: none;
}

#contact_centent_box input[type=submit]{
	width:70%;
	height: 35px;
	float:left;
	border-radius: 5px;
	background:#fff;
	color:#37B6A4;
	font-size:0.875em; 
	margin-top:20px;
	/*margin-left:15%;*/
	cursor: pointer;
	outline: none;
}
header{
	width:100%;
	min-width: 1194px;
	float:left;
}
#video_box {
	font-size: 0;
	padding: 40px;
	box-sizing: border-box;
	background: #000000;
	width:100%;
	min-width: 1194px;
}
#index_bg{
	width:100%;
	min-width: 1194px;
	height:auto;
	z-index: -99;
	float:left;
	/*position: absolute;*/
}
#index_bg img{
	width:100%;
	height: 100%;
	position: relative;
}
/* #domain_bg{
	width:40%;
	height: 1430px;
	right:10%;
	position: absolute;
	background: url("../images/bg_images/index_bg4.png");
	background-position: center center;
	background-size: 100% 100%;
	border:solid 1px red;
} */
#index_connect span {
	width: 15px;
	height: 15px;
	float: right;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.5s infinite alternate;
}
#index_engage span {
	width: 15px;
	height: 15px;
	float: left;
	background: #fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.8s infinite alternate;
}
#index_establish span {
	width: 15px;
	height: 15px;
	float: left;
	background: #fff;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 50%;
	animation: load 1s infinite alternate;
}
/*************图标发光样式********************/
@keyframes load {
	0% {
		box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 5px 2px rgba(255, 255, 255, 1);
	}
	100% {
		box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 30px 5px rgba(255, 255, 255, 1);
	}
}
/*********************************/
#index_connect {
	width: auto;
	height: auto;
	/* float:left;
	position:relative;
	top:40%;
	left:30%; */
}
#index_connect a {
	color: #fff;
	font-size: 20px;
	float: left;
	position: absolute;
	right: 0;
	white-space: nowrap;
}
#index_connect a:hover{
	transform: scale(1.2); transition: all 0.5s ease;
	color:#37B6A4;
}
#index_engage  a:hover{
	transform: scale(1.2); transition: all 0.5s ease;
	color:#37B6A4;
}
#index_establish a:hover{
	transform: scale(1.2); transition: all 0.5s ease;
	color:#37B6A4;
}
#index_engage {
	position: absolute;
}
#index_engage a {
	position: absolute;
	color: #fff;
	font-size: 20px;
	float:right;
	white-space: nowrap;
}
#index_establish {
	position: absolute;
}
#index_establish a {
	/* position: absolute; */
	color: #fff;
	font-size: 20px;
	float: left;
}
#head_box {
	width: 100%;
	height: auto;
	float: left;
	min-width: 1194px;
	background: rgba(55, 182, 164, 0.4);
	z-index: 999;
	position: fixed;
}
#head_left_box {
	width: 40%;
	height: 65px;
	float: left;
	margin: 0.5% 0 0.5% 1.25%;
}

#head_left_box img{
	/* width:80%; */
	height: 100%;
	float: left;
	/* max-height: 65px; */
    /* margin-top: 10.5px; */
}
#head_right_box{
	width:auto;
	height: 65px;
	float:right;
	/*margin-left:1.25%;
 	margin-top:1%;
	margin-right:3.125%;*/
	margin:0.5% 1.25% 0.5% 0;
}


#head_navlist_menudown{
	width:100%;
	height: 65px;
	/*position: absolute;
	top:0;
	left:0;*/
}
#head_navlist_menudown img{
	width:40px;
	height: auto;
	float:right;
	margin-top:18px;
	margin-right:18px;
	cursor: pointer;
}
#head_navlist{
	width:100%;
	height: 100%;
	float:left;
	position:fixed;
	background:#000;
	opacity: 0.9;
	z-index: 999999;
}
#head_navlist_rightbox{
	width:50%;
	height: 100%;
	float:left;
	position: relative;
}
#head_navlist_leftbox{
	width:50%;
	height: 100%;
	float:left;
	position: relative;
}
#head_navlist_leftbox a{
	color: #fff;
	transition: all 0.5s;
}
#head_navlist_left_content{
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	/* padding:65px 0; */
	width:50%;
	/* height: 60%; */
	margin:0 auto;
	line-height: 40px;
	font-size: 40px;
	font-weight: bold;

}
#head_navlist_left_content >li.active{
	padding-bottom: 30px;
}
#head_navlist_left_content >li.active >a{
	font-size: 60px;
}
#head_navlist_left_content >li.active .head_navlist_hoverstyles{
left: 0;
opacity: 1;
width: 100%;
}
.second_list_box{
	height: 0;
	transition: all ease-in-out 0.6s;
	opacity: 0;
	overflow: hidden;
}
.seconnd_list.active #head_navlist_list{
	max-height: 500px;
	opacity: 1;
}
/* #head_navlist_left_content >li::after{
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 2px;
	left:0;
	background:#37B6A4;
} */


#head_navlist_left_content >li{
	/* width:auto; */
	/* height: auto; */
	/* float: left; */
	white-space: nowrap;
	position: relative;
	padding:15px 0;
	/* display: inline-block; */
	transition: all ease-in-out 0.6s;
}
.head_navlist_hoverstyles{
	position: absolute;
	/* width: 30%; */
	bottom: 0;
	height: 4px;
	left:-50%;
	opacity: 0;
	background:#37B6A4;
	transition: all ease-in-out 0.6s;
}
#head_navlist_list{
	/* width:90%; */
	/* height: auto; */
	/* float:left; */
	line-height: 40px;
	font-size: 20px;
	margin-left: 7%;
	font-weight: normal;
	max-height: 0;
	transition: all ease-in-out 0.6s;
	opacity: 0;
	overflow: hidden;
}
#head_navlist_list li{
	margin-bottom: 0px;
	margin-top: 10px;
}
#head_navlist_list li.active{
	font-weight: bold;
}
#head_navlist_list li a:hover{
	color: #37B6A4;
} 


#head_right_box a{
	color:#fff;
	
}
#head_right_nav{
	width:auto;
	height: 65px;
	float:right;
	font-size: 1.0625em;
	color:#fff;
	line-height: 65px;
	
}
.head_right_nav_a{
	width: auto;
	float:left;
	height: 100%;
	text-align: center;
	cursor: pointer;
}

.head_right_navname{
	font-weight: bold;
}
#menu_style{
	width:40px;
	height: auto;
	float:left;
	margin-top:12.5px;
	margin-left:15px;
}
#menu_style:hover{
	cursor: pointer;
}
#head_right_nav p{
	float:left;
	text-align: center;
}
#head_right_navs{
	width:auto;
	height: 65px;
	float:right;
	font-size: 1.0625em;
	color:#fff;
	text-align: center;
	line-height: 65px;

}
#head_right_ablut_nav{
	width:105px;
	height: auto;
	float:left;
	padding:10px 10px 10px 10px;
	background:#fff;
	position:absolute;
	top:75px;
	margin-left:63px;
}
#head_right_ablut_nav a{
	color:#707070;
	display: block;
	line-height: 35px;
	font-size: 14px;
	text-indent: 0.3em;
	
}
#head_right_ablut_nav a:hover{
	color:#37B6A4;
}

#head_right_work_nav{
	width:105px;
	height: auto;
	float:left;
	padding:10px 10px 10px 10px;
	background:#fff;
	position:absolute;
	top:75px;
	margin-left:140px;
	
}
#head_right_work_nav a{
	color:#707070;
	display: block;
	line-height: 35px;
	font-size: 14px;
	text-indent: 1.5em;
	
}
#head_right_work_nav a:hover{
	color:#37B6A4;
}
#head_triangle{
	width:0px;
	height:0px;
	float:right;
	margin-top:30px;
	margin-left: 10px;
	border-width: 5px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
}
.position {
    position: fixed;
}

/* Flip effect   */

.flip {
    
    position: relative;
}
.flip a {
    overflow: hidden;
    position: relative;
    display: inline-block;
}
.flip a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    transition: transform 1s;
}
.flip a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-txt);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.flip a:hover span,
.flip a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #fff;
}

/************旋转幻灯片样式********************/
.poster-main {
  position: relative;

}

.poster-main a, .poster-main img { display: block; width: 100%; height: auto;}
.poster-main img{ }
.poster-main .poster-list {
  width: 1000px;
  height: 500px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
 
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
}
.poster-main .poster-btn:hover{ filter: opacity(1) brightness(2); }

.poster-main .poster-prev-btn {
  left: 0;
  background: url("../ico/logos_left.png") no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url("../ico/logos_right.png") no-repeat center center;
}
.poster-item-title{
	font-size: 18px;
	text-align: center;
	line-height: 48px;
	display: block;
}
.award_title{
	width: 100%;
	height: auto;
	float:left;
	position: absolute;
	top:150px;
	text-align: center;
}
.award_title p{
	font-size: 30px;
	color: #fff;
	padding:0 20px;
}
.award_title p:hover{
	background-color: #37B6A4;
}
/************头部内容******************/
#head_content_box{
	max-width:600px;
	height: 50%;
	float:left;
	margin-top:20%;
	margin-left: 10%;
	color:#fff;
	text-align: left;
	position:absolute;
}
#head_content_box h1{
	font-size: 44px;
}
#head_content_box h4{
	font-size:17px;
	margin:2% 0;
	font-weight: normal;
}
/************头部尾部子导航**************************/
#head_foot_nav{
	width:100%;
	height:auto;
	float:left;
	margin-top:-50px;
	position: absolute;
}
#head_foot_nav nav{
	width:auto;
	height:100%;
	float:left;
	margin-left: 36.75%;
} 
#head_foot_nav nav a{
	width:45px;
	height: 45px;
	float:left;
	margin:0 5px;
}
#head_foot_nav nav a:hover{
	transform: scale(1.3); transition: all 0.5s ease;
}
#head_foot_nav nav a img{
	width:35px;
	height: 35px;
	float:left;
}
/************企业文化*************************/
#culture_box{
	width:100%;
	min-width: 1194px;
	height:auto;
	float:left;
	text-align: center;
}
.slides_title{
    position: absolute;
    width: 100%;
    float: left;
    top: 45%;
    color: #fff;
    font-size: 88px;
}
.slides_title_span{
	width:13.21%;
	height: 5px;
	background:red;
	position: absolute;
	top:65%;
}
.people_title{
	width:46%;
	height: auto;
	float:left;
	margin:25% 27% 0;
	text-align: center;
	position: absolute;
}
.people_title p{
	color:#fff;
	font-size: 1.5em;
}
.people_title span{
	width:13.21%;
	height:5px;
	float:left;
	background:#fff;
	margin:2% 43.40%;
}
#culture_box_bg{
	width:100%;
	height: auto;
	float:left;
	z-index: -99;
	position: absolute;
	background:red;
}
#culture_content{
	width:46%;
	height: auto;
	float:left;
	margin:25% 27%;
	background: red;
}
#culture_content span{
	width:13.21%;
	height:5px;
	float:left;
	background: #fff;
	margin:2% 43.40%;
}
/***********获得的荣誉********************/
#award_box{
	width:100%;
	min-width: 1194px;
	height:50%;
	float:left;
}
#award_title{
	width:46%;
	height: auto;
	float:left;
	margin:0 27%;
	text-align: center;
	
}
#award_title h1{
	color:#37B6A4;
	font-size: 5.5em;
}
#award_title span{
	width:13.21%;
	height:5px;
	float:left;
	background:#37B6A4;
	margin:2% 43.40%;
}
#award_content{
	width:80%;
	height:auto;
	float:left;
	margin-top:40px;
	margin:0 10%;
}
/**********我们的客户*********************/
#our_client_box{
	width:100%;
	min-width: 1194px;
	height: 50%;
	float:left;
}
#our_client_title{
	width:46%;
	height: auto;
	float:left;
	margin:0 27%;
	text-align: center;
}
#our_client_title h1{
	color:#37B6A4;
	font-size: 5.5em;
}
#our_client_title span{
	width:13.21%;
	height:5px;
	float:left;
	background:#37B6A4;
	margin:2% 43.40%;
}
#our_client_content{
	width:95%;
	height:auto;
	float:left;
	margin:3% 2.5%;
}
.our_client_content_ul{
	width: 90%;
    height: auto;
    float: left;
	margin:0 5%;
}
.our_client_content_ul li{
	width: 16.8%;
    height: 120px;
    float: left;
    margin: 0.5% 0 0.5% 1.6%;
    padding: 0.5%;
	/*border: solid 1px #37B6A4; */
}
.team_user_infobox_hover{
	-webkit-transform: scale(1.2, 1.2);
  	transform: scale(1.2, 1.2);
	transition: 1s;
	-webkit-transition: 1s;
}
.our_client_imgstyle{
	width:100%;
	height: auto;
	max-height: 120px;
}
/********************客户动态效果样式************************/
.pb-carouselWarp {
    position: relative;
    width: 100%;
    height:auto;
	min-height: 350px;
	float:left;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
	padding-bottom: 20px;
}
.pb-carouselWarp .pb-carousel {
  position: relative;
  height: 100%;
}
.pb-carouselWarp .pb-carousel_li {
  
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pb-carouselWarp .pb-carousel li img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.pb-carouselWarp .pb-carousel .pb-this {
  display: block;
  left: 0;
}
.pb-carouselWarp .pb-carousel-ind {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.pb-carouselWarp .pb-carousel-ind li {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 5px;
  cursor: pointer;
}
.pb-carouselWarp .pb-carousel-ind .pb-this {
  background-color:#37B6A4;
}
.pb-carouselWarp .pb-arrow {
  position: absolute;
  top: 43%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  
  
}
.pb-carouselWarp .pb-arrow-prev {
  left: 20px;
  background:url("../ico/logos_left.png")no-repeat center;
  outline: none;
}
.pb-carouselWarp .pb-arrow-next {
  right: 20px;
  background:url("../ico/logos_right.png") no-repeat center;
  outline: none;
}
.pb-carouselWarp[type='updown'] .pb-carousel-ind {
  position: absolute;
  width: 15px;
  top: 50%;
  left: auto;
  bottom: auto;
  right: 20px;
  transform: translateY(-50%);
}
.pb-carouselWarp[type='updown'] .pb-carousel-ind li {
  float: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 5px 0;
}
.pb-carouselWarp[type='updown'] .pb-carousel-ind .pb-this {
}
.pb-carouselWarp[type='updown'] .pb-arrow {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -20px;
  margin-top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

/***********案例和服务********************/
#foot_content{
	width:100%;
	min-width: 1194px;
	height: 650px;
	float:left;
}
#foot_partnership_box{
	width:50%;
	height: 100%;
	float:left;
}
#foot_features_box{
	width:50%;
	height: 100%;
	float:right;
}
.foot_content_bg_box{
	width:100%;
	height:100%;
	float:left;
	background-size: 100%;
	
}
.foot_content_bg_box a{
	width:100%;
	height: auto;
	float:left;
	text-align: center;

}
#foot_content_bg_box_left{
	width:100%;
	height: auto;
	float:left;
	margin-top:22%;
	text-align: center;

}
#foot_content_bg_box_right{
	width:100%;
	height: auto;
	float:left;
	margin-top:22%;
	text-align: center;
	cursor: pointer;
}
.foot_content_bg_box h1{
	color:#fff;
	width: 65%;
	float:left;
	margin-left: 15%;
	font-size:3.5em;
	background: #37B6A4;
	
}
.foot_content_bg_box span{
	width:13.21%;
	height:5px;
	float:left;
	background:#fff;
	margin:2% 43.40%;
}
.partnership_icobox{
	width:100%;
	height: 100%;
	float:left;
}
.partnership_icobox ul{
	width:100%;
	height: 100%;
	float:left;
}
.partnership_icobox ul li{
	width:30%;
	height: 30%;
	float:left;
	margin-left:2.5%;
	margin-top:9.5%;
	background: #fff;
}

.partnership_icobox ul li img{
	width:100%;
	height: auto;
	margin-top:16.5%;
}
#featuresbox ul li a{
	width:100%;
	height: 100%;
	float:left;
}
#featuresbox ul li a img{
	width: 100%;
	height: auto;
}
.features_ico{
	width:50%;
	height: 40%;
	float:left;
	margin-left:25%;
	margin-top:20px;
}
.features_ico li{
	width:30%;
	/*filter:45%;*/
	float:left;
	margin: 1.5%;
}
.features_ico li img{
	width:100%;
	height: auto;
}
/************尾部样式**********************/
footer{
	width:100%;
	min-width:1194px;
	height: auto;
	float:left;
	background:#37B6A4; 
}
footer a{
	color:#fff;
}
footer a:hover{
	animation:change 2s linear 0s infinite;
	color:#fff;
}
@keyframes change{0%{color:#C4C4C4;}25%{color:#7B7878;}50%{color:#474545;}75%{color:#323030;}100% {color:#000;}}
#footer_span{
	width:7%;
	height:5px;
	float:left;
	background:#fff;
	margin:2% 46.5%
}
.footer_info{
	float:left;
}
#footer_left_box{
	width:15%;
	height:auto;
	float:left;
	padding:0 0 0 5%;
	margin-bottom: 20px;
}
#footer_left_box ul{
	width:70%;
	height: auto;
	float:left;
	text-align: left;
	color:#fff;
	
}
#footer_map_menu{
	font-size: 0.75em;
	line-height: 20px;
}

#footer_map_menu span{
	display: block;
	font-weight: normal;
	margin-left: 30px;
	
}
#footer_privacy_menu{
	line-height: 35px;
}
#footer_address{
	width:auto;
	float:left;
	margin-left: 20px;
}
#footer_address li{
	width:auto;
	float:left;
	margin-left: 10px;
}
#footer_right_box{
	width:75%;
	height: auto;
	float:right;
	padding:0 5% 0 0;
	color:#fff;
}
#footer_right_address{
	width:50%;
	height:94%;
	float:left;
	

}
#footer_right_address h2{
	font-weight: normal;
	color: #fff;
}
#footer_right_address ul{
	width:100%;
	height: auto;
	float:left;
	margin-top:13px;
}
#footer_right_address ul li{
	width:100%;
	height: auto;
	float:left;
	margin-bottom:10px;
}
#footer_right_address ul li h3{
	font-size: 0.875em;
	font-weight: normal;
}
#footer_right_address ul li p{
	font-size:0.875em;
	margin-left:25px;
	float:left;
	margin-top:10px;
	line-height: 25px;
}
#footer_right_sign_box{
	width:24%;
	height:auto;
	float:right;
	
}
#footer_right_sign_box h3{
	font-size:14px;
	font-weight: normal;
}
#footer_right_sign_box input[type=text]{
	border:none;
	width:100%;
	min-width:210px;
	height:25px;
	background:none;
	font-size:0.75em;
	color:#E9E9E9;
	margin-bottom:5px;
	border-bottom:#c4c4c4 solid 1px;
	outline:none;
	text-transform:none;
}#footer_right_sign_box input[type=submit]{
	width:60%;
	height: 35px;
	border-radius: 5px;
	background:#fff;
	color:#37B6A4;
	font-size:0.875em; 
	margin-top:20px;
	margin-bottom:30px;
	outline: none;
	cursor: pointer;
}
#footer_submit_click{
	width:100%;
	height: auto;
	min-height: 80px;
	margin-top:20px;
}
#footer_submit_button{ 
	width:60%;
	height: 35px;
	line-height:35px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	background:#fff;
	color:#37B6A4;
	font-size:0.875em; 
	margin-left: 20%;
}
#footer_submit_button img{
	width:auto;
	height: 30px;
	margin: 0 auto;
	margin-top: 2.5px;
}
#footer_submit_prompt{
	width:100%;
	height: auto;
	float:left;
	line-height:20px;
	border-radius: 5px;
	background:#fff;
	color:#37B6A4;
	font-size:0.75em;
	padding:0 2%
}
#footer_submit_prompt span{
	width: 100%;
	float: left;
}
#footer { width: 100%;  height: 50px; float: left; background-image: initial; background-attachment: initial; background-color: rgb(216, 216, 216); background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial; }

#footer_box { width: 98%; height: 50px; margin: 0px auto; line-height: 50px; color: rgb(96, 98, 93); font-size: 0.75em; }

.footer_ico { width: auto; height: 50px; float: right;}
.footer_ico a{
	width:25px;
	height: 25px;
	float:left;
	margin: 12.5px 10px;
}


.footer_ico img { width: 25px; height: 25px;  cursor: pointer;}

.footer_ico a:hover { transform: scale(1.3); transition: all 0.5s ease; }
#footer_right_blogbox{
	width:70%;
	height: 94%;
	float:left;
	padding-left: 3%;
}
#footer_right_blogbox h3{
	font-size: 14px;
    font-weight: normal;
}
#footer_right_blogbox ul{
	width:80%;
	height: auto;
	float:left;
}
#footer_right_blogbox ul li{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5px;
}
#footer_right_blogbox ul li a{
	width: auto;
	height: auto;
	float: left;
	font-size: 0.75em;
}
/*****************************新增加板块页面样式**********************************/
.work_navstyle{
	font-size: 30px;
	/*text-shadow: 5px 5px 10px #C4C4C4;*/
}
#work_box{
	width:100%;
	min-width:1194px;
	height:auto;
	float:left;
}
.work_content_box{
	width:33.33%;
	height: 100%;
	float:left;
	position: relative;
}
.work_content_box:hover{
	cursor:pointer;
}
.work_content_bg{
	width:100%;
	float:left;
	height:100%;
	z-index: -99;
}
.work_content_bg img{
	width:100%;
	height:100%;
	float:left;
}
.work_content_info{
	width:100%;
	height: auto;
	position: absolute;
	z-index: 10;
	padding: 40% 8%;
	box-sizing: border-box;
}
.work_content_box h3{
	width:100%;
	color:#fff;
	float:left;
	text-align: center;
	font-weight: bold;
	font-size: 3.125em;
}
.work_describe{
	width:100%;
	height: auto;
	min-height: 75px;
	float:left;
	color:#fff;
	font-size: 25px;
	line-height: 25px;
	margin-top: 10px;
	font-weight: bold;
	text-align: center;
	word-spacing:5px;
}
.work_contents{
	width: 100%;
	float:left;
	min-height: 230px;
	text-align:justify;
	margin-top:60px;
	color:#fff;
	line-height: 25px;
	letter-spacing: 1px;
}
.about_mapico_dh{
	width: 105%;
	height: auto;
	/*animation:mapico 05s;*/
}
@keyframes mapico{
from {
	width: 80%
	}
to {
	width:105%;
	}
}

/*************工作内容页****************************/
#workinfo_box{
	width:100%;
	min-width: 1194px;
	height: auto;
	float:left;
}
#workinfo_left_box{
	width:17%;
	height:1000px;
	float:left;
	padding-left:3%; 
}
#workinfo_left_return{
	width:41px;
	height:41px;
	float:left;
	margin:30px 0 20px 0;
}
#workinfo_left_return a{
	width:41px;
	height: 41px;
	float:left;
	background:url("../ico/return.png");
	background-size: 100% auto;
}
#workinfo_left_return a:hover{
	background:url("../ico/returns.png");
	background-size: 100% auto;
}
#workinfo_left_box ul{
	width:100%;
	height: auto;
	float:left;
}
#workinfo_left_box ul li{
	width:100%;
	height: 53px;
	float:left;
	margin:10px 0;
	
}
#workinfo_left_box ul li span{
	width:10px;
	height:10px;
	float:left;
	border-radius: 10px;
	margin-top: 21.5px;
	
}
#workinfo_left_box ul li span img{
	width:auto;
	height: 30px;
}
#workinfo_left_box ul li p{
	width:auto;
	height: auto;
	float:left;
	margin-left:20px;
	line-height: 53px;
	font-size: 22px;
	font-weight: bold;
	cursor: pointer;
}
#workinfo_right_box{
	width:80%;
	margin-top:30px;
	height: auto;
	float:left;
}
#worinfo_right_cententbox{
	width:90%;
	height: auto;
	float:left;
	margin-left:5%;
}
#worinfo_right_cententbox ul{
	width: 100%;
	height: auto;
	float:left;
}
#worinfo_right_cententbox ul li{
	width:30%;
	height: auto;
	float:left;
	margin:0 1.5%;
}
#worinfo_right_cententbox ul li img{
	width:100%;
	height: auto;
}
.workinfo_right_cententtitle{
	width:100%;
	height: 110px;
	float:left;
    text-overflow: ellipsis;
}
.establish_color{
	border-bottom:solid 1px #37B6A4;
}
.engage_color{
	border-bottom:solid 1px #F0BE00;
}
.connect_color{
	border-bottom:solid 1px #8D82C4;
}
.workinfo_right_cententtitle a{
	color:#000;
	float:left;
	line-height: 35px;
}
.workinfo_right_cententtitle a:hover{
	color:#37B6A4
}
.work_right_cententlink{
	width:100%;
	height: 50px;
	float:left
}
.work_right_cententlink a{
	color:#707070;
	line-height: 50px;
}
.work_right_cententlink a:hover{
	color:#37B6A4;
	text-decoration: underline;
}
/*************案例展示****************************/
#showcase_box{
	width:90%;
	height: auto;
}




/*****************************屏幕适配样式**********************************/
@media screen and (min-width: 1194px) and (max-width: 1850px) {/**********13寸Mac尺寸************/
	#head_content_box h1 {
    	font-size: 44px;
	}
	#head_content_box h4{
		font-size:17px;
	}
	.foot_content_bg_box h1{
		font-size: 4em;
	}
	#partnership_icobox ul li{
		margin-top:1.9%;
	}
	#foot_content {
		height:540px;
	}
	#footer_right_sign_box input[type=text] {
		width:75%;
	}
	#head_foot_nav{
		margin-top: -50px;
	}
/********************首页导航****************************/
	#index_connect span{
	width:10px;
	height: 10px;
	float:right;
	background:#fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.5s infinite alternate;
}
#index_engage span{
	width:10px;
	height: 10px;
	float:right;
	background:#fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.8s infinite alternate;
}
#index_establish span{
	width:10px;
	height: 10px;
	float:right;
	float:left;
	background:#fff;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 50%;
	animation: load 1s infinite alternate;
}
/*************图标发光样式********************/
@keyframes load {
    0% {
        box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 5px 2px rgba(255, 255, 255, 1);
    }
    100% {
        box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 30px 5px rgba(255, 255, 255, 1);
    }
}
/*********************************/
/*#index_connect{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:50%;
	left:14.5%;
}
#index_connect a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
#index_engage{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:43%;
	left:65%;
}
#index_engage a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
#index_establish{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:35%;
	left:81%;
}
#index_establish a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
	
/************************************************/

	
	
}
@media screen and (min-width: 1195px) and (max-width: 1280px) {/**********12寸Mac尺寸************/
/********************首页导航****************************/
/*	#index_connect span{
	width:10px;
	height: 10px;
	float:right;
	background:#fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.5s infinite alternate;
}
#index_engage span{
	width:10px;
	height: 10px;
	float:right;
	background:#fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.8s infinite alternate;
}
#index_establish span{
	width:10px;
	height: 10px;
	float:right;
	float:left;
	background:#fff;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 50%;
	animation: load 1s infinite alternate;
}
	
/*************图标发光样式********************/

@keyframes load {
    0% {
        box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 5px 2px rgba(255, 255, 255, 1);
    }
    100% {
        box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 30px 5px rgba(255, 255, 255, 1);
    }
}
/*********************************/
/*#index_connect{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:29%;
	left:59%;
}
#index_connect a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
#index_engage{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:39%;
	left:63.5%;
}
#index_engage a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
#index_establish{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:32%;
	left:81%;
}
#index_establish a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
	
/************************************************/





}
@media screen and (min-width: 960px) and (max-width: 1194px) {/*****ipad平板尺寸**********/
	#head_right_box{
		float:right;
	}
	#culture_box h1,#award_title h1,#our_client_title h1{
		font-size: 3.75em;
	}
/********************首页导航****************************/
/*	#index_connect span{
	width:10px;
	height: 10px;
	float:right;
	background:#fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.5s infinite alternate;
}
#index_engage span{
	width:10px;
	height: 10px;
	float:right;
	background:#fff;
	margin-bottom: 10px;
	border-radius: 50%;
	animation: load 0.8s infinite alternate;
}
#index_establish span{
	width:10px;
	height: 10px;
	float:right;
	float:left;
	background:#fff;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 50%;
	animation: load 1s infinite alternate;
}
/*************图标发光样式********************/
@keyframes load {
    0% {
        box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 5px 2px rgba(255, 255, 255, 1);
    }
    100% {
        box-shadow: inset 0px 0px 5px 3px rgba(255, 255, 255, 1), 0px 0px 30px 5px rgba(255, 255, 255, 1);
    }
}
/*********************************/
/*#index_connect{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:29%;
	left:59.5%;
}
#index_connect a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
#index_engage{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:39%;
	left:62.5%;
}
#index_engage a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
#index_establish{
	width:auto;
	height: auto;
	float:left;
	position:absolute;
	top:32%;
	left:83%;
}
#index_establish a{
	color:#fff;
	font-size: 20px;
	float:left;
	font-weight: normal;
}
	
/************************************************/
	#foot_content{
		height:450px;
	}
	.footer_ico a{
		margin: 12.5px 5px;
	}
	
	.foot_content_bg_box h1{
		font-size: 40px;
	}
	footer{
		/*min-width: 960px;*/
	}
	#footer_map_menu{
		font-size: 12px;
		line-height:20px;
	}
	#footer_map_menu span{
		font-size: 12px;
	}
	#footer_privacy_menu{
		line-height: 25px;
    	font-size: 12px;
	}
	#footer_right_address ul li h3{
		font-size: 12px;
	}
	#footer_right_address ul li p{
		font-size: 12px;
	}
	#footer_right_address ul li{
		margin-bottom:10px;
	}
	#footer_right_sign_box input[type=text]{
		font-size: 12px;
	}
	#our_client_content{
		width:1118px;
	}
	
	/*#culture_content,#award_title,#our_client_title{
		width:55%;
		margin-left:22.5%;
	}*/
}
@media screen and (min-width: 600px) and (max-width: 1300px){/**********通用样式************/
	/*header,#index_bg,#culture_box,#culture_box_bg img,#award_box,#our_client_box,#foot_content{
		width: 1194px;
	}*/
	
	.foot_content_bg_box h1{
		font-size: 55px;
	}
	#partnership_icobox ul li{
		margin-top:1.7%;
	}
	#foot_content{
		height: 450px;
	}
}

#work_list_box { }
#work_list_box li {
	display: flex;
	border-bottom: 1px dotted #ccc;
	flex-direction: row-reverse;
}
.work_list_box_domain {
	width: 100px;
}

.work_list_box_domain-establish {
color: #37B6A4;
}
.work_list_box_domain-connect {
color: #8D82C4;
}
.work_list_box_domain-engage {
color: #F0BE00;
}

.work_list_box_category {

}