@charset "utf-8";
/* CSS Document */

/*公共样式*/
html,body,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,tr,td,form,i,a,input, select,dl,dt,dd{ margin:0; padding:0;}
body{color:#444444; font-size:14px; font-family:"微软雅黑","黑体","宋体";}
img{display:block;border:0}
li{list-style:none;}
i{ font-style:normal;}
a{ text-decoration:none; }
a:hover{ font-weight:bold;}
::-moz-selection{background-color: #d04;color:#fff}
/**/
form,select,input,textarea{font-size:12px}
label{display:inline-block;*display:inline;zoom:1}
textarea{overflow:scroll;overflow-x:hidden;}
input,textarea{padding:2px;}
caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}
/*font*/
h1{font-size:24px;margin-top: 25px;text-align: center; margin-top: 30px;font-weight:bold;font-family:"Tahoma,Arial,simsun";}
h2{font-size:24px;font-weight:bold;font-family:"Tahoma,Arial,simsun";}
h3{font-size:18px;font-weight:bold;font-family:"Tahoma,Arial,simsun";}
h4{font-size:16px;font-weight:bold;font-family:"Tahoma,Arial,simsun";}
h5{font-size:15px;font-weight:bold;font-family:"Tahoma,Arial,simsun";}
h6{font-size:14px;font-weight:normal;font-family:"Tahoma,Arial,simsun";}
/* table */
table{border-collapse:collapse;border-spacing:0;width:100%;}
ul{list-style:none}
/* img */
img{border:0}
a{text-decoration:none;color:#777777;outline:none;}
a:hover{text-decoration:none; font-weight:normal; color:#da7f00;}
.fr{float:right;}
.fl{float:left;}
.red{ color:#F00;}
.black{ color:#000;}

/* 页面样式从这里开始 */
.help{float:right;color:#ffffff;font-size:1.25em;margin:4em 7% 0 0;}
.help a{color:#e4291b;text-decoration: underline;}
.title{clear: both;color:#ffffff;float:left;width:100%;text-align:center;margin-top:12%;font-family:'黑体';}
.title span{font-size:5em;}
.title label{font-size:4em;}
.but_box{clear:both;width:420px;height:47px;margin:0 auto;padding:100px 0 0 0;}
.but_box button{float:left;border:0;color:#ffffff;font-size:2em;cursor:pointer;position:relative;width:200px;height:60px;line-height: 60px;}
.zhuce{background:#e03007;margin:0 15px 0 0;overflow:hidden;}
.zhuce:hover{ background:#C00;}
.but_box .login{border:1px solid #ffffff;background:transparent;}
.but_box .login:hover{ background:#555;}
.ripple-obj {height: 100%;pointer-events: none;position: absolute;top: 0;left: 0;z-index: 0;width: 100%;}
.fill01{fill: #c32702;}
.fill02{fill: #747373;}

.c_red{color:#ff6633; display:block; font-size:20px; font-weight:bold; margin-top:10px;}
/* 产品介绍样式 */
.page2{ background:#fff; font-family:"微软雅黑","黑体","宋体";}
.page2_box{margin:0 auto;}
.page2_box h1,.wrap_shoujiAPP h1,.wecheatand2 h1,.wrap_cj h1{ text-align:center; font-family:"微软雅黑","黑体","宋体"; font-size:28px; font-weight:bold; color:#000;}
.wrap_shoujiAPP h1{ padding-top:20px; padding-bottom:30px;}
.wecheatand2 h1{ padding-bottom:30px;}
.page2_box .context{padding:0 10%;text-align:center;font-size:1.4em;padding-top:40px;color:#464646;line-height:1.4em;}
.page2_ul{display:block;padding:0 15%;overflow:hidden;}
.page2_li{float:left;width:15%;text-align:center;margin:80px 5%;}
.page2_img{width:90%;margin:auto auto;}
.page2_ul h1{font-size:2.2em;line-height:1.8em;}
.til li{font-size:15px;line-height:1.5em;font-weight: bold;color: black}

/* 经典案例 */
.page3{background:#444444; font-family:"微软雅黑","黑体","宋体";}

.page5{ width:500px; margin:0 auto;}
.p_t{width:100%;text-align:center;color:#000000;margin:60px 0 0 0;line-height:2.5em;}
.p_t .t_gray{color:#a4a4a4;font-size:1.4em;}
.p_t span{font-weight:bold;font-size:2.2em;}
.t_red{color:#ff0000;}
.contact_box{margin:100px auto 0;overflow:hidden;}
.cont_fl{float:left;width:45%;}
.join{width:100%;font-size:1.4em;height:3em;background:#e64834;color:#ffffff;cursor:pointer; border:0;}
.join:hover{ background:#b9210e;}
.cont_fr{float:right;width:45%;color:#575757;font-size:1em;line-height:2em;}
.f_logo{margin:0;}
.cont_fr p{float:left;width:100%;}
.cont_fr span{float:left;width:100%;}



.news_pro{position: relative;}

.subpro{background: #fff; position: absolute; top: 26px; padding: 0 0 10px 0;margin: 0;left: -11px;text-align: left; width:180px; z-index: 99;}
.subpro dt{margin: 0;height: 38px;line-height: 38px;padding: 0 16px;}
.subpro dt:hover{background: #f0f0f0;}
.subpro dt a{width:100%!important;font-size:18px;}
.subpro dt:hover a{background: none!important; color:#333!important;text-decoration: none;}

/* 弹出框 */
.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: 28px 0 12px 0;font-size: 32px;font-weight: 100;}
.reveal-modal h4{color: #666;font-size: 16px;margin: 0 0 25px 0;font-weight: 100;text-align: center;}
.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: 436px; height: 32px; 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: 40px; margin-top: 10px;}
.form_int1{line-height: 36px; height: 40px; margin-top: 10px;}
.gain{text-align: center; margin:0!important; 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;font-size:16px;}
.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;}
.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: 308px; height:32px; 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; text-align:center;}
.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; text-align: center;}
.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;line-height:40px; color:#666!important;}

/* 顶部黑色部分 */
.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;font-size: 14px;padding-left: 30px;line-height: 35px;}

.br_con li{float: left;font-size: 14px; 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;font-size: 14px; 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;display:none; }
.download:hover .ph_con{display:block;}
.ph_con span{margin: 41px 2px 0 34px;}
.ph_con span i{font-size: 18px;color: #d50700; }
.white {
    color: #fff;font-size: 15px;
}


/* 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; padding-right: 76px; width:50px; height:66px; position:relative;text-align:center; line-height: 80px; color: #333;  cursor:default}
#navul li>a{ width:50px; height:66px; display: inline-block;font-size: 18px;}
#navul li>a:link, #navul li>a:visited { color:#333;  cursor:default}
#navul li.ser_on>a{border-bottom: 4px solid #3384e2; }

#navul li:hover>a{color:#3384e2; border-bottom: 4px solid #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;}

.subpro{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;}
/* 底部样式 */
.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;line-height: 18px;font-size: 14px;}
.weixin{position: absolute; bottom: 0px; right:46px;}
.copyright {font-size: 14px;}

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