@charset "utf-8";
/* CSS Document */


/*================ é¦é¡µ ===============*/
body{background-color:#f4f4f4;	}
body,p{ font-family: "Microsoft YaHei", "å¾®è½¯éé»",Helvetica, Arial, STXihei, "åæç»é»",SimSun, "å®ä½" ;}

a{ text-decoration:none}
p{text-indent:2em}

	
.contWidth{
    width: 1050px;
    margin: 25px auto 20px auto;
}

.contpart1{
    width: 950px; 
	height:350px;
    margin: 20px auto 100px auto;
	background:url("../images/img_top_main.jpg");
	background-position: center center; 
	padding-top:150px;
	padding-left:100px;
}
.contpart1 h1{
	font-size: 44px;
	color:#fff;
	font-weight:bold;
	line-height: 70px;
	
}
.contpart1 h5{
	font-size: 16px;
	color:#fff;
	font-weight: normal;
	line-height: 24px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.contW{
    width: 1050px;
    padding: 30px 0;
	margin: 0 auto;
}
.title_index{
	color: #153566;
	background: url("../images/bg_title_2circle.svg") left no-repeat;
	padding-left:30px;
}
.title_index h3{
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
}
.title_index h5{
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}
.title_tec{
	width:110px;
	height:340px;
	background: url("../images/bg_tech1.svg") bottom no-repeat;
	margin-top:30px;
	margin-right:46px;
}
.title_tec_con{
	border-left: 1px solid #445D85;
	margin-left:20px;
	margin-bottom:100px;
	padding-left:6px;
	height:100px;
}
.title_tec_con h3{
	font-size: 20px;
	color:#153566;
	line-height: 26px;
	margin-bottom: 10px;
}
.title_tec_con h5{
	font-size: 12px;
	color:#666;
	line-height: 16px;
	font-weight: normal;
}
.title_tec h2{
	font-size: 16px;
	color:#fff;
	line-height: 21px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
}
.arrow_hui{
	width:28px;
	height:55px;
	background: url("../images/icon_arrow_right_hui.png") no-repeat;
	margin-right: 46px;
	margin-top:240px;
}
.title_service{
	width:330px;
	height:360px;
	margin-top:40px;
	color: #fff;
	text-align: center;
}
.title_service h3{
	font-size: 36px;
	line-height: 36px;
	padding-top:35px;
	padding-bottom: 42px;
	font-weight: normal;
}
.title_service h5{
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 12px;
	font-weight: normal;
}
.title_service h6{
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
}
.color_blue{
	color:#153566;
}
.title_service_p1{
	background: #292E40 url("../images/logo_aws.png") 75px 274px no-repeat;
	margin-right:30px;
}
.title_service_p2{
	background: #E34E45 url("../images/logo_aliyun.png") 75px 274px no-repeat;
	margin-right:30px;
}
.title_service_p3{
	background: #EAEAEA url("../images/logo_hwy.png") 75px 274px no-repeat;
	color: #333;
}
.title_adv{
	width:415px;
	height:73px;
	padding:16px 30px 16px 75px;
	margin-top:10px;
	margin-right:10px;
	color: #fff;
	text-align: left;
	background: rgba(255,255,255,0.1) url("../images/icon_arrow_blue.png") 28px 16px no-repeat;
}
.title_adv h5{
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 12px;
}
.title_adv h6{
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
.margin_r0{
	margin-right:0;
}
.margin_t20{
	margin-top: 30px;
}

.hzhb{
	width:234px;
	height:130px;
	margin-top:40px;
	color: #888;
	text-align: left;
	padding-left: 84px;
	padding-right:22px;
	border-right: 1px solid #f1f1f1;
}
.hzhb a:hover{
	font-weight: bold;
}
.hzhb h5{
	font-size: 18px;
	line-height: 21px;
	margin-bottom: 12px;
	font-weight: normal;
	color:#333;
}
.hzhb h6{
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

.hzhb_p1{
	background:url("../images/logo_kjl.svg")  no-repeat;
	margin-right:25px;
}
.hzhb_p2{
	background:url("../images/logo_ym.svg")   no-repeat;
	background-size: 72px;
	margin-right:25px;
}
.hzhb_p3{
	background:url("../images/logo_js.svg")  no-repeat;
	color: #333;
	padding-right:0;
	border: none;
	margin-right: 0;
}
.btn_blue{
	width:100px;
	height:30px;
	color:#0082FF;
	font-size: 13px;
	border: 1px solid #0082FF;
	border-radius:6px;
	text-align: center;
	line-height: 30px;
	margin-top:10px;
}

.jjfa_con{
	color:#333;
	width:825px;
	height:1400px;
	margin-left: 15px;
}
.jjfa_con h5{
	font-size:18px;
	line-height: 30px;
}
.jjfa_con h6{
	font-size:14px;
	line-height: 20px;
	font-weight: normal;
	text-indent:2em;
}
.jjfa_con h7{
	font-size:12px;
	line-height: 20px;
	font-weight: normal;
	color: #555;
}
.jjfa_logo{
	width:110px;
	height: 110px;
	background: url("../images/logo_kjl_b.svg") no-repeat;
}
.txtindent0{
	text-indent:0 !important;
}
.logo_ym{
	background: url("../images/logo_ym.svg") no-repeat;
}
.padding_l40{
	padding:40px !important;
}
.margin_b10{
	margin-bottom: 10px;
}
.jjfa_kjl_bg{
	width:208px;
	height:170px;
	background: url("../images/fa_kjl_1.svg") no-repeat;
	padding:160px 30px 30px 30px;
	margin-right:10px;
}
.jjfa_ym_bg{
	background: url("../images/fa_kjl_2.svg") no-repeat;
}
.jjfa_cbgl_bg{
	background: url("../images/fa_kjl_3.svg") no-repeat;
	margin-right:0;
}
.arrow_red{
	width:312px;
	height:61px;
	background: url("../images/img_arrow_red.svg") no-repeat;
	padding:14px 0 0 68px;
}
.arrow_red h1{
	color:#E9726B;
	font-size:40px;
	line-height: 40px;
}
.color_red{
	color:#E9726B;
}
.width100{
	width:100%;
}

/*top*/
.top{
    width: 100%;
    height: 110px;
    overflow: hidden;
	/*position:fixed;	/*é¡¶é¨æ¬æµ®åºå®*/
	/*top:0;*/
	float:left;
	z-index:9999;
	background:url("../images/bg_menu2.png");
	background-position: center center; 

}
.top .logo{
    width: 220px;
	margin-top:20px;
}
.top .logo img{
    width: 100%;
    display: block;
}

.part1{
    width: 100%;
    height: 580px;
    overflow: hidden;
	background:url("../images/bg_top.png");
	background-position: center center; 
    float:left;
}
.part2{
    width: 100%;
    height: 507px;
    overflow: hidden;
	background:url("../images/bg_main2.jpg");
	background-position: center center; 
    float:left;
}
.part3{
    width: 100%;
    height: 530px;
    overflow: hidden;
	background-position: center center; 
    float:left;
}
.cloud service{
	
}
.part4{
    width: 100%;
    height: 370px;
    overflow: hidden;
	background:url("../images/img_main4.jpg");
	background-position: center center; 
    float:left;
}
.conbg{
	width:100%;
	height:auto;
	overflow:hidden;
	background:url("../images/bg_top2_jjfa.jpg")#efefef top center no-repeat ;
	 float:left;
	}
.conbg span{
	width:100%;
	font-family:"å¾®è½¯éé»";
	font-size:40px;
	font-weight:bold;
	text-align:center;
	line-height:44px;
	margin-top:110px;
	margin-bottom:36px;
	color:#fff;
	display:block;

}
.img_con{
	width:1050px;
	height:587px;
	margin: 0 auto;
	background:url("../images/img_contain_jjfa.png");
	background-position: center center; 
	margin-bottom: 40px;
	}
.bg_con{
	width:950px;
	height:420px;
	margin: 0 auto;
	margin-bottom: 40px;
	background-color: #fff;
	border-radius: 10px;
	padding:50px;
}
.bg_con span{
	font-size: 14px;
	color: #333;
	text-align: left;
	margin-top: 0; 
	margin-bottom:0;
	border-bottom:10px solid #f7f7f7;
	font-weight: normal;
	line-height: 30px;
}
.pic_font{
	width:270px;
	height:auto;
	margin-right: 40px;
	float:left;
}
.pic_font_title{
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding:15px 0;
}
.pic_font_con{
	font-size: 12px;
	color: #333;
	padding:10px 0;
	line-height: 16px;
}

.fwyzc{
	width:200px;
	height:265px;
	margin-right: 36px;
	float:left;
	background:url("../images/img_fw1.svg") no-repeat;
	padding-top:130px;
}

/*nav*/
.headNav{
	float:right;
    height: 85x;
}
.headNav a{
    line-height: 60px;
    float: right;
    margin-right: 20px;
    color: #fff;
    font-size: 16px;
	font-weight:bold;
    font-family: "microsoft yahei";
	text-align:center;
	border-bottom:0px solid #004666; 
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	height:50px;
	cursor:pointer;	
	/******å°æä¸æ¾ç¤º*******/
}
.headNav a.currentNav,.headNav a:hover,.headNav a:hover{
	cursor:pointer;
    border-bottom:5px solid #fff; 
	color: #fff;
}
/*banner*/
.banner-container{
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden;
	background:url("../images/banner1.jpg");
	background-position: center center;  /*èæ¯å¾å±ä¸­æ¾ç¤º*/
	 margin-top:85px;         /*æ¬æµ®æ¡çé«åº¦*/
}
.swiper-logo{
	margin-top:96px;
	text-align:center;}
.swiper-logo img{
	width:540px;}
.swiper-slogan{
	margin-top:25px;
	}
.swiper-slogan p{
	font-size:24px;
	color:#FFF;
	text-align:center;
	font-family: "microsoft yahei";
	}
.swiper-button{
	margin-top:90px;
	text-align:center;
	cursor:pointer;					/******å°æä¸æ¾ç¤º*******/
	}
.swiper-button a{
  line-height:56px;
  height:56px;
  width:216px;
  color:#ffffff;
  font-family: "microsoft yahei";
  background-color:#51aeff;
  font-size:22px;
  border:0px solid #dcdcdc;
  border-radius:28px;
  text-align:center;
  display:inline-block;
  text-decoration:none;
  cursor:pointer;   	        /******å°æä¸æ¾ç¤º*******/
}
.swiper-button a:hover{
	background-color:#4a8cf7;
}
.banner-container p{
	text-align:center;
	color:#fff;
	margin-top:10px;
	font-family: "microsoft yahei";
	}
/******ä¼å¿advantage*******/
.cont-advantage{
    width: 100%;
    height: 290px;
	background:#f4f8fa;
    font-size: 12px;
    font-family: "microsoft yahei";	
}
.cont-advantage ul{
	height:80px;
	}
.cont-advantage ul li{
	float:left;
	margin-top:46px;
	margin-left:20px;
	height:80px;
	width:280px;
	}
.cont-advantage-icon{
	float:left;
	width:80px;
	height:80px;
	border:0px solid;
	border-radius:8px;

  background-color:#52aeff;
	}
.cont-advantage-icon img{
	text-align:center;
	position:absolute;
	margin-top:15px;
	margin-left:15px;
	}
.cont-advantage-chara{
	float:left;
	margin-left:10px;
	width:190px;
	}
.cont-advantage-chara .title{
	margin-top:4px;
	font-size:20px;
	color:#000;
	font-style:normal;}
.cont-advantage-chara .explain{
	margin-top:12px;
	font-size:12;
	color:#8c8c8c;}



/*å¤æéOMS*/

.cont-qytoms{
	width: 100%;
    height: 750px;
    font-family: "microsoft yahei";	
	background:url("../images/qytoms_img.png") no-repeat;
	background-position:center bottom;
	background-color:#3077b5;
	}
.cont-qytoms-cont{
	position:relative;
	}
.cont-qytoms-subtitle{
	float:left;
	height:50px;
	position:absolute;
	top:45px;
	left:40px;
	color:#fff;
	height:40px;}
.subtitle01{
	float:left;
	font-size:40px;
	height:40px;
	line-height:40px;
		}
.subtitle02{
	float:left;
	margin-top:20px;
	font-size:18px;
	height:20px;
	line-height:20px;
		}
.subtitle03{
	float:left;
	margin-top:17px;
	margin-left:10px;
	font-size:22px;
	height:22px;
	line-height:22px;
		}
.cont-qytoms-cont .hui{	position:absolute;	top:597px;	left:162px;	}
.cont-qytoms-cont .wei{	position:absolute;	top:307px;	left:85px;	}
.cont-qytoms-cont .qudao{	position:absolute;	top:454px;	left:74px;	}
.cont-qytoms-cont .men{	position:absolute;	top:212px;	left:186px;	} 
.cont-qytoms-cont .ding{	position:absolute;	top:191px;	left:401px;	}
.cont-qytoms-cont .kucun{	position:absolute;	top:129px;	left:599px;	}
.cont-qytoms-cont .cai{	position:absolute;	top:234px;	left:800px;	}
.cont-qytoms-cont .shang{	position:absolute;	top:315px;	left:875px;	} 
.cont-qytoms-cont .tong{	position:absolute;	top:418px;	left:1027px;	} 
.cont-qytoms-cont .shanghu{	position:absolute;   	top:520px;	left:962px;	} 
.cont-qytoms-cont .ping {position:absolute; top:608px; left:997px;	} 	
.cont-qytoms-cont .title{
	font-size:24px;
	color:#fff;
	font-style:normal;
	}
.cont-qytoms-cont .explain{
	margin-top:8px;
	font-size:14px;
	color:#fff;
	width:220px;
	}
	
	
/******å¤æéææºç******/
.cont-qytphone{
	width: 100%;
    height: 936px;
    font-family: "microsoft yahei";	
	background-color:#f4f8fa;
	}
.cont-qytphone-subtitle{
	float:left;
	height:50px;
	margin-top:45px;
	margin-left:40px;
	color:#333333;
	height:40px;
	}
.cont-qytphone-subtitle .subtitle03{
	color:#77a88;
	}
.cont-qytphone-content{
	float:left;
	margin-top:83px;
	height:752px;
	}
.cont-qytphone-conleft{
	float:left;
	margin-left:100px;
	width:540px;
	height:752px;
	}
.cont-qytphone-conleft li{
	float:left;
	margin-top:50px;
	width:540px;}
.cont-qytphone-icon{
	float:left;}
.cont-qytphone-chara{
	float:left;
	margin-left:15px;}
.cont-qytphone-chara .title{
	font-size:22px;
	color:#3997cb;}
.cont-qytphone-chara .explain{
	font-size:14px;
	color:#666666;
	margin-top:8px;
	line-height:22px;}
.cont-qytphone-conright{
	float:left;
	margin-top:12px;
	margin-left:68px;
	height:752px;
	}
.cont-qytphone-button{
	margin-left:40px;
	margin-top:60px;
	}
  /******ä¸è½½æé®******/
.button_down{
	float:left;
	width:270px;
	height:94px;
	border:0px solid;
	border-radius:8px;

  border:1px solid #666666;
  background:#f4f8fa;}
.button_down img{
	 float:left;
	 margin-left:17px;
	 margin-top:23px;
	  }
.button_line{
	float:left;
	margin-left:17px;
	margin-top:14px;
	border-left:1px solid #666666;
	height:66px;
	}
.button_chara{
	float:left;
	color:#666666;
	margin-left:38px;
	margin-top:24px;
	}	
.button_chara .button_title{
	font-size:28px;
	}
.button_explain{	
	font-size:14px;
	margin-top:13px;
	}
.cont-qytphone-button img{
	margin-left:20px;
	}
.cont-qytphone-button :hover{
	background-color:#fff;
	cursor:pointer;}
		
		
/******è¿æ¸¡é¡µ******/		
.cont-transit{
	width: 100%;
    height: 149px;
	background:url("../images/transit_bg.png");
	margin-top:0px;
	}
.cont-transit img{
	float:left;
	margin-left:740px;
	}
	
	
/******æå¯¼è´­ææºç******/
.cont-daogou{
	width: 100%;
    height: 924px;
    font-family: "microsoft yahei";	
	background-color:#233452;
	}
.cont-daogou-subtitle{
	float:left;
	height:50px;
	margin-top:0px;
	margin-left:40px;
	color:#fff;
	height:40px;
	}
.cont-daogou-content{
	float:left;
	margin-top:72px;
	height:810px;
	}
.cont-daogou-conleft{
	float:left;
	margin-left:148px;
	width:400px;
	height:810px;
	}
.cont-daogou-conleft li{
	float:left;
	margin-top:50px;
	width:400px;}
.cont-daogou-icon{
	float:left;}
.cont-daogou-chara{
	float:left;
	margin-left:25px;}
.cont-daogou-chara .title{
	font-size:22px;
	color:#fff;
	margin-top:24px;}
.cont-daogou-chara .explain{
	font-size:14px;
	width:230px;
	color:#fff;
	margin-top:17px;
	line-height:22px;}
.cont-daogou-conright{
	float:left;
	margin-top:0px;
	margin-left:50  px;
	height:810px;
	}
.cont-daogou-button{
	margin-left:70px;
	margin-top:26px;
	}
.cont-daogou-button img{
	margin-left:20px;
	}

/*================ åä½ä¼ä¼´ ===============*/

.cont-partner{
	width: 100%;
    height:380px;
	background-color:#f8f9fb;
	}
.cont-partner-subtitle{

	}
.cont-partner-subtitle .title{
	padding-top:60px;
	font-size:44px;
	color:#000;
	text-align:center;
	line-height:44px;
	}
.cont-partner-subtitle .exp{
	margin-top:20px;
	font-size:20px;
	color:#999999;
	text-align:center;
	line-height:20px;
	}
.cont-partner-content{
	margin-top:50px;
	margin-left:80px;
	width:1080px;
	text-align:center;
	}
.cont-partner-content .partners{
	float:left;
	margin-left:34px;
	width:120px;
	}
.cont-partner-content .partners p{
	margin-top:10px;
	font-size:20px;
	color:#666666;
	text-align:center;
	}
/*================ åºé¨ ===============*/
.bottomdiv{width:100%;height:500px; float:left;background:url("../images/bottomimg.jpg") top no-repeat #f4f4f4;}
.bottomcontain_l{width:auto;  margin-top:100px; color:#666; font-size:12px;float:left; background:url("../images/address.png") no-repeat; text-indent:32px;}
.bottomcontain_l p{ margin:0; height:18px;}
.bottomtitle{color:#333; font-size:14px;}
.bottomcontain_r{width:100%; height:100px; color:#666; font-size:12px;float:right; text-align:center;margin-top: 15px;}
.bottomcontain_r a{color:#555555;}
.bottomcontain_r a:hover{color:#000}
.contactus{color:#000; font-size:14px; margin-left:650px; margin-top:85px;}
.contactus p{ margin:0; height:20px;}
.btn_contactus{width:170px;height:35px; margin-top:8px; background:url("../images/btn_bg.png") no-repeat; text-align:center; line-height:35px; color:#000000; font-size:18px; cursor:pointer;}
.ren{width:571px; height:464px; position:absolute; top:236px; left:50%; margin-left:80px; background:url("../images/ren.png") no-repeat;}

/*================ èç³»æä»¬ ===============*/
.contact-cont{width:100%;height:684px; float:left;background:url("../images/bg_contactus.jpg") top no-repeat #dddddd; margin-top:45px;}
.conmain{width:900px; height:270px; margin:208px auto; color:#000;}
.conmain_l{width:320px; height:auto; float:left;}
.conmain_l_title{font-size:20px;}
.conmain_l_con{ font-size:15px; margin-top:30px;}
.conmain_l_con p{height:24px;}
.conmain_r{width:515px; height:270px; float:right; background:url("../images/redline.png") no-repeat; }
.conmain_r_title{font-size:30px; margin-top:-10px; margin-left:43px;}
.conmain_r_con{ font-size:24px; margin-left:43px; margin-top:58px;}
.conmain_r_con p{height:40px;}

/*================ å³äºæä»¬ ===============*/
.about-cont{	width:100%;	height:1020px;	background:#ffffff url("../images/adout-banner.jpg") top center no-repeat;	margin:0px; margin-top:85px;}
.qykj{padding-top:510px;	text-align:center;	font-size:44px;	}
.qykj a{	padding-left:30px;	color:#999999;	}
.about-cont hr{	border:1px solid #999999 ;	width:426px;	align:center;	margin-top:24px!important;	margin:auto;}
.biaoyu{	margin-top:18px;	text-align:center;	font-size:30px;	color:#333333;	}
.duanluo{	padding-top:30px;}
.jieshao{	text-indent: 2em;	line-height:32px;	font-size:18px;	width:1140px;margin:auto;}


/*================ ä¸è½½ ===============*/
/*top*/
.down-top{
    width: 100%;
    height: 85px;
    overflow: hidden;

}
.down-top .logo{
    width: 207px;
}
.down-top .logo img{
    width: 100%;
    display: block;
}


.checkp{
	margin-top:60px;
	font-size:30px;
	color:#fff;
	width:410px;
	height:60px;
	line-height:60px;
	margin:0 auto;	
	text-align:center;
	border:2px solid #fff;
	}

.checkp p{
	float:left;
	padding-left:30px;
	
	}

.check_btn p{
	padding-left:0px;
	}
.check{
	cursor:pointer;
	color:#0FF;

	}
/*android*/
.download-android{
	width:100%;
	height:760px;}
.down-left{
	float:left;
	margin-left:90px;
	margin-top:80px;}
.down-right{
	float:left;
	width:40%;
	margin-left:90px;
	margin-top:80px;
	color:#FFF;}
.down-right .title{
	float:left;
	margin-top:60px;
	width:100%;}
.down-right .title .title01{
	font-size:40px;
	line-height:40px;}
.down-right .title .title02{
	margin-top:14px;
	font-size:30px;
	line-height:30px;}
.down-right .cont{
	float:left;
	margin-top:40px;
	width:100%;}
.down-right .cont p{
	font-size:14px;
	line-height:26px;}
.down-right .cont .chara {
	float:left;
	width:86%;}
.down{
	float:left;
	margin-top:40px;
	color:#fff;}
.down .button{
	float:left;
	margin-top:10px;
	width:280px;
	height:70px;
	font-size:32px;
	line-height:70px;
	text-align:center;
	background:#14bcf9; 
	border-radius:35px;
	color:#fff;}
.down .code{
	float:left;
	margin-left:35px;
	width:86px;
	font-size:12px;}
.down .code img{
	width:86px;}
.nav{
	width:180px;
	height: 60px;
	padding: 15px;
	background: rgba(255,255,255,0.9);
	z-index: 2000;
	border-radius: 4px;
	position: absolute;
	margin-top: 60px;
	margin-left: 10px;
}
.nav a{
	color:#333;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	padding-left: 0;
	margin-top:0;
	margin-bottom: 0;
	margin-right: 0;
	height:30px;
	width:160px;
}
.nav a:hover{
	color:#5885BF;
	border-bottom: none;
}

 