@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration:none;
}
ul,ol,li{
	list-style:none;
}
.clear{
	clear:both;
}

body{
	/*background-color:#f6f6f6;*/
	color:#666;
	font-size:12px;
	font-family:"微软雅黑";
}

/*head-wp 头部开始*/
.head-wp{
	width:100%;
	background-color:#F0F0F0;
	border-bottom:1px solid #ddd;
	height:30px;
}

.head{
	width:1190px;
	height:100%;
	margin:0 auto;
	line-height:30px;
	color:#999;
	font-size:12px;
}
.head-left{
	float:left;
	margin-left:0px;
}
.head-right{
	float:right;
}
.location{
	width:14px;
	height:14px;
	background-image:url(../images/location.jpg);
	display:inline-block;
	position:relative;
	top:3px;
	margin-right:3px;
}
.head-right ul li{
	float:left;
	padding:0px 16px;
	position:relative;
	cursor:pointer;
	
}
.head-right ul li a:hover{
	color:red;
}
.head-right ul li:hover,.head-right ul li:hover .red-txt{
	color:#c81623;
}
.head-right ul li:after{
	content:"";
	/*display:inline-block;*/
	position:absolute;
	top:50%;
	margin-top:-5px;
	right:0px;
	width:1px;
	height:10px;
	background-color:#ccc;
}
.head-right ul li.last-item:after{
	content:"";
	/*display:inline;*/
	position:static;
}
.red-txt{
	color:#f10215 !important;
}
.arrow{
	width:0;
	height:0;
	border:5px solid transparent;
	border-top-color:#999;
	position:absolute;
	right:4px;
	top:50%;
	margin-top:-3px;
	
}

.arrow-top{
	border-top-color:#F0F0F0;
	margin-top:-4px;
	z-index:3;
}
/*导航栏样式*/
.nav{
	width:1190px;
	height:128px;
	margin:0 auto;
	border:0px solid red;
}
.nav-left{
	float:left;
	position:relative;
	width:190px;
	height:120px;
}
.nav-middle{
	margin-left:30px;
	float:left;
	margin-top:40px;
}
.nav-middle ul{
	border:0px solid red;
}
.nav-middle ul li a{
	color:#FFF;
	background-color:#b20706;
	font-size:16px;
	padding:2px 20px;
	border-radius:2px;
	font-weight:600;
}
.nav-middle ul li span{
	display:block;
	font-size:14px;
	border-top:1px solid #b20706;
	margin-top:10px;
	color:#b20706;
	font-weight:600;
	padding-top:3px;
	text-indent:4px;
}

.nav-right{
	float:left;
	margin-left:200px;
}
.nav-left h1 a{
	width:190px;
	height:120px;
	display:block;
	background-image:url(../images/logo_a1.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:10px;
}
.nav-right h4{
	color:#ff3c26;
	font-size:14px;
	background: url(../images/phone_24.png) 0px center no-repeat;
	padding-left:32px;
	margin-top:30px;
	margin-left:400px;
}
.nav-right ul li{
	float:left;
	margin-left:40px;
	margin-top:51px;
	font-size:16px;
}
.nav-right ul li a{
	color:#333;
	padding:0 0 5px 0;
	border:1px soild green;
}
.nav-right ul li a:hover{
	color:#F00;
	border-bottom:2px solid red;
}

/*nav_box部分*/
.nav_box{
	width:100%;
	height:380px;
	background:url(../images/navbox.png) no-repeat center;
	float:left;
	border:1px solid green;
}
.nav_box_up{
	margin:100px auto;
	width:600px;
	height:50px;
	border:0px solid red;

}
.nav_box_up h1{
	font-size:35px;
	color:#FFCC00;
	margin:0 auto;
	text-align:center;
}
.nav_box .search_button{
	background-color:#ff3c28;
}


/* conList*/
.conList{
	width:100%;
	border-bottom:1px solid #E0E0E0;
	height:230px;
}
.comwidth{
	width:1190px;
	margin:5px auto;
}
.conList_left{
	width:170px;
	height:230px;
	float:left;
	border-right: 1px dashed #ccc;
	
}
.conList_left img{
	margin-top:20px;
	width:36px;
	height:36px;
}
.conList_left a{
	margin-top:10px;
	display:block;
}
.conList_left span img{
	width:18px;
	height:18px;
}
.conList_left h2{
	margin-top:20px;
}
.conList_left h3{
	margin-top:10px;
}
.conList_ct{
	width:500px;
	height:230px;
	float:left;
	border-right:1px dashed #ccc;
	padding-left:20px;
	
}
.conList_mark{
	
	float:left;
}
.conList_mark ul{
	
	margin-top:10px;
}
.conList_mark ul li{
	padding:5px;
	width:230px;
	height:50px;
	margin-top:5px;
	border:1px solid #fff;
}
.conList_mark ul li:hover{
	border:1px solid #3CF;
}
.conList_mark ul li:hover  span{
	color:#3CF;
	
}
.conList_mark ul li a:hover{
	
	color:#3CF;
	
}
.conList_mark ul li span{
	display:block;
	margin-top:5px;
}

.conList_right{
	float:left;
	padding-left:20px;
}

.conList_web{
	margin-top:20px;
	border-bottom:1px dashed #ccc;
	height:90px;
}
.conList_web h3{
	margin-top:10px;
}
.conList_web ul{
	float:left;
	margin-top:20px;
}
.conList_web ul li{
	float:left;
	margin-left:0px;
	border:1px solid #ccc;
	margin-left:10px;
	font-size:13px;
}
.conList_web ul li a{
	padding:3px 10px;
	display:block;
}
.conList_web ul li:hover{
	border:1px solid #3CF;

}
.conList_web ul li a:hover{
	color:#3CF;
}

/* content*/
.content{
}
.markstep{
	width:1190px;
	height:100px;
	margin:0 auto;
}
.markstep h1{
	text-align:center;
	margin-top:20px;
}
.markstep ul li{
	float:left;
}
/*step_box*/
.markstep .step_box{
	position:relative;
	border:0px solid green;
}
.markstep .step_box ul li:hover i{
	border-bottom:2px solid #0092ee;
}
.markstep span{
	display:block;
	text-align:center;
	font-size:16px;
	margin-top:20px;
}
.markstep .step_box ul{
	margin-top:30px;
	width:1190px;
	height:50px;
}
.markstep .step_box ul li{
	width:189px;
	height:40px;
	float:left;
	margin-left:0px;
	font-size:16px;
	padding-left:9px;
}
.markstep .step_box ul li i{
	display:block;
	width:51px;
	height:1px;
	border-bottom:2px solid #999;
	float:left;
	margin-top:18px;
	margin-left:10px;
}

.markstep .step_box ul li img{
	float:left;
	margin-top:5px;
	
}
.markstep .step_box ul li a{
	float:left;
	display:block;
	margin-left:10px;
	line-height:40px;
}

/*step_show*/
.step_show{
	width:1190px;
	height:110px;
	border:1px solid #0092ee;
	margin-top:40px;
	display:none;
	box-shadow: 3px 5px rgba(0,146,238,.2);
	position:absolute;
	left:0px;
	background-color:#FFF;
}
.step_show .step_list{
	text-align:center;
	width:1000px;
	margin:20px auto;
	color:#0092ee;
}
.step_show h3{
	font-size:16px;
	float:left;
	font-weight:normal;
}
.step_show h4{
	font-size:15px;
	float:left;
	margin-top:-5px;
}
.step_show h4 span{
	margin-left:0px;
	margin-top:5px;
	font-weight:normal;
	border:0px solid red;
	width:750px;
	text-align:left;
	text-indent:10px;
}
.markstep .step_box ul li:hover a{
	color:#0092ee;
}
.markstep ul li:hover .step_show{
	display:block;
}


/*plan*/
.plan{
	width:1180px;
	height:500px;
	margin:20px auto;
	border:0px solid red;
}
.plan_right{
	float:left;
	margin-left:150px;
	margin-top:-350px;
	
}
.plan_right ul li{
	float:left;
	margin-left:150px;
	font-size:22px;
}

/*.markstep_plan*/
.markstep_plan{
	width:100%;
	height:100px;
	float:left;
}
.markstep_plan h1{
	text-align:center;
	margin-top:20px;
}
.markstep_plan .category{
	margin-top:50px;
	border:0px solid green;
	height:30px;
}
.markstep_plan h2{
	float:left;
	font-size:20px;
}
.markstep_plan h2 img{
	float:left;
	margin-right:10px;
}

.markstep_plan i.i_trade{
	float:right;
	font-size:14px;
	font-style:normal;
	margin-top:-8px;
	cursor:pointer;
}
.markstep_plan i a:hover{
	color:red;
	
}
.markstep_plan span{
	display:block;
	text-align:center;
	font-size:16px;
	margin-top:20px;
}
.markstep_plan h3{
	position:relative;
	width:150px;
}
.markstep_plan h3 i img{
	width:15px;
	height:15px;
	margin-left:5px;
}
.markstep_plan h3 a{
	font-size:15px;

}
.markstep_plan h3 a:hover{
	color:red;
}
.markstep_plan h3:hover .trade_class{
	display:block;
}
.markstep_plan h3:hover{
	
	background-image:url(../images/single_re.png);
	background-repeat:no-repeat;
	background-position:110px;

}
.markstep_plan h3:hover i{
	display:none;
}
.markstep_plan .trade_class{
	width:1190px;
	height:438px;
	border:0px solid red;
	z-index:1000;
	display:none;
	float:right;
	position:absolute;
	top:20px;
	background-color:#FCFCFC;
}
.markstep_plan .trade_class ul{
	margin-left:40px;
	margin-top:20px;
	float:left;
}
.markstep_plan .trade_class ul li{
	margin-top:25px;
}
.markstep_plan .trade_class ul li a{
	font-size:15px;
	color:#666;
	font-weight:normal;
}
.markstep_plan .trade_class ul li a:hover{
	color:red;
}
/*trade_con*/
.trade_con{
	width:1190px;
	margin:0 auto;
	height:356px;
	border:1px solid #E0E0E0;
	border-top:none;
}
.trade_con:hover{
	box-shadow:#ccc 1px 2px;
}

/*trade*/
.markstep_plan .trade{
	
	float:left;
	position:relative;
	border:0px solid green;
	border-bottom:0px solid #E0E0E0;
}
.markstep_plan .trade ul{
	margin-top:30px;
	border:0px solid red;
	margin:0 auto;
	position:relative;
}
.markstep_plan .trade ul li{
	width:200px;
	height:50px;
	font-size:16px;
	border:0px solid #ccc;
	background:#ccc;
	margin-top:1px;
	text-align:center;
	
}
.markstep_plan .trade ul li i{
	line-height:50px;
	font-style:normal;
}

.markstep_plan .trade ul li a{
	display:block;
	color:#666;	
	text-align:center;
}
.markstep_plan .trade ul li a:hover{
	
	color:#fff;
	
}
.markstep_plan .trade ul li:hover{
	background:#0CF;
	color:#fff;
}
.markstep_plan .trade ul li:hover .trade_list{
	display:block;
}
.markstep_plan .trade .trade_list .fmbox .trade_show_a1{
	color:#00c1de;
}

.markstep_plan .trade ul li:hover .trade_list .fmbox .fmbox_title a.fm_a1{
	color:#fff;
	background:#00c1de;
}
.markstep_plan .trade ul li.trade_list_service:hover .trade_list .fmbox .fmbox_title a.fm_a2{
	color:#fff;
	background:#00c1de;
}
.markstep_plan .trade ul li:hover .trade_list .fmbox .trade_show_a{
	color:#00c1de;
}


.markstep_plan .trade ul li:hover .trade_list .fmbox ul li{
	border:0px dashed red;
}

.markstep_plan .trade_list{
	top:-31px;
	left:200px;
	width:780px;
	height:350px;
	border:0px solid red;
	display:none;
	position:absolute;
	background:#fff;
	/*z-index:-100*/
	
	}
.markstep_plan .trade_list a{
	display:block;
	float:left;
	margin-left:50px;
	
}
/*formbox*/
.fmbox_line{
	width:1190px;
	height:2px;
	margin-left:-200px;
	border-top:1px solid #E0E0E0;
	margin-top:-31px;
	float:left;
	z-index:-100;
}



/*form*/
.markstep_plan .trade_list .fmbox{
	margin-left:0px;
	float:left;
	position:relative;
}

.markstep_plan .trade_list .fmbox .fmbox_title{
	float:left;
	height:30px;
	margin-bottom:30px;
	border:0px solid #E0E0E0;
	margin-left:-80px;
}

.markstep_plan .trade_list .fmbox .fmbox_title a:hover{
	color:#666;
}
.markstep_plan .trade_list .fmbox .fmbox_title a.fm_a{
	font-size:18px;
	padding:3px 15px;
	margin-left:170px;
}

.markstep_plan .trade_list .fmbox form ul{
	float:left;
}
.markstep_plan .trade_list .fmbox form ul li{
	float:left;
	margin-left:60px;
	background:none;
}
.markstep_plan .trade_list .fmbox form ul li a{
	margin-left:10px;
	line-height:50px;
	padding:3px 3px;
	border:0px solid red;
}
.markstep_plan .trade_list .fmbox form ul li:hover{
	border:1px solid #0CF;
	color:#0CF;
}
.markstep_plan .trade_list .fmbox form ul li:hover a{
	color:#0CF;
	border:0px solid #00c1de;
}

.markstep_plan .trade_list .fmbox form ul li a:hover{
}
.markstep_plan .trade_list .fmbox form .input_show{
	margin-left:30px;
	background:#00c1de;
	border:0px solid red;
	font-size:14px;
	width:15px;
	height:15px;
}
.markstep_plan .trade_list .fmbox form .listsub{
	display:block;
	padding:10px 20px;
	font-size:22px;
	background:#ff3c26;
	border:none;
	border-radius:5px;
	cursor:pointer;
	top:60px;
	left:260px;
	position:relative;
	color:#fff;
}
.markstep_plan .trade_list .fmbox form .listsub:hover{
	color:#fff;
	background-color:#d81e06;
}

/*trade_con_right*/
.trade_con_right{
	width:200px;
	height:356px;
	border:0px solid pink;
	border-left:1px dashed #ccc;
	float:right;
}

/*markshop*/

.markshop_title{
	width:100%;
	height:50px;
	border:0px solid red;
	text-align:center;
	border-bottom:1px solid #ccc;
	position:relative;
}
.markshop_title ul{
	border:0px solid #ccc;
	width:480px;
	margin:50px auto;
}
.markshop_title ul li{
	border:0px solid green;
	width:130px;
	margin-left:20px;
}
.markshop_title ul li a{
	font-size:18px;
	padding:2px 5px;
	
}
.markshop_title ul li a:hover{
	border-bottom:2px solid red;
}
.shop_service{
	height:500px;
	border:0px solid black;
	margin-top:10px;
}
.shop_show{
	border:0px solid green;
	width:1190px;
	height:450px;
	position:absolute;
	top:60px;
	left:0px;
}
.shop_show ul{
	border:0px solid yellow;
	width:1190px;
	height:450px;
	margin-top:0px;
	
}
.shop_show ul li{
	float:left;
	width:270px;
	height:440px;
	border:1px solid #E0E0E0;
}
/*img_hover*/
.shop_show ul li .search_img{
	background-image:url(../images/trade_search70.png);
	background-repeat:no-repeat;
	background-position:center;
}
.shop_show ul .shop_search h3{
	font-size:18px;
}
.shop_show ul .shop_search:hover h1.search_img{
	background-image:url(../images/trade_search701.png);
	background-repeat:no-repeat;
}
.shop_show ul li .report{
	background-image:url(../images/report.png);
	background-repeat:no-repeat;
	background-position:center;
}
.shop_show ul .shop_search:hover h1.report{
	background-image:url(../images/report01.png);
	background-repeat:no-repeat;
}
.shop_show ul li .regist_auto{
	background-image:url(../images/regist.png);
	background-repeat:no-repeat;
	background-position:center;
}
.shop_show ul .shop_search:hover h1.regist_auto{
	background-image:url(../images/regist01.png);
	background-repeat:no-repeat;
}
.shop_show ul .shop_search:hover h1{
	background-color:#00aef3;
}

.shop_show ul .shop_search:hover li{
	border:1px solid #00aef3;
	box-shadow: 0px 0px 10px 5px rgba(0,174,243,.2);
}
.shop_show ul .shop_search:hover li.arrow_li{
	box-shadow:none;
}
.shop_show ul .shop_search:hover li.arrow_li{
	border:none;
	background-color:#fff;
	background-image:url(../images/arrow_small_yel.png);
	background-repeat:no-repeat;
	background-position:center;
}
.shop_show ul .shop_search:hover .submit_p a.submit_a2{
	background-color:#00aef3;
}  
/*mark_sever*/
.markshop .markshop_list{
	width:270px;
	height:330px;
	border:0px solid red;
	margin-top:50px;
	float:left;
	margin-left:22px;
	background:url(../images/icon/red_single.png) 0px 0px no-repeat;
	text-align:center;
}
.markshop .markshop_list h2{
	width:270px;
	height:52px;
	color:#FFF;
	text-align:center;
	padding-top:25px;
	float:left;
	background-color:#f44536;
	font-size:20px;
	letter-spacing:3px;
}
.markshop .markshop_list span h6{
	width:86px;
	height:86px;
	margin:100px auto;
}
.markshop .markshop_list span h6.mark_h1{
	background:url(../images/icon/mark_r1.png) 0px center no-repeat;
}
.markshop .markshop_list:hover span h6.mark_h1{
	background:url(../images/icon/mark_r2.png) 0px center no-repeat;
}
.markshop .markshop_list span h6.mark_h2{
	background:url(../images/icon/mark_second1.png) 0px center no-repeat;
}
.markshop .markshop_list:hover span h6.mark_h2{
	background:url(../images/icon/mark_second2.png) 0px center no-repeat;
}
.markshop .markshop_list span h6.mark_h3{
	background:url(../images/icon/mark_rocket1.png) 0px center no-repeat;
}
.markshop .markshop_list:hover span h6.mark_h3{
	background:url(../images/icon/mark_rocket2.png) 0px center no-repeat;
}
.markshop .markshop_list span h6.mark_h4{
	background:url(../images/icon/mark_assure1.png) 0px center no-repeat;
}
.markshop .markshop_list:hover span h6.mark_h4{
	background:url(../images/icon/mark_assure2.png) 0px center no-repeat;
}



.markshop .markshop_list p.mark_p{
	margin-top:-85px;
	font-size:14px;
	padding:5px 15px;
	text-indent:5px;
	line-height:20px;
}
.markshop .markshop_list h3{
	margin-top:20px;
}
.markshop .markshop_list h3 a{
	font-size:15px;
	color:#ff3c26;
	border:1px solid #ff3c26;
	padding:6px 40px;
}
.markshop .markshop_list:hover{
	box-shadow: 0px 0px 10px 5px rgba(102,102,102,.2);
	border:0px solid red;
}
.markshop .markshop_list:hover h2{
	background-color:#e13523;
}
.markshop .markshop_list:hover h3 a{
	color:#c72f1f;
	border:1px solid #c72f1f;
}


/*markshop_list_back*/
.markshop .markshop_list_back{
	background:none;
	border:1px solid #e0e0e0;
}
.markshop .markshop_list_back .back_change{
	width:100px;
	height:100px;
	margin:30px auto;
	border:0px solid red;
}
.markshop .markshop_list_back .back_m1{
	background:url(../images/icon/mark_m1_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m1{
	background:url(../images/icon/mark_m1_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m2{
	background:url(../images/icon/mark_m2_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m2{
	background:url(../images/icon/mark_m2_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m3{
	background:url(../images/icon/mark_m3_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m3{
	background:url(../images/icon/mark_m3_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m4{
	background:url(../images/icon/mark_m4_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m4{
	background:url(../images/icon/mark_m4_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m5{
	background:url(../images/icon/mark_m5_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m5{
	background:url(../images/icon/mark_m5_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m6{
	background:url(../images/icon/mark_m6_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m6{
	background:url(../images/icon/mark_m6_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m7{
	background:url(../images/icon/mark_m7_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m7{
	background:url(../images/icon/mark_m7_2.png) 6px center no-repeat;
}
.markshop .markshop_list_back .back_m8{
	background:url(../images/icon/mark_m8_1.png) 6px center no-repeat;
}
.markshop .markshop_list_back:hover .back_m8{
	background:url(../images/icon/mark_m8_2.png) 6px center no-repeat;
}




.markshop .markshop_list_back .back_down{
	text-align:center;
	border:0px solid red;
}
.markshop .markshop_list_back p{
	text-align:center;
}
.markshop .markshop_list_back span{
	margin-top:20px;
}
.markshop .markshop_list_back p strong{
	font-size:18px;
}

.markshop .markshop_list_back p i{
	color:#ff3c26;
	font-style:normal;
	font-size:16px;
}
.markshop .markshop_list_back:hover{
	box-shadow: 0px 0px 10px 5px rgba(102,102,102,.2);
	border:1px solid #e0e0e0;
}

/*markshop_list_back 结束*/

.shop_show ul li:hover .shop_show ul li.arrow_li{
	background-image:url(../images/arrow_small_yel.png);
}
.shop_show ul li.arrow_li{
	float:left;
	width:30px;
	height:440px;
	border:none;
	margin-left:0px;
	margin-right:0px;
	background-image:url(../images/arrow_small.png);
	background-repeat:no-repeat;
	background-position:center;
}
.shop_show ul li.shop_show_last{
	background:#00aef3;
	font-size:20px;
	width:260px;
	color:#FFF;
}
.shop_show ul li.shop_show_last h4{
	margin-top:30px;
	font-size:20px;
}

.shop_show ul li.shop_show_last p{
	font-size:15px;
	border-bottom:1px dashed #FFF;
	height:30px;
	margin-top:10px;
	padding-bottom:10px;
	float:left;
	width:210px;
	margin-left:20px;
	padding-left:15px;
}
.shop_show ul li.shop_show_last p i{
	margin-top:5px;
	font-style:normal;
	margin-left:10px;
	float:left;
	text-align:center;
}
.shop_show ul li.shop_show_last p img{
	float:left;
}

.shop_show h1{
	margin:0px auto;
	width:270px;
	height:130px;
	border:0px solid red;
}
.shop_show h1{
	margin-top:0px;
}
.shop_show h1 img{
	margin-top:30px;
}
.shop_show h3{
	margin:30px auto;
}
.shop_show .check_input form p{
	margin-top:20px;
}
/*name_p*/
.shop_show .check_input form .name_p{
	font-size:13px;
}
.shop_show .check_input form .name_p input{
	outline:none;
	width:160px;
	height:20px;
	text-indent:10px;
	margin-left:5px;
	border:1px solid #ccc;
}
.shop_show .check_input form .p2_class{
	width:70px;
	outline:none;
	border:none;
	border:0px solid red;
}
.shop_show .check_input form .p3_class{
	width:160px;
	outline:none;
	border:none;
	border:0px solid red;
	line-height:22px;
	text-indent:10px;
}
.shop_show .check_input form .select_class{
	border:none;
	outline:none;
	border:0px solid #00C;
	margin-top:0px;
	margin-left:5px;
}
.shop_show .check_input form .input_box{
	width:160px;
	height:22px;
	border:1px solid #ccc;
	float:left;
	margin-left:5px;
	margin-top:-30px;
}
.shop_show .check_input form p.move_class{
	margin-left:20px;
	border:0px solid green;
	width:250px;
	height:38px;
}
.shop_show .check_input form p.move_class span{
	font-size:14px;
	border:0px solid black;
	width:60px;
	height:32px;
	float:left;
	margin-top:10px;
}
/*submit_p*/
.shop_show .check_input form .submit_p{
	margin-top:20px;
	border:0px solid red;
	height:50px;
	
}
.shop_show .check_input form .submit_p .submit_a1{
	font-size:14px;
	padding:5px 15px;
	border:0px solid green;
	background:#FF5809;
	color:#fff;
	border-radius:0px;
}
.shop_show .check_input form .submit_p .submit_a1:hover{
	background-color:#ff4106;
}

.shop_show .check_input form .submit_p a.submit_a2{
	font-size:14px;
	padding:5px 15px;
	border:0px solid green;
	background:#FF5809;
	color:#fff;
	border-radius:0px;
	height:40px;
	margin-left:30px;
	cursor:pointer;
}
.shop_show .check_input form .submit_p input{
	border:none;
	outline:none;
	background:none;
	margin-top:10px;
	color:#fff;
	
}
/*friend*/
.friend{
	margin:80px auto;
	border:0px solid green;
}
.server_title{
	width:1190px;
	height:80px;
	margin:0 auto;
}
.server_title h1{
	text-align:center;
	margin-top:20px;
}
.server_title h1 i{
	font-style:normal;
}
.server_title h1 i.vert_line{
	width:1px;
	height:30px;
	border:1px solid #ccc;
	margin-left:20px;
}
.server_title h1 i.partner{
	color:#999;
	margin-left:20px;
}
.friend ul{
	margin:0 auto;
	width:1190px;
	height:160px;
	border:0px solid red;
}
.friend ul li{
	float:left;
	width:196px;
	height:160px;
	border:1px solid #ccc;
	border-right:none;
}
/*partner*/
.friend ul li.luoshi{
	background-image:url(../images/pinpai/luoshi02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.luoshi:hover{
	background-image:url(../images/pinpai/luoshi01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.beili{
	background-image:url(../images/pinpai/beili02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.beili:hover{
	background-image:url(../images/pinpai/beili01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.dongyue{
	background-image:url(../images/pinpai/dongyue02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.dongyue:hover{
	background-image:url(../images/pinpai/dongyue01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.goumin{
	background-image:url(../images/pinpai/goumin02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.goumin:hover{
	background-image:url(../images/pinpai/goumin01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.fengxing{
	background-image:url(../images/pinpai/fengxing02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.fengxing:hover{
	background-image:url(../images/pinpai/fengxing01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.haoweilai{
	background-image:url(../images/pinpai/haoweilai02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.haoweilai:hover{
	background-image:url(../images/pinpai/haoweilai01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.renben{
	background-image:url(../images/pinpai/renben02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.renben:hover{
	background-image:url(../images/pinpai/renben01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.shouduguoji{
	background-image:url(../images/pinpai/shouduguoji02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.shouduguoji:hover{
	background-image:url(../images/pinpai/shouduguoji01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.sanquan{
	background-image:url(../images/pinpai/sanquan02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.sanquan:hover{
	background-image:url(../images/pinpai/sanquan01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.xinsong{
	background-image:url(../images/pinpai/xinsong02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.xinsong:hover{
	background-image:url(../images/pinpai/xinsong01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.yiche{
	background-image:url(../images/pinpai/yiche02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.yiche:hover{
	background-image:url(../images/pinpai/yiche01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.aite{
	background-image:url(../images/pinpai/aite02.png);
	background-repeat:no-repeat;
	background-position:center;
}
.friend ul li.aite:hover{
	background-image:url(../images/pinpai/aite01.png);
	background-repeat:no-repeat;
	background-position:center;
}
/*logo end*/
.friend ul li.friend_last{
	border-right:1px solid #ccc;
}
.friend ul.friend_ul_down li{
	border-top:none;
}


/* five_rota*/
.five_rotate{
	margin-top:50px;
	margin-left:50px;
	letter-spacing:3px;
}
.serve_title{
	width:1190px;
	height:100px;
	margin:0 auto;
}
.serve_title h1{
	text-align:center;
	margin-top:20px;
}
.serve_title h3{
	text-align:center;
	margin-top:20px;
}
section.business {
	background: url(../images/wallpaper2.jpg) 50% bottom;
}

.business .box {
	width: 1190px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.business .box ul.items {
	margin: 0 auto;

}

.business .box ul.items li {
	width: 200px;
	height: 250px;
	margin: 0 10px;
	background: url(../images/bg_green1.png) no-repeat 0px 400px;
	overflow: hidden;
	display: inline-block;
	border:0px solid #e6e6e6;
}

.business .box ul.items li i {
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;
}

.business .box ul.items li.pc i {
	width: 69px;
	background: url(../images/words.png) no-repeat -245px -357px;
}

.business .box ul.items li.mobi i {
	width: 64px;
	background: url(../images/words.png) no-repeat -416px -291px;
}

.business .box ul.items li.sys i {
	width: 76px;
	background: url(../images/words.png) no-repeat -415px -362px;
}

.business .box ul.items li.app i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}

.business .box ul.items li.host i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}

.business .box ul.items li u {
	display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
}

.business .box ul.items li u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business.active .box ul.items li u.cl {
	clip: rect(0px,156px,156px,78px);
}

.business .box ul.items li u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business.active .box ul.items li u.cr {
	clip: rect(0px,78px,156px,0px);
}

.business .box ul.items li strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.business .box ul.items li p {
	position: relative;
	top: 200px;
	color: White;
	font-family: Arial,"宋体";
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.business .box ul.items li:hover {
	background-position: 0px 0px;
	-webkit-transition: all .5s ease-in-out .3s;
	-moz-transition: all .5s ease-in-out .3s;
	-ms-transition: all .5s ease-in-out .3s;
	-o-transition: all .5s ease-in-out .3s;
	transition: all .5s ease-in-out .3s;
}

.business .box ul.items li:hover i {
	-webkit-transition: all .5s ease-in-out .4s;
	-moz-transition: all .5s ease-in-out .4s;
	-ms-transition: all .5s ease-in-out .4s;
	-o-transition: all .5s ease-in-out .4s;
	transition: all .5s ease-in-out .4s;
}

.business .box ul.items li.pc:hover i {
	background: url(../images/words.png) no-repeat -168px -357px;
}

.business .box ul.items li.mobi:hover i {
	background: url(../images/words.png) no-repeat -337px -291px;
}

.business .box ul.items li.sys:hover i {
	background: url(../images/words.png) no-repeat -327px -362px;
}

.business .box ul.items li.app:hover i {
	background: url(../images/words.png) no-repeat -164px -439px;
}

.business .box ul.items li.host:hover i {
	background: url(../images/words.png) no-repeat -335px -439px;
}

.business .box ul.items li:hover u.cl {
	clip: rect(0px,156px,-10px,78px);
}

.business .box ul.items li:hover u.cr {
	clip: rect(156px,78px,156px,0px);
}

.business .box ul.items li:hover strong {
	color:#333;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}

.business .box ul.items li:hover p {
	top: 20px;
	-webkit-transition: all .3s ease-in-out .5s;
	-moz-transition: all .3s ease-in-out .5s;
	-ms-transition: all .3s ease-in-out .5s;
	-o-transition: all .3s ease-in-out .5s;
	transition: all .3s ease-in-out .5s;
}

.business .box label {
	display: block;
	margin: 0 auto;
	margin-top: -40px;
	width: 297px;
	height: 21px;
	background: url(../images/words.png) no-repeat 0px -333px;
}

section.cases {
	background: url(../images/wallpaper3.jpg);
}

/*footer部分*/
.footer1{
	background-color:#272727;
	height:200px;
	margin:0 auto;
	font-size:13px;font-family:"微软雅黑"; color:#333;
	padding-top:20px;
	
}
.footer1 .f_left{
	border:0px solid green;
	margin-top:15px;
}
.footer1 .f_left ul{ float:left; margin-left:50px; margin-top:10px;}
.footer1 .f_left ul li{ margin-top:10px; 
}
.footer1 .f_left ul li a{ color:#ADADAD;}
.footer1 .f_left ul li span{ display:block; font-size:16px; color:#ADADAD; margin-bottom:20px;}
.footer1 .f_middle{ margin-left:90px; margin-top:20px; width:400px; height:150px; border:0px solid red; float:left; border-left: 0px dashed #999; border-right:0px dashed #999;}

.footer1 .f_middle ul li{ float:left; margin-left:50px;}
.footer1 .f_middle ul li img{ margin-top:10px;}
.footer1 .f_middle ul li p{ margin-top:10px; margin-left:15px; color:#999;}

.footer1 .f_right{ width:350px; height:150px; border:0px solid red; margin-left:900px; padding-top:10px;}
.footer1 .f_right p{float:left; margin-top:25px; color:#ADADAD; position:relative; border:0px solid red;}
.footer1 .f_right p span{
	margin-left:40px;
}
.footer1 .f_right p i{position:absolute; top:-5px; margin-right:20px;}
.footer1 .f_right p.fr_p3{
	margin-left:5px;
}


.footer2{
	background-color:#272727;
	height:150px;
	margin:0px auto;
	border-top:1px solid #6C6C6C;
	font-size:13px;
	padding-top:20px;
}
.footer2 p{ color:#ADADAD; margin-left:320px; margin-top:10px;}

.footer2 ul{ margin-left:0;color:#ADADAD;}
.footer2 ul li{ float:left; margin-left:20px; margin-top:20px;}
.footer2 ul li a{color:#ADADAD;}