html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
address,cite,code,dfn,em,var,i{font-style:normal}
input[type=submit],input[type=reset],input[type=button],button{cursor:pointer;-webkit-appearance:none}
.vm{vertical-align:middle}
.clearfix:after{content:"\0020";display:block;clear:both;height:0;visibility:hidden}
* html .clearfix{zoom:1}
*+html .clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
body,button,input,select,textarea{font:12px/1.5 arial,helvetica,clean,sans-serif}
body{background:#fff;font-family: Microsoft Yahei,arial,'sans-serif';}
a{text-decoration:none;color:#24d}
a:hover{text-decoration:underline;color:#c00}

.w-c{
	width:1200px;
	margin:0 auto;
}
.triangle-l,.triangle-r{
	z-index: 999;
}
/* ban s */
.ban-introduce{
	background:url(img/ban_process.jpg) center top;
	width:100%;
	height:302px;
}
.ban-process{
	background:url(img/ban_process.jpg) center top; 
	width:100%;
	height:100px;
}
.ban-index{
	width:100%;
	height:600px;
	position:relative;
}
.b1{
	background:url(../images/headbg1.jpg) center top;
	width:100%;
	height:600px;
	position:relative;
	display:block;
	top:0;
}
.b2{
	background:url(../images/headbg2.jpg) center top;
	width:100%;
	height:600px;
	position:relative;
	display:block;
	top:0;
}
.b3{
	background:url(../images/headbg3.jpg) center top;
	width:100%;
	height:600px;
	position:relative;
	display:block;
	top:0;
}
.b4{
	background:url(../images/headbg4.jpg) center top;
	width:100%;
	height:600px;
	position:relative;
	display:block;
	top:0;
}
.b5{
	background:url(../images/headbg5.jpg) center top;
	width:100%;
	height:600px;
	position:relative;
	display:block;
	top:0;
}
.head-ps{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index: 10;
}

.ban-introduce .w-c,
.ban-process .w-c,
.ban-index .w-c{
	padding-top:29px;
	position:relative;
}
.logo{
	background:url(../images/logo_light.png) no-repeat;
	width:295px;
	height:60px;
	text-indent:-1000px;
}
.nav-r{
	position:absolute;
	right:0;
	top:29px;
}
.nav-r li{
	float:right;
}
.nav-r li a{
	color:#fff;
	padding:0 20px;
	font-size:14px;
	height:36px;
	line-height:36px;
	display:inline-block;
}
.nav-r li a.nav-hover,
.nav-r li.on a{
	color:#ffd40b;
	text-decoration:none;
}
.nav-r li.login a{
	border:1px solid #fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	padding:0 30px;
	margin-left:10px
}
.nav-r li.login a.login-hover{
	background:#ffd40b;
	color:#000;
	border-color:#ffd40b;
	text-decoration:none;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.ban-text{
	font-size:40px;
	text-align:center;
	color:#fff;
	padding:87px 0 0 0;
}
/* ban e */

.con-introduce{
	background:#f3f3f3;
	position:relative;
}
.con-introduce .w-c{
	position:relative;
	z-index:2;
}
.bg-r-white{
	width:50%;
	background:#fff;
	position:absolute;
	right:0;
	top:0;
	min-height:1000px;
	_height:1000px;
	z-index:1;
}
.nav-l{
	width:260px;
	float:left;
}
.nav-l ul{
	padding:35px 0 0 0;
}
.nav-l ul a{
	height:45px;
	line-height:45px;
	display:block;
	color:#857d74;
	font-size:16px;
	padding-left:49px;
}
.nav-l ul a:hover{
	color:#01a7f1;
	text-decoration:none;
}
.nav-l ul a.t1{
	font-size:20px;
	color:#666;
	padding-left:28px;
}
.underlist{
	display:none;
}
.active .underlist{
	display:block;
}
.active .underlist .on,
.underlist .on,
.underlist .on:hover{
	background:#5ebbf8;
	color:#fff;
}
.con-r{
	width:850px;
	float:right;
	background:#fff;
	min-height:1000px;
	_height:1000px;
	padding-left:70px;
}
.con-r .t1{
	font-size:26px;
	color:#333;
	padding:37px 0 0 0;
}
.con-r .t2{
	font-size:16px;
	color:#666;
	padding:20px 0 40px 0;
}
.con-r .t3{
	font-size:14px;
	color:#666;
	padding:30px 0 10px 0;
}
.con-r .c1{
	padding:0 0 0 45px;
}
.con-r .c1 img{
	display:block;
	width:360px;
	height:640px;
}

/* process con */
.con-process{
	background:url(img/bg-con-process.png) repeat-x;
	width:100%;
	height:707px;
}
.con-process .t1{
	text-align:center;
	font-size:28px;
	color:#444;
	padding:160px 0 70px 0;
}
.process-box li{
	float:left;
	text-align:center;
}
.process-box li.c{
	width:260px;
	height:260px;
	background:#fff;
}
.process-box li.line{
	background:url(img/bg-p-line24.png) no-repeat;
	_background:url(img/bg-p-line8.png) no-repeat;
	width:50px;
	height:260px;
	background-position:7px 120px
}
.process-box .nub-blue{
	display:inline-block;
	width:60px;
	height:60px;
	background:#5ebbf8;
	font-size:24px;
	text-align:center;
	line-height:60px;
	color:#fff;
	margin-top:-30px;
	border-radius:30px;
	-webkit-border-radius:30px;
	-ms-border-radius:30px;
	-moz-border-radius:30px;
}
.process-box .b1,
.process-box .b2,
.process-box .b3,
.process-box .b4{
	background:url(img/bg-p-c.png) no-repeat;
	width:260px;
	height:70px;
	display:inline-block;
	margin-top:50px;
	margin-bottom:10px;
}
.process-box .b1{
	background-position:100px 5px;
}
.process-box .b2{
	background-position:100px -123px;
}
.process-box .b3{
	background-position:100px -269px;
}
.process-box .b4{
	background-position:100px -403px;
}
.process-box .text{
	color:#666;
	font-size:14px;
}

.contact{
	height:354px;
	background:#fff;
	text-align:center;
}
.contact .p1{
	font-size:18px;
	color:#444;
	padding:35px 0 30px 0;
}
.contact .p2{
	font-size:16px;
	color:#666;
	line-height:30px;
}
.contact .p2 span{
	padding:0 25px;
}



/* foot s */
.foot{
	border-top:1px solid #e3e3e3;
	background:#f3f3f3;
	padding:50px 0;
	font-size:14px;
	color:#999;
	text-align:center;
	line-height:24px;
}
.foot a{
	color:#999;
}
.foot a:hover{
	text-decoration:none;
	color:#666;
}
.foot span.line{
	padding:0 15px;
}
/* foot e */

/* index s */
.ban-lunbo{
	height:266px;
	color:#fff;
	text-align:center;
}
.ban-lunbo .t1{
	/* float: left; */
	font-size:60px;
}
.ban-lunbo .t2{
	font-size:50px;
}
.triangle-l,
.triangle-r{
	position:absolute;
	top:370px;
	display:none;
}
.triangle-l{
	left:50px;
}
.triangle-r{
	right:50px;
}
.triangle-l a,
.triangle-r a,
.triangle-l:hover a,
.triangle-r:hover a,
.active-trg .triangle-l a:hover,
.active-trg .triangle-r a:hover{
	background-image:url(img/trg-icon24.png);
	_background-image:url(img/trg-icon8.png);
	background-repeat:no-repeat;
	display:inline-block;
	width:24px;
	height:42px;
	overflow:hidden;
}
.triangle-l a{
    background-position:0 -4px;
}
.triangle-r a{
    background-position:-94px -86px;
}
.active-trg .triangle-l,
.active-trg .triangle-r{
	display:block;
}
.active-trg .triangle-l a:hover{
	background-position:0 -86px;
}
.active-trg .triangle-r a:hover{
	background-position:-94px -4px
}
.round-box{
	position:absolute;
	bottom:33px;
	text-align:center;
	width:100%;
	z-index:10;
}
.round-box span{
	display:inline-block;
	width:30px;
}
.round-box a{
	background:#fff;
	width:12px;
	height:12px;
	display:inline-block;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	opacity:.5;
}
.round-box span.active a,
.round-box a:hover{
	background:#fff;
	width:14px;
	height:14px;
	display:inline-block;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	opacity:1;
}
.con-index1{
	height:150px;
}
.con-index1 li{
	width:399px;
	height:150px;
	float:left;
	border-right:1px solid #e7e7e7;
	text-align:center;
}
.con-index1 li.last{
	border-right:0;
}
.bg-s1,
.bg-s2,
.bg-s3{
	background:url(img/bg-index.png) no-repeat;
	width:399px;
	height:120px;
	display:inline-block;
	overflow:hidden;
}
.bg-s1{
	background-position:135px -5px;
}
.bg-s2{
	background-position:135px -205px;
}
.bg-s3{
	background-position:125px -385px;
}
.con-index1 li p{
	font-size:24px;
	color:#444;
	margin-top:-10px;
}

.con-index2{
	background:url(img/bg-index2.png) repeat;
	width:100%;
	padding:80px 0 40px 0;
}
.con-index3{
	background:url(img/ban_index2.jpg) center;
	width:100%;
	padding:200px 0;
	height:100px;
	color:#fff;
	font-size:80px;
	text-align:center;
}
.con-index3 .radio-icon,
.con-index3 .radio-icon:hover{
	display:inline-block;
	background:url(img/bg-i-24.png) no-repeat;
	_background:url(img/bg-i-8.png) no-repeat;
	width:100px;
	height:100px;
	overflow:hidden;
	vertical-align:middle;
	margin:0 40px;
	margin-top:-15px;
}
.con-index3 a.radio-icon:hover{
	background-position:0 -150px;
}
.con-index3 embed{
	position: absolute;
	left:0;top:0;right:0;bottom:0;
	margin:auto;
	z-index:99
}
.sp_gb{
	width:50px;
	height:50px;
	background:#000;
	position: absolute;
	left:950px;top:-550px;right:0;bottom:0;
	margin:auto;
	z-index:100;
	text-align: center;
	line-height: 50px;
	color:#fff;
	font-size: 20px

}
.c-listbox{
	width:585px;
	height:481px;
	float:left;
	background-color:#fff;
	margin-right:30px;
	margin-bottom:40px;
}
.c-listbox-hover{
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-transition: all 0.4s;
}
.c-last{
	margin-right:0;
}
.c-listbox .t1{
	text-align:center;
	font-size:24px;
	color:#444;
	padding:20px 0;
}
.c-text{
	padding:0 65px;
	font-size:16px;
	color:#666;
}



/* index e */
/*process.html 表单*/
.yj-contact{
	height:475px;
  padding-top:65px;
}
.yj-input-box{
	width:330px;
	margin:0 auto;
}
.yj-input-box li{
	height:40px;
	margin-bottom:15px;
}
.yj-input-title{
	font-size:24px;
	text-align: center;
}
.yj-xl{
	width:328px;
	height:38px;
	margin:0 auto;
	border:1px solid #E7E7E7;
	color:#666666;
	position: relative;
}
.yj-xl .xuan-x{
	width:100%;
	height:100%;
	line-height:40px;
}
.yj-xl .xuan-x span{
	margin-left:14px;
}
.yj-xl .xuan-x .yj-time{
	width:40px;
	height:100%;
	background:url(img/sj.png)no-repeat;
	float:right;
	border-left:1px solid #E7E7E7;
}
.yj-xx-yin{
	width:330px;
	line-height:40px;
	position: absolute;
	left:-1px;
	display:none;
	z-index:99
}
.yj-xx-yin p{
	border:1px solid #E7E7E7;
	border-bottom:0;
	background:#fff
}
.yj-xx-yin p:hover{
	background:#F3F3F3;
}
.yj-xx-yin p:nth-last-child(1){
	border-bottom:1px solid #E7E7E7;
}
.yj-xx-yin p span{
	margin-left:14px;
}
.yj-input-box li input{
	border:1px solid #E7E7E7;
	width:100%;
	height:38px;
	padding-left:10px;
	color:#666666;

}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666666;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666666;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666666;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666666;
}

.yj-bbtn a{
	display:block;
	width:100%;
	height:100%;
	background: #FFD40A;
	color:#484846;
	text-align:center;
	line-height: 40px;
	font-size:16px
}
.yj-bbtn a:hover{
	text-decoration:none
}
.yj-input{
	position: relative;
	margin-left:1px;
	width:328.5px;
}
.yj-input  div{
	display:none;
	width:150px;
	height:40px;
	position: absolute;right:-160px;top:0;
	line-height:40px;
	color:#ff6633;font-size: 14px
}

.yj-xztishi{
	position: relative;
}
.yj-xztishi .yj-tx9{
	position: absolute;
	top:8px;right:-123px;
	 color: #ff6633;
    font-size: 14px;
    display:none
}

.cooperation{
	width:100%;
	height:373px;
	position:relative;
}

.cooperation .coop_title{
	font-size:30px;
	font-weight:normal;
	margin:0 auto;
	color:#444;
	width:288px;
	height:205px;
	line-height:205px;
	position:relative;
}

.cooperation .coop_company{
	width:1200px;
	margin:0 auto;
}

.cooperation .coop_company li{
	float:left;
	height:90px;
	position:relative;
}

.cooperation .coop_company .coop_li1{
	padding:0 26px;
}

.cooperation .coop_company .coop_li2{
	padding:0 49px;
}

.cooperation .coop_company .coop_li3{
	padding:0 4px;
}

.cooperation .coop_company .coop_li4{
	margin-left:14px;
	padding:0 20px;
}

.cooperation .coop_company .coop_li5{
	padding:0 34px;
}

.cooperation .coop_company .coop_li6{
	padding:0 0 0 15px;
}

.cooperation .coop_company li span{
	position:absolute;
	top:79px;
	left:50%;
	margin-left:-40px;
	display:inline-block;
}
.cooperation .coop_company li a{
	display:block;
}
.overlay_box{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity:50);
}

.cooperation .lunbo_coop{
	width:900px;
	height:600px;
	background:#000;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-450px;
	margin-top:-300px;
	display:none;
	z-index:1;
}



.cooperation .lunbo_coop .coop_close{
	position:absolute;
	right:-50px;
	top:0;
	width:50px;
	height:50px;
	background:url(img/coop_close.png) no-repeat 0 0;
	cursor:pointer;
}

.cooperation .lunbo_coop b{
	position:absolute;
	right:26px;
	bottom:19px;
}