/*reset*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite,s{font-style:normal; text-decoration:none;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

html,body{ height:100%; overflow:hidden;}
*::before,*::after{ content:"";}
body{ font:12px/22px \5fae\8f6f\96c5\9ed1,\5b8b\4f53,Arial,Sans-serif; background:#000;}
a{ text-decoration:none; color:#74818e;}
a:hover{ text-decoration:underline;}
a,area { blr:expression(this.onFocus=this.blur());} 
:focus{ outline:none;}
/*step_nav*/
.step_nav{height:-webkit-calc(100% - 40px);height:-moz-calc(100% - 40px);height:-o-calc(100% - 40px); overflow:hidden; position:relative; left:0; top:0;}
/*top*/
.top{height:74px; width:100%; background:url(../images/h_bg.jpg) repeat-x 0 0; position:relative; z-index:9999;}
.top .top_con{margin:0 auto; height:74px; text-align:center;}
.top_con h1{ background:url(../images/logo.jpg) no-repeat 30px top; height:74px; text-indent:-999em; float:left; width:320px;}
.top_con .top_right{ height:42px;}
.top_right strong{ color:#f30; font-size:16px;}
/*foot*/
.foot{ height:40px; background:rgba(0,0,0,0.5); width:100%; position:fixed; bottom:10px; filter: Alpha(opacity=50);-moz-opacity:.5;opacity:0.5;  z-index:999;}
.foot p{ color:#555; font-size:12px; text-align:center; line-height:40px;}
/*main*/
.main{ overflow:hidden;}
.img_box{ width:100%;height:100%; min-width: 800px;}
.img_box li{ float:left;}
.img_box li a{ display:block;position:relative;top:0;filter: Alpha(opacity=60);-moz-opacity:.6;opacity:0.6; text-decoration:none;  height:100%; float:left; }
.img_box a:hover{filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}
.img_box a{
	transition:opacity 0.5s ease-out 0s;
	-webkit-transition:opacity 0.5s ease-out 0s;
	-moz-transform:opacity 0.5s ease-out 0s;
	-o-transform:opacity 0.5s ease-out 0s;
	-ms-transform:opacity 0.5s ease-out 0s;
}
.img_box a img{ display:block; width: 100%;}
.img_box span{display:block; height:58px;width:58px; position:absolute; top:632px; left:135px;}
.img_box span s{ position:absolute; display:block;right:0; top:0; z-index:10;}
.img_box span i{ display:block;width:25%;overflow: hidden;}

/*step_slides*/
.step_slides{ overflow:hidden; position:absolute; top:100%; left:0; width:100%;}
.step_slides .top{ height:74px; overflow:hidden;}
.step_slides .top_left a{ display:block;color:#acacac;height:74px; float:left;width:100px; background:url(../images/nav_line.jpg) no-repeat right center; text-decoration:none;-webkit-transition:color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;-o-transition:color 0.5s ease-in-out;-ms-transition:color 0.5s ease-in-out;}
.step_slides .top a h3{font-size:20px; line-height:30px; padding-top:20px; text-align:center;}
.step_slides .top .current{ color:#ac9968;}
.step_slides .top .a_none{ background:none;}

.step_slides .top a:nth-child(1):hover,.step_slides .top a:nth-child(1).current,
.step_slides .top a:nth-child(6):hover,.step_slides .top a:nth-child(6).current{ color:#e4e4e4;}
.step_slides .top a:nth-child(2):hover,.step_slides .top a:nth-child(2).current{ color:#ca5be0;}
.step_slides .top a:nth-child(3):hover,.step_slides .top a:nth-child(3).current{ color:#a46ab8;}
.step_slides .top a:nth-child(4):hover,.step_slides .top a:nth-child(4).current{ color:#107b90;}
.step_slides .top a:nth-child(5):hover,.step_slides .top a:nth-child(5).current{color:#58a3d7;}

.top_left{ background:url(../images/logo.jpg) no-repeat 30px top; padding-left:328px; float:left; height:74px;}
.top_right{ line-height:25px; color:#747474; font-size:14px; padding-right:10px; padding-top:24px; float:right; height:50px;width:160px;}

.slides{ width:100%;height:100%;}
.slides ul li{ width:100%; height:100%;}
.slides .t1,.slides .t2,.slides .t3{ display:block; position:absolute;}
.slides .t1{ width:633px; height:314px;}
.slides .t2{ width:174px; height:53px;}
.slides .t2 img{filter: Alpha(opacity=80);-moz-opacity:.8;opacity:0.8;-webkit-transition:all 0.3s ease-in-out 0;-moz-transition:all 0.3s ease-in-out 0;-o-transition:all 0.3s ease-in-out 0;-ms-transition:all 0.3s ease-in-out 0}
.slides .t2:hover img{filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}
.slides .t3{ width:389px; height:144px;}
/*
.slides .s1{ background:#4d1a75;}
.slides .s2{ background:#713d87;}
.slides .s3{ background:#3c8bc2;}
.slides .s4{ background:#429cdb;}
*/
.slides img{display: block;}

@media screen and (max-width: 920px){
	.top_left{ background:none; padding-left:40px}
	.top_right{ display:none;}
	}
@media screen and (max-width: 415px){
	.top_con h1{ width:0}
	}

.btn_qh{ position:absolute; width:1000px; left:50%; margin-left:-500px; top:0; z-index:99}
.btn_qh a{ display:block; width:60px; height:118px; overflow:hidden; text-indent:-999em; position:fixed; top:50%;filter: Alpha(opacity=50);-moz-opacity:.5;opacity:0.5;}
.btn_qh .pre_pic{ background:url(../images/pre.png) no-repeat 0 0; left:20%;}
.btn_qh .next_pic{ background:url(../images/next.png) no-repeat 0 0; right:20%;}
.btn_qh a:hover{filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;}


.tips{ width:680px; height:495px; background:#0e0e0e; position:absolute; left:50%; top:50%; margin:-247px 0 0 -340px; z-index:999}
.tips_bg{ background:#000;filter: Alpha(opacity=60);-moz-opacity:.6;opacity:.6; position:absolute; z-index:998; left:0; top:0; width:100%; height:100%;}
.tips .btn_close{background:url(../images/close.jpg) no-repeat 0 0;width:49px; height:49px; display:block; overflow:hidden; position:absolute; text-indent:-999em; right:20px; top:20px}
.tips .tips_con{ padding:25px 50px 0;}
.tips .tips_con h3{ color:#fdb324; font-size:16px; line-height:30px; font-weight:normal; padding-bottom:15px;}
.mod_form ul li{ height:30px; padding-top:10px; vertical-align:middle;}
.mod_form ul li label{display:block;float:left; font-size:14px;text-align:right; height:30px; line-height:30px; color:#999;width:60px; padding-right:15px;}
.mod_form ul li .fm_ipt{height:20px; line-height:20px; text-indent:4px;float:left;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; padding:5px 0; background-color:#333; color:#8f8f8f; border:none;width:220px;}
.mod_form ul .fm_btn{ padding:15px 0 0 75px; height:36px;}
.mod_form ul .fm_btn a{display:block; background:#00479d; color:#e2e2e2; float:left; margin-right:15px; width:117px; height:36px; overflow:hidden; text-align:center; line-height:36px; font-size:16px;}
.mod_form ul .fm_btn a:hover{background:#2f7fe0; text-decoration:none;}
.mod_form ul .fm_btn .tj{ background:#dc5f03;}
.mod_form ul .fm_btn .tj:hover{ background:#dc9c03;}
.mod_form ul .li_rd{ padding-left:75px; height:30px; line-height:30px; font-size:16px; color:#ccc;}
.mod_form ul .li_rd em{ padding:0 10px 0 5px}

.form_sm{ border-top:1px solid #1a191a; color:#666; line-height:20px; margin-top:25px; padding-top:15px;}