@charset "utf-8";
/* CSS Document */

body{
	margin:0;         
	padding:0;        
	font-size:14px;
	font-family:"微软雅黑",Arial;
	color:#404040;
	}
ul,ol,li{
	margin:0;                 
	padding:0;                
	list-style-type:none;     
	}
h1,h2,h3,h4,h5,h6,p{
	font-weight:400;          
	margin:0;                 
	padding:0;                
	}
img{
	border:none;             
	vertical-align:top;      
	}
a{  
	color:#000;
	text-decoration:none;         
	}
a:hover{
	text-decoration:underline;     
	}
.clear{
	clear:both;
	}	
	
/*首页*/
.wy{
	width:100%;
	height:100%;
	}
/*导航*/
.header{
	width:100%;
	height:80px;
	background-color:#21c2f8;
	overflow:hidden;
	}
.header-box{
	width:1100px;
	height:80px;
	margin:0 auto;
	}
.header-left{
	width:80px;
	height:60px;
	padding:14px 0 0 50px;
	float:left;
	}
.header-right{
	width:586px;
	height:20px;
	line-height:20px;
	float:right;
	margin-top:48px;
	}
.header-right li{
	float:left;
	margin-right:24px;
	}
.header-right li a{
	color:#ffffff;
	font-weight:700;
	font-size:16px;
	font-family:'宋体';
	}
.header-right li a.a1{
	color:#c5f0fe;
	}
.header-right li a:hover{
	color:#c5f0fe;
	}
	
/*banner*/

/*轮播开始*/
.out-box{
	width:100%;
	height:500px;
	position: relative;
	overflow: hidden;
	}
.out-box .banner{
        width: 3840px;
        height: 100%;
		margin-top:2px;
    }

.out-box .banner a{
        float: left;
        width: 1920px;
        height: 100%;
		overflow:hidden;
    }
.out-box .btn{
        width: 90%;
        height: 80px;
        position: absolute;
        top:40%;
		left:5%;
    }
.out-box .btn a{
        display:block;
        font-size: 50px;
        line-height: 75px;
        color:#21c2f8;
		text-decoration:none;
    }
/*.out-box .btn .l-btn{
        width: 40px;
        height: 100%;
        text-align: center;
        float: left;
    }

.out-box .btn .r-btn{
        width: 40px;
        height: 100%;
        text-align: center;
        float: right;
    }*/
.out-box .btn a:hover{
        background:#666;
        opacity: .3;
    }

.out-box .num{
        width: 125px;
        height: 20px;
        position: absolute;
        bottom:5%;
        right: 5%;
    }
.out-box .num li{
        width: 18px;
        height: 18px;
        background: #000;
        border-radius: 50%;
        margin: 5px 8px;
        float: left;
        text-align: center;
        line-height: 18px;
        color:#fff;
    }
/*联系我们banner图*/	
.banner_contact{
	height:295px;
	margin-top:2px;
	background:url(images/contactbj.png) no-repeat center top;
	}
	
/*关于我们banner图*/	
.banner_about{
	height:295px;
	margin-top:2px;
	background:url(images/aboutbj.png) no-repeat center top;
	}

/*关于我们*/
.about_us{
	width:1100px;
	margin:0 auto;
	}
.about_us_top{
	width:800px;
	height:48px;
	margin:0 auto;
	padding-top:30px;
	background:url(images/hbj.png) no-repeat center bottom;
	text-align:center;
	}
.about_us_top h1{
	font-family:'方正大标宋简体';
	font-weight:700;
	padding-bottom:8px;
	font-size:24px;
	}
.about_us_top span{
	color:#21c2f8;
	}
.about_us_center p{
	text-align:center;
	padding:35px 0 48px 0;
	}
.about_us_under{
	width:800px;
	margin:0 auto 55px;
	}
.about_us_under ul li{
	width:134px;
	float:left;
	margin-right:88px;
	text-align:center;
	}
.about_us_under li h2{
	font-size:20px;
	text-align:center;
	margin:20px 0 16px 0;
	}
.about_us_under li p{
	line-height:24px;
	}
	
/*我们的优势*/
.advantage{
	width:1100px;
	height:508px;
	margin:0 auto;
	background:url(images/advantage.png) no-repeat center top;
	}
.advantage_center_one{
	width:734px;
	height:135px;
	margin:72px auto 0;
	}
.advantage_center_z{
	width:170px;
	color:#FFF;
	float:left;
	margin-left:16px;
	}
.advantage_center_z h3{
	font-size:20px;
	padding-left:70px;
	padding-bottom:14px;
	}
.advantage_center_z p{
	text-align:left;
	line-height:24px;
	}
.advantage_center_y{
	width:182px;
	color:#FFF;
	float:right;
	}
.advantage_center_y h3{
	font-size:20px;
	padding-left:78px;
	padding-bottom:14px;
	}
.advantage_center_y p{
	text-align:left;
	line-height:24px;
	}
.advantage_center_two{
	width:170px;
	height:130px;
	margin:66px auto 0;
	color:#fff;
	}	
.advantage_center_two h3{
	font-size:20px;
	padding-left:80px;
	padding-bottom:14px;
	}
.advantage_center_two p{
	text-align:left;
	line-height:24px;
	}
	
	
/*发展历程*/
.history_top{
	width:1100px;
	height:352px;
	margin:0 auto;
	padding-top:35px;
	background:url(images/licheng.png) no-repeat center bottom;
	position:relative;
	}
.history_top_one{
	position: absolute;
	font-weight:700;
	color:#fff;
	width:230px;
	height:20px;
	left: 227px;
	top: 121px;
	}
.history_top_two{
	font-weight:700;
	color:#fe8802;
	width: 230px;
	height: 20px;
	position: absolute;
	left: 167px;
	top: 190px;
	}
.history_top_three{
	font-weight:700;
	color:#21c2f8;
	width: 230px;
	height: 20px;
	position: absolute;
	left: 361px;
	top: 257px;
	}
.history_top_four{
	font-weight:700;
	color:#8abe14;
	width: 230px;
	height: 20px;
	position: absolute;
	left: 490px;
	top: 342px;
	}
.history_top_five{
	font-weight:700;
	color:#eec80e;
	width: 230px;
	height: 20px;
	position: absolute;
	left: 774px;
	top: 310px;
	}

/*产品及服务*/
.product_one{
	width:628px;
	height:91px;
	margin:0 auto;
	background:url(images/product.png) no-repeat center bottom;
	}
.product_one_zyyw{
	width:80px;
	color:#fe8802;
	font-size:20px;
	margin:0 auto;
	padding-top:33px;
	}
.product_two{
	width:740px;
	margin:40px auto 60px;
	padding-left:20px;
	}
.product_two_z{
	width:201px;
	float:left;
	}
.product_two_z h3{
	color:#21c2f8;
	font-size:18px;
	margin-bottom:40px;
	padding-left:46px;
	}
.product_two_z p{
	line-height:24px;
	text-align:center;
	padding-left:5px;
	}
.product_two_y{
	width:238px;
	float:right;
	text-align:center;
	}
.product_two_y h3{
	color:#21c2f8;
	font-size:18px;
	margin-bottom:40px;
	}
.product_two_y p{
	line-height:24px;
	}
	
/*客户领域*/	
.area{
	width:1100px;
	height:460px;
	margin:0 auto;
	background:url(images/kehu.png) no-repeat center bottom;
	}
.area_one{
	width:756px;
	margin:0 auto;
	padding-top:88px;
	padding-left:10px;
	font-size:18px;
	line-height:30px;
	}
	
/*联系我们*/	
.contact_one{
	width:800px;
	height:120px;
	margin:0 auto;
	padding-left:145px;
	}
.contact_one li{
	float:left;
	text-align:center;
	margin-right:100px;
	line-height:24px;
	}
.contact_one li img{
	margin-bottom:18px;
	}
.contact_one li.i1{
	width:184px;
	margin-right:75px;
	}
.contact_one li.i2{
	margin-right:none;
	}	
.contact_one li a{
	color:#8abe14; 
	text-decoration:underline;
	cursor:pointer;
	}
.contact_two{
	width:1100px;
	height:352px;
	margin:0 auto;
	background:url(images/map1.png) no-repeat center bottom;
	margin:30px auto 50px;
	}	

/*关于网派*/	

.about_wp{
	width:1100px;
	margin:60px auto 100px;
	}
.about_wp_z{
	float:left;
	width:395px;
	height:343px;
	background:url(images/zt.png) no-repeat center; 
	margin:142px 0 0 10px;
	}

.about_wp_y{
	float:right;
	width:534px;
	margin-right:38px;
	}
.about_wp_ytop{
	text-align:center;
	}
.about_wp_ytop h1{
	font-family:'方正大标宋简体';
	font-weight:700;
	padding-bottom:10px;
	font-size:24px;
	}
.about_wp_ytop span{
	color:#21c2f8;
	}
.about_wp_ycenter{
	margin:36px 0;
	line-height:24px;
	text-indent:2em;
	letter-spacing:0.2px;
	}
.about_wp_ybottom{
	width:468px;
	height:342px;
	padding:0 30px;
	background:url(images/zongzhi.png) no-repeat center bottom;
	}
.about_wp_ybottom h3{
	font-style:oblique;
	font-size:24px;
	color:#21c2f8;
	margin-left:20px;
	margin-bottom:18px;
	}	
.about_wp_ybottom p{
	text-indent:2em;
	line-height:24px;
	margin-bottom:22px;
	}
.about_wp_ybottom span{
	color:#fc611f;
	font-weight:700;
	}

/*产品及服务*/
.success{                                                /*成功案例*/
	width: 240px;
	height: 120px;
	position: absolute;
	background: url(images/anli.png) no-repeat center;         
	top: -60px;
	text-align: center;
	}
.success h1{
	font-size:30px;
	color:#fff;
	line-height:50px;
	margin-top:28px;
	}
.success span{
	font-size:16px;
	color:#c5f0fe;
	}
.success_list{                                           
	width:1000px;
	margin:0 auto;	
	}		
.list_left{                                                  /*左侧列表*/
	width:240px;
	float:left;
	margin-top:108px;
	}
.list_left a{
	display:block;
	height:41px;
	color:#616161;
	line-height:41px;
	text-align:center;
	font-size:16px;
	border-bottom:1px solid #ddd;
    }
.list_left a:hover{
	background:#efefef;
	cursor:pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-left:4px solid #21c2f8;
	color:#21c2f8;
	text-decoration:none;
    }
	
.cp_style{
	width:240px;
	height:41px;
	background:#efefef;
	color:#e63932;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border-left:4px solid #21c2f8;
    }

/*iframe*/	
.list_right{                                              /*iframe里右侧列表内容*/
	width:695px;
	height:1000px;
	margin-top:108px;
	float:right;
	margin-bottom:50px;
	border:none;
	}

.list_right_z{
	width:26px;
	height:994px;
	float:left;
	background:url(images/tiao.png) no-repeat center;
	margin-top:2px;
	/*margin-right:25px;*/
	}	
.list_right_y{
	width:640px;
	float:right;
	}
.list_right_y_top{
	width:640px;
	height:286px;
	overflow:hidden;
	}
.list_right_y_top h2{
	font-size:18px;
	padding-left:4px;
	border-bottom:2px solid #21c2f8;
	padding-bottom:14px;
	margin-bottom:16px;
	}
.list_right_y_top p{
	font-size:14px;
	text-indent:2em;
	line-height:30px;
	}
.list_right_y_bottom h2{
	font-size:18px;
	padding-left:4px;
	border-bottom:2px solid #21c2f8;
	padding-bottom:14px;
	margin-bottom:6px;
	margin-top:2px;
	}
	
.list_right_y_bottom1{
	margin-top:20px;
	}
.list_right_y_bottom_z{
	width:50px;
	height:50px;
	margin-left:16px;
	float:left;
	}
.list_right_y_bottom_y{
	width:536px;
	height:49px;
	line-height:49px;
	float:right;
	border-bottom:1px dashed #aaaaaa;
	margin-right:6px;
	}	
.list_right_y_bottom_y span{
	float:right;
	}
.list_right_y_bottom_y span a{
	color:#999999;
	}
.list_right_y_bottom_y span a:hover{
	cursor:pointer;
	color:#0054a4;
	}

	
/*脚部*/
.footer{
	width:100%;
	height:60px;
	background-color:#e6e9ef;
	font-family:'宋体';
	font-size:12px;
	text-align:center;
	line-height:60px;
	}
