body{ margin:0;padding:0;border:0; background: #fff;color:#777; font:14px/1.5 "Helvetica Neue","PingHei","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
    -webkit-font-smoothing: antialiased;}

.white{color: #fff;}
.red{color: #E53935;}
input:focus { outline: none; } 




.warp{width: 100%;overflow: hidden;zoom: 1;text-align: center;}
/* 顶部黑色部分 */
.top_black{ height: 35px; background: #333333; width: 100%; }
.top_warp{width: 1117px; color: #b0b0b0; text-align: center; margin: 0 auto; font-size: 14px;height: 35px; }
.hot_line{background:url(../images/tel.png) left center no-repeat; padding-left: 30px;line-height: 35px;}

.br_con li{float: left; display: inline;line-height: 22px; height: 18px; margin: 8px 8px; padding: 0 18px 0 0; border-right:1px dashed #b0b0b0;  }
.br_con li.last{border-right: none;}
.br_con li.download{position: relative;}
.ph_app{background:url(../images/icon_phone.png) left center no-repeat; padding-left: 23px; cursor: pointer; color: #fff;}
.ph_con{background:url(../images/app_bg.png) left center no-repeat; z-index: 99; height: 174px; width: 310px; position: absolute; top: 17px; right: -75px; }
.ph_con span{margin: 41px 2px 0 34px;}
.ph_con span i{font-size: 18px;color: #d50700; }



/* logo导航条 */
.top_nav{width: 100%;height: 80px; background: #fff;}
.nav_list{width: 1117px; color: #333;margin: 0 auto;font-size: 18px;height: 80px; position: relative;z-index: 9; background: #fff;}
.wlogo{position: absolute; top: 0;left: 0; width: 157px; height: 111px;}
#navul{ float: right; display: inline;}
#navul li {	float: left;display: inline; margin-right: 76px; width:50px; height:66px; position:relative;text-align:center; line-height: 80px; color: #333;  cursor:default}
#navul li a:link, #navul li a:visited { color:#333;  cursor:default}
#navul li.ser_on{border-bottom: 4px solid #3384e2; }
#navul li:hover{border-bottom: 4px solid #3384e2; }
#navul li:hover a{color:#3384e2; }
.subpro {
    display: none;
    background: #fff;
    position: absolute;
    top: 70px;
    padding: 0 0 10px 0;
    margin: 0;
    left: -11px;
    text-align: left;
    width: 180px;
}
.subpro dt {
    margin: 0;
    padding: 0;
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
}
.subpro dt:hover {
    background: #f0f0f0;
}
#ser_nav li a:link, #navul li a:visited {
    color: #666666;
    cursor: pointer;
}
#navul li:hover .subpro{display:block;}
#navul li.ser_on a{color:#3384e2; }
.nav_bt{position: absolute; top: 24px; right: 0px; width: 200px; font-size: 15px;}
.nav_bt .fe_test{background: url(../images/button_bg.png) no-repeat 0 0; width: 97px; height: 32px; float: left; color: #fff; line-height: 32px;}
.nav_bt .fe_test:hover{background-position: 0 -32px;color: #fff;}

.nav_bt .fe_login{background: url(../images/button_bg1.png) no-repeat 0 0; width: 64px; height: 32px; float: left; color: #fb120d; line-height: 32px; margin-left: 18px;}
.nav_bt .fe_login:hover{background-position: 0 -32px;color: #fff;}


/* banner */
.banner{position:relative;height:523px;overflow:hidden;text-align:center;}
.slides{position:relative;z-index:1;}
.slides li{height:523px;background: url(../images/banner.jpg) 50% 0 no-repeat;}
.banner_bt{position: absolute;bottom: 20%;left: 50%;width: 248px;height: 40px;margin-left: -124px;}
.reg_now{width: 136px; height: 40px; border-radius: .4em;  background-color: #3384e2; color: #fff; line-height: 40px; font-size: 20px; text-align: center; float: left;}
.reg_now:hover{color: #fff;background-color: #1b49a1;}
.reg_now1{width: 94px; height: 40px; border-radius: .4em;  background-color: #fff; color: #3384e2; line-height: 40px; font-size: 20px; text-align: center; float: left; margin-left: 18px;}
.reg_now1:hover{color: #fff;background-color: #1b49a1;}
.hero__text{position: absolute;left: 50%;top: 38%;width: 520px;height: 98px;margin-left: -260px;}



/*内容*/
.zw_warp{width: 100%; background: #fff;}
.zw_con_fri{width: 1117px; color: #333;margin: 40px auto;font-size: 18px; text-align: center;}
.dec_con{padding: 0 10px 0 30px; text-align: center; }
.hy-title{position:relative;margin: 0 0 30px 0;}
.hy-title h2{font-size:30px;color:#333333;font-weight:normal;border-bottom:1px solid #40a8e1;display:inline-block;padding: 0 7px 13px 7px;letter-spacing: 2px;}
.hy-title span{width: 40px;
border-bottom: 5px solid #40a8e1;
display: block;
position: absolute;
left: 50%;
margin-left: -20px;
bottom: -3px;
}
.dec_con p{color: #444;
font-size: 16px;
line-height: 25px;
}
.dec_pic {
    margin: 40px 0 0 0;
}
.dec_pic ul{overflow:hidden;}
.dec_pic li{ width:356px;height:483px;float:left;}
.dec_pic li img{margin: 90px 0 30px 0;}
.dec_pic li h2{font-size:36px; color:#fff;margin: 0 0 17px 0;}
.dec_pic li p{color: #fff;
font-size: 16px;
line-height: 24px;
}
.dec_pic_li1{ background:url(../images/li-bg1.png) no-repeat left top;}
.dec_pic_li2{ background:url(../images/li-bg2.png) no-repeat left top;margin: 0 24px;}
.dec_pic_li3{ background:url(../images/li-bg3.png) no-repeat left top;}
.dec_sec{height:625px; background:url(../images/sec-bg.jpg) no-repeat left top;}
.zw_con_sec {
    width: 1117px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
}
.zw_con_sec .hy-title{margin: 70px 0;}
.zw_con_sec .hy-title h2{display:block;border-bottom: 1px solid #b5c6fa;}
.zw_con_sec .hy-title span{width: 82px;border-bottom: 4px solid #4a76f7;margin-left:-41px;bottom: -2px;}
.sec_fl{width:574px;height:356px;}
.sec_fr{width:500px;font-size:16px;color:#666;text-align: left;
line-height: 30px;
}



/* 底部样式 */
.bottom{height: 265px;background: #353535; width: 100%; }
.bottom_width{width: 1117px;text-align: center;margin: 0 auto;overflow: hidden;zoom: 1; padding-top: 26px;}
.bottom_left{ width: 680px; height: 169px; margin-right: 40px; display: inline;}
.about_t,.hotline_t{color: #fff; font-size: 15pt; text-align: left; margin-bottom: 6px;}
.about_line{width: 750px;}
.hotline_l{width: 240px;}
.line1,.line3{ border-bottom: 3px solid #5c5c5c; height: 7px;}
.line2,.line4{ border-bottom: 1px solid #282828; height: 8px;}

.line1{width: 70px;}
.line2{width: 678px;}
.line3{width: 40px;}
.line4{width: 200px;}

.contact ul{width: 600px; height: 170px;}
.contact a{color: #777;}
.contact ul li{ text-align: left; margin: 10px 0; height: 28px; line-height: 28px; float: left; display: inline;}
.adress{ background: url(../images/adress.jpg) top left no-repeat; font-size: 14px; padding-left: 36px; width: 350px;}
.telphone{background: url(../images/tel.jpg) top left no-repeat; padding-left: 36px;  font-size: 15pt; color: #ff3d00; width: 160px;}
.mail{background: url(../images/message.jpg) top left no-repeat; font-size: 16px; padding-left: 36px;  width: 160px;}
.web{background: url(../images/web.jpg) top left no-repeat; font-size: 16px; padding-left: 36px;   width: 350px;}
.bottom_right{width: 280px; position: relative; height: 169px;text-align: left;}
.follow{text-align: left;width: 240px;margin-top: 16px;}
.weixin{position: absolute; bottom: 0px; right:46px;}




/* 弹出框 */
.reveal-modal-bg { position: fixed ; height: 100%; width: 100%; background: url(../../images/black.png);
	 overflow: hidden;
	z-index: 100; display: inline; top: 0; left: 0; _height:4000px; margin: 0;
    padding: 0;zoom:1; 
}

.reveal-modal {
		visibility: hidden;
		top: 30px; 
		left: 50%;
		margin-left: -300px;
		width: 450px;
		background: #f1f1f1 ;
		position: fixed;
		z-index: 101;
		padding: 2px 20px 24px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
#myModal h1{color: #333;margin: 20px 0 0px 0;font-size: 32px;font-weight: 100;}
.reveal-modal h4{color: #666;font-size: 16px;margin: 0 0 21px 0;font-weight: 100;}
.reveal-modal.small{ width: 200px; margin-left: -140px;}
.reveal-modal.medium{ width: 400px; margin-left: -240px;}
.reveal-modal.large{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge{ width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: -18px;
		right: -10px;
		color: #aaa;
		background:url(../../images/close.png) top center no-repeat;
		width: 49px;
		height: 49px;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 

#nav_des{height: 60px;border: 1px solid #ccc;}
#nav_des li{float: left;display: inline; width: 258px; height: 36px; background: #fff; color: #494949;padding-top: 10px;}
#nav_des li.cur{border-top:2px solid #3384e2;}
.tab{ border-right: 1px solid #ccc; height: 48px; line-height: 36px;
	border-bottom: 1px solid #fff;}
.tab_z{font-size: 12px;}
.reg_choose,.reg_tel,.yzm,.hq_yz{margin-top: 10px; height: 36px;}
.user_name,.user_unit,.user_telphone{height: 36px;}
.choose_down{ width: 145px;border: 1px solid #ccc; background-color: #fff; height: 36px; line-height: 36px; color: #9b9b9b; }
.ch{margin-left: 5px;}
.reg_tel{ line-height: 36px; color: #333; font-size: 16px; background-color: #fff; border: 1px solid #ccc; }
.reg_tel .tel{width: 56px;  line-height: 36px; border-right: 1px solid #ccc; text-align: left; padding-left: 16px; height: 36px; background-color: #f0f0f0;}
.reg_tel .tel_data{width: 444px; height: 36px;}
.user_number{ border: 0px; width: 438px; height: 36px; line-height: 36px;  font-size: 16px; padding-left: 10px;}
.num{border:1px solid #ccc; width: 300px; height: 36px;line-height: 36px;}
.user_yzm{border: 0px; width: 288px; height: 36px; line-height: 36px; font-size: 16px; padding-left: 10px; }
.yzm_h,.yzm_p{border:1px solid #ccc; height: 36px; line-height: 36px; }
.yzm_h {padding: 0 8px; background-color: #fff;}
.form_int{line-height: 36px; height: 36px; margin-top: 10px;}
.form_int1{line-height: 36px; height: 36px; margin-top: 10px;}
.gain{ height: 36px; line-height: 36px; width: 114px; border: 1px solid #3384E2; color: #3384E2; cursor: pointer; background-color: #fff;}
.djs{color: #777 !important;  }

/* 登录页面 */
.rec_checked,.rec_check{ 
    line-height: 36px;
    height: 44px;
    padding-left: 30px;
    text-align: left;
	color: #333; cursor:pointer;}
.rec_checked{width: 50px;}
.rec_check{width: 98px;}
   	.rec{background: url(../../images/selected.jpg) no-repeat 10px 9px;}
   	.rec1{background: url(../../images/selected_off.jpg) no-repeat 10px 9px;}

.login_id{color: #333; height:40px;font-size: 16px; margin: 0 8px; width: 130px;text-align: left;  padding-top: 20px; }
.login_t{color: #333;font-weight: 100;font-size: 32px;margin: 20px 0;}
.login_chooce{height: 36px;font-size: 16px;}
.login_name,.login_pasword{width: 435px; height: 40px; font-size: 16px; padding-left: 10px; line-height: 40px;border: 1px solid #ccc;}
.login_forget{text-align: right; width: 448px;height: 40px; line-height: 44px; font-size: 12px; color:#3384e2; cursor: pointer; }
.login_on1{height: 40px;line-height: 40px;  *line-height: 46px; margin-top: 20px;}
.l_tag{margin-bottom: 30px;}
.login_second{display: none;}
.login_third{display: none;}


.hq_yz_box{height: 36px; width: 320px; border:1px solid #ccc; margin-right: 10px;line-height:30px; background-color: #fff;}
.box_num{border: 0px; width: 310px; height:36px; line-height: 36px; font-size: 16px; padding-left: 10px; }
.user_code,.user_name,.user_unit,.user_telphone{border:1px solid #ccc; width: 436px; height: 36px;line-height: 36px; font-size: 16px; padding-left: 10px; }


.agree{ width: 500px; height: 25px; text-align: left; margin-top: 12px; font-size: 12px; line-height: 25px;}
.icon_check{ width: 16px; height: 16px;margin: 0 8px 2px 0; display: inline-block; vertical-align: middle;}
.check{background: url(../images/selected.jpg) center left no-repeat;}
.check1{background: url(../images/selected_off.jpg) center left no-repeat;}
.blue{color: #3384e2;}
.create,.login_btn{margin: 20px 0 10px 0; width: 450px; border-radius: 0.2em; behavior: url(ie-css3.htc); cursor: pointer; background: #3384e2; height: 56px; color: #fff; line-height: 56px; font-size: 16pt;}
.login_btn1{margin: 40px 0 10px 0; width: 450px; border-radius: 0.2em; behavior: url(ie-css3.htc); cursor: pointer; background: #3384e2; height: 56px; color: #fff; line-height: 56px; font-size: 16pt;}
.noth{color: #3384e2; font-size: 12px; text-align: left; margin-top: 5px;}

.user_yq,.user_unit_code{margin-top: 14px; height: 52px;border:1px solid #ccc; width: 505px; height:50px; font-size: 16px; padding-left: 10px; color: #9b9b9b;}
.user_next{margin-top: 14px;width: 520px; border-radius: 0.2em;behavior: url(ie-css3.htc); background: #3384e2; height: 56px; color: #fff; line-height: 56px; font-size: 16pt;}


.login span,.register span{font-size:16px;}

.suspend{position: fixed;bottom: 5px;right: 5px; z-index: 999;}