*{ 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:#848282;}
:-moz-placeholder {color:#848282;}
::-moz-placeholder {color:#848282;}
:-ms-input-placeholder {color:#848282;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1000px;margin: 0 auto;}
.right, .left {
    float: left;
}
.zx{
	cursor: pointer;
}
body{
	min-width: 1200px;
}
.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px; }
.offcnCopy{padding:45px 0 54px 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{position: relative;z-index: 1;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://zt.eoffcn.com/s/img/zt/netLogo.png'); vertical-align:-9px;}
div.header .tel{width: 301px;height: 33px;margin-left: 470px; display:inline-block;background: url('//statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
div.header .common a{float: none; text-decoration: none;margin-top: 5px}
div.header .tel{margin-top: 0;}

.banner{
	width: 100%;
	height: 563px;
	margin:0 auto;
	background: url(../img/banner.png?11) top center no-repeat;
}
.gaishu{
	width: 1028px;
	height: 665px;
	margin:-190px auto 25px;
	background: url(../img/gs.png) top center no-repeat;
}
.diqu{
	width: 100%;
	height: 541px;
	margin:0 auto 36px;
	background: url(../img/diqu.png?11) top center no-repeat;
}
.zhidao{
	width: 1000px;
	height: 271px;
	margin:0 auto 40px;
	background: url(../img/zhidao.png) top center no-repeat;
}
.get_div{
	width: 100%;
	padding: 46px 0;
	background: #0dd5d3;
	margin-bottom: 25px;
}
.get_div .gg_div{
	width: 486px;
	padding-bottom: 22px;
	background: #fff;
	border-radius: 19px;
	box-shadow: 0 5px 16px rgba(20,162,188,0.33)
}
.gg_t{
	position: relative;
	line-height: 86px;
	width:390px;
	margin:0 auto;
	font-size: 36px;
	color: #0cb9b6;
	font-family: "FZLTTHJW";
}
.gg_t>span{
	color: #ff7800;
	font-family: "FZLTTHJW";
}
.star{
	position: absolute;
	left: -24px;
	top: 30px;
	width: 16px;
	height: 15px;
	background: url(../img/star.png) top center no-repeat;
}
.get_div .scroll_div{
	width: 418px;
	margin:0 auto;
	height: 280px;
}
.get_div .scroll_div a{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	line-height: 46px;
	border-bottom: 1px dashed #0dd5d3;
	font-size: 18px;
	color: #7f7f7f;
	padding-left: 22px;
	position: relative;
}
.get_div .scroll_div span{
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #ff8a00;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
.mCSB_dragger_bar{
	background:#4857ce!important;
}
.mCSB_draggerRail{
	background:#edf3fd!important;
}
.mCSB_inside > .mCSB_container {
    margin-right: 23px!important;
}
.interaction{
	width: 440px;
}
.interaction .gg_t{
	width: 352px;
}
.yy_div .input-grp,
.yy_div .colspan{
	position: relative;
	width: 352px;
	height: 38px;
	margin: 0 auto 10px;
	line-height: 38px;
	border-radius: 20px;
	background: #f9f9f9;
	font-size: 18px;
	color: #7f7f7f;
	font-family: "FZLTHJW";
	border:1px solid #c6c6c6;
}
.yy_div input::-webkit-input-placeholder{
     color: #c6c6c6;
}
.yy_div .input-grp>input,
.yy_div .input-grp>select,
.yy_div .colspan>input{
	outline: none;
	color: #c6c6c6;
	font-family: "FZLTHJW";
	text-indent: 28px;
	border-radius: 20px;
	font-size:18px;
}
.yy_div .input-grp>select,
.yy_div .input-grp>input{
	width: 100%;
	height: 100%;
}
.yy_div .input-grp>select{
	text-indent: 18px;
}
.yy_div .colspan #message{
	width: 100%;
	height: 100%;
}
.yy_div .colspan button{
	outline: none;
	position: absolute;
	right: 7px;
	top: 6px;
	font-size: 16px;
	border:1px solid #ff7800;
	color: #ff7800;
	cursor: pointer;
	width: 112px;
	height: 26px;
	border-radius: 14px;
}
.yy_div .get_btn{
	width: 119px;
	height: 37px;
	margin:0 auto 50px;
	cursor: pointer;
	background: url(../img/yy.png) top center no-repeat;
}
.video_div{
	width: 560px;
	margin:0 auto;
	padding-top: 69px;
}
.video{
	width: 457px;
	height: 257px;
	margin:0 auto;
	background: url(../img/video.png) top center no-repeat;
}
.video .player-box{
	position: relative;
	width: 457px;
	height: 257px;
	margin: 0 auto;
}
.video .player-box .mask{
	position: absolute;
	width: 100%;
	height: 100%;
}
.video_div .des{
	text-align: center;
	font-size: 18px;
	color: #7f7f7f;
	line-height: 58px;
}
.zhinan{
	width: 100%;
	height: 426px;
	margin:0 auto 52px;
	background: url(../img/zhinan.png) top center no-repeat;
}
.problem{
	width: 100%;
	height: 397px;
	margin:0 auto;
	background: url(../img/problem.png) top center no-repeat;
}
.ma_bg{
	width: 100%;
	height: 459px;
	margin:0 auto;
	background: url(../img/ma_bg.png) top center no-repeat;
}
.ma_bg .ma_all{
	padding-top: 104px;
	width: 1028px;
	margin:0 auto;
}
.ma_bg .ma{
	width: 229px;
	height: 278px;
	margin: 28px 142px;
}
.ma_bg .ma>img{
	width: 100%;
	height: 100%;
}