body {
  font-family: "microsoft yahei";
  background: #f6dbcc;
}
/*顶部*/
.zg_hd {
  background: #fff;
}
.offcn_header {
  height: 54px;
}
.offcn_header p {
  font: 16px/54px 'microsoft yahei';
  color: #666666;
}
.zg_top_right {
  width: 380px;
  height: 54px;
  float: right;
}
.zg_top_right li {
  float: right;
  height: 54px;
  line-height: 54px;
  margin-left: 20px;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
.zg_top_right .zg_top_tel {
  font-size: 16px;
  color: #e60000;
}
.zg_top_right li em {
  display: inline-block;
  vertical-align: middle;
  background: url(http://www.offcn.com/statics/images/zgszyf_bk01.jpg) no-repeat;
  margin-right: 3px;
}
.zg_top_right .zg_top_tel em {
  background-position: right top;
  width: 14px;
  height: 17px;
}
.zg_top_right .zg_top_wx em {
  background-position: -59px top;
  width: 20px;
  height: 17px;
}
.zg_top_right .zg_top_wb em {
  background-position: -122px top;
  width: 19px;
  height: 17px;
}
.zg_top_right .zg_top_qq em {
  background-position: 0 top;
  width: 15px;
  height: 17px;
}
.zg_top_left {
  width: 470px;
  height: 42px;
  float: left;
  position: relative;
  z-index: 999;
}
.optionHauto {
  height: 224px;
  overflow-y: auto;
}
.con {
  width: 1200px;
  margin: 0 auto;
}
.banner {
  width: 100%;
  height: 905px;
  background: url(../images/zb_02.jpg) no-repeat center top;
}
.banner img {
  display: block;
}
.headimg {
  display: block;
  margin: 0 auto;
}
.section1 {
  margin-top: 36px;
}
.section1 .area1 {
  width: 100%;
  height: 491px;
  background: url(../images/area1_15.jpg) no-repeat center;
  overflow: hidden;
  margin-top: 43px;
}
.section1 .area1 div {
  width: 125px;
  height: 145px;
  float: left;
  margin-top: 190px;
  text-align: center;
}
.section1 .area1 div p {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  padding-top: 44px;
}
.section1 .area1 div p span {
  color: #fece78;
}
.section1 .area1 .div1 {
  margin-left: 127px;
}
.section1 .area1 .div2 {
  margin-left: 19px;
}
.section1 .area1 .div2 p {
  padding-top: 25px;
}
.section1 .area1 .div3 {
  margin-left: 19px;
}
.section1 .area2 {
  width: 100%;
  height: 332px;
  background: url(../images/area1_17.jpg) no-repeat center;
  overflow: hidden;
}
.section1 .area2 div {
  float: left;
  width: 252px;
  height: 238px;
  margin-top: 26px;
}
.section1 .area2 div p {
  color: #ffffff;
  font-size: 16px;
  line-height: 28px;
  padding: 94px 37px 0 37px;
}
.section1 .area2 div p span {
  color: #fece78;
}
.section1 .area2 .div1 {
  margin-left: 363px;
}
.section1 .area2 .div2 {
  margin-left: 14px;
}
.section1 .area2 .div3 {
  margin-left: 14px;
}
.section1 .area3 {
  width: 100%;
  height: 620px;
  background: url(../images/area1_18.jpg) no-repeat center;
  overflow: hidden;
}
.section1 .area3 div {
  width: 341px;
  height: 274px;
  float: left;
  margin-top: 127px;
}
.section1 .area3 div p {
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  padding: 79px 33px 0 19px;
}
.section1 .area3 div p span {
  color: #fece78;
}
.section1 .area3 .div1 {
  margin-left: 125px;
}
.section1 .area3 .div2 {
  margin-left: 22px;
}
.section1 .area4 {
  width: 100%;
  height: 382px;
  background: url(../images/area1_19.jpg) no-repeat center;
  overflow: hidden;
}
.section1 .area4 div {
  width: 452px;
  height: 200px;
  float: left;
  margin-top: 141px;
}
.section1 .area4 div p {
  font-size: 16px;
  color: #ffffff;
  line-height: 28px;
  padding: 13px 27px 0 26px;
}
.section1 .area4 div p span {
  color: #fece78;
}
.section1 .area4 .div1 {
  margin-left: 216px;
}
.section1 .area4 .div2 {
  margin-left: 25px;
}
.section2 {
  margin-top: 54px;
}
.section2 .small_head_img {
  display: block;
  margin: 33px auto 0;
}
.section2 .area1 {
  width: 100%;
  height: 252px;
  background: url(../images/s2_29.jpg) no-repeat center;
  margin-top: 25px;
}
.section2 .area1 div {
  width: 188px;
  height: 110px;
  float: left;
  text-align: center;
}
.section2 .area1 .s2_top {
  margin-top: 4px;
}
.section2 .area1 .s2_bot {
  margin-top: 138px;
}
.section2 .area1 .s2_top1 {
  margin-left: 34px;
  margin-top: 9px;
}
.section2 .area1 p {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding-top: 34px;
}
.section2 .area1 .s2_line2 p {
  padding-top: 12px;
}
.section2 .area1 .s2_line2.s2_bot p {
  padding-top: 31px;
}
.section2 .area1 .s2_bot p {
  padding-top: 40px;
}
.section2 .small_head_img2 {
  display: block;
  margin: 46px auto 0;
}
.section2 .area2 li {
  width: 265px;
  height: 141px;
  background: url(../images/s2_36.jpg) no-repeat center;
  float: left;
  margin-top: 30px;
  margin-left: 29px;
}
.section2 .area2 p {
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  padding: 10px 42px 0 28px;
}
.section3 {
  margin-top: 59px;
}
.section3 .table_top {
  margin: 0 auto;
  margin-top: 40px;
  width: 1128px;
  height: 126px;
  padding: 6px 6px 0px 6px;
}
.section3 .table_top p {
  float: left;
  width: 277px;
  height: 128px;
  margin-right: 6px;
  cursor: pointer;
}
.section3 .table_top p.last {
  margin-right: 0px;
}
.section3 .table_top.table_1 {
  background: url(../images/s1.jpg) no-repeat center;
}
.section3 .table_top.table_2 {
  background: url(../images/s2.jpg) no-repeat center;
}
.section3 .table_top.table_3 {
  background: url(../images/s3.jpg) no-repeat center;
}
.section3 .table_top.table_4 {
  background: url(../images/s4.jpg) no-repeat center;
}
.section3 .table_con_ {
  display: none;
}
.section3 .table_con_1 {
  width: 1128px;
  height: 748px;
  background: url(../images/table1_51.jpg) no-repeat center;
  margin: 0 auto;
  padding-left: 6px;
  padding-right: 6px;
}
.section3 .table_con_2 {
  width: 1128px;
  height: 406px;
  background: url(../images/table2_40.jpg) no-repeat center;
  margin: 0 auto;
  padding-left: 6px;
  padding-right: 6px;
}
.section3 .table_con_2 table .tr2 {
  height: 178px;
}
.section3 .table_con_2 table .tr6 {
  height: 162px;
}
.section3 .table_con_3 {
  width: 1128px;
  height: 424px;
  background: url(../images/table1_52.jpg) no-repeat center;
  margin: 0 auto;
  padding-left: 6px;
  padding-right: 6px;
}

.section3 .table_con_4 {
  width: 1128px;
  height: 596px;
  background: url(../images/table1_53.jpg) no-repeat center;
  margin: 0 auto;
  padding-left: 6px;
  padding-right: 6px;
}
.section3 table {
  width: 100%;
}
.section3 table td {
  font-size: 16px;
  color: #030300;
  line-height: 34px;
  text-align: center;
  border-right: 3px solid #030300;
  font-weight: bold;
}
.section3 table td p {
  text-align: left;
  padding-left: 11px;
  padding-right: 20px;
}
.section3 table td span {
  color: #ea7380;
}
.section3 table .tr1 {
  height: 62px;
}
.section3 table .tr2 {
  height: 182px;
}
.section3 table .tr4 {
  height: 174px;
}
.section3 table .tr5 {
  height: 150px;
}
.section3 table .tr2 td {
  border-bottom: 3px solid #030300;
}


.section3 table .tr6 td .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}
.section3 table .tr7 td .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}
.section3 table .tr8 td .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}

.section3 table .tr3 {
  height: 174px;
}

.section3 table .tr7 {
  height: 174px;
}
.section3 table .tr8 {
  height: 174px;
}
.section3 table .tr3 .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}
.section3 table .tr2 .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}

	.section3 table .tr3 td {
    border-bottom: 3px solid #030300;}
	
		.section3 table .tr4 td {
    border-bottom: 3px solid #030300;}


.section3 table .tr4 .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}

.section3 table .tr5 .p1 {
  text-align: center;
  font-size: 22px;
  padding: 0;
}


.section3 table .td1 {
  width: 191px;
}
.section3 table .td2 {
  width: 294px;
}
.section3 table .td3 {
  width: 133px;
}
.section3 table .td4 {
  width: 187px;
}
.section3 table .td5 {
  width: 185px;
}
.section3 table .td6 {
  width: 123px;
  border-right: none;
}
.section3 table a {
  display: block;
  margin: 0 auto;
  width: 90px;
  height: 80px;
  background: url(../images/shiting_52.jpg) no-repeat center;
}
.section3 table a:hover {
  background: url(../images/shiting_49.jpg) no-repeat center;
}
.section4 {
  margin-top: 59px;
}
.section4 ul {
  padding-left: 24px;
  padding-top: 36px;
}
.section4 ul li {
  float: left;
  width: 288px;
  height: 245px;
}
.section4 ul li p {
  font-size: 20px;
  line-height: 34px;
  color: #fff;
  font-weight: bold;
  padding: 114px 32px 0 28px;
}
.section4 ul .l1 {
  background: url(../images/s4_40.jpg) no-repeat center;
}
.section4 ul .l2 {
  background: url(../images/s4_41.jpg) no-repeat center;
}
.section4 ul .l3 {
  background: url(../images/s4_42.jpg) no-repeat center;
}
.section4 ul .l4 {
  background: url(../images/s4_43.jpg) no-repeat center;
}
.section5 {
  margin-top: 56px;
}
.section5 .plane {
  width: 100%;
  height: 514px;
  background: url(../images/s5_54.jpg) no-repeat center;
  margin-top: 37px;
}
.section5 .plane p {
  float: left;
  color: #333;
  font-size: 18px;
  line-height: 30px;
}
.section5 .plane .p1 {
  margin: 117px 0 0 72px;
}
.section5 .plane .p2 {
  margin: 117px 0 0 551px;
}
.section5 .plane .p3 {
  margin: 184px 0 0 43px;
  width: 286px;
}
.section5 .plane .p4 {
  margin: 184px 0 0 558px;
  width: 276px;
}
.section6 {
  margin-top: 58px;
  padding-bottom: 60px;
}
.section6 .baoyou {
  width: 100%;
  height: 412px;
  background: url(../images/s6_60.jpg) no-repeat center;
  margin-top: 36px;
}
.section6 .baoyou div {
  width: 170px;
  height: 95px;
  float: left;
  margin-top: 317px;
}
.section6 .baoyou p {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  padding: 35px 12px 0 18px;
}
.section6 .baoyou .div1 {
  margin-left: 29px;
}
.section6 .baoyou .div2 {
  margin-left: 30px;
}
.section6 .baoyou .div3 {
  margin-left: 24px;
}
.section6 .baoyou .div4 {
  margin-left: 16px;
}
.section6 .baoyou .div5 {
  margin-left: 28px;
}
.section6 .baoyou .div6 {
  margin-left: 22px;
}
.fix_right {
  width: 100px;
  height: 340px;
  position: fixed;
  right: 10px;
  top: 100px;
  background: url(../images/fix_right_10.png) no-repeat center;
  padding-left: 18px;
  padding-right: 13px;
  padding-top: 101px;
  display:none
}
.fix_right .div1 {
  height: 54px;
}
.fix_right .div1 p {
  font-size: 16px;
  line-height: 34px;
  text-align: center;
  padding-top: 17px;
}
.fix_right .div1 a {
  color: #fff;
}
.fix_right .div2 {
  height: 63px;
}
.fix_right .div2 p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding-top: 5px;
}
.fix_right .div3 {
  height: 108px;
}
.fix_right .div3 p {
  font-size: 12px;
  color: #fff;
  line-height: 12px;
  font-weight: bold;
  padding-top: 6px;
  text-align: center;
}
.fix_right .div3 img {
  display: block;
  margin: 3px auto 0;
}
.fix_right .div4 {
  height: 111px;
}
.fix_right .div4 p {
  font-size: 12px;
  color: #fff;
  line-height: 12px;
  font-weight: bold;
  padding-top: 11px;
  text-align: center;
}
.fix_right .div4 img {
  display: block;
  margin: 5px auto 0;
}
.btm_question_wrap {
  width: 100%;
  height: 247px;
  border-top: 1px solid #dee8f0;
  background-color: #f3f8fc;
}
.btm_question {
  padding-top: 26px;
}
.qu_left {
  width: 760px;
  border-right: 1px solid #dbeaf6;
}
.qu_right {
  width: 297px;
}
.btm_question dl {
  width: 190px;
  float: left;
}
.btm_question dt {
  font-size: 16px;
  color: #333333;
  padding-bottom: 7px;
  line-height: 23px;
}
.btm_question dd {
  font-size: 14px;
  line-height: 30px;
}
.btm_question dd a {
  color: #888888;
}
.btm_question dd a:hover {
  color: #2693e0;
}
.btm_question .qu_right {
  padding-left: 82px;
}
.btm_question .qu_right dl.d1 {
  width: 218px;
}
.btm_question .qu_right dl.d2 {
  width: 78px;
}
.btm_question .qu_right dt {
  padding-bottom: 16px;
}
.btm_question .qu_right dd {
  margin-bottom: 19px;
  position: relative;
}
.btm_question .qu_right dd img {
  position: absolute;
  left: -110px;
  top: -28px;
  display: none;
}
.btm_question .qu_right .wxservice,
.btm_question .qu_right .QQkefu,
.btm_question .qu_right .weibo {
  padding-left: 40px;
  cursor: pointer;
}
.btm_question .qu_right .wxservice {
  background: url(../images/lxwm_wx.png) left center no-repeat;
  height: 30px;
}
.btm_question .qu_right .wxservice:hover {
  background: url(../images/lxwm_wx_act.png) left center no-repeat;
}
.btm_question .qu_right .wxservice:hover img {
  display: block;
}
.btm_question .qu_right .QQkefu {
  background: url(../images/lxwm_qq.png) left center no-repeat;
  height: 30px;
}
.btm_question .qu_right .QQkefu:hover {
  background: url(../images/lxwm_qq_act.png) left center no-repeat;
}
.btm_question .qu_right .QQkefu:hover img {
  display: block;
}
.btm_question .qu_right .weibo {
  background: url(../images/lxwm_wb.png) left center no-repeat;
  height: 30px;
}
.btm_question .qu_right .weibo:hover {
  background: url(../images/lxwm_wb_act.png) left center no-repeat;
}
.btm_question .qu_right .weibo:hover img {
  display: block;
}
.zg_ma8w {
  font: 14px/30px 'Microsoft Yahei';
  color: #333;
  background: #ddd;
  text-align: center;
}
.zg_ma8 {
  text-align: center;
  padding: 36px 0;
}
.zg_ma8 a {
  color: #333;
}
.zg_ma8 a:hover {
  color: #f00;
}
/*弹窗*/
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  z-index: 8888;
}
.confirm {
  width: 545px;
  height: 725px;
  background: url(../images/confirm_03.png) no-repeat center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -273px;
  margin-top: -363px;
  z-index: 10000;
}
.confirm a {
  display: block;
  width: 168px;
  height: 50px;
  position: absolute;
  left: 183px;
  top: 636px;
}
.confirm p {
  width: 48px;
  height: 48px;
  position: absolute;
  right: 76px;
  top: 126px;
  cursor: pointer;
}
/*# sourceMappingURL=index.css.map */