*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}

img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
input{ outline:none;}
body{
	font-family: 'Microsoft YaHei';
	overflow-x: hidden;
}
.wrap{
	width: 100%;
}
/*head*/
.head{
	width: 1000px;
	margin: 0 auto;
	height: 62px;
	padding-top: 20px;
}
.head .logo{
	width: 160px;
	height: 47px;
	background: url(../img/log.png) no-repeat;
	margin-top: 0;
}
.head h1 a{
	width: 100%;
	height: 100%;
	text-indent: -999em;
	display: block;
}
.head .con{
	height: 44px;
	border-left: 1px solid #999;
	padding-left: 20px;
	margin-left: 16px;
}
.head .con p{
	font-size:15px;
	color: #5c5c5c;
	margin-top: 3px;
}
.head .con .con1{
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin-top: 0px;
}
.head .tel{
	height: 32px;
	background: url(../img/tel.png) no-repeat center left;
	padding-left: 34px;
	font-size: 22px;
	color: #333;
	margin-top: 2px;
}
/*nav*/
.nav_box{
	width: 100%;
	height: 45px;
	background:#040307;
}
.nav_ul{
	width: 904px;
	margin: 0 auto;
}
.nav_ul li{
	line-height: 45px;
	font-size: 15px;
	width: 12%;
	text-align: center;
}
.nav_ul li.thr{
	width: 16%;
}
.nav_ul li.last{
	margin-right: 0;
}
.nav_ul li a{
	color: #fff;
	display: inline-block;
	height: 100%;
	position: relative;
}
.nav_ul li a span{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: #ffd343;
	transition: width .6s;
}
.nav_ul li:hover a{
	color: #ffd343;
}
.nav_ul li:hover a span{
	 width: 100%;
}
/*banner*/
.banner{
	width: 100%;
    height:560px;
    position: relative;
}
.banner .father{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.banner-img {
    width: 100%;
    height: 560px;
}
.banner-img.img1{
	background: url(../img/banner1.jpg) no-repeat center top;
}
.banner-img.img2 {
	background: url(../img/banner2.jpg) no-repeat center top;
}
.pagination {
    position: absolute;
    z-index: 20;
    bottom: -30px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 15px;
    background: #fff;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
    border: 1px solid #999;
}
.swiper-active-switch {
    background: #03d522;

}
/*part1*/
.part1{
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	text-align: center;
}
.part1 h2{
	font-size: 38px;
	color: #333;
	padding-top: 70px;
}
#part1 h2{
	padding-top: 90px;
}
.part1 h2 span{
	color: #00b38b;
}
.part1 .text1{
	font-size: 20px;
	color: #999;
	padding-top: 15px;
}
.part1 .part1Box{
	width: 100%;
	margin-top: 50px;
}
.part1 .part1Box .tabbox{
	width: 33.3%;
	cursor: pointer;
	overflow: hidden;
}
.part1 .part1Box .tab1{
	width: 100%;
	position: relative;
	cursor: pointer;
	transition: .6s;
	transform: translateX(0);
}
.part1 .part1Box .tab1 img{
	width: 100%;
}
.part1 .part1Box .tab1 .fontT{
	font-size: 16px;
	color: #666;
	position: absolute;
	right: -40%;
	top: 0;
	background: #f1f1f1;
	width:40%;
	height: 100%;
}
.part1 .part1Box .tab1 .fontT2{
	width: 100%;
	height: 100%;
	right: 0;
	padding-top: 50px;
	display: none;
}
.part1 .part1Box .tab1 .fontT strong{
	display: block;
	width: 40%;
	height: 40%;
	background: url(../img/computer.png) no-repeat;
	background-size: 100%;
	margin-left: 50%;
	margin-top: 10%;
}
.part1 .part1Box .tab2 .fontT strong{
	background: url(../img/game.png) no-repeat;
	width: 48%;
}
.part1 .part1Box .tab3 .fontT strong{
	background: url(../img/app.png) no-repeat;
	margin-top: -6%;
}
.part1 .part1Box .tab1 .fontT span{
	width: 13px;
	height: 18px;
	background: url(../img/arrow.png) no-repeat;
	position: absolute;
	left: -12px;
	top: 50%;
	margin-top: -9px;
	opacity: 0;
	filter:alpha(opacity=0);
}
.part1 h5{
	font-size: 20px;
	color: #333;
	margin-top: 40px;
	padding-left: 20px;
	text-align: left;
}
.part1 .tab1 .txt1{
	text-align: left;
	padding-left: 20px;
	margin-top: 10px;
	line-height: 30px;
}
.part1 .tab1 .posBg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.part1 .tab1 .posBg em{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter:alpha(opacity=50);
	position: absolute;
	left: 0;
	top: 0;
	transition: .6s;
}
.part1 .tab1 .posBg i{
	width: 70px;
	height: 70px;
	background: url(../img/add.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	top: 60px;
	transition: .6s;
	transform: rotate(0deg);

}
.part1 .tab1 .posBg .txt2{
	font-size: 26px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 140px;
	left: 50%;
	margin-left: -52px;
	opacity: 1;
	filter:alpha(opacity=100);
	transition: .6s;
}
.part1 .tab2 .posBg .txt2{
	left: 48%;
}
.part1 .tab3 .posBg .txt2{
	left: 43%;
	width: 181px;
}
.part1 .part1Box .tabbox:hover .tab1{
	transform: translateX(-40%);
}
.part1 .part1Box .tabbox:hover span{
	opacity: 1;
	filter:alpha(opacity=100);
}

.part1 .part1Box .tabbox:hover .txt2{
	opacity: 0;
	filter:alpha(opacity=0);
}
.part1 .part1Box .tabbox:hover em{
	opacity: 0;
	filter:alpha(opacity=0);
}
.part1 .part1Box .tabbox:hover i{
	transform: rotate(360deg);
	opacity: 0;
	filter:alpha(opacity=0);
}
.part1 .btn{
	display: block;
	width: 187px;
	height: 46px;
	border: 1px solid #00b38b;
	color: #00b38b;
	line-height: 46px;
	font-size: 18px;
	margin: 56px auto;
	border-radius: 24px;
	transition: .6s;
}
.part1 .btn:hover{
	background: #00b38b;
	color: #fff;
}
/*兼容ie8*/
/*.part1 .part1Box .tabbox:hover span{
	opacity: 0 \9;
	filter:alpha(opacity=0) \9;
}
.part1 .part1Box .tab1 .fontT{
	font-size: 16px;
	color: #666;
	right: 0 \9;
	background: #f1f1f1;
	width:100% \9;
	opacity: 0 \9;
	filter:alpha(opacity=0) \9;
}
.part1 .part1Box .tabbox:hover .fontT{
	opacity: 1 \9;
	filter:alpha(opacity=100) \9;
}*/
/*part2*/
.g_box_content{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing:border-box;
}
.part2_box{
	width: 1000px;
	margin:50px auto 80px;
}
.part2_mian{
	width: 850px;
	width: 1000px \9;
	background: url('../img/part2_key.jpg') no-repeat center bottom;
	height: 430px;
	margin:0 auto;
	position: relative;
	padding-bottom: 5px;

	transformStyle:preserve-3d;
	-webkit-perspective: 400px;
	perspective: 400px;

	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;

}
.part2_mian strong{
	width: 215px;
	height: 275px;
	/*border: 1px solid red;*/
	position: absolute;
	left: 14px;
	top: 44px;
	z-index: 999;
}
.part2_item1{
	width: 593px;
    height: 361px;
	background: url('../img/part2_item1_bg.png') no-repeat top center;
	position: absolute;

	-webkit-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-ms-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	z-index: 10;

	-webkit-transform:translateX(39%) scale(1);
	-moz-transform:translateX(39%) scale(1);
	-ms-transform:translateX(39%) scale(1);
	transform:translateX(39%) scale(1); /*动画一个变量*/

	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;

}
.part2_item2{
	width: 593px;
    height: 361px;
	background: url('../img/part2_item2_bg.png') no-repeat top center;
	position: absolute;
	z-index: 9;

	-webkit-transform:translateX(-10%) scale(0.75);
	-moz-transform:translateX(-10%) scale(0.75);
	-ms-transform:translateX(-10%) scale(0.75);
	transform:translateX(-10%) scale(0.75); /*动画一个变量*/
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-ms-transition: all 2s;
	transition: all 2s;
}
.part2_item_btm_bg{
	position: absolute;
    width: 106%;
    bottom: -16px;
    left: -3%;
    z-index: -5;
}
.part2_item1_left{
	position: relative;
	width: 410px;
	height: 375px;
	padding-left: 30px;
	padding-top: 56px;
	float: left;
}
.p2_item1_l_pic1{
	width: 0%;
	height: 265px;
	opacity: 1;
	filter:alpha(opacity=100);
}

.p2_item1_l_del{
	color: #ffe1cf;
	font-size: 16px;
	margin-top: 5px;
	opacity: 0;
	filter:alpha(opacity=0);
}

.part2_item1_right{
	float: right;
 	width: 183px;
 	height: 375px;
 	padding-right: 37px;
 	padding-top: 120px;
 	opacity: 0;
 	filter:alpha(opacity=0);
}
.part2_item1_right .del{
	text-align: right;
	font-size: 26px;
	color: #fff;
}
.part2_item1_right .num{
	text-align: right;
	font-size: 50px;
	color: #fff;
	font-weight: bold;
}
.part2_item1_right .org{
	font-size:12px;
	color: #fff;
}
/*进入可视区域动画样式*/
.part2_acive .part1_left_shine{
	position: absolute;
    left: 100%;
    right: 0;
    top: 54px;
    bottom: 20px;
	background: #f77a2e;

	-webkit-animation: part1_left_shine_anim 3s ease-out;
	-moz-animation: part1_left_shine_anim 3s ease-out;
	-ms-animation: part1_left_shine_anim 3s ease-out;
	animation: part1_left_shine_anim 3s ease-out;

	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
 /*item2 手机*/
.part2_item2_tel{
	position: absolute;
	background: url('../img/part2_tel.png') no-repeat;
	width: 68px;
	height: 146px;
	margin: 90px 0 0 170px;
	padding:11px 8px 6px 6px;
}
.part2_item2_text{
	height: 30px;
	width: 100%;
	background: #fff;
	color: #00b38b;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	margin-top:99px;
}
.part2_item2_tel_box{
	position: absolute;
	left: 6px;
    right: 8px;
    top: 100%;
    bottom: 36px;
	background: #fff;
	opacity: .8;
	filter:alpha(opacity=80);
}

.part2_item2_tel_hover{
	-webkit-animation: part2_item2_tel_anim 6s infinite;
	-moz-animation: part2_item2_tel_anim 6s infinite;
	-ms-animation: part2_item2_tel_anim 6s infinite;
	animation: part2_item2_tel_anim 6s infinite;

	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


/*手机动画*/
@-webkit-keyframes part2_item2_tel_anim{
	0%{
		top: 100%;
	}
	50%{
		top: 9%;
	}
	100%{
		top: 100%;
	}
}
@-moz-keyframes part2_item2_tel_anim{
	0%{
		top: 100%;
	}
	50%{
		top: 9%;
	}
	100%{
		top: 100%;
	}
}
@keyframes part2_item2_tel_anim{
	0%{
		top: 100%;
	}
	50%{
		top: 9%;
	}
	100%{
		top: 100%;
	}
}


/*切换效果*/
.part2_mian_active .part2_item1{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.4);
	left: 0 \9;
	z-index: 9; /*动画一个变量*/
	-webkit-transform:translateX(-10%) scale(0.75);
	-moz-transform:translateX(-10%) scale(0.75);
	-ms-transform:translateX(-10%) scale(0.75);
	transform:translateX(-10%) scale(0.75); /*动画一个变量*/
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}
.part2_mian_active .part2_item2{
	-webkit-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-moz-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	-ms-box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	box-shadow: -20px 0 48px -3px rgba(0,0,0,0.4);
	left: 50%\9;
	z-index: 10; /*动画一个变量*/
	-webkit-transform:translateX(39%) scale(1);
	-moz-transform:translateX(39%) scale(1);
	-ms-transform:translateX(39%) scale(1);
	transform:translateX(39%) scale(1); /*动画一个变量*/

	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	transition: transform 1s;
}

/*ie8*/
.part2_item1 {
	width: 490px \9;
	left: 0 \9;
}
.part2_item2 {
	width: 490px \9;
	left: 50% \9;
	float: right \9;
}
.part2_item1_left{
	width: 310px \9;
}
.part2_item1_left img{
	margin-top: 30px \9;
	width: 100% \9;
}
.part2_item1_right{
	width: 180px \9;
	opacity: 1 \9;
}
.part2_item_btm_bg {text-align: center\9;}
.part2_item_btm_bg img{ width: 90% \9; padding-left: 5% \9; -ms-box-sizing:box-contet;}
.part2_item2_tel{ margin: 90px 0px 0px 100px \9;}

/*part3*/
.grid2{
	width: 1000px;
	margin: 50px auto;
	text-align: center;
	color: #fff;
	display: none;
}
.grid2 li{
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}
.grid2 li.last{
	margin-right: -20px;
}
.grid2 li.marb{
	margin-bottom: 20px;
}
.grid2 li h4{
	position: absolute;
	left: 0;
	top: 0;
	background: #222;
	width: 100%;
	height: 100%;
	display: none;
}
.grid2 li h4 p{
	font-size: 18px;
	font-weight: bold;
	margin-top:80px ;
	margin-bottom: 20px;
}
.grid2 li h4 .xian{
	width: 128px;
	height: 2px;
	background: #fff;
	margin: 0 auto;
}
.grid2 li h4 .text2{
	font-weight: normal;
	margin-top: 20px;
}
.grid2 li:hover h4{
	display: block;
}
.grid2 .arrow{
	width: 34px;
	height: 33px;
	background: url(../img/arrow2.png) no-repeat;
	display: block;
	margin-left: 236px;
	margin-top: 30px;
}
.wang_font2{
	padding-right: 8px;
	width: 149px;
}
/*part4*/
.part4{
	background: #fafafa;
}
.part4 .part4Box{
	width: 920px;
	margin: 50px auto 0;
	text-align: center;
}
.part4 .part4Box li{
	width: 238px;
	height: 259px;
	background: url(../img/shape1.png) no-repeat;
	cursor: pointer;
	position: relative;
	margin-right: 86px;
	margin-bottom: 48px;
}
.part4 .part4Box li.last{
	margin-right: -86px;
}
.part4 .part4Box li img{
	float: none;
	margin-top: 72px;
}
.part4 .part4Box li .text2{
	font-size: 20px;
	color: #333;
	margin-top: 20px;
	cursor: pointer;
}
.part4 .part4Box h4{
	position: absolute;
	left: -16px;
	top: -18px;
	width: 270px;
	height: 294px;
	background: url(../img/shape2.png) no-repeat;
	color: #fff;
	transform:scale(0) rotate(0deg);
	transition: .6s;
	display: none \9;
}
.part4 .part4Box li:hover h4{
	transform:scale(1) rotate(360deg);
}
.part4 .part4Box li:hover h4{
	display: block \9;
}
.part4 .part4Box h4 .text3{
	font-size: 20px;
	font-weight: bold;
	margin-top: 80px;
}
.part4 .part4Box h4 .text4{
	font-size: 16px;
	margin-top: 22px;
	line-height: 30px;
}
.part4 .part4Box h4 .text5{
	width: 170px;
	height: 33px;
	font-size: 16px;
	margin: 22px auto;
	line-height: 33px;
	color: #00b38b;
	background: #fff;
	border-radius: 18px;
}
.part4 .btn{
	margin-top: 30px;
}
/*part5*/
.part5 .tBox{
	width: 1154px;
	height: 430px;
	margin: 30px auto 0;
	position: relative;
}
.part5 .tBox .picBox{
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
	position: relative;
}
#posBox{
	width: 2048px;
	position: absolute;
	left: 0;
	top: 0;
}
.part5 .tBox .picBox .roll{
	position: relative;
	margin-right: 24px;
   	perspective: 1000px;
   	cursor: pointer;
}
.part5 .tBox .picBox li .bg{
	width: 100%;
	height: 65px;
	background: #000;
	opacity: 0.8;
	filter:alpha(opacity=80);
	position: absolute;
	left: 0;
	bottom: 0;
}
.part5 .tBox .picBox li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	text-align: left;
	padding-left: 13px;
}

.part5 .tBox .picBox li .tName{
	font-size: 18px;
	color: #fff;
	padding-top: 13px;
	margin-bottom: 5px;
}
.part5 .tBox .picBox li .tTitle{
	font-size: 12px;
	color: #b4b4b4;
}
.part5 .tBox span{
	width: 23px;
	height: 44px;
	background: url(../img/pre.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
}
#pre{
	left: 0;
}
#next{
	right: 0;
	background: url(../img/next.png) no-repeat;
}
.roll .box-content{
    width: 100%;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    filter:alpha(opacity=80);
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
    overflow: hidden;
}
.roll .box-img{
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}
.roll:hover .box-img{
    transform: rotateY(-90deg);
}
.roll:hover .box-content{
    transform: rotateY(0);
}
.roll .box-content .t1,.roll .box-content2 .t1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 50px;
}
.roll .box-content .t2,.roll .box-content2 .t2{
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
}
.roll .box-content .t3,.roll .box-content2 .t3{
	width: 190px;
	height: 1px ;
	background: #fff;
	margin: 20px auto 0;
}
.roll .box-content .t4,.roll .box-content2 .t4{
	font-size: 14px;
	width: 182px;
	text-align: justify;
	color: #fff;
	margin: 20px auto 0;
}

.box-content2{
	position: absolute;
	left: 0px;
	top: -470px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70);
	color: #fff;
}
/*part6*/
.part6 .part6Box{
	width: 1000px;
	height: 304px;
	margin: 80px auto;
}
.part6 .part6Box li{
	width: 232px;
	height: 304px;
	text-align: center;
	cursor: pointer;
	transition: .6s;
}
.part6 .part6Box img{
	float: none;
	margin: 42px auto 30px;
}
.part6 .part6Box .text2{
	font-size: 14px;
	color: #a5a5a5;
}
.part6 .part6Box .text3{
	font-size: 18px;
	color: #000;
	margin: 20px 0;
}
.part6 .part6Box .text4{
	font-size: 14px;
	color: #7a7a7a;
	line-height: 24px;
}
/*part7*/
.part7{
	background: #f8f8f8;
}
.part7 .text1{
	padding-bottom: 45px;
}
.part7 .part9Box{
	width: 100%;
	margin: 0px auto;
	background: #fafafa;
}
.part7 .part9Box li{
	width: 20%;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.part7 .part9Box li img{
	width: 100%;
}
.part7 .part9Box li h4{
	position: absolute;
	bottom: 0;
	left: -100%;
	width: 100%;
	background: #00b38b;
	color: #fff;
	padding: 10px 0;
}
.part7 .part9Box li h4 .text2{
	font-size: 14px;
	line-height: 28px;
	text-align: left;
	margin-left: 3%;
}
.part7 .part9Box li h4 .text3{
	font-size: 44px;
	text-align: left;
	margin-left: 64px;
}
/*.part7 .part9Box li h4 .text4{
	margin-left: 2px;
}*/
@media screen and (max-width: 1334px){
	.part7 .part9Box li h4 .marL{
		margin-left:50px ;
	}
}
/*part8*/
.part8 ul{
	width: 100%;
	height: 156px;
}
.part8 ul li{
	width: 19%;
	color: #939393;
	font-size: 12px;
	border-right:1px solid #ebebeb ;
	height: 88px;
	margin-top: 54px;
}
.part8 ul li h3 .text2{
	font-size: 40px;
	color: #3c3c3c;
	position: relative;
	margin-bottom:14px;

}
.part8 ul li h3 .text2 span{
	position: absolute;
	right: 36%;
	top: -2%;
	color: #939393;
	font-size: 12px;
}
.part8 ul li.last{
	border-right: none;
}
.part8 ul li.sec h3 .text2 span{
	right: 28%;
}
.part8 ul li.thr h3 .text2 span{
	right: 22%;
}
.part8 ul li.fou h3 .text2 span{
	right: 30%;
}
.part8 ul li.last h3 .text2 span{
	right: 18%;
}
/*part9*/
.part9{
	width: 100%;
	height: 504px;
	background: url(../img/lyb.jpg) no-repeat;
	border-bottom: none;
}
.part9 h2{
	color: #fff;
}
.part9 h2 span{
	color: #f13900;
}
.part9 .text1{
	color: #ccc;
}
.form_div {
	width: 1000px;
	margin: auto;
	position: relative;
}

.form_wrap {
	width: 404px;
    margin: 46px auto 0;
    padding-left: 50px;
}

.dl_input {
	width: 100%;
	height: 52px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #999;
	margin-bottom: 16px;
	background: none;
}
.dl_input dt{
	float: left;
	width: 90px;
	color: #9f9f9f;
	position: relative;
	padding-left: 40px;
	line-height: 52px;
}
.dl_input dt span{
	display: inline-block;
	width: 22px;
	height: 28px;
 	position: absolute;
 	left: 18px;
 	top: 12px;
}
.ipt_icon_name{
	background: url('../img/footer_icon.png') no-repeat left center;
}
.ipt_icon_tel{
	background: url('../img/footer_icon.png') no-repeat;
	background-position: -32px center;

}
.dl_input dd{
	float: left;
	width: 60%;
}
.dl_input dd input{
	width: 100%;
    height: 48px;
    border: none;
    color: #f0a122;
    margin-top: 0;
    padding-top: 3px;
    line-height: 48px;
    background: none;
}
.butn_wrap{
	margin-top: 30px;
}
.butn_wrap:after, .butn_wrap:before{
	display: block;
	content: '';
	clear: both;
}
.butn_wrap >div{
	width: 50%;
	line-height: 42px;
	float: left;
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.butn_wrap .first_div{
	padding-right: 3px;
}
.butn_wrap .last_div{
	padding-left: 3px;
}
.butn_wrap .first_div a{
	display: inline-block;
	width: 100%;
	height:42px;
	background: #00b38b;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	margin-top: 2px;
}
.butn_wrap .last_div button{
	display: inline-block;
	width: 100%;
	height:42px;
	background: #f13900;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	border: none;

}
.form_left{
	position: absolute;
	top: -72px;
    left: 70px;
    /*top: 50px;*/
   left: 80px \0;
}
/*foot*/
.footer {
	width: 100%;
	background: #191919;
	color: #999999;
	text-align: center;
	font-size: 14px;
	padding: 12px 0;
}

/*part10*/
.part10{
	padding-bottom: 80px;
}
.part10 .classBox{
	width: 1001px;
	height: 579px;
	background: url(../img/phone.png) no-repeat;
	margin: 50px auto 0;
}
.part10 .classBox .left{
	width: 213px;
	height: 492px;
	background: #00b38b;
	margin: 44px 0 0 88px;
	position: relative;
}
.part10 .classBox .left h3{
	width: 100%;
	height: 51px;
	background: #388260;
}
.part10 .classBox .left h3 img{
	margin: 12px 12px 0px;
}
.part10 .classBox .left h3 p{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-top: 14px;
}
.part10 .classBox .left h4 img{
	margin: 23px 10px 19px 16px;
}
.part10 .classBox .left h4 p{
	font-size: 14px;
	color: #fff;
	margin-top: 20px;
}
.part10 .classBox .left .posB{
	width: 100%;
	height: 76px;
	font-size: 16px;
	color: #fff;
	line-height: 76px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #3c8d64;
}
.part10 .classBox .left ul li{
	height: 17px;
	overflow: hidden;
	margin-bottom: 22px;
	float: left;
}
.part10 .classBox .left ul li.open{
	overflow: visible;
	height: 110px;
}
.part10 .classBox .left ul li img{
	margin-left: 16px;
	margin-right: 10px;
}
.part10 .classBox .left ul li .text1{
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	padding-top: 0;
	margin-top: -2px;
	cursor: pointer;
}
.part10 .classBox .left ul li h6{
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #fff;
	margin-top: 10px;
}
.part10 .classBox .left ul li .btn1{
	width: 173px;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	cursor: pointer;
}
.part10 .classBox .left ul li .change{
	background: #388260;
	color: #fff600;
	font-weight: bold;
}
.part10 .classBox .right{
	width: 613px;
	height:492px;
	background: #fff;
	margin-top: 44px;
	position: relative;
	text-align: left;
}
.part10 .classBox .right .text1{
	font-size: 24px;
	color: #f4441a;
	padding-top: 76px;
	margin-left: 55px;
}
.part10 .classBox .right .text2{
	font-size: 16px;
	color: #444;
	padding-top:30px;
	margin-left: 55px;
	line-height: 42px;
}
.part10 .classBox .right .text2 a{
	color: #00b38b;
}
.part10 .classBox .right .posB2{
	width: 100%;
	height: 74px;
	background: #f8f8f8;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: 1px solid #bbb;
}
#content li{
	display: none;
}
#content .show{
	display: block;
}
.part10 .classBox .right .posB2 li{
	margin-top: 14px;
}
.part10 .classBox .right .posB2 li img{
	margin-left: 19px;
}
.part10 .classBox .right .posB2 li.fir img{
	margin-left: 33px;
}
/*kf*/
#kf{
	width: 86px;
	height: 465px;
	height: 470px \9;
	background:#222;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -230px;
	z-index: 9999;
}
#kf ul{
	margin-top: 3px;
}
#kf li{
	width: 80px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 3px;
	overflow: hidden;
}
#kf li span{
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 14px;
	position: absolute;
	left: 0px;
	top:50px;
}
#kf li img{
	border: none;
}
#kf li .hov{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#kf li h3{
	width: 0px;
	height: 80px;
	border: 3px solid #222;
	border-left: none;
	position: absolute;
	left: 76px;
	top: -3px;
	background: #4a9bcf;
	opacity: 0;
	filter:alpha(opacity=0);
	transition: 0.2s;
}
#kf li.sec h3{
	background: #ff5500;
}
#kf li.thr h3{
	background: #ffb848;
}
#kf li.fou h3{
	background: #00a8a9;
}
#kf li.fiv h3{
	background: #5b45a9;
}
#kf li.last span{
	top: 10px;
	animation: show 1s infinite;
}
#kf li:hover{
	overflow: visible;
}
#kf li:hover h3{
	opacity: 1;
	filter:alpha(opacity=100);
	width: 152px;
}
#kf li h3 p{
	height: 66px;
	border-left: 1px dashed #fff;
	margin-top: 7px;
	margin-left: 4px;
	padding-left: 10px;
}
#kf li h3 p a{
	display: block;
	width: 130px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}
#kf li h3 p a.fir{
	border-bottom:1px solid #fff ;
	padding-bottom: 10px;
	padding-top: 5px;
	height: 14px;
}
@keyframes show{
	0%{
		font-size: 14px;
	}
	50%{
		font-size: 16px;
	}
	100%{
		font-size: 14px;
	}
}
@keyframes show3{
	0%{
		font-size: 15px;
	}
	50%{
		font-size: 14px;
	}
	100%{
		font-size: 15px;
	}
}
#kf li p a:hover{
	animation: show3 1.5s infinite;
}



.fixbox{
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	position: fixed;
	z-index: 1;
	background: #222222;
	z-index: 102;
}
.fixbox-main{
	width:1000px;
	margin-left:4%;
}
.fixbox-main p{
	margin-right: 24px;
	float: left;
	font-size: 15px;
	color: #ffffff;
}
.fixbox-main input{
	float:left;
}
.fixbox-main input.text{
	margin-right: 10px;
	margin-top: 16px;
	width: 150px;
	height: 23px;
	line-height: 30px;
	text-indent: 15px;
	background: #ffffff;
	border: none;
}
.fixbox-main input.submit{
	margin-left: 10px;
	margin-top: 10px;
	width: 156px;
	height: 32px;
	cursor: pointer;
	background: #3697d9;
	border: none;
	font-size: 16px;
	color: #fff;
}
.part8 ul li h3 .text2 em{
	font-family: Arial;
	font-size: 44px;
	color: #3c3c3c;
	position: relative;
	font-style: normal;
	display: inline-block;
}
.part8 ul li h3 .text2 em:before{
	content: '近';
	display: inline-block;
	clear: both;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: -28px;
	font-size: 27px;
}