*{ margin:0; padding:0; border:0; border:none;font-family: "FZLTHJW";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1000px;margin: 0 auto;}
.right, .left {
    float: left;
}
body{
	min-width: 1200px;
}
.zx{
	cursor: pointer;
}
.lead{
	width: 114px;
	height: 358px;
	position: fixed;
	left: 20px;
	bottom: 50px;
	z-index: 10;
	background: url(../img/lead.png) top center no-repeat;
}
.lead .lead_con{
	padding-top: 32px;
}
.lead .zx{
	display: block;
	width: 78px;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	line-height: 37px;
	font-size: 16px;
	color: #fff;
	border-bottom: 1px dashed #fff;
}
.lead .zhichi{
	display: block;
	width: 78px;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	line-height: 37px;
	font-size: 16px;
	color: #fff;
	border-bottom: 1px dashed #fff;
}

.lead .last{
	display: block;
	width: 100%;
	height: 110px;
}
.banner{
	width: 100%;
	height: 603px;
	margin: 0 auto;
	background: url(../img/banner.png?33) top center no-repeat;
}
.banner .common{
	padding-top: 484px;
}
.banner .l{
	width: 356px;
}
.banner .des{
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	font-family: "FZLTCHJW";
	margin-bottom: 16px;
	color: #fff;
}
.banner a{
	display: block;
	width: 328px;
	height: 54px;
	margin: 0 auto;
	font-size: 26px;
	font-family: "FZLTCHJW";
	line-height: 54px;
	text-align: center;
}
.banner .common{
	width: 1120px;
}
.banner .left1{
	margin-left: 50px;
}
.banner .left1 a{
	color: #f4572c;
	background: url(../img/top_btn1.png) top center no-repeat;
}
.banner .left2 a{
	color: #a00303;
	background: url(../img/top_btn2.png) top center no-repeat;
}
.banner .left3{
	margin-left: 0px;
}
.pro{
	width: 100%;
	height: 316px;
	margin: 0 auto;
	background: url(../img/province.jpg) top center no-repeat;
}
.pro .common{
	padding-top: 138px;
	width: 968px;
}
.pro a{
	display: block;
	width: 66px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	color: #3e77e1;
	border: 1px solid #3e77e1;
	margin: 0 10px 26px;
}
.pro a.active{
	background: #3e77e1;
	color: #fff;
}
.bank{
	width: 100%;
	height: 367px;
	margin: 0 auto;
	background:url(../img/bank.jpg) top center no-repeat;
}
.bank .common{
	width: 966px;
	padding-top: 138px;
}
.bank .zx{
	display: block;
	float: left;
	width: 114px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0 11px 26px;
}
.bank .zhichi{
	display: block;
	float: left;
	width: 114px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	margin: 0 11px 26px;
}
.bank .zx.active{
	background:#fff;
	color: #3e77e1;
}

.bank .zhichi.active{
	background:#fff;
	color: #3e77e1;
}
.zhidao{
	width: 100%;
	height: 532px;
	margin: 0 auto;
	background:url(../img/zhidao2.jpg?11) top center no-repeat;
}
.zhidao .common{
	width: 965px;
	padding-top: 138px;
}
.zhidao .card{
	width: 175px;
	height: 184px;
	padding-top: 46px;
	margin: 0 9px 43px;
	text-align: center;
	color: #fff;
}
.zhidao .card .t{
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 8px;
}
.zhidao .card .con{
	font-size: 38px;
	font-family: "FZLTCHJW";
	line-height: 46px;
}
.zhidao .card1{
	background: url(../img/card1.png) top center no-repeat;
}
.zhidao .card2{
	background: url(../img/card2.png) top center no-repeat;
}
.zhidao .card3{
	background: url(../img/card3.png) top center no-repeat;
}
.zhidao .card4{
	background: url(../img/card4.png) top center no-repeat;
}
.zhidao .card5{
	background: url(../img/card5.png) top center no-repeat;
}
.zhidao .zx{
	width: 261px;
	height: 71px;
	margin:0 auto;
}

.zhidao .zhichi{
	width: 261px;
	height: 71px;
	margin:0 auto;
}
.buy{
	display: block;
	width: 100%;
	height: 107px;
	margin: 0 auto;
	background: url(../img/buy2.png) top center no-repeat;
}
.condition{
	width: 100%;
	height: 884px;
	margin: 0 auto;
	background: url(../img/condition.jpg) top center no-repeat;
}
.condition .common{
	padding-top: 177px;
}
.condition .card_div{
	position: relative;
	width: 943px;
	margin: 0 auto;
	height: 157px;
}
.condition .card_div2{
	margin:19px auto 4px;
}
.condition .t{
	height: 50px;
	line-height: 52px;
	text-indent: 54px;
	font-size: 24px;
	color: #fff;
	margin-bottom: 6px;
}
.condition .con{
	padding-left: 34px;
	line-height: 31px;
	font-size: 18px;
	color: #4c4c4c;
}
.condition .zx1{
	top: 51px;
}
.condition .zx2{
	top: 68px;
}
.condition .zx{
	position: absolute;
	right: 0px;
	width: 210px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	background: url(../img/btn.png) top center no-repeat;
	font-size: 18px;
	color: #fff;
}
.condition .zhichi{
	position: absolute;
	right: 0px;
	width: 210px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	background: url(../img/btn.png) top center no-repeat;
	font-size: 18px;
	color: #fff;
}
.condition .phone,
.condition .validate{
	width: 345px;
	height: 38px;
	border-radius: 20px;
	border: 1px solid #8f9191;
	font-size: 20px;
	color: #8f9191;
	text-align: center;
	margin: 0 8px 0 231px;
}
.condition .validate{
	width: 100px;
	margin-left: 0;
}
.condition #img{
	height: 40px;
}
.condition .get-btn{
	cursor: pointer;
	width: 183px;
	height: 40px;
	margin: 20px auto 0;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	line-height: 42px;
	background: url(../img/get-btn.png) top center no-repeat;
}
.flow{
	width: 100%;
	height: 662px;
	margin: 0 auto;
	background: url(../img/flow.jpg) top center no-repeat;
}
.know{
	width: 100%;
	height: 423px;
	margin: 0 auto;
	background: url(../img/know.jpg?11) top center no-repeat;
}
.know .common{
	position: relative;
}
.know a{
	display: block;
	width: 136px;
	height: 20px;
	position: absolute;
	top: 171px;
	left: 217px;
}

.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px;}
.offcnCopy{padding:45px 0 50px 0; line-height:32px; color:#ccc; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#ccc;}
.offcnCopy a:hover{color:#e00;}
div.header{width: 100%;height: 47px;background: #fff;}
div.header .common{ font-size:16px;}
div.header .common a{ color:#333;}
div.header .logo{display: inline-block;width: 112px;height: 33px;background: url('http://statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-3px;}
div.header .tel{width: 301px;height: 33px;margin-left: 470px; display:inline-block;background: url('http://statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
div.header .common a{float: none; text-decoration: none;}
div.header .tel{margin-top: 0;}




.window-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 100;
  }
  .window-mask .ajax_form {
	border: 2px solid #FFFFFF;
	width: 515px;
	height: 406px;
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 12px;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	box-sizing: border-box;
	padding: 22px;
  }
  .window-mask .ajax_form .close {
	font-size: 30px;
	line-height: 20px;
	color: #ccc;
	position: absolute;
	right: 13px;
	top: 13px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	/* transition: all .3s; */
  }
  .window-mask .ajax_form .close:hover {
	/* transform: rotate(180deg); */
  }
  .window-mask .ajax_form h2 {
	text-align: center;
	font-size: 26px;
	font-family: FZLanTingHeiS-EB-GB;
	color: #DD011A;
	padding-bottom: 10px;
	border-bottom: 2px dashed #DD011A;
  }
  .form-box {
	box-sizing: border-box;
	padding: 19px 30px;
  }
  .form-box .list-div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 7px;
	position: relative;
  }
  .form-box input,.form-box select {
	height: 47px;
	border: 1px solid rgba(51, 51, 51, 0.2);
	border-radius: 7px;
	box-sizing: border-box;
	padding: 0 0 0 14px;
	font-size: 16px;
  }
  .form-box input {
	width: 100%;
  }
  .form-box select {
	display: block;
	width: 100%;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	outline: none;
  }
  .form-box #fs {
	position: absolute;
	right: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 138px;
	height: 39px;
	background: #DD011A;
	border-radius: 6px;
	padding: 0;
	color: #fff;
	cursor: pointer;
	border: none;
  }
  .form-box .btn-box {
	width: 295px;
	height: 97px;
	background: url('../img/yy_btn_bg.png') no-repeat center;
	margin: auto;
	box-sizing: border-box;
	padding: 10px 20px;
  }
  .form-box .ajaxBtn {
	padding: 0;
	border: none;
	font-size: 26px;
	font-family: FZLanTingHeiS-R-GB;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
	line-height: 55px;
	background: rgba(0, 0, 0, 0);
  }