*{ 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 44px 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;}
/*滚动条*/
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
 
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}
 
::-webkit-scrollbar-track {
 /* box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;*/
}
 
::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(174,174,174,1) inset;
}
 
::-webkit-scrollbar-corner {
  background: transparent;

}
.banner{
  width: 100%;
  height: 627px;
  margin:0 auto;
  background: url(../img/banner.png) top center no-repeat;
}
.sd{
  width: 1037px;
  height: 277px;
  margin:-188px auto 38px;
  background: url(../img/sd.png) top center no-repeat;
}
.qb{
  width: 1000px;
  height: 889px;
  margin:0 auto 50px;
  background: url(../img/qb.png?11) top center no-repeat;
}
.gg_bg{
  width: 100%;
  height: 773px;
  margin:0 auto 16px;
  background: url(../img/gg_bg.png) top center no-repeat;
}
.gg_bg .common{
  padding-top: 256px;
}
.gg{
  width: 540px;
  height: 334px;
  overflow: auto;
  margin:0 45px;
}
.gg .a1{
  width: 524px;
  position: relative;
}
.gg .num{
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  font-family: "FZLTCHJW";
  background: #498ef6;
  border-radius: 13px;
  position: absolute;
  left: 8px;
  top: 10px;
}
.gg a{
  display: block;
  float: left;
  width: 360px;
  padding-left: 40px;
  height: 46px;
  line-height: 46px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px dashed #4884f6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.gg .zixun{
  margin-top: 8px;
  width: 100px;
  height: 30px;
  background: url(../img/zixun.png) top center no-repeat;
}
.interaction{
  width: 342px;
  padding-top: 80px;
  height: 346px;
}
.gg_bg .input-grp{
  position: relative;
  width: 288px;
  height: 38px;
  margin: 0 auto 10px;
  line-height: 38px;
  border-radius: 5px;
  background: #fff;
  font-size: 16px;
  color: #495ff2;
  font-family: "FZLTHJW";
  border:1px solid #495ff2;
}
.gg_bg input::-webkit-input-placeholder{
     color: #495ff2;
}
.gg_bg .input-grp>input,
.gg_bg .input-grp>select,
.gg_bg .colspan>input{
  outline: none;
  color: #495ff2;
  font-family: "FZLTHJW";
  text-indent:18px;
  border-radius: 5px;
  font-size:16px;
  background: #fff;
}
.gg_bg .input-grp>select,
.gg_bg .input-grp>input{
  width: 100%;
  height: 100%;
}
.gg_bg .input-grp>select{
  text-indent: 18px;
}
.gg_bg .get_btn{
  width: 210px;
  height: 45px;
  margin:20px auto 26px;
  cursor: pointer;
  background: url(../img/yy.png) top center no-repeat;
}
.gg_bg .des{
  text-align: center;
  font-size: 14px;
  color: #666666;
  line-height: 18px;
}
.yx_t{
  width: 603px;
  height: 63px;
  margin:0 auto 30px;
  background: url(../img/yx_t.png) top center no-repeat;
}
.yx .gg_div{
  height: 186px;
  border-radius: 5px;
  padding: 18px 20px;
  border:1px dashed #4884f6;
}
.yx .gg{
  height: 186px;
  margin:0 0;
}
.video{
  width: 398px;
  height: 224px;
  margin:0 auto 56px;
  background: url(../img/video.png) top center no-repeat;
}
.video .player-box{
  position: relative;
  width: 398px;
  height: 224px;
  margin: 0 auto;
}
.video .player-box .mask{
  position: absolute;
  width: 100%;
  height: 100%;
}
.problem{
  width: 100%;
  height: 424px;
  margin:0 auto;
  background: url(../img/problem.png) top center no-repeat;
}
.here{
  width: 100%;
  height: 566px;
  margin:0 auto;
  background: url(../img/here.png?11) top center no-repeat;
}
.here .all{
  padding-top: 204px;
  width: 562px;
  margin:0 auto;
}
.here .ma_div{
  width: 215px;
  margin:0;
}
.here .ma{
  width: 174px;
  height: 173px;
  margin:0 auto 36px;
}
.here .ma>img{
  width: 100%;
  height: 100%;
}
.here .name{
  width: 170px;
  height: 42px;
  margin:0 auto;
  text-align: center;
  line-height: 42px;
  font-size: 18px;
  color: #fff;
  background:#495ef4;
  border-radius: 5px;
}