﻿


body{
    -webkit-text-size-adjust: 100%;
    width: 100%;
    height: 100%;
}



input::-webkit-input-placeholder{



  font-family: 'microsoft yahei';



}

.w1200{



	width:1200px;



	margin:auto;



}





.header {



  background: #f1f1f1;

  width:100%; 

  min-width: 1200px; 

  border-bottom: 2px solid #4E9C38;

  



}



.header-top {



  border-bottom: 1px solid #f9f2f2;

  background: #f8f8f8;



}



.top-header {



  height: 36px;



  line-height: 36px;



  position: relative;



}



.left-header {



  position: relative;



}



.left-header .city {



  height: 30px;



  cursor: pointer;



  padding: 0 5px;



  border-left: 1px solid transparent;



  border-right: 1px solid transparent;



}







.left-header .city .s3.active,



.left-header .city .s4.active {



  /*color: #1786ef;*/



  color: #888888;



}



.left-header .city.active {



  background: #fff;



  height: 31px;



  border-color: #ececec;



}



.left-header .hidden-city {



  position: absolute;



  top: 30px;



  left: 0;



  width: 238px;



  padding: 0 30px 0 20px;



  border: 1px solid #ececec;



  border-top: none;



  display: none;



  background: #fff;



  z-index: 99;



}



.left-header .hidden-city .city {



  padding: 0 5px;



}



.left-header .hidden-city p {



  font-size: 12px;



  color: #333;



}



.left-header .hidden-city a {



  padding: 10px;



  font-size: 12px;



  color: #888;



}



.left-header .hidden-city.active {



  display: block;



}



.right-header {



  font-size: 12px;



}



.right-header li {



  padding: 0 5px;



}



.right-header li a{



    padding: 0 5px;



    color: #888;



}



.right-header li .index_a {



  padding: 0 5px;



  color:#79b8ff;



    cursor: pointer;



}



.right-header li .index_a:hover{



    text-decoration:underline



}



.right-header .li1 .a1 {



  color: #79b8ff;



}



.right-header .li1 .a2 {



  border-left: 1px solid #888;



}



.right-header .li3 span {



  width: 12px;



  height: 11px;



  background: url(../image/top-i2.png) no-repeat;



}



.header .wz-nav {



  display: none;



  position: absolute;



  top: 30px;



  left: 0;



  width: 1198px;



  padding-top: 30px;



  padding-bottom: 60px;



  border: 1px solid #ececec;



  border-top: none;



  background: #fff;



  z-index: 1000;



}



.header .wz-nav ul li {



  float: left;



  padding: 0 38px;



}



.header .wz-nav ul li a {



  font-size: 14px;



  display: block;



    color:#333;



}



.header .wz-nav ul li a.tit {



  color: #333;



    font-size: 16px;



    font-weight: 600;



    cursor: default;



}



.header .wz-nav ul li a.two-tit:hover{



    color:#79b8ff;



}



.header .wz-nav ul li.li6 {



  border-left: 1px dashed #ececec;



  border-right: 1px dashed #ececec;



}



.header-container  .navin{

  width: 44.2%;

	vertical-align: middle;

  float: left;

  margin-top: 30px;

  background-color: #fff;

  padding-left: 3.33%;

}

.header-container .navin li{

  float: left;

  width: 15%;

  margin-left: 4%;

}



.navin li a {

	display: inline-block;

	vertical-align: middle;

	padding: 0 0px;

	font-size: 19px;

  color: #000;

  text-align: center;

}

.navin li .cur {

  color: #ec1d24 !important;

}

 .nav li a:hover {

  color: #79b8ff;

}

.nav li a:active {

  color: #79b8ff;

}



.header-container {



  padding-top: 16px;

  padding-bottom: 23px;





}

.header-container .logo{

  width: 19.58%;

}



.header-container .logo a {



  width: 63.4%;



  height: 55px;



}



.header-container .logo a img {



  width: 100%;



  height: 100%;



}



.header-container .logo .channel {



  padding-top: 17px;



}



.header-container .logo .channel span {



  display: inline-block;



  border-left: 1px solid #e9e9e9;



  height: 30px;



  font-size: 12px;



  color: #999;



  padding-left: 10px;

  margin-left: 10px;





}



.header-container .logo .channel .p2 {



  padding-top: 8px;



}
.formsearch{

  float: right ;width: 100%; display: block;

}
.header-top1 .header-top1-search .label-search .formsearch input{
  display: block;
  width: 470px;
  height: 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #4E9C38;
  border-radius: 5px 0 0 5px;
  float: left;
  margin: 0;
  padding: 9px 10px 9px 40px;
  line-height: 20px;
  color: #808080;
  font-size: 16px;
  background: url(../image/header-icon4.png) 15px 10px no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}




.header-container .navmain a {



    display: inline-block;



    vertical-align: middle;



    padding: 0 15px;



    font-size: 19px;



    color: #000;



 



 



}







.header-container .header-search-wrap {



  padding-top: 15px;



}



.header-container .header-search-wrap .header-search-input {



  width: 245px;



  height: 36px;



  border: 2px solid #79b8ff;



  float: left;



}



.header-container .header-search-wrap .header-search-input input {



  width: 245px;



  height: 34px;



  line-height: 34px;



  background: url(../image/search.png) no-repeat 10px 9px;



  font-size: 12px;



  padding: 0 0 0 35px!important;



  border: none!important;



  color: #888;



}

.search-keyword{

  background: url(../image/search.png) no-repeat 10px 9px; 

  z-index: 9999;

  

}





.header-container .header-search-wrap .button {



  width: 90px;



  height: 40px;



  border: none;



  -webkit-border-radius: 0;



  -moz-border-radius: 0;



  border-radius: 0;



  padding: 0;



  font-size: 16px;



  line-height: 22px;



  background-color: #79b8ff;



  color: #fff;



}



.header-container .header-search-wrap .button:hover{



  cursor: pointer;



}



/*header end*/



/*footer start*/



.footer {

  width: 100%;

  background: #2b2e33;

  margin:  0 auto;

}

.footer .footer-contents ul {

  margin-top:27px;

  margin-left: 20px;

  margin-right:10px;

  

}

.footer .footer-contents ul li {

  height: 110px;

  float: left;

  padding: 0 20px 0 20px;

}





/* �޸�footer*/

.footer-box {

    padding: 46px 0 28px 0;

    border-bottom: 1px solid #4b5054;

}

.footer-img {

    float: left;

    width: 390px;

}

.footer-logo {

    float: left;

    width: 160px;

}

.footer-logo a {

    display: block;

    width: 108px;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

    color: #fff;

    border: 1px solid #fff;

    text-align: center;

    margin: 0 auto;

    margin-top: 5px;

}

.footer-phone {

    float: left;

    width: 230px;

    text-align: center;

}

.footer-phone i{

    display: block;

    width: 54px;

    height: 54px;

    background: url(../image/footer-fw.png) no-repeat center center;

    margin: 0 auto;

}

.footer-phone h3 {

    font-size: 22px;

    color: #fff;

    margin: 13px 0 15px 0;

    font-weight: bold;

}

.footer-phone span {

    display: inline-block;

    width: 163px;

    height: 34px;

    background: url(../image/footer-time.png) no-repeat center center;

}

.footer-contents {

    float: left;

    border-left: 1px solid #4b5054;

    border-right: 1px solid #4b5054;

}

.footer-contents>ul>li {

    margin-left: 25px;

    float: left;

}

.footer-contents>ul>li:first-child {

    margin-left: 0;

}

.content-title {

    font-size: 14px;

    color: #999;

    font-weight: bold;

}

.footer-contents li a:hover {

    color: #22b0eb;

}

.footer-content-list {

    margin-top: 25px;

}

.footer-content-list li {

    margin-top: 11px;

    font-size: 12px;

}

.footer-content-list li a {

    color: #666;

}

.footer-content-list li:first-child {

    margin-top: 0;

}

.footer-wechat {

    float: left;

    width: 210px;

}

.service-number {

    float: left;

    margin-left: 40px;

}

.service-number i {

    background: url(http://roeo.szhulian.cn/images/service-number.png) no-repeat center center;

}

.footer-wechat i {

    display: inline-block;

    width: 102px;

    height: 102px;

}

.footer-wechat p {

    font-size: 14px;

    color: #fff;

    text-align: center;

    margin-top: 13px;

}

.friendly-link {

    padding: 20px 0 12px 0;

}

.friendly-link h3 {

    margin-bottom: 13px;

    font-weight: lighter;

    font-size: 14px;

    color: #fff;

}

.friendly-link ul li {

    float: left;

    font-size: 12px;

    line-height: 12px;

    padding: 7px 0;

    margin-right: 20px;

}

.friendly-link ul li a {

    color: #666;

}



















/*footer end*/







/*�Ҳ�*/



.nav-consult {



  position: fixed;



  right: 5%;



  /*margin-right: -800px;*/



  bottom: 112px;



  width: 50px;



  background: #fff;



  z-index: 1000;



}



.nav-consult ul li{



  position:relative;



}



.nav-consult ul li a {



  display: block;



  padding: 39px 10px 10px 10px;



  border-top: 1px solid #E5E5E5;



  font-size: 12px;



  text-align: center;



  color: #666;



}



.nav-consult ul li a.wx{



padding-top: 32px;



}



.nav-consult ul li:hover a{



  color:#79b8ff;



}



.nav-consult ul {



  border-left: 1px solid #E5E5E5;



  border-right: 1px solid #E5E5E5;



}



.nav-consult .go-top {



  height: 42px;



  font-size: 12px;



  text-align: center;



  color: #fff;



  background: #79b8ff;



  cursor: pointer;



}



.nav-consult .go-top b {



  display: block;



  height: 14px;



}



.nav-consult ul li.li2:hover .public-number{



  display:block;



}



.nav-consult .public-number {



  display:none;



  position: absolute;



  top: 0px;



  left: -130px;



  width: 120px;



  height: 120px;



  box-shadow: 0px 5px 20px 2px #E8E8E8;



}



.nav-consult .go-top b{



  /*background: url(../images/up.png) no-repeat;*/



  /*background-position: 25px 10px;*/



  padding-top:5px;



}



.nav-consult .li1{



  background:url(../image/r1.png) no-repeat;



  background-position: 14px 10px;



}



.nav-consult .li1:hover{



  background:url(../image/r1-1.png) no-repeat;



  background-position: 14px 10px;



}



.nav-consult .li2{



  background:url(../image/r2.png) no-repeat;



  background-position: 14px 10px;



}



.nav-consult .li2:hover{



  background:url(../image/r2-1.png) no-repeat;



  background-position: 14px 10px;



}



.nav-consult .li3{



  background:url(../image/r3.png) no-repeat;



  background-position: 14px 10px;



}



.nav-consult .li3:hover{



  background:url(../image/r3-1.png) no-repeat;



  background-position: 14px 10px;



}







/*�����������?/



.feedback{



  width: 308px;



  height: 382px;



  background-color: #fff;



  padding: 6px 60px;



  font-size: 12px;



  color: #999;



  display:none;



}



.feedback h3{



  color: #333;



  font-size: 20px;



  text-align: center;



  position: relative;



}



.feedback_text {



  margin: 14px 0 16px 0;



  line-height: 18px;



}



.feedback .pr {



  position: relative;



}



.feedback .advice_detail textarea {



  width: 292px;



  height: 73px;



  outline: none;



  border: 1px solid #ececec;



  padding: 10px;



  resize:none;



}



.feedback .word_count {



  position: absolute;



  right: 40px;



  bottom: 22px;



  color: #999;



}



.feedback .fadeback_error {



  color: red;



  text-align: right;



  height: 16px;



}



.feedback .mid_text {



  font-size: 12px;



  margin: 10px 0 5px 0;



}



.feedback input {



  outline: none;



  height: 35px;



  display: block;



  margin-bottom: 15px;



  border: 1px solid #ececec;



}



.feedback .feedback_email {



  width: 302px;



  padding-left: 10px;



}



.feedback .reg{



  display:none;



  padding-bottom:10px;



  color:red;



}



.feedback .feedback_name {



  width: 302px;



  padding-left: 10px;



}



.feedback #feedback_btn {



  display: block;



  width: 180px;



  height: 50px;



  color: #fff;



  background-color: #f9a920;



  margin: 0 auto;



  border: none;



  border-radius: 4px;



  cursor: pointer;



}



/*�޸ĵײ� 2018/4/28*/



.footer .footer-content .fw-con>.add-pic{



  width: 85px;



  height: 85px;



  margin-left: 13px;



}



.footer .footer-content .fw-con>.add-pic>img{



  width: 100%;



  height: 100%;



}



.footer .footer-content .fw-con p.tel{



  font-size: 17px;



}



.footer .footer-content .fw-con p {



  padding-top: 6px;



}



/*top����*/

/* .header-top-cont-r .span1{width:12px; height: 15px; margin:10px 5px 0 0; display: block; float: left;} */

/* .header-top-cont-r .span1 img{display:block;}

.header-top-cont-r .span2{display: block; float: left;}

.header-top-cont-r .span2 i{color:#1b8aeb;}

.header-top-cont-r .span3{font-style: italic; margin: 0 3px;}

.header-top-cont-r{float:right; display:block; padding: 0; margin: 0; font-size:12px;}

.header-top-cont-r li{display:block; float: left; margin: 0 10px; position: relative; z-index: 1; cursor: pointer;}

.header-top-cont-r li a{color:#808080;}

.header-top-cont-r li a:hover{color: #4E9C38;} */
/* 


.header-top .phone-nav{position:relative;}

.header-top .phone-nav-cont{position:absolute; top: 36px; right: -48px; width:150px; height: 150px; background: #fff; border: 1px solid #e9eaf0; border-top: 0; display: none; cursor:default;}

.header-top .phone-nav-cont img{width:120px; height: 120px; padding: 15px;} */



/*logo������*/

/* .haader-bg1{background: #fff;} */

/* .header-top1{padding:0 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} */

/* .header-top1 .header-top1-logo{float:left; width:180px; height: 72px; margin-top: 10px;} */

/* .header-top1 .header-top1-logo a{display:block; overflow: hidden;} */
/* 
.header-top1 .header-top1-logo a img{display:block;}



.header-top1 .header-top1-search{float:left; margin:20px 0 0 140px;}

.header-top1 .header-top1-search .label-search{height: 40px;}

.header-top1 .header-top1-search .label-search input{display:block; width:470px; height: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #4E9C38; border-radius: 5px 0 0 5px; float: left; margin: 0; padding: 9px 10px 9px 40px; line-height: 20px; color: #808080; font-size: 16px; background: url(../image/header-icon4.png) 15px 10px no-repeat;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.header-top1 .header-top1-search .label-search button{width:80px; height: 40px; display:block; margin: 0; padding: 0; border: 0; overflow: hidden; border-radius: 0 5px 5px 0; background: #4E9C38; color: #fff; font-size: 16px; text-align: center; line-height: 40px; outline: none; cursor: pointer;}

.header-top1 .header-top1-search .label-search button:hover{background:#ff9900;}

.header-top1 .header-top1-search .label-search-key{width:550px; overflow: hidden; font-size: 14px; line-height: 30px; color: #808080;}

.header-top1 .header-top1-search .label-search-key span{display:block; float: left;}

.header-top1 .header-top1-search .label-search-key a{display:block; color: #808080; float: left; margin-right: 12px;} 

.header-top1 .header-top1-search .label-search-key a:hover{color:#ff7e00}

.header-top1 .header-top1-search .label-search-key a.hot{color:#1b8aeb;} */



/* .header-top1 .header-top1-hotline{float:right; margin-top: 25px;}

.header-top1 .header-top1-hotline-l{float:left; width:48px; height: 48px; margin-right: 5px;}

.header-top1 .header-top1-hotline-l img{display:block;}

.header-top1 .header-top1-hotline-r{float:left; text-align: left;}

.header-top1 .header-top1-hotline-r .span1{display:block; font-size: 14px; color: #808080; line-height: 14px;}

.header-top1 .header-top1-hotline-r .span2{display:block; font-size: 20px; color: #4E9C38; line-height: 30px; font-weight: bold; margin-top: 3px;} */



/*��ţ�����񵼺�*/

.header-top2{height: 60px;  padding-top: 20px; background: #fff; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.header-top2 .header-top2-serve{width:242px; height: 40px; float: left; position: relative; z-index: 1; }

.header-top2 .header-top2-serve .serve-title{width:100%; height: 41px; border-bottom:4px solid #4E9C38;  background: #4E9C38; text-align: center; line-height: 40px; font-size: 18px; color:#fff; position: absolute; top:0;}





.header-top2 .header-top2-nav{display:block; overflow: hidden;}

/*.header-top2 .header-top2-nav{display:block; overflow: hidden; background: url(../images/hnznq-navbg.png) 43px 0 no-repeat;}*/

.header-top2 .header-top2-nav li{display:block; height: 40px; overflow: hidden; float: left; margin-left: 65px; font-size: 18px; color: #333333; line-height: 40px;}

.header-top2 .header-top2-nav li .header-top2-nav-item{height:40px; overflow: hidden; display: block; cursor: pointer;}

.header-top2 .header-top2-nav li a{display: block; height: 40px;font-size: 16px;line-height: 40px; color: #333333;}

.header-top2 .header-top2-nav li:hover a{display: block; height: 40px; color: #4E9C38;}








.biaodan {
	position: absolute;
	right: 50%;
	z-index: 5;
	width: 280px;
	min-height: 340px;
	background: rgba(255, 255, 255, 0.7);
	top: 65px;
	margin-right: -660px;
  padding-bottom: 20px;
}
.biaodan-title {
}
.biaodan-title h5 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin: 30px 0 8px 0;
	background: url(../image/biao3.png) no-repeat center;
}
.biaodan-title p {
	font-size: 14px;
	color: #666;
	text-align: center;
}
.biaodan-input {
	padding: 0 30px;
	margin: 25px 0;
}
.biaodan-ico1 input {
	background: url(../image/biaodan1.png) no-repeat 10px center #fff;
}
.biaodan-ico2 input {
	background: url(../image/biaodan2.png) no-repeat 10px center #fff;
}
.biaodan-input input {
	height: 50px;
	border: 0px;
	padding-left: 60px;
	width: 160px;
	font-size: 16px;
	border-radius: 3px;
}
.biaodan-submit {
	padding: 0 30px;
}
.biaodan-submit input {
	cursor: pointer;
	width: 100%;
	height: 50px;
	border: 0px;
	background: #4E9C38;
	color: #fff;
	border-radius: 5px;
	font-size: 20px;
	font-family: "微软雅黑";
}
.biaodan-submit input:hover {
	background: #4E9C38;
}



.biaodans {
	width: 280px;
	background: rgba(255, 255, 255, 0.7);
}

.biaodan-inputs {
	padding: 0 30px;
	margin: 25px 0;
}
.biaodan-ico1s input {
	background: url(../image/biaodan1.png) no-repeat 10px center #fff;
}
.biaodan-inputs input {
	height: 50px;
	border: 1px #4E9C38 solid;
	padding-left: 60px;
	width: 160px;
	font-size: 16px;
	border-radius: 3px;
}
.verify-layer{
  position: relative;
}
.verify-layer input{
  padding: 0 20px;
            width: 100%;
            box-sizing: border-box;
}
.send-verify{
  position: absolute;
            top: 16px;
            right: 10px;
            font-size: 13px;
            color: #4E9C38;
            cursor: pointer;
}
.map-layer{
  width: 455px;
  height: 350px;
  padding-left: 20px;
}
.banner-layer{
  display: none;
}
.map-layer #map{
  width: 100%;
  height: 100%;
}

.position-open{
  color: #4E9C38;
  cursor: pointer;
}
.anchorBL,.anchorBL{
display: none;
}

.newsBox {position: relative;z-index: 5;padding: 30px 0;}
.newsBox .itemBox {float: left;}
.newsBox .itemBox {width: 31%; display: block; margin-right: 3.5%; margin-bottom: 35px; }
.newsBox .itemBox:nth-child(3n) {margin-right: 0; }

.newsBox .itemBox .thum {position: relative; overflow: hidden; margin-bottom: 20px; }
.newsBox .itemBox .img {width:100%; height: 0; padding-bottom: 60%; overflow: hidden; position: relative; background: center center no-repeat; background-size: cover;-webkit-transition: all .5s;}
.newsBox .itemBox .img img {width: 100%;height: 100%;object-fit: fill;position: absolute;top: 0;}
.newsBox .itemBox:hover .img {transform: scale(1.05);}

.newsBox .itemBox .textBox {width: 100%; }
.newsBox .itemBox .textBox .name {color: #000;font-size: 18px; margin-bottom: 10px; min-height: 30px; line-height: 1.5; }
.newsBox .itemBox .textBox .name:hover {color: #4E9C38; }
.newsBox .itemBox .textBox .detail {font-size: 14px; line-height: 1.7; opacity: .7; margin-bottom: 15px; height: 46px; }
.newsBox .itemBox .textBox .tab {font-size: 0.9vw; color: #246fa9; margin-bottom: 1vw; }
.newsBox .itemBox .textBox .more {width: 100%; height: auto; display: flex; align-items: center; justify-content: space-between; opacity: .7; padding-top: 15px; border-top: 1px solid rgba(0, 0, 0, .1); color: #333;}
.newsBox .itemBox .textBox .more .read {width: 75px; display: flex; justify-content: space-between; align-items: center; line-height: 20px; }
.newsBox .itemBox .textBox .more .read p:hover {color: #4E9C38; }
.newsBox .itemBox .textBox .more .time {font-family: 'GraphikLCG'; }
.newsBox .itemBox .textBox .more .keys a:hover {color: #4E9C38; }
.newsBox .itemBox:hover .more img {transform: translateX(10px); }
.newsBox .lineLink {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 46px;
  position: relative;
  color: #4E9C38;
  font-size: 16px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #4E9C38;
  border-image: initial;
  transition: 0.4s;
  margin: 24px auto 0px;
  border-radius: 50px;
}
.notice-title{
  color: #4E9C38;
  font-size: 70px;
  text-align: center;
  margin-bottom: 30px;
}
.work-layer {
  font-size: 14px;
  color: #FFF;
  position: relative;
}
.work-layer::after{
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(-50%,-50%);
  width: 30px;
  height: 2px;
  background: #FFF;
  content: "";
}
.work-layer::before{
  position: absolute;
  top: 50%;
  right: -0px;
  transform: translate(-50%,-50%);
  width: 30px;
  height: 2px;
  background: #FFF;
  content: "";
}