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; }
#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;}

.news_pro{position: relative;}
.news_pro:hover .subpro{display:block;}
.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;}
/* banner */




/* banner */
.banner{position:relative;height:531px;overflow:hidden;text-align:center;background: url(../images/banner.jpg) 50% 0 no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:531px;width:1117px; margin:0 auto;position:relative;}
.banner_bt{position: absolute;
bottom: 15%;
right: 15%;
width: 248px;
height: 40px;
}
.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;
right: 5px;
top: 23%;
width: 581px;
}



/*内容*/
.zw_warp{width: 100%; background: #fff;}
.zw_con_fri{width: 1117px; color: #333;margin: 40px auto;font-size: 18px; text-align: center;}
.sq-title h2{font-size: 35px;
font-weight: bold;
letter-spacing: 2px;
}
.sq-title span{font-size: 16px;}
.dec_con{padding: 0 10px 0 30px; text-align: center; }
.dec_pic {height: 439px;margin: 28px 0 0 0;}
.dec_pic li{width:351px;height:439px;float: left;color: #727272;position: relative;background: #e6e6e6;}
.dec_pic li span{margin: 100px auto 0 auto;display:inline-block;width:174px;height:151px;}
.dec_pic_img1 span{ background:url(../images/ico01.png) no-repeat center center;}
.dec_pic_img2 span{ background:url(../images/ico02.png) no-repeat center center;}
.dec_pic_img3 span{ background:url(../images/ico03.png) no-repeat center center;}
.dec_pic li:hover{background: #52a6ff; color:#fff;}
.dec_pic_img1:hover span{ background:url(../images/ico01-hov.png) no-repeat center center;}
.dec_pic_img2:hover span{ background:url(../images/ico02-hov.png) no-repeat center center;}
.dec_pic_img3:hover span{ background:url(../images/ico03-hov.png) no-repeat center center;}
.dec_pic li p{line-height: 28px;margin: 12px 0 0 0;}
.dec_pic .on{margin: 0 32px;}
/*li翻开始*/
.correct{height:439px;}
.text-bg {
    height: 439px;background: #e6e6e6;
}
.text-bg2{color:#fff;background: #52a6ff;height: 439px;}
/*li翻结束*/

.dec_sec {
    height: 625px;
    background: url(../images/sec-bg.jpg) no-repeat left top;overflow: hidden;
}
.zw_con_sec {
    width: 1117px;
   margin: 95px auto;
    height: 435px;
	background: url(../images/trophy.png) no-repeat center center;
	position: relative;
}
.ul-jb li{border-bottom:1px solid #fff;color:#fff;font-size:16px;width:325px;height:71px;position:absolute;text-align: left;padding: 0 0 13px 0;}
.ul-jb li p{width:225px;}
.ul-jb li i{list-style-type:normal;font-size:20px;display: block;}
.ul-jb li span{display:block;}
.ab-li1 {
    left: 6%;
    top: 0;
}
.ab-li2 {
    left: -1%;
    top: 31%;
}
.ab-li3 {
    left: 4%;
bottom: 16%;

}
.ab-li4 {
    right: 6%;
    top: 0;
}
.ab-li5 {
    right: -1%;
    top: 31%;
}
.ab-li6 {
    right: 4%;
bottom: 16%;

}







/* 底部样式 */
.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;}



/* 服务子页面 */
.serve_top{height: 60px; width: 100%; background: #fbfbfb; border-bottom: 1px solid #ccc; position: absolute;  z-index: 1; left: 0;}
.s_logo{position: absolute; left: 30px; top: 12px; margin: 0;background: url(../images/logo.png) no-repeat; overflow: hidden; 
  cursor: pointer; width: 133px; height: 35px;  text-indent: -999em; }
.z_logo{margin: 5px 0 0 12px;}
.z_logo1{position: absolute; left: 10px; top:10px; margin: 0;background: url(../images/z_logo.png) no-repeat; overflow: hidden; background-size: 80%;
  cursor: pointer; width: 310px; height: 45px;  text-indent: -999em; }
.ser_on a{color: #3384e2 !important;}
.ser_login{color: #666; padding: 4px 18px; margin: 10px; background: #f5f5f5; border: 1px solid #666666; position:absolute; right: 30px; top: 5px; 
	border-radius: 1.2em; -moz-border-radius: 1.2em; -webkit-border-radius: 15px;  opacity: 0.8; filter: alpha(opacity=80);behavior: url(ie-css3.htc);}
.ser_login:hover{background: #333;padding: 4px 18px;  zoom:1;}
.ser_login:hover a{color: #fff;}
.serve_pic{width: 1180px; height: 620px;  position: relative; text-align: center; margin: 0 auto; overflow: hidden;  zoom: 1; 
background: url(../images/ser_jzt.jpg) center center no-repeat; cursor: pointer; }
.serve_t1{position: absolute; top:27%;left: 21%; text-align: right; }
.serve_classify{margin-bottom: 0px; color: #333;}
.st1{margin-top: 0px;}
.serve_t2{position: absolute; top:61%;left: 10%; text-align: right;}
.serve_t3{position: absolute; top:46%;left:77%; text-align:left;}



.ser_list{width: 1000px; height: 380px; text-align: center; margin: 0 auto; overflow: hidden;  zoom: 1; border-top: 1px solid #dedede;padding-top: 50px;}
.ser_tag{ margin-left: 0px !important;}
.ser_list_p{width: 218px; overflow: hidden;}
.ser_list ul li{ width: 218px; height: 240px; border: 1px solid #f0f0f0; float: left; display: inline; font-size: 12px; margin-top: 50px; margin-left: 40px; background-color: #fff; -moz-box-shadow:0px 2px 5px #e4e4e4; -webkit-box-shadow:0px 2px 5px #e4e4e4; box-shadow:0px 2px 5px #e4e4e4; cursor: default; }
.ser_list ul li h2{margin:2px; color: #333;}
.ser_list ul li:hover{border: 1px solid #3384e2;}
#ser_nav li:hover {color: #3384E2; border-bottom:#3384E2 3px solid; width:50px; height:57px; line-height:60px;  cursor:pointer;}
#ser_nav li {float: left;display: inline; margin-right: 80px; width:50px; height:60px; position:relative;text-align:center; line-height: 60px; color: #666666;cursor:pointer;}
#ser_nav li a:link, #navul li a:visited { color:#666666;  cursor:pointer;}




/* 弹出框 */
.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;}