@charset "utf-8";
/* ---------------------------------------------
author: 李雨城
version:  2012.7
----------------------------------------------- */

/*general
----------------------------------------------- */
body{
	overflow-x:hidden;
	overflow-y:auto;
}
.warp{width:1000px;margin:0 auto;}
a{color:#555;text-decoration:none;}

/* header
----------------------------------------------- */
.header{ background:#000; height:45px ;}
.header h1 {width:130px; padding-top:5px;}
.header h1 a {display:block;text-indent:-9999px; height:35px; background:url(../img/logo.jpg) no-repeat 0 0;}

.header ul.menu{width:640px; overflow:hidden;}
.header ul.menu li {float: left;line-height: 45px;}
.header ul.menu li a { line-height: 45px; display:block; padding:0 10px; font-size:12px;  color:#fff;}
.header ul.menu li a:hover { color:#f00;}

.footer {line-height: 49px; height:49px; color: #878787; text-align:center; font-size:12px; margin-top:50px;}

/* main
----------------------------------------------- */


.box{
	width:100%;
	height:auto;
	margin:0 auto;
	background:url(../images/bx_bg.jpg) repeat;
	overflow:hidden;
}
.banner{
	width:100%;
	height:724px;
	margin:0 auto;
	background:url(../images/banner_bg.jpg) no-repeat center;
	overflow:hidden;
}
.banner .divk{
	width:1000px;
	position:relative;
	margin:0 auto;
}
.award{
	position:absolute;
	top:123px;
	right:-60px;
}
.banner_txt1{
	width:495px;
	position:absolute;
	top:250px;
	right:260px;
	color:#030303;
	font-size:12px;
	line-height:22px;
}
.banner_txt2{
	width:525px;
	position:absolute;
	top:530px;
	right:110px;
	color:#fff;
	font-size:14px;
	line-height:22px;
}
.u_title{
	width:100%;
	height:85px;
	margin:0 auto;
	background:url(../images/u.jpg) no-repeat center;
}

.div_center{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.div_center .box_cen{
	width:1440px;
	overflow:hidden;
	margin:0 auto;
}
.content{
	width:1000px;
	height:4500px;
	background:url(../images/bx_bg.jpg) repeat;
	margin:0 auto;
}
.no1{
	float:left;	
}
/*.no2{
	float:left;
	margin-left:180px;
}*/
.cm{
}
.style_img1{
	float:left;
	margin-left:217px;
	position:relative;
}
.style_img1_txt{
	position:absolute;
	width:280px;
	top:480px;
	left:20px;
	color:#fff;
	line-height:22px;
}
.step1{
	position:relative;
	float:left;
}
.step1_txt{
	width:195px;
	position:absolute;
	top:200px;
	left:23px;
}
.step2{
	position:relative;
	float:left;
}
.step2_txt{
	width:388px;
	position:absolute;
	top:199px;
	left:6px;
}

.step3{
	position:relative;
	float:left;
}
.step3_txt{
	width:195px;
	position:absolute;
	top:200px;
	left:23px;
}

.step4{
	position:relative;
	float:left;
}

.step4_txt{
	width:195px;
	position:absolute;
	top:199px;
	left:6px;
}
.tips1{
	margin-left:527px;
	margin-top:-190px;

	margin-top:-190px;
	position:relative;
	width:443px;
	height:190px;
	float:left;
}

.tips1_txt{
	width:470px;
	height:150px;
	position:absolute;
	top:23px;
	left:0px;
	top:23px\9;
	left:0px\9;
	background:url(../images/tips_bg.gif) repeat;
}
.flp_txt{
	width:408px;
	color:#212121;
	float:left;
	margin-left:35px;
	margin-top:5px;
	line-height:22px;
}
.jd{
	margin-left:217px;
	float:left;
}
.style_img2{
	float:left;
	margin-left:217px;
	position:relative;
}
.style_img2_txt{
	position:absolute;
	width:280px;
	top:420px;
	left:20px;
	color:#fff;
	line-height:22px;
}

.style_step1{
	position:relative;
	float:left;
	margin-left:-446px;
	margin-top:25px;
}
.style_step1_txt{
	width:195px;
	position:absolute;
	top:209px;
	left:5px;
}
.style_step2{
	position:relative;
	float:left;
	margin-left:-224px;
	margin-top:25px;
}
.style_step2_txt{
	width:195px;
	position:absolute;
	top:209px;
	left:5px;
}

.style_step3{
	position:relative;
	float:left;
	margin-left:-446px;
	margin-top:326px;
}
.style_step3_txt{
	width:195px;
	position:absolute;
	top:199px;
	left:5px;
}

.style_step4{
	position:relative;
	float:left;
	margin-left:-224px;
	margin-top:326px;
}

.style_step4_txt{
	width:195px;
	position:absolute;
	top:199px;
	left:5px;
}
.inspinch2{
	float:right;
	margin-right:221px;
	margin-top:-66px;
	position:relative;
}
.white{
	width:92px;
	height:124px;
	background:#fff;
	float:right;
	z-index:2;
	margin-right:247px\9;
	margin-top:0px\9;
}
.pdp{
	float:right;
	margin-right:-235px;
	margin-top:124px;
	margin-right:221px\9;
	margin-top:-124px\9;
}
.side{
	float:left;
	margin-top:83px;
	margin-left:-327px;
	margin-top:-165px\9;
	margin-left:-773px\9;
}
.back{
	float:left;
	margin-top:83px;
	margin-left:-150px;
	margin-top:-165px\9;
	margin-left:-597px\9;
}
.tips2_bg{
	background:url(../images/tips_bg.gif) repeat;
	width:206px;
	height:270px;
	top:0px;
	left:0px;
	position:absolute;
}

.tips2_txt1{
	width:180px;
	float:left;
	margin-left:14px;
	margin-top:15px;
	line-height:22px;
}
.tips2_txt2{
	width:180px;
	float:left;
	margin-left:14px;
	margin-top:30px;
	line-height:22px;
}

.style_img3{
	float:left;
	margin-left:217px;
	position:relative;
}
.style_img3_txt{
	position:absolute;
	width:280px;
	top:480px;
	left:20px;
	color:#fff;
	line-height:22px;
}
.style3_step1{
	position:relative;
	float:left;
	margin-top:91px;
	margin-left:-675px;
}
.style3_step1_txt{
	width:195px;
	position:absolute;
	top:199px;
	left:6px;
}
.style3_step2{
	position:relative;
	float:left;
	margin-left:-471px;
	margin-top:91px;
}
.style3_step2_txt{
	width:195px;
	position:absolute;
	top:199px;
	left:23px;
}

.style3_step3{
	position:relative;
	float:left;
	margin-left:-228px;
	margin-top:91px;
}
.style3_step3_txt{
	width:195px;
	position:absolute;
	top:199px;
	left:6px;
}

.style3_step4{
	position:relative;
	float:left;
	margin-left:-675px;
	margin-top:386px;

}

.style3_step4_txt{
	width:388px;
	position:absolute;
	top:199px;
	left:6px;
}
.dpflp{
	float:left;
	margin-left:426px;
	margin-top:295px;
	margin-left:970px\9;
	margin-top:-256px\9;
	position:relative;
}
.cfj{
	position:absolute;
	top:-28px;
	right:-12px;
	z-index:5;
}
.inspinch3{
	float:left;
	margin-top:-60px;
	position:relative;
}


a.style1{
	position:absolute;
	width:101px;
	height:25px;
	background:url(../images/xxbz1.jpg) no-repeat;
	right:25px;
	top:72px;
}
a.style1:hover{
	position:absolute;
	width:101px;
	height:25px;
	background:url(../images/xxbz2.jpg) no-repeat;
	right:25px;
	top:72px;
}
a.style2{
	position:absolute;
	width:101px;
	height:25px;
	background:url(../images/xxbz1.jpg) no-repeat;
	right:23px;
	top:0px;
}
a.style2:hover{
	position:absolute;
	width:101px;
	height:25px;
	background:url(../images/xxbz2.jpg) no-repeat;
	right:25px;
	top:0px;
}
a.style3{
	position:absolute;
	width:101px;
	height:25px;
	background:url(../images/xxbz1.jpg) no-repeat;
	right:23px;
	top:56px;
}
a.style3:hover{
	position:absolute;
	width:101px;
	height:25px;
	background:url(../images/xxbz2.jpg) no-repeat;
	right:25px;
	top:72px;
}
a.txt{
	color:#000;
}
a.txt:hover{
	color:#ccc;
}

.content_1{
	width:1006px;
	height:4500px;
	margin:0 auto;
	background:url(../images/bg_c.png) repeat-y center;
}
.style_div{
	width:988px;
	margin:0 auto;
	position:relative;
}
.style_div ul{
	float:left;
}
.style_div li,.style_div li img{
	float:left;
	width:auto;
	margin:0;
	padding:0;
}
.style_div li{
	position:relative;
}
.style_l_1{
	width:300px;
	float:left;
}
.style_r_1{
	width:688px;
	float:left;
}
.style_div p,.txt_a{
	display:block;
	position:absolute;
	font-size:12px;
	line-height:22px;
}
.style_div .txt_color1{
	color:#f4f4f5;
}
.style_div .txt_color2{
	color:#101010;
}
.style_div .txt_p1{
	width:195px;
	text-indent:56px;
}
.style_div .txt_p2{
	width:388px;
	text-indent:56px;
}
.style_div .txt_p3{
	width:410px;
}
.style_div .txt_p4{
	width:178px;
}
.txt_a1{
	width:282px;
	height:396px;
	top:58px;
	left:10px;
}
.txt_a2{
	width:195px;
	height:194px;
}
.txt_a3{
	width:110px;
	height:26px;
	bottom:2px;
	right:19px;
}
.txt_a4{
	width:110px;
	height:26px;
	bottom:0;
	left:338px;
}
.txt_a5,.txt_a6{
	width:127px;
	height:127px;
	left:20px;
	top:18px;
}
.txt_a6{
	left:170px;
}