/**
 * Created by jiawenliu on 17/8/8.
 */

@charset "utf-8";

body{
	background: #252428;
	width: 7.5rem;
	margin: 0 auto;
}

.hide{ 
	display:none;
}

/**
 * index *.
 */
#content{
	background: #ffffff;
}
section{
	background: #ffffff;
	margin-top: .8rem;
}
section .banner{
	width: 7.5rem;
	margin-bottom: .5rem;
}
section .wdt{
	width: 6.5rem;
	margin: 0 auto;
	padding: .4rem .5rem;
}
section .wdt .left{
	float: left;
	width: 4.0rem;
}
section .wdt .right{
	float: left;
	width: 3.0rem;
	text-align: center;
}
section .wdt .right img{
	width: 2.08rem;
}
section .bg_w{
	background: #ffffff;
}
section .bg_g{
	background: #f4f4f4;
}
section .bg_w1{
	background: url("../img/logo_bg_list.png") repeat;
	width: 7.5rem;
	margin: 0 auto;
	padding: .4rem 0;
}
.bg_g .link_btn{
	position: absolute;
	left: 50%;
	bottom: -12%;
	-webkit-transform: translate(-50%,-12%);
	transform: translate(-50%,-12%);
	width: .6rem;
	height: .6rem;
	text-align: center;
	font-size: .24rem;
	text-decoration: none;
}
.bg_g .up{
	position: absolute;
	left: 50%;
	bottom: -7%;
	-webkit-transform: translate(-50%,-7%);
	transform: translate(-50%,-7%);
}
section .bg_fm{
	height: 2.2rem;
	background: url("../img/fm_bg.jpg") #f4f4f4 center 0 no-repeat;
	background-size: 100%;
	position: relative;
}
section .bg_smt{
	width: 7.0rem;
	height: 2.8rem;
	position: relative;
	padding: .4rem .25rem;
}
/*section .bg_fm{
	width: 7.0rem;
	height: 2.8rem;
	background: #f5f5f5;
	position: relative;
	padding: .4rem .25rem;
}*/
section .title{
	position: relative;
	width: 2.2rem;
	height: .66rem;
	margin: 0 auto .3rem;
	line-height: .68rem;
	color: #333333;
	font-size: .34rem;
	text-align: center;
	font-weight: normal;
}
section .title img{
	width: 3.18rem;
}
section .bg_w1 .title{
	width: 2.1rem;
}
section .title .bg_g img{
	width: 3.18rem;
}

section .title i{
	display: block;
	position: absolute;
	width: .11rem;
	height: .1rem;

}
section .title i:first-child{
	left: 0;
	top: 0;
	border-top: #333333 solid 1px;
	border-left: #333333 solid 1px;
}
section .title i:last-child{
	right: 0;
	bottom: 0;
	border-bottom: #333333 solid 1px;
	border-right: #333333 solid 1px;
}
section .txt{
	color: #666666;
	font-size: .26rem;
	line-height: .36rem;
}

section .logo_list{
	padding-left: .25rem;
}
section .logo_list ul{
	overflow: hidden;
}
section .logo_list ul li{
	float: left;
	padding-left: .2rem;
	padding-bottom: .2rem;
}
section .logo_list ul li img{
	width: 2.06rem;
}

.bg_g .call_p{
	display: block;
	width: .6rem;
	margin: .2rem auto;
}
section .address_box{
	margin: .2rem auto 0;
	overflow: hidden;
	color: #666666;
	font-size: .24rem;
}
section .address_box span{
	display: block;
	float: left;
	line-height: .32rem;
}
section .address_box p{
	float: left;
	width: 5.32rem;
}
section .address_box p a{
	display: block;
	text-decoration: none;
	color: #666666;
	font-size: .24rem;
	line-height: .32rem;
}
section .address_box p em{
	float: left;
	line-height: .32rem;
}
.center{
	text-align: center;
}
#show_txt{
	padding-bottom: .2rem;
}

/**
 * Services and solutions *
 */
.services_box{
	width: 7.5rem;
	height: 4.88rem;
	background: url("../img/bg01.jpg") center 0 no-repeat;
}
.bg_01{
	background: url("../img/bg01.jpg") center 0 no-repeat;
	background-size: cover;
}
.bg_02{
	background: url("../img/bg02.jpg") center 0 no-repeat;
	background-size: cover;
}
.bg_03{
	background: url("../img/bg03.jpg") center 0 no-repeat;
	background-size: cover;
}
.bg_04{
	background: url("../img/bg04.jpg") center 0 no-repeat;
	background-size: cover;
	margin-bottom: .4rem;
}
.services_box img{
	width: .8rem;
}
.services_box .title_name{
	padding-top: .6rem;
	font-size: .32rem;
	color: #ffffff;
}
.services_box .icon{
	padding-top: .76rem;
}
.services_box .title_txt{
	padding-top: .8rem;
	width: 3.7rem;
	font-size: .24rem;
	color: #ffffff;
	line-height: .38rem;
	margin: 0 auto;
}

/**
 * cooperation *
 */
.cooperation_box{
	width: 7.5rem;
	background: #ffffff;
	padding: .4rem 0;
}
.cooperation_box ul{
	overflow: hidden;
}
.cooperation_box ul li{
	width: 3.45rem;
	float: left;
	border: #d6d6d6 solid 1px;
	margin-left: .16rem;
	margin-bottom: .16rem;
}
.cooperation_box ul li p{
	line-height: .6rem;
	text-align: center;
	color: #333333;
	font-size: .22rem;
}
.cooperation_box ul li video{
	width: 3.45rem;
	height: 3.18rem;
}
.cooperation_box:nth-child(3), .cooperation_box:nth-child(5), .cooperation_box:nth-child(7){
	background: #f2f2f2;
	padding: .18rem 0 .3rem;
}
.cooperation_box img{
	width: 3.45rem;
}
.cooperation_box .title_name{
	position: relative;
	height: .66rem;
	margin: 0 auto;
	line-height: .66rem;
	color: #333333;
	font-size: .32rem;
	text-align: center;
}

.cooperation_box .lg1{
	width: 3.1rem;
}
.cooperation_box .lg2{
	width: 2.8rem;
}
.cooperation_box .lg3{
	width: 3.1rem;
}
.cooperation_box .lg4{
	width: 4.9rem;
}
.cooperation_box .lg5{
	width: 3.1rem;
}
.cooperation_box .title_name i{
	display: block;
	position: absolute;
	width: .11rem;
	height: .1rem;
}
.cooperation_box .title_name i:first-child{
	left: 0;
	top: 0;
	border-top: #333333 solid 1px;
	border-left: #333333 solid 1px;
}
.cooperation_box .title_name i:last-child{
	right: 0;
	bottom: 0;
	border-bottom: #333333 solid 1px;
	border-right: #333333 solid 1px;
}
.cooperation_box .icon{
	padding-top: .4rem;
}
.cooperation_box .title_txt{
	padding-top: .18rem;
	width: 6.1rem;
	font-size: .24rem;
	color: #666666;
	line-height: .38rem;
	margin: 0 auto;
}
.video_box_pop{
	width: 100%;
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	z-index: 999;
}

.masker{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.85);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}
/**
 * about us *
 */
.about_box{
	padding-bottom: .4rem;
}
.about_box .title{
	margin-bottom: .4rem;
	width: 2.62rem;
	color: #010101;
	font-size: .32rem;
}
.about_box .icon img{
	width: 7.5rem;
}
.join_us{
	height: 3.47rem;
	padding-top: .2rem;
	width: 7.5rem;
	background: url("../img/bg-Join-us.jpg") center 0 no-repeat;
	background-size: cover;
	border-bottom: #cccccc solid 1px;
}
.join_us .title{
	margin-bottom: .2rem;
	width: 2.2rem;
	height: .46rem;
	color: #010101;
	font-size: .32rem;
}
.join_us ul{
	height: 2rem;
	margin-top: .6rem;
	overflow: hidden;
}
.join_us ul li{
	width: 2.4rem;
	margin-bottom: .4rem;
	text-align: center;
	float: left;
}
.join_us ul li p{
	padding-top: .2rem;
	font-size: .26rem;
	color: #010101;
}
.join_us ul li img{
	width: 1.22rem;
}
/*下箭头*/
.show_btn{
	margin-bottom: .6rem;
	padding: .25rem 0;
	border-bottom: #cccccc solid 1px;
}
.arrow-box{
	width:.38rem;
	height:.2rem;
	margin: .2rem auto 0;
	position:relative;
}
.bottom{
	width: .38rem;
	height:.2rem;
	position:absolute;
	left:0;
	top:0;
	z-index: 2;/*兼容ie8-*/
}
.bottom-arrow1,.bottom-arrow2{
	width:0;
	height:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index: 5;/*兼容ie8-*/
	border-bottom:10px transparent dashed;
	border-left:10px transparent dashed;
	border-right:10px transparent dashed;
	border-top:10px white solid;
	overflow:hidden;
}
.bottom-arrow1{
	top:1px;/*重要*/
	border-top:10px #cf6767 solid;
}
.bottom-arrow2{
	border-top:10px white solid;
}