/*关于我们页面*/
.about-top{ 
	margin:30px auto;
	width:80%;
}
.about-top p{
	text-align: center;
    background: #f7f7f7;
    padding: 10px 0px;
    margin: 0px !important;
    font-size: 22px;
}
.about-img-text,.about_more { 
	width:80%;
	margin:0 auto;
	
	/* padding-bottom:70px; */
}
.about-img-text h2{
     font-size: 40px;
	color:#00a0e9;
	text-align:center;
	margin: 30px 0px;
 }
.about-img-text h3{
	color:#323333;
	font-size:24px;
}
.found img{
	float:left;
	margin-right: 30px;
}
.about_more .about-img{
	float:left;
	margin-right:60px;
}
.about_more .about-img:last-child{
	margin-right:0px;
}
.about-img-text img{
	margin-bottom:30px;
}
.about-img-text p{
	text-align:justify;
}
.about-line{
	height:1px;
	width:80%;
	margin: 0 auto 100px auto;
	border-bottom: 1px dashed rgba(204,204,204,.6);

}

.about_more{ 
	padding-top: 50px;
	margin-bottom:50px;
}
.about_more h3{
	text-align: center;
	margin-top: 35px;
	border-top: 1px solid #dfdfdf;
	width: 100%;
	margin: 35px auto 20px auto;
	color: #00a0e9;
	font-size: 25px;
}
.about_more h3 span {
    background: #fff;
    position: relative;
    top: -16px;
    padding: 0px 20px;
}
.about-img{
	margin-bottom:40px;
}
.about-img a{ 
	display:block; 
	text-decoration: none !important;
	text-align:center;
	margin-top:5px;
}
.about-img a span{
	display:block;
	text-align:center;
	margin-top:10px;
	color:#9fa0a0;
	font-size:14px;
}
.about-img img{
	margin:auto;
	text-align:center;
}

.about-img a:hover span{
	color:#1d70b8;
}
.about-fixed{
	position: fixed;
	bottom: 0;
	width: 100%;
	background:rgba(128,128,128,.8);
	padding:20px 0px;
	z-index: 999999999999;
}
.about-fixed .col-xs-3{
	margin-bottom:20px;
}
.about-fixed img{
	margin:auto;
	text-align:center;
}
.about-fixed a{
	display:block; 
	text-decoration: none !important;
	text-align:center;
	margin-top:5px;
}
.about-fixed a span{
	display:block;
	text-align:center;
	margin-top:5px;
	color:#fff;
	font-size:13px;
}

/*why us页面样式*/
.why-top{ margin:30px 0px;}
.why-top p{
	text-align:center;
	background:#f7f7f7;
	padding:10px 0px;
	margin:0px !important;
	font-size:22px;
}
.whyus-text{ 
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom:20px;
}
.whyus-text .why-title{ 
  display: table-cell !important;
  vertical-align: middle;
  height: 177px;
  margin-bottom:0px !important;
}
.whyus-text p.why-title{
	text-align:justify;
}
.whyus-text span{
	display:inline-block;
	width:50px;
	height:50px;
	border-radius: 25px;
	background:#2078b9;
	visibility: middle;
	text-align: center;
    line-height: 50px;
    color:#fff;
    font-size:20px;
    margin-left: 50px;
    margin-top: 57px;
}
.why-span{
	text-align:center;
}

/*careers页面样式*/
.careers-text{ margin-top:20px;}
.careers-text .career-span1{
   display: inline-block;
   float: left;
   width: 25%;
}
.careers-text .career-span2{
    display: inline-block;
    float: left;
    width: 35%;
    margin-left:20px;
}
.car-title{
	color:#0f80d9;
	font-size:20px;
}

.careers-text .career-span2 ul{
	list-style-type: decimal;
}
.careers-text .career-span2 ul li{
	line-height: 22px;
	list-style-type: unset;
	font-size: 15px;
}

.careers-text .career-color{ 
	color:#0f80d9; 
	margin-bottom:10px;
}
.careers-text .career-duan{ 
	width:80%; 
	text-align:justify;
}

.investment_f{
	border: 1px solid #EDEDED;
	width:90%
}
.investment_f .investment_title {
    height: 75px;
    overflow: hidden;
   
}
.investment_title div {
    width: 14%;
    float: left;
    display: inline;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #555;
    cursor: pointer;
    padding-top: 24px;
    
}
.investment_title div img{ 
	display: block;
    margin: 10px auto;}
.investment_title div:hover,.investment_title div.on{
	background:#dcdddd;
}
.investment_title div:nth-child(7){
	width:16%;
}

.investment_con {
    clear: both;
    background: #fff;
    border-top: 1px solid #EDEDED;
    padding: 20px;
}
.investment_con_list h3{
	color:#0f80d9; 
}
.investment_con_list p{
	text-align:justify;
}
.careers-phone ul{ 
	list-style:none;
	padding-left:0px;
}
.careers-phone ul li{

	width:100%;
	border:1px solid #EDEDED;
	text-align:center;
	line-height:36px;
	margin-bottom:10px;
	padding:0px;
}
.careers-phone ul li span{ 
	display:block;
	font-size:18px;
}
.careers-phone ul li span.curent{
	background:#dcdddd;

}
.careers-ph-text{ width:100%; display:none;}
.careers-ph-text p{ 
	text-align:justify;
	padding:10px;
}
.careers-ph-text p:nth-child(1){
	color:#0f80d9;
	font-size: 18px;
    padding-bottom: 0px; 
}

/*服务页面样式*/
.services-text ul{ 
	
	padding-left:0px;
}
.services-text ul li{
	border:1px solid #ccc;
	margin-bottom:20px;
	padding:0px;
}
.services-text ul li span:nth-child(1){
	width:20%;
	display:inline-block;
	vertical-align: middle;
}
.services-text ul li span:nth-child(2){
	width:75%;
	margin-left:20px;
	display:inline-block;
	vertical-align: middle;
}
.services-text ul li p{
	text-align:justify;
}
.services-text ul li p a{
	display:block;
	text-decoration:none;
	text-align:right;
	color:#0F80D9;
	cursor: pointer;
}
.services-text ul li h3{ margin-bottom:10px;}
.services-text .service-smalllist{
	padding:10px 20px;
	float:left;
	width:33%;
}
.services-text .service-smalllist ul{ margin-left:20px;}
.services-text ul .service-smalllist li{
	border: none;
	margin-bottom:0px;
	font-size:14px;
	line-height:22px;
	text-align:justify;
}
.services-text .service-smalllist p{ margin-bottom:10px;}
.services-text .click-more{
	position: relative;
    width: 100%;
    line-height: 40px;
    height: 40px;
}
.services-text .click-more a{
	position: absolute;
    right: 20px;
    bottom: 6px;
}
.shousuo{ 
	background:#dddddd;
	padding:5px 0px;
	text-align:center;
}
.shousuo img{ width:1%;}




/*公司历史*/
.iphone-show{ display:none;} 
.website{ width:100%; text-align:center;}
.website .duiqi{ 
	 text-align: justify;
	 margin-bottom:0px;
	}
.website p{ text-align:justify;}
.website h3 {
    text-align: center;
    margin-top: 35px;
    border-top: 2px solid #dfdfdf;
    width: 60%; margin: 35px auto 20px auto;
    color: #0c8bf0; font-size: 25px;
}
.website h3 span {
    background: #fff;
    position: relative;
    top: -16px;
    padding: 0px 20px;
}

.computer-history{ border:1px solid #f00;}






.weblist{ margin-top: 20px;}
.mar_bottom{ margin-bottom: 50px;}

.weblist h3{ 
	border-bottom: 1px solid #ccc; 
	padding-bottom: 10px;
}
.weblist li{ 
	line-height: 26px; 
	list-style: disc; 
}
.weblist li a{ text-decoration: none;}

.web_History{
	background: url(../images/vertical.png)  17px no-repeat ; 
	padding-bottom: 10px;
}
.web_History p{ text-align: justify;}
.web_History .mar_left{ margin-left: 20px;}
.web_History ul{
	background: url(../images/point.jpg) 7px 6px no-repeat; 
	list-style-type:none; 
}
.web_History ul li{
	padding-left: 30px;
}
.web_History ul li a{ 
	text-decoration: none;
}
.web_History ul li b{
	font-weight: bold;
	font-size: 20px;
}
.weblist .commitlist li{
	border-bottom: 1px solid rgba(204, 204, 204, 0.29);
	padding-bottom: 12px; 
	margin-left: 20px;
	margin-bottom: 10px;
}
.weblist .commitlist li a{ 
 	display: inline-block; 
 	font-weight: bold;
 }
.weblist .commitlist li p{ 
 	text-align: justify;
 }
.weblist ul.Pre_move{ 
 	margin-bottom: 25px;
 }
.weblist ul.Pre_move li{ 
 	margin-left: 30px;
 }
.social p{ 
	margin-top: 8px;
}
.whychos1 p.strong1{ 
	font-weight: bold; 
	margin-bottom: 0px;
}

/*新改版历史发展样式*/
.smaller-title{
	font-size: 24px;color: #00a0e9
}
.history ul{
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding:20px 0px;
}
.history ul li{
	padding:20px 0px;
	float:left;
	width:33.33%;
	text-center:center;
	border-right:1px solid #ccc;
}
.history ul li:last-child{
	border-right:none;
}
.history ul li a{
	display:block;
	text-align:center;
	color: #999;
	font-size: 30px;
}
.history ul li a span{
	display:block;
	font-size: 24px;
	color: #999;
	padding-top:25px;
}
.history ul li.active a,
.history ul li.active a span{
	color: #039ee8;
	font-weight:bold;
}
.history-list{
	margin:40px 0px;
}
.list1 .left-text{
	float:left;
	width:770px;
}
.list1 .left-text p{
	position:relative;
	padding-left:120px;
	font-size:14px;
	line-height:24px;
	margin-bottom:30px;
}
.list1 .left-text p span{
	position: absolute;
    font-size: 30px;
    color: #039ee8;
    left: 0;
    top: 2px;
    font-weight:bold;
}

.list1 .right-pic{
	float:right;
	width:200px;
}
.list1 .right-pic img{
	margin-bottom:30px;
	display:block;
	font-size:0px;
}
.jishu,.rent{
	margin-bottom:40px;
}
.jishu dl,.rent dl{
	margin-left:25px;
}
.jishu dl dt{
	float: left;
	width:580px;
	
}
.jishu dl dt p{
	font-size:14px;
	color:#666;
	line-height:24px;
}
.jishu dl dd{
	float: right;
	width:375px;
}
.rent dl dt{
	float:left;
	width:375px;
}
.rent dl dd{
	float:right;
	width:580px;
}

.rent dl dd p{
	font-size:18px;
	color: #666666;
}
.rent dl dd ul{
	margin-bottom:20px;
}
.rent dl dd ul li{
	font-size:14px;
	line-height:26px; 
}
.topservice dl{
	background-color: #f5f5f5;
	margin-bottom:30px;
}
.topservice dl img{
	font-size:0px;
}
.topservice dl.same1 dt{
	float: left;
	width: 380px;
}
.topservice dl.same1 dd{
	float :right;
	width:630px;
	padding:20px 30px;
}
.topservice dd p:nth-child(1){
	font-size:18px;
	color: #666666;
}
.topservice dl.same2 dt{
	float: right;
	width: 380px;
}
.topservice dl.same2 dd{
	float :left;
	width:630px;
	padding:20px 30px;
}
.wei{
	margin-bottom:100px;
}
.wei p:nth-child(2){
	padding-left:25px;
}



/* contact us */
.shanghai{
	border-bottom:1px dashed #ccc;
	margin-bottom:40px;
	padding-bottom: 40px;
	padding-top: 20px;
}
.shanghai .shanghai_left{
	width:50%;
	float:left;
}
.shanghai .shanghai_left h2{
	text-transform : uppercase;
	font-size:30px;
}
.address,.tel,.email{
	color:#888888;
	font-size:14px;
}
.shanghai_left .mail,.shanghai_left .call,.shanghai_left .place,.shanghai_left .web{
	display: inline-block;
    background-image: url(../images/sprites@X2.png);
    background-repeat: no-repeat;
    background-size: 1040px 240px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    width: 40px;
    height: 40px;
}
.w.place{
	background-position: -319px -108px;
	float:left;
}
.w.call {
    background-position: 0px -112px;
    position: relative;
    top: 4px;
}
.w.mail {
    background-position: -680px -107px;
}
.w.web{
	background-position:-793px -96px;
	background-size: 900px 208px;
	position: relative;
    top: 8px;
}
.shanghai_left .legends{
	color:#666767;
	margin:50px 0px 10px 0px;
}
.shanghai .shanghai_right{
	width:50%;
	float:right;
}
.contactForm{
	border:1px solid #ccc;
	padding:20px;
	width:460px;
}
.contactForm h2{
	font-size:30px;
}
.contactForm input{
	line-height:40px;
	height: 49px;
}
.contactForm .contact-us-name, 
.contactForm .contact-us-services,
.contactForm .contact-us-email, 
.contactForm .contact-us-phone, 
.contactForm .contact-us-textarea{
	 width:48%;
	 float:left;
	 margin-bottom: 20px;
}
.contactForm .contact-us-services{
	float: right;
}
.contactForm .contact-us-email,
.contactForm .contact-us-textarea{
    width:100%;
}
.am-select{
   color: rgb(153, 153, 153);
	/*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/select-icon-g.png) no-repeat scroll right 5px center transparent;
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.contact-us-textarea textarea{
	min-height: 10em;
}
.contactForm .form-actions{
	width:50%;
	margin:auto;
}
.contactForm .form-actions input{
	width:100%;
}

/* 
公司历史 */
.history h2{
	font-size: 40px;
	color:#00a0e9;
	text-align:center;
	margin: 30px 0px;
}
.history_img{
	margin:40px auto;
	text-align:center;
}


/* fuwu页面 */
.service h2{
	font-size: 25pt;
	color:#00a0e9;
	text-align:center;
	margin: 30px 0px;
}
.service p{
	font-size:14px;
	color:#666;
	text-align:center;
	font-weight:normal;
}
.service_bg{
	background: url(../images/service_bg.jpg) top 60px center no-repeat;
	height:1100px;
	position:relative;
}
.service1{
	width: 400px;
    position: absolute;
    top: 145px;
    left: 20px;
    text-align: center;
}
.service1 .red_more{
	margin-top:96px;
}
.service2 .red_more{
	margin-top:50px;
}
.service1 .red_more a,.layer1 .close1 a{
	background:#e0773d;
	padding: 10px 60px;
	color:#fff;
}
.service1 h3{
	color:#e0773d;
}
.service2{
	width: 400px;
    position: absolute;
    right: 4px;
    top: 145px;
    text-align: center;
}
.service2 h3{
	color:#c88fb1;
}
.service2 .red_more a,.layer2 .close1 a{
	background:#c88fb1;
	padding: 10px 60px;
	color:#fff;
}
.service3{
	top:666px;
}
.service3 h3{
	color:#dca529;
}
.service3 .red_more a,.layer3 .close1 a{
	background:#dca529;
	padding: 10px 60px;
	color:#fff;
}

.service4{
    position:absolute;
    right:100px;
    width:400px;
    top:666px;
}
.service4 h3{
	text-align:center;
	color:#cf3e75;
}
.service4 .red_more{
	margin-top:50px;
}
.service4 .red_more a,.layer4 .close1 a{
	background:#cf3e75;
	padding: 10px 60px;
	color:#fff;
}
.red_more a,.red_more a:link,.close1 a:link{
	text-decoration:none;
}
/* .layui-layer-title{
	display:none;
} */
.layui-layer-shade{
	opacity: 0.5 !important;
}
.layui-layer-page .layui-layer-content{
	padding:20px;
}

/* 弹出层 */
.layer1,
.layer2,
.layer3,
.layer4{
	display:none;
	width:740px;
	margin:auto;
}
.layer1 h3{
	color:#e0773d;
	font-size:24px;
	text-align:center;
	margin:20px 0px 40px 0px;
}
.layer1 .service-smalllist.gaoone{
	min-height:400px;
}
.layer1 .service-smalllist.gao,
.layer1 .service-smalllist.gao1{
	min-height:260px;
}
.layer1 .service-smalllist.gao2{
	min-height:180px;
}
.layer2 h3{
	color:#c88fb1;
	font-size:24px;
	text-align:center;
	margin:20px 0px 40px 0px;
}
.layer1 span:nth-child(1),
.layer2 span:nth-child(1),
.layer3 span:nth-child(1) {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.layer1 span:nth-child(2),
.layer2 span:nth-child(2),
.layer3 span:nth-child(2)
{
	width: 55%;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}
.layer2 li{
	line-height:20px;
	font-size:14px;
	color:#c88fb1;
}
.layer3 h3{
	color:#dca529;
	font-size:24px;
	text-align:center;
	margin:20px 0px 40px 0px;
}
.layer3 li{
	line-height:20px;
	font-size:14px;
	color:#dca529;
}
.layer4 h3{
	color:#cf3e75;
	font-size:24px;
	text-align:center;
	margin:20px 0px 40px 0px;
}
.layer4 span:nth-child(1) {
    width: 45%;
    display: inline-block;
    vertical-align: top;
}
.layer4 span:nth-child(2){
	width: 45%;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top;
}
.layer1 .service-smalllist,
.layer4 .service-smalllist {
    padding: 10px 20px;
    float: left;
    width: 49%;
    min-height:245px;
}
.layer4 .service-smalllist.gaodu{
	min-height:140px;
}
.layer4 .service-smalllist.gaodu1{
   min-height:140px;
}
.layer1 .service-smalllist p,
.layer4 .service-smalllist p{
	font-size:16px;
	    font-weight: bold;
}
.layer1 .service-smalllist li,
.layer4 .service-smalllist li{
	font-size:14px;
	line-height:20px;
	list-style-type: disc;
}

.layui-layer-setwin .layui-layer-close2{
	display:none;
}
.close1{
	width: 18%;
    margin: 40px auto;
}
.layui-layer-setwin .layui-layer-close2{
	position: absolute;
    right: -25px;
    top: -28px;
    width: 50px !important;
    height: 50px !important;
    margin-left: 0;
    border-radius:50%;
    background-position: -5px -5px !important;
    background: #fff url(../images/close1.png) no-repeat;
    display: block !important;
    border:1px solid #ccc;
}




@media(min-width:1200px){
	.about-fixed{
		display:none;
	}
	.careers-phone{
		display:none;
	}
	.services-text .service-smalllist{
		padding:10px 20px;
		float:left;
		width:33%;
    }
    .services-text .click-more{
    	width:100%;
    }
	.services-text .service-smalllist.gaoone{
		height:410px;
		overflow:hidden;
	}
	.services-text .service-smalllist.gaodu{
		height:280px;
		overflow:hidden;
	}
	.services-text .service-smalllist.gaodu1{
		height:180px;
		overflow:hidden;
	}

	.web_History{ display:none !important;}
	#timeline{ display:block !important; }

	
}
/*ipad*/
@media(min-width:767px){
   .about-fixed{
		display:none;
	}
	  /*公司历史*/
    .iphone-show{ display:block;}
    #timeline{ display:none; }
}
@media (max-width: 768px)
{
	.specil-img,.specil-img img,.specil-text{ width:100% !important;}
	.specil-img img{ margin-bottom:10px;}

	
	
}

/*ipad竖屏模式*/
@media (min-width: 768px) and (orientation : portrait){
   .whyus-text img{ height:165px;}
   .investment_f{ width:100%;}
   .investment_title div{ 
	   	padding-top: 20px;
	    height: 75px;
   }
   .careers-phone{ display:none;}
   .careers-text .career-span2{ width:70%;}
   .careers-text .career-span2 li{
	   	font-size: 15px;
	    float: left;
	    width: 50%;
    }

     /*服务yemian*/
 
    .services-text ul li h3{
     	padding-top:10px;
     }
    .shousuo img{ width:2%;}
    .services-text .service-smalllist{
    	width:100%;
    }


     /*公司历史*/
    .iphone-show{ display:block;}
    #timeline{ display:none !important; }

}



/*ipad横屏模式*/
@media (max-width: 768px) and (orientation : landscape){
	.investment_f{ width:100%;}
	.careers-phone{ display:none;}
	.services-text .service-smalllist{
    	width:100%;
    }

    #timeline{ display:none !important; }

   

}


@media (min-width: 320px) and (max-width: 641px)
{
	.about_more{ display:none;}
	.whyus-text{ position:relative;}
	.whyus-text .why-title{ 
		line-height: 26px !important;
        height: 26px !important;
     }
    .why-span{
    	position: absolute;
		left: -50px;
        top: 143px;
    }
    .why-span span{
    	width: 50px !important;
	    height: 30px !important;
	    border-radius: 0px !important;
	    line-height: 30px !important;
		text-align: center;
		font-size: 14px !important;
		background:rgba(32,120,185,.8) !important;
    }

    .careers-text .career-span1{ display:none;}
    .careers-text .career-span2{
    	width: 100% !important;
	    float: none !important;
	    margin-left: 0px !important;
    }
    .car-wenzi{ text-align:justify;}
    .careers-text .career-duan{ width:100%;}
    .investment_f{ display:none !important;}
    .about-line{
    	border-bottom:none;
    	margin-bottom:0px;
    }
    .about-img-text{
    	border-bottom:none;
    	padding-bottom:0px;
    }


    /*fuwu页面*/
    
    .services-text ul li span:nth-child(1){
    	width:100%;
    }
    .services-text ul li span:nth-child(2){
    	width:100%;
    	margin-left:0px;
    }
    .services-text ul li span:nth-child(2) p{
    	padding:10px;
    }
    .services-text ul li h3{
     	text-align:center;
     	margin:8px 0px 0px 0px;
     }
    .services-text .service-smalllist{
    	width:100%;
    }
    .shousuo img{
    	width:6%;
    }

    /*公司历史*/
    .iphone-show{ display:block;}
	.website h3{ width:100%;}
	.website img{
		height: 162px;
        margin-bottom: 15px;
	}

	.mar_bottom p{ text-align:justify;}

	#timeline{ display:none !important; }


}
@media(max-width:360px){
   .why-span {
	    position: absolute;
	    left: -50px;
	    top: 132px;
    }
}

@media(max-width:320px){
	.why-span{
    	position: absolute;
		left: -50px;
        top: 103px;
    }
    .investment_fP{ display:none !important;}
    
     /*服务yemian*/
    .services-text ul li span:nth-child(1) img{
	    padding:0px !important;
     }
   
}




.about_list li, .services-text .service-smalllist li {
    list-style: disc;
}
.l-content a {
    text-decoration: none;
}