.container{
	height: auto;
	width: 7.5rem;
	margin: auto;
	background: #fff;
}

.container img{
	width: 100%;
	height: 100%;
}
.header{
	height: 1.20rem;
	width: 6.9rem;
	padding: 0 0.3rem;
	background: #fff;
	display: -moz-box;  /* Firefox */
	display: -ms-flexbox;    /* IE10 */
	display: -webkit-box;    /* Safari */ 
	display: -webkit-flex;    /* Chrome, WebKit */
	display: box; 
	display: flexbox; 
	display: flex;
	justify-content: space-between;
	border-bottom: 0.04rem solid #eff1f1;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 998;
	
}
.header .logo{
	height: 0.48rem;
	width: 0.58rem;
	line-height: 1.20rem;
}
.header .menu{
	height: 0.32rem;
	width: 0.44rem;
	line-height: 1.20rem;
	
}
.header .business{
	text-align: center;
}
.header .business h5{
	font-family: MicrosoftYaHei;
	font-size: 0.3rem;
	color: #333333;
	margin-top: 0.29rem;
	margin-bottom: 0.07rem;

}
.header .business p{
	font-family: QXyingbikai;
	font-size: 0.28rem;
	color: #1cac8b;
	
}
.boxOne{
	width: 7.5rem;
	height: 100vh;
	background: url(../images/huodong.jpg) no-repeat;
	background-size:cover ;
    background-position: center;
    overflow: hidden;
    margin-top: 1.24rem;
}
.boxOne img{
	width: 100%;
	height: 100%;
}
.boxOne h3{
	font-size: 0.40rem;
	color: #fff;
	text-align: center;
	margin-top: 4rem;
	line-height: 0.50rem;
	margin-bottom: 0.3rem;
	animation: show 1.5s easeforwards;
    -webkit-animation: show 1.5s ease forwards;
}
.boxOne h4{
	font-size: 0.36rem;
	text-align: center;
	line-height: 0.68rem;
	margin-bottom: 0.3rem;
	color: #18B94A;
	    animation: show 1.5s ease forwards;
    -webkit-animation: show 1.5s ease forwards;
}

.boxOne p{
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	margin-top: 0.3rem;
	animation: show 1.5s ease forwards;
    -webkit-animation: show 1.5s ease forwards;
}

@keyframes  show{
	0% {
    letter-spacing: 100px;
    opacity: 0;
	}
	
	100% {
	    letter-spacing: 0px;
	    opacity: 1;
	}
}

.companyInfo{
	height: auto;
	width: 7.1rem;
	padding:0 0.2rem;
	background: #f6f6f6;
	padding-bottom: 0.9rem;
}
 .title{
	height: 1.81rem;
	text-align: center;
	overflow: hidden;
	color: #333333;
	
}
 .title h3{
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.36rem;
	line-height: 0.25rem;
	
	margin-top: 0.74rem;
	margin-bottom: 0.2rem;
}
 .title h3 span{
	margin-left: 0.24rem;
	margin-right: 0.24rem;
}
 .title p{
	font-family: ArialMT;
	font-size: 0.16rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.25rem;
}

/*导航*/

.nav{
	height: 15.28rem;
	width: 7.5rem;
	background-color: #000000;
	opacity: 0.97;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -3.75rem;
	padding-top: 0.4rem;
	display: none;
	z-index: 10000;
}
.nav p{
	height: 0.8rem;
	width: 7.0rem;
	line-height: 0.8rem;
	text-align: right;
	padding-right: 0.5rem;
}

.nav p .close{
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
}
.nav .navList{
	width: 6.2rem;
	padding: 0 0.65rem;
}
.nav .navItem {
	position: relative;
}
.nav .navItem a{
	display: block;
	height: 0.88rem;
	border-bottom: 0.01rem solid  #333333;
	width: 6.2rem;
	color: #fff;
	font-size: 0.26rem;
	line-height: 0.88rem;
	text-align: center;
}
.nav .navItem i{
	display: inline-block;
	width: 0.2rem;
	height: 0.11rem;
	position: absolute;
	top: 0.35rem;
	right: 0.16rem;
	z-index: 1000;
}
.nav .navItem  ul{
	display: none;
}
.nav .navItem .tel{
	display: inline-block;
	width: 0.28rem;
	height: 0.28rem;
	margin-right: 0.11rem;
}
.nav .navItem ul li a{
	color: #aaaaaa;
	font-size: 0.22rem;
}
/*公司介绍*/
.companyInfo .exper{
	height: 4.90rem;
	width: 7.1rem;
}
.companyInfo .exper .experimg{
	height: 3.56rem;
	width: 7.1rem;
}
.companyInfo .exper .experBot{
	width: 7.1rem;
	height: 1.34rem;
	background: #1cad8e;
	text-align: center;
	overflow: hidden;
}
.companyInfo .exper .experBot h2{
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.42rem;
	color: #ffffff;
	margin-top: 0.23rem;
	margin-bottom: 0.1rem;
}
.companyInfo .exper .experBot p{
	font-family: MicrosoftYaHei;
	font-size: 0.28rem;
	color: #ffffff;
}
.companyInfo .info{
	width: 6.76rem;
	height: auto;
	margin-left: 0.21rem;
	margin-top: 0.47rem;
}
.companyInfo .info p{
	font-family: MicrosoftYaHei;
	font-size: 0.26rem;
	line-height: 0.5rem;
	color: #333333;
	text-indent: 0.52rem;
}
.companyInfo .bot{
	height: 2.67rem;
	width: 7.1rem;
	margin-top: 0.49rem;
	
}
.companyInfo .bot ul{
	height: 2.67rem;
	width: 7.1rem;
	
}
.companyInfo .bot ul li{
	float: left;
	width: 3.55rem;
	height: 2.67rem;
	text-align: center;
}
.companyInfo .bot ul li:nth-of-type(1){
	background: #303030;
}
.companyInfo .bot ul li h3{
	font-family: MicrosoftYaHei-Bold;
	font-size: 0.36rem;
	color: #1cad8e;
	margin-top: 0.41rem;
	margin-bottom: 0.15rem;
}
.companyInfo .bot ul li p{
	font-family: Arial-BoldMT;
	font-size: 0.16rem;
	color: #f6f6f6;
	height: 0.44rem;
}
.companyInfo .bot ul li p b{
	display: inline-block;
	font-size: 0.16rem;
	font-weight: normal;
}
.companyInfo .bot ul li p .line{
	display: block;
	height: 0.05rem;
	width: 0.72rem;
	background: #1cac8b;
	margin-top: 0.17rem;
	margin-left: 1.41rem;
	
}
.companyInfo .bot ul li h4{
	font-family: MicrosoftYaHei;
	font-size: 0.38rem;
	color: #f6f6f6;
	font-weight: normal;
	margin-top: 0.37rem;
}

/*顾客*/
.custom{
	height: 14.16rem;
	width: 7.5rem;
	background: #021b2f;
	padding-top: 0.35rem;
}
.custom .title{
	color: #fff;
}

.custom .mapbox{
	margin-top: 1.86rem;
	margin-bottom: 1.08rem;
	height: 5.75rem;
}
.custom .map{
	position: relative;
}

.custom .map .img1{
	height: 5.75rem;
	width: 7.36rem;
	position: absolute;
	z-index: 995;
}

.custom .map  div span {
    display: block;
    width: 2rem;
    height: 2rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -0.95rem;
    margin-top: -0.95rem;
    border-width: 0.01rem;
    border-style: solid;
}

.custom .map div em {
    display: block;
    width: 0.5rem;
    height: 0.2rem;
    text-align: center;
    position: absolute;
    margin-top: -0.30rem;
    font-style: normal;
    font-size: 0.13rem;
}
.b1,.b2,.b3,.b4,.b5,.b6,.b7{
	display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0vh;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
     box-shadow: 0px 0px 15px rgba(255,255,255,0.9);
    width: 0.1rem;
    height: 0.1rem;
    z-index: 997;
}
.b1{
    top: 2.06rem;
    left: 50%;
    margin-left: 1.56rem;
    background-color: rgba(249,30,251,0.8);
}

.b1 span:nth-child(1){
    border-color: rgba(249,30,251,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}

.b2 {
    top: 2.53rem;
    left: 50%;
    margin-left: 0.98rem;
    background-color: rgba(150,255,66,0.8);
}
.b2 span:nth-child(1) {
    border-color: rgba(150,255,66,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}
.b3{
	background-color: rgba(30,61,251,0.8);
	top: 3.08rem;
    left: 50%;
    margin-left: 1.16rem;
}
.b3 span:nth-child(1) {
    border-color: rgba(30,61,251,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}

.b4{
	background-color: rgba(39,248,255,0.8);
	top: 3.18rem;
    left: 50%;
    margin-left: 0.02rem;
}
.b4 span:nth-child(1) {
    border-color: rgba(39,248,255,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}
.b5{
	background-color: rgba(243,10,32,0.8);
    top: 4.25rem;
    left: 50%;
    margin-left: 0.55rem;
}

.b5 span:nth-child(1) {
    border-color: rgba(243,10,32,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}

.b6{
	background-color: rgba(4,192,254,0.8);
    top: 2.34rem;
    left: 50%;
    margin-left: -1.0rem;
}
.b6 span:nth-child(1) {
    border-color: rgba(4,192,254,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}


.b7 {
    background-color: rgba(255,220,55,0.8);
    top: 3.40rem;
    left: 50%;
    margin-left: -1.35rem;
}
.b7 span:nth-child(1) {
    border-color: rgba(255,220,55,0.8);
    animation: ripple 4s ease-out 0s infinite;
    -webkit-animation: ripple 4s ease-out 0s infinite;
}
.custom .map .img2{
	width: 2.87rem;
	height: 2.1rem;
	position: absolute;
	z-index: 996;
	left: 2.49rem;
    top: 2.09rem;
}
.custom .info{
	font-size: 0.24rem;
	line-height: 0.46rem;
	color: #ffffff;
	width:6.72rem ;
	padding: 0 0.37rem 0 0.41rem;
}

@keyframes  ripple{
	0% {
	    opacity: 0;
	    -webkit-transform: scale(0.1, 0.1);
	    -moz-transform: scale(0.1, 0.1);
	    -ms-transform: scale(0.1, 0.1);
	    transform: scale(0.1, 0.1);
	}
	5% {
	    opacity: 1;
	}
	65% {
	    opacity: 0.7;
	}
	100% {
	    opacity: 0;
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	}
	animation-delay:0s;
	animation-direction:normal;

}
  /*案例*/
 .case{
 	width: 7.5rem;
 	height: auto;
 	background: url(../images/anli-bg.png);
 	padding-bottom: 1.05rem;
    background-position: center;
 	background-size:cover ;
 	
 	
 }
.case .title{
	color: #fff;
}
.case .caseList{
	width: 6.3rem;
	padding: 0 0.6rem;
	margin-top: 0.7rem;
}
.case a{
	display: block;
	margin-bottom: 0.2rem;
}
.case a:nth-of-type(1){
	display: block;
	margin-bottom: 0.2rem;
}
.case .item1{
	height: 3.2rem;
	display: -moz-box;  /* Firefox */
	display: -ms-flexbox;    /* IE10 */
	display: -webkit-box;    /* Safari */ 
	display: -webkit-flex;    /* Chrome, WebKit */
	display: box; 
	display: flexbox; 
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.2rem;
	
}
.case .caseList .left{
	height: 3.2rem;
	width: 3.06rem;
}

.case .caseList .right{
	width: 3.06rem;
	height: 3.2rem;
}
.case .item2{
	height: 2.13rem;
	width: 6.31rem;
	margin-bottom: 0.2rem;
}
.case .item3{
	height: 3.2rem;
	display: -moz-box;  /* Firefox */
	display: -ms-flexbox;    /* IE10 */
	display: -webkit-box;    /* Safari */ 
	display: -webkit-flex;    /* Chrome, WebKit */
	display: box; 
	display: flexbox; 
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.2rem;
	
}

.case .item3 .left a{
	height: 1.5rem;
}
.case .item4{
	height: 2.14rem;
	width: 6.3rem;
}

/*我们的服务*/
.server{
	width: 7.5rem;
	height: 14.51rem;
	background: url(../images/server-bg.png);
	background-size: cover;
	background-position: center;
}
.server .serverList{
	margin-top: 1.38rem;
	width: 6.73rem;
	padding:  0  0.35rem;
	display: -moz-box;  /* Firefox */
	display: -ms-flexbox;    /* IE10 */
	display: -webkit-box;    /* Safari */ 
	display: -webkit-flex;    /* Chrome, WebKit */
	display: box; 
	display: flexbox; 
	display: flex;
	justify-content: space-between;
}
.server .serverList .left {
	height: 6.22rem;
	border-right: 0.02rem solid #1cac8b;
	width: 3.4rem;
	padding-top: 0.72rem;
	position: relative;
	box-sizing: border-box;
}
.server .serverList .right {
	height: 6.22rem;
	width: 2.94rem;
	padding-top: 0.72rem;
	padding-left: 0.46rem;
}
.server .serverList .left .icon{
	display: block;
	height: 0.12rem;
	width: 0.12rem;
	background: #1cac8b;
	border-radius: 50%;
	position: absolute;
	left: 3.26rem;
}
.icon1{
	top: 1.02rem;
}
.icon2{
	background: #41464c;
	top: 2.82rem;
}
.icon3{
	top: 4.77rem;
}
.server .serverList  li a{
	display: -moz-box;  /* Firefox */
	display: -ms-flexbox;    /* IE10 */
	display: -webkit-box;    /* Safari */ 
	display: -webkit-flex;    /* Chrome, WebKit */
	display: box; 
	display: flexbox; 
	display: flex;
	height: 1.0rem;
	color: #41464c;
	/*overflow: hidden;*/

}
.server .serverList  li:nth-of-type(1){
	margin-bottom: 0.82rem;
}
.server .serverList  li:nth-of-type(2){
	margin-bottom: 1.02rem;
}
.server .serverList  li div{
	width: 2.02rem;
}

.server .serverList .left li:nth-of-type(2) a{
	color: #1cac8b;
}
.server .serverList .right li:nth-of-type(2n+1) a{
	color: #1cac8b;
}
.server .serverList .left li:nth-of-type(2) a h4{
	border-color: #1cac8b;
}
.server .serverList .right li:nth-of-type(2n+1) a h4{
	border-color: #1cac8b;
}
.server .serverList .left h4{
	float: right;
	text-align: right;
}
.server .serverList  li h4{
	width: 1.28rem;
	height: 0.44rem;
	font-family: MicrosoftYaHei;
	font-size: 0.28rem;
	line-height: 0.44rem;
	border-bottom: 0.02rem solid #41464c;
	margin-bottom: 0.17rem;

}
.server .serverList li span{
	font-family: MicrosoftYaHei;
	font-size: 0.12rem;
	width: 2.02rem;
	display: block;
}
.server .serverList .left li span{
	float: right;
	text-align: right;
}

.server .serverList .right li span{
	text-align: left;
}
.server .serverList  .left li i{
	display: block;
	height: 0.74rem;
	width: 0.74rem;
	margin-left: 0.2rem;
	line-height: 0.94rem;
}
.server .serverList  .right li i{
	display: block;
	height: 0.74rem;
	width: 0.74rem;
	margin-right: 0.2rem;
	line-height: 0.94rem;
}


/*需求*/
.needs{
	width: 7.5rem;
	background: #fff;
	padding-bottom: 0.6rem;
}

.needs h3{
	height: 1.62rem;
	font-size: 0.34rem;
	line-height: 1.62rem;
	text-align: center;
	color: #333333;
}
.needs h3 span:nth-of-type(2){
	color: #1cac8b;
}
.needs form{
	width: 7.1rem;
	padding: 0 0.2rem;
}
.needs form .needItem{
	height: 0.8rem;
	width: 7.0rem;
	border: 0;
	border-radius: 0.02rem;
	border: solid 1px #dcdcdc;
	font-size: 0.24rem;
	color: #1cac8b;
	padding-left: 0.1rem;
	margin-bottom: 0.18rem;
	position: relative;
	
}
.needs form span{
	line-height: 0.8rem;
	margin-right: 0.1rem;
}
.needs form span.s1{
	font-size: 0.12rem;
	color: red;
	position: absolute;
	right: 0;
	display: none;
}
.needs form .needItem .selicon{
	display: block;
	width: 0.14rem;
	height: 0.1rem;
	position: absolute;
	top: 0.36rem;
	right: 0.17rem;
	z-index: 998;
}
.needs form input{
	height: 0.8rem;
	width: 5.3rem;
	border: 0;
	outline: none;
	color: #333333;
}
.needs form select{
	height: 0.8rem;
	width: 5.86rem;
	border: 0;
	outline: none;
	color: #333333;
}
.needs form textarea{
	width: 7.0rem;
	height: 2.26rem;
	border-radius: 0.02rem;
	border: solid 1px #dcdcdc;
	padding-left:0.1rem ;
	resize: none;
	font-size: 0.24rem;
	line-height: 0.48rem;
	outline: none;
}
form textarea::-webkit-input-placeholder { /* WebKit browsers */ 
color: #1cac8b;
} 
form textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #1cac8b;
} 
form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color:  #1cac8b;
} 
form textarea::-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #1cac8b;
}

.needs form #subBtn{
	width: 7.1rem;
	height: 0.78rem;
	background-color: #39b294;
	border-radius: 0.02rem;
	color: #fff;
	font-size: 0.24rem;
	margin-top: 0.2rem;
}
.support{
	width: 7.5rem;
	height: auto;
	background: #292929;
	color: #e3e3e3;
	position: relative;
	
}
.support .supList{
	width: 7.1rem;
	padding: 0 0.2rem;
	padding-top: 0.2rem;
	/*display: none;*/
}
.support .supList .supItem p{
	font-size: 0.32rem;
	height: 0.84rem;
	width: 7.1rem;
	border-bottom: 0.01rem solid #656565;
	line-height: 0.84rem;
	display: flex;
	justify-content: space-between;
}

.support .supList .cur p{
	font-size: 0.32rem;
	height: 0.84rem;
	width: 7.1rem;
	border-bottom: 0;
	line-height: 0.84rem;
	display: flex;
	justify-content: space-between;
}
.support .supList .supItem p i{
	display: block;
	height: 0.35rem;
	width: 0.19rem;
	background: url(../images/more.png) no-repeat;
	background-size: cover;
	background-position: center;
 	background-size:cover ;
	margin-top: 0.28rem;
}
.support .supList .supItem .more{
	display: block;
	width: 0.35rem;
	height: 0.19rem;
	background: url(../images/more_cur.png)no-repeat;
	background-size: cover;
	margin-top: 0.28rem;
}
.support .supList .supItem ul{
	width: 6.7rem;
	padding-left: 0.4rem;
	padding-bottom: 0.3rem;
	padding-top: 0.1rem;
	display: none;
}
.support .supList .cur ul{
	display: block;
}

.support .supList .supItem ul li a{
	display: block;
	height: 0.70rem;
	border-bottom: 0.01rem solid #656565;
	font-size: 0.24rem;
	line-height: 0.70rem;
	color:#c4c4c4 ;	
}
.support .supList .supItem ul li:nth-of-type(5) a{
	border: 0;
}
.support ul.cur{
	display: none;
}
.support .busmessage{
	width: 7.1rem;
	padding: 0 0.2rem;
	padding-top: 0.54rem;
	font-size: 0.28rem;
	height: 2.5rem;
	position: relative;
}
.support .busmessage p{
	line-height: 0.54rem;
	color: #a1a1a1;
}
.support .busmessage .code{
	width: 1.26rem;
	height: 1.26rem;
	position: absolute;
	right: 0.2rem;
	bottom: 0.68rem;
}
.support .copyright{
	height: 1.02rem;
	background: #171717;
	padding: 0 0.7rem;
	padding-top: 0.24rem;
	text-align: center;
	font-size: 0.3rem;
	color: #a1a1a1;
	line-height: 0.44rem;
}


.support .busmessage a{
	color: #a1a1a1;
}