@charset "utf-8";
html,body {
	font:14px/24px "微软雅黑",Arial,sans-serif;}
a {
	color:#787878;
	-webkit-transition:color 0.3s ease 0s;
	transition:color 0.3s ease 0s
}
.home-top-grid1 {
  background: rgba(11, 100, 143, 0.7);
  transition: 0.5s all;
}
.home-top-grid2 {
  background: rgba(226, 23, 55, 0.5);
  transition: 0.5s all;
}
.home-top-grid3 {
  background: rgba(11, 100, 143, 0.4);
  transition: 0.5s all;
}
.clearfix {
  _zoom: 1;
}
.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.clear {
  overflow: hidden;
  _zoom: 1;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
img {
  max-width: 100%;
}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
li {
  list-style: none;
}
.tHide {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.blockFull {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.relative {
  position: relative;
}
a {
  color: #666;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0;
  padding: 0;
}
img {
  border: 0; vertical-align:top
}
.container {
  max-width: 1200px;
  margin:0 auto;
  padding: 0px;
  width: 98%;
}
body {
  font-family: "微软雅黑";
  min-width: 320px;
  overflow-x: hidden;
  margin:0px; padding:0px
}
/*-header-*/
.header {
  clear: both;
}
/*-banner-*/
.banner {
  position: relative;
  text-align: center;
  overflow: hidden;
}
.banner img {
  max-width: 100%;
  margin: auto; vertical-align:middle
}
/*-phone-nav-*/
.phone-nav {
  position: absolute;
  right: 1%;
  margin-right: 15px;
  display: none;
  color: #fff;
  z-index: 9;
  padding-top:9px;
}
.phone-nav span {
  color: #000;
  font-size: 30px;
}
@media (max-width: 1000px) {
  .phone-nav {
    display: block;
  }
}
.header {
  background: #ffffff; height:auto
}
.header .logo {
  width: 30%;
  float: left;
  padding-top: 10px;
}
.header .logo  img{ height:60px; width: auto}

@media (max-width: 1000px) {
.header .logo {padding: 0px; width: 65%;}
.header .logo  img{ height:45px; width: auto}
}


.header .nav_right {
  width: 68%;
  float: right;

}
.header .nav_right ul {
  width:100%;
  float: left;
   margin-top:5px; padding:0px;
}
.header .nav_right ul li {
  float: left;
  width: 12.5%;
  height:auto;
  padding: 20px 0px;
  box-sizing: border-box;
  position: relative; 
}
.header .nav_right ul li a {
  color: #2c2c2c;
  font-size:16px;
  text-align: center;
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.header .nav_right ul li .erji {
  position: absolute;
  z-index: 9999;
  background: #0083c7;
  width:100%;
  padding: 5px 0px;
  display: none;
}
.header .nav_right ul li .erji a {
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 14px;
}
.header .nav_right ul li .erji a:hover {
  background: #4ca8d8;


}
.header .nav_right ul li:hover {
  background: #0083c7;
}
.header .nav_right ul li:hover a {
  color: #fff;
}
.header .nav_right ul li:hover .erji {
  display: block;
}
.header .nav_right ul .active {
  background: #0083c7;
}
.header .nav_right ul .active a {
  color: #fff;
}
@media (max-width: 1000px) {
  .header .nav_right {
    display: none;
  }
}
@media (max-width: 1000px) {
  .header .container {
    padding: 10px 0px;
  }
}




.yuyan {
  width: 90px;
  float: right;
  margin-top: 0px;
  line-height: 30px;
  cursor: pointer; height:auto;
}
.yuyan span {
  font-size:14px;
  color: #fff; width:90px; text-align:center;
  display: inline-block;

}
.yuyan i {
  font-style: normal;
  position: absolute;
  z-index: 999;
  display: none;
  background: #0083C7;
  text-align: center;
}
.yuyan i a {
  display: block;
  line-height: 25px;
  height: 25px;
  color: #fff;
  font-size: 12px;
   width:90px;
}


.dian_div {
  background: #0083c7;
   height:auto;
}

.dian_div .container {
  color: #fff;
  text-align: right;
  font-size: 14px;
  line-height:26px; padding:1px 0px;
   height:auto; position: relative;
}
.dian_div .container p{
  display: inline-block;
  line-height:26px;
   width:auto;
	margin:0px 5px; padding:0px
}
.dian_div .container p span{ height:20px; width:auto; margin-top:1px }
.dian_div .container p span img{ height:20px; width:auto; vertical-align:middle;}
.dian_div .container a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  line-height:26px;
}
.banner {
  overflow: hidden;
}
.banner .slick-dots {
  position: relative;
  bottom: 30px;
}
.banner .slick-dots:after {
  content: "";
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: absolute;
  left: 0%;
  top: 50%;
  margin-top: -0.5px;
}
.banner .slick-dots li {
  position: relative;
  margin: 0px 5px;
}
.banner .slick-dots li button {
  background: #8f898b;
  height: 9px;
  width: 9px;
}
.banner .slick-dots .slick-active button {
  background: #ffffff;
}
.banner .slick-dots .slick-active:after {
  content: "";
  height: 17px;
  width: 17px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: -4px;
}

.home_news {
  background: #ffffff;
  padding: 3% 0px 1%;
}


/*移动端底部导航*/
.phonefooternav {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: none;
  z-index: 99999;
}
.phonefooternav ul li {
  width: 25%;
  background: #494949;
  float: left;
  padding: 10px 0;
  border-right: 1px solid #666;
  list-style: none;
}
.phonefooternav ul li img{ height:27px; width:auto; vertical-align:middle}

.phonefooternav ul li a {
  display: block;
  color: #fff;
  text-align: center;
}
.phonefooternav ul li a i {
  display: block;
  font-size: 20px;
  padding: 2px 0;
}
@media (max-width: 768px) {
  .phonefooternav {
    display: block;
  }
}
@media (max-width: 480px) {
  .phonefooternav ul li {
    padding: 3px 0px;
  }
}


/*-----------down---------------*/
.down_nav_bg{ overflow:hidden; width:100%; border-top:#00B078 8px solid; padding:40px 0px 20px 0px; background:#3D3C3C;display:block}
.down_nav { float:left; width:85%;display:block; overflow:hidden}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:19%}
.down_nav li dl{ overflow:hidden; margin:0px; padding:0px; color:#FFFFFF}
.down_nav li dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:16px; margin-bottom:5px; }
.down_nav li dl dd{ overflow:hidden; margin:0px; padding:0px; color:#CECECE; line-height:180%}
.down_nav li dl dt  a{border-bottom:1px #666 solid; font-size:16px;color:#FFFFFF; overflow:hidden; padding-bottom:4px;overflow:hidden}
.down_nav li dl dd a{ color:#CECECE;}
.down_nav li dl dd a:hover{ color:#017FC8}
.down_nav li:last-child{width:24%}

.wx_K{ width:15%; float:right; overflow:hidden}
.wx_box{ overflow:hidden; float:left; width:100%; margin:0px 0px; text-align:center}
.wx_box img{ width:100px; height:100px;}
.wx_box p{ margin:0px; line-height:30px; padding:0px;color:#CECECE;}

.down_bg{ background:#1D1D1D; padding:10px 0px; color:#CECECE; font-size:12px}
.down_cop{max-width: 1200px;margin:0 auto; width: 96%; color:#CECECE; }

@media only screen and (max-width:1024px) {
.down_nav { float:left; width:84%;display:block}
.wx_K{ width:16%; float:right; overflow:hidden}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:17.5%}
.down_nav li:last-child{width:30%}
}


@media only screen and (max-width:768px) {
.down_nav { float:left; width:86%;display:block}
.wx_K{ width:14%; float:right; overflow:hidden}
.down_nav_bg{ overflow:hidden; width:100%; border-top:#00B078 8px solid; padding:40px 0px 20px 0px; background:#3D3C3C;display:block}
.wx_box img{ width:93%; height:auto;}
.down_nav li{ overflow:hidden; margin:0px; padding:0px; float:left; width:16.5%}
.down_nav li:last-child{width:34%}
.down_nav li dl dd{ font-size:12px}
.down_nav li dl dd a{ color:#CECECE;font-size:12px}

}

@media only screen and (max-width:740px) {
.down_nav{ display:none}
.wx_K{ width:100%; float:left; overflow:hidden; display:block}
.wx_box img{ width:120px; height:120px;}
}


.link_k{ overflow:hidden; padding-top:20px; color:#5D6678; display:block}
.link_k a{ color:#5D6678;}



/* actGotop */
.b_top{ overflow:hidden; display:none}
@media only screen and (max-width:740px) {
.b_top{ overflow:hidden; display: block}
}
.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:2}
.actGotop a,.actGotop a:link{width:39px;height:39px;display:inline-block; text-align:center; background: url(../images/up.png) no-repeat center}
.actGotop a:hover{ background: url(../images/up.png) no-repeat center;outline:none;}





.odform-tit{font-weight:normal;font-size:22px;color:#595757;line-height:40px;text-align:center;border-bottom:1px solid #c9cacb;margin:0;padding:10px 0}
.odform-tit img{height:40px;vertical-align:middle;margin-right:15px}
.odform{ overflow:hidden; margin:15px 0px;}
.input-group1{margin-bottom:10px;position:relative; width:100%;}
.input-group1 span{ color:#FF0000}
.input-group1 label{padding:0px 0;position:absolute;color:#333; font-size:14px; }
.input-group1 input{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; line-height:25px}
.input-group1 select{margin-left:5em;padding:2px 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:140px; font-size:14px; line-height:25px}
.input-group1 textarea{margin-left:5em;padding:4px 6px;box-sizing:border-box;background:#fff;border:1px solid #D9D9D9;border-radius:5px;color:#595757;width:78%; font-size:14px; height:80px}
.odform button{background:#423B33;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px; margin:0 auto}
.an_ly{ width:120px; margin-left:72px}
.btntj{background:#FF8A00;color:#fff;text-align:center;border:0;border-radius:5px;padding:4px;width:120px;font-size:16px; font-weight:bold;cursor: pointer; line-height:30px;}

.tp_lybt{border-bottom:#999999 1px solid; margin-bottom:10px; font-size:16px; font-weight:bold}







.index_case{margin:5px 0px 0px 0px; text-align:center}
.index_case h2{margin-top:30px; font-size:25px; line-height:26px;}
.case_line{padding: 3px 0px; border-bottom:#333  1px solid; width:190px; margin:0 auto}
.case_p{color: #00B078;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.index_case dd{color: #666;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
.about_h2{margin-top:5px; font-weight:bold}
.about_h2 span{ color:#017FC8}
.index_case P{line-height:160%; }
.about_h2 a{font-size:25px;}
@media only screen and (max-width: 667px) {
.index_case h2{margin-top:30px; font-size:20px; line-height:25px;}
.about_h2 a{font-size:20px;}
.index_case dd{color: #F85D00;text-align: center; font-size:16px; text-transform: uppercase;padding:0px;}
}




/*-----------服务范围--------------*/
.ser_box{ overflow:hidden; margin:0px; padding:40px 0px 40px 0px}
.ser_box li{ float:left; width:25%; overflow:hidden; margin-bottom:10px}
.ser_box li dl{overflow:hidden; margin:0px; padding:0px; width:94%; margin:0 auto;}
.ser_box li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:18px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight: bold; color:#00A460;}
.ser_box li dl dd{overflow:hidden; margin:0px; padding:0px;padding:0px 5%; border-bottom:#CCCCCC 1px solid; padding-bottom:10px}
.ser_box li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:130px; color:#888}
.ser_tu{ width:100%; height:150px;position: relative;overflow: hidden; margin-bottom:10px}
.ser_tu img{ height:150px; width:100%; vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ser_box li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.ser_box li:hover dl{ background:#3488EA; color:#FFFFFF}
.ser_box li:hover dt{ margin-left:8px; color:#FFFFFF}
.ser_box li:hover dd p{ margin-left:8px; color:#DCECFE} 
.ser_box li:hover dd {border-bottom:#66A6EF 1px solid;}
.about_M1 a { text-align:center; margin-top:15px;width:102px; margin-bottom:20px; margin-left:5%;height:34px;display:block;line-height:34px;font-size:13px;color:#CACACA;border:1px solid#d9d9d9;transition: all 0.4s ease; }
.ser_box li:hover  .about_M1 a{background:#fff;color:#00B078;border:1px #fff solid; border-radius:32px; margin-left:8%;}

@media only screen and (max-width:1025px) {
.ser_box li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight:bold; color:#222}
.ser_box li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:110px; color:#888; font-size:12px}
}

@media only screen and (max-width:900px) {
.ser_box li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight:bold; color:#222}
.ser_box li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:130px; color:#888; font-size:14px}
.ser_box li{ float:left; width:50%; overflow:hidden; margin-bottom:10px}
}

@media only screen and (max-width:560px) {
.ser_box li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight:bold; color:#222}
.ser_box li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:auto; color:#888; font-size:14px; height:auto; overflow:hidden}
.ser_box li{ float:left; width:100%; overflow:hidden; margin-bottom:10px}
.ser_tu img{ height:200px; width:100%; vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}


/*-----------服务范围1--------------*/
.ser_box1{ overflow:hidden; margin:0px; padding:40px 0px 40px 0px}
.ser_box1 li{ float:left; width:25%; overflow:hidden; margin-bottom:10px}
.ser_box1 li dl{overflow:hidden; margin:0px; padding:0px; width:94%; margin:0 auto; background:#3488EA}
.ser_box1 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:18px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight: bold; color:#fff;}
.ser_box1 li dl dd{overflow:hidden; margin:0px; padding:0px;padding:0px 5%; border-bottom:#CCCCCC 0px solid; padding-bottom:10px}
.ser_box1 li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:130px; color:#fff}
.ser_box1 li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.ser_box1 li:hover dl{ background:#3488EA; color:#FFFFFF}
.ser_box1 li:hover dt{ margin-left:8px; color:#FFFFFF}
.ser_box1 li:hover dd p{ margin-left:8px; color:#DCECFE} 
.ser_box1 li:hover dd {border-bottom:#0065AB 0px solid;}


.ser_bg{ background:#E5EAEE; overflow:hidden; width:100%; padding:40px 0px 40px 0px}

@media only screen and (max-width:1025px) {
.ser_box1 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight:bold; color:#fff}
.ser_box1 li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:110px; color:#fff; font-size:12px}
}

@media only screen and (max-width:900px) {
.ser_box1 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight:bold; color:#fff}
.ser_box1 li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:130px; color:#fff; font-size:14px}
.ser_box1 li{ float:left; width:50%; overflow:hidden; margin-bottom:10px}
}

@media only screen and (max-width:560px) {
.ser_box1 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; padding:0px 5%; transition: all 0.3s ease; margin-bottom:5px; font-weight:bold; color:#fff}
.ser_box1 li dl dd p{ margin:0px; padding:0px; transition: all 0.5s ease; line-height:180%; min-height:auto; color:#fff; font-size:14px; height:auto; overflow:hidden}
.ser_box1 li{ float:left; width:100%; overflow:hidden; margin-bottom:10px}

}








/*-----案例---------*/
.case_nav{overflow:hidden; width:538px;margin:0px; margin:auto; padding:20px 0px 0px 0px}

@media only screen and (max-width:1025px) {
.more_car_k{width:90px; height:28px; line-height:28px; float:right; margin-left:20px}
.case_lm{height:28px; display:block;border-left:3px solid #FF9500; width:100%; float:left; overflow:hidden}
.case_nav{ float:left; overflow:hidden; width:100%; padding:0px 0px; margin:0px}
}


.caselist{ overflow:hidden; margin:0px; padding:0px; padding-top:10px; width:100%}
.caselist li{ overflow:hidden; margin:0px; padding:0px; width:25%; float:left}
.caselist dl{ overflow:hidden; margin:0px; padding:0px; width:94%; margin:0 auto;margin-top:8px; margin-bottom:8px;  border:#eee 1px solid; padding:2%; background:#fff}
.caselist dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:15px; text-align:center; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:36px}
.caselist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:45px;}

.caselist dl dt img{ width:100%; height:180px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

.caselist li:hover dl{box-shadow:0 0 10px 1px rgba(0,0,0,.1);  border:#0083C7 1px solid;}
.caselist li:hover dt { color:#0083C7}
.caselist li:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
@media only screen and (max-width:1024px) {
.caselist dl dt img{ width:100%; height:140px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }

}

@media only screen and (max-width:770px) {
.caselist dl dt img{ width:100%; height:120px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}
@media only screen and (min-width: 660px) and (max-width: 700px) {
.caselist dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.caselist dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:14px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.caselist dl dd{ overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#888; height:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media only screen and (max-width:659px) {
.caselist{ overflow:hidden; margin:0px; padding:0px; padding-top:1px}
.caselist dl{ overflow:hidden; margin:0px; padding:0px; width:92%; margin:0 auto;margin-top:8px; margin-bottom:4px;  border:#eee 1px solid; padding:2%}
.caselist dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.caselist li{ overflow:hidden; margin:0px; padding:0px; width:50%; float:left}
.caselist li:nth-child(2n){width:50%; float: right}
.caselist li:nth-child(2n-1){width:50%; float:left}
.caselist li:hover dl{box-shadow:0 0 0px 0px rgba(0,0,0,.1);  border:#0083C7 1px solid;}
}

@media only screen and (max-width:600px){
.caselist dl dt img{ width:100%; height:140px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}

@media only screen and (max-width:450px){
.caselist dl dt img{ width:100%; height:100px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
.caselist dl dt{ overflow:hidden; margin:0px; padding:0px; font-size:12px; font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
}

@media only screen and (max-width:320px){
.caselist dl dt img{ width:100%; height:90px; vertical-align:top;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s; }
}



/*-----------首页公司简介--------------*/
.sy_about_bg{ overflow:hidden;width:100%;background:url(../images/sy_about_bg.jpg) no-repeat center; background-size:cover;}

.sy_about_box{ width:78%; overflow:hidden;background:#FFFFFF; box-shadow:0 0 20px 1px rgba(0,0,0,.2); margin:120px auto;}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:40px 50px 2px 50px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:15px}
.sy_about_box dl dt h3{ font-size:24px; font-weight:normal; color:#000000; line-height:180%}
.sy_about_box dl dt p{ margin:0px;}
.sy_about_box dl dd{margin:0px; padding:0px; overflow:hidden}

.sy_about_tu{ height:auto; width:auto; float:left; display: block}

.about_M a { text-align:center; margin-top:20px;width:102px;height:28px;display:block;line-height:28px;font-size:13px;color:#CACACA;border:1px solid#d9d9d9}
.about_M a:hover {background:#00B078;color:#fff;border:1px #00B078 solid}


@media only screen and (max-width:1199px) {
.sy_about_box{ width:90%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

@media only screen and (max-width:1000px) {
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:20px 30px 2px 30px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}

@media only screen and (max-width:670px) {
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:10px 20px 2px 20px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:10px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}


@media only screen and (max-width:600px) {
.sy_about_tu{ height:auto; width:auto; float:left; display: none}
.sy_about_box dl{ margin:0px; padding:0px; overflow:hidden; padding:10px 15px 20px 15px}
.sy_about_box dl dt{margin:0px; padding:0px; overflow:hidden; margin-bottom:10px}
.sy_about_box{ width:96%; overflow:hidden; float: none; background:#FFFFFF; margin:0 auto; margin-top:50px; margin-bottom:50px;box-shadow:0 0 20px 1px rgba(0,0,0,.2);}
}



/*-----------首页新闻--------------*/
.sy_news_bg{ background:#F8F8F8; width:100%; padding:20px 0px 40px 0px; overflow:hidden; margin-top:50px}
.sy_new_L{ overflow:hidden; width:40%; float:left}
.sy_new_R{ overflow:hidden; width:52%; float:right}

.sy_new_tj{ background:#3488EA; color:#FFFFFF; overflow:hidden}
.sy_new_tj dl{ overflow:hidden; margin:0px; padding:0px; width:90%; margin:0 auto; padding:20px 0px;}
.sy_new_tj dl dt{overflow:hidden; margin:0px; padding:0px; border-bottom: #57A0F6 1px solid; line-height:30px; margin-bottom:6px; font-size:16px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_tj dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#D9E7F7; height:44px;}

.sy_date_k{ width:70px; height:60px;margin-right:20px ; text-align:center; float:left; margin-top:5px; margin-bottom:10px}
.sy_date_k h3{ font-size:36px; font-weight:bold; line-height:30px;}
.sy_date_k p{ margin:0px; padding:0px; line-height:30px; font-size:12px; color:#D9E7F7}

.sy_new_tu{ width:100%; height:240px;position: relative;overflow: hidden;}
.sy_new_tu img{ height:240px; width:100%; vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.kong{ overflow:hidden; clear:both; height:20px;}
.sy_new_L:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.sy_new_tj a{ color:#FFFFFF}
.sy_new_tj a:hover{ color:#FFFFFF}
.sy_new_tj a:hover dd{ color:#FFFFFF}
.sy_new_L:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.2)}

@media only screen and (max-width:1000px) {

.sy_news_bg{ background:#F8F8F8; width:100%; padding:20px 0px; overflow:hidden; margin-top:10px}
}


@media only screen and (max-width:800px) {
.sy_news_bg{ background:#F8F8F8; width:100%; padding:20px 0px; overflow:hidden; margin-top:10px}
.sy_new_L{ overflow:hidden; width:46%; float:left}
.sy_new_R{ overflow:hidden; width:52%; float:right}
.sy_new_tu{ width:100%; height:200px;}
.sy_new_tu img{ height:200px; width:100%; vertical-align:middle}
}

@media only screen and (max-width:799px) {
.sy_news_bg{ background:#F8F8F8; width:100%; padding:20px 0px; overflow:hidden; margin-top:10px}
.sy_new_L{ overflow:hidden; width:90%; float:left; margin-bottom:10px; margin-left:5%}
.sy_new_R{ overflow:hidden; width:90%; float:left;margin-left:5%}
.sy_new_tu{ width:100%; height:auto;}
.sy_new_tu img{ height:auto; width:100%; vertical-align:middle}
}

@media only screen and (max-width:450px) {
.sy_news_bg{ background:#F8F8F8; width:100%; padding:20px 0px; overflow:hidden; margin-top:10px}
.sy_new_L{ overflow:hidden; width:96%; float:left; margin-bottom:10px; margin-left:2%}
.sy_new_R{ overflow:hidden; width:96%; float:left;margin-left:2%}
.sy_new_tu{ width:100%; height:auto;}
.sy_new_tu img{ height:auto; width:100%; vertical-align:middle}
}


.sy_new_top{overflow:hidden}
.sy_new_top dl{ overflow:hidden; margin:0px; padding:0px; }
.sy_new_top dl dt{overflow:hidden; margin:0px; padding:0px; border-bottom: #DFDFDF 1px solid; line-height:30px; margin-bottom:6px; font-size:16px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_new_top dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#666; height:44px;}

.sy_date_k1{ width:70px; height:60px;margin-left:10px ; text-align:center; float: right; margin-top:5px; margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_date_k1 h3{ font-size:36px; font-weight:bold; line-height:30px; color:#777}
.sy_date_k1 p{ margin:0px; padding:0px; line-height:30px; font-size:12px; color:#777}

.sy_new_top:hover  dt{ color:#147CD4}


@media only screen and (max-width:800px) {
.sy_new_top dl dd{overflow:hidden; margin:0px; padding:0px; font-size:12px; line-height:22px; color:#666; height:44px;}
}

.sy_news_list{ overflow:hidden; margin-top:20px; padding:0px; }
.sy_news_list li{ overflow:hidden; margin:0px; padding:0px; list-style:none; border-bottom:#DFDFDF 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:50px}
.sy_news_list li span{ float:right; font-size:12px; margin-left:5px; color:#999999; width:77px; text-align:right}
.sy_news_list li a{ color:#333}
.sy_news_list li a:hover{ color:#147CD4}


@media only screen and (max-width:800px) {
.sy_news_list li{ overflow:hidden; margin:0px; padding:0px; list-style:none; border-bottom:#DFDFDF 1px solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:30px}
}







/*-----------合作伙伴---------------*/
.hzkf{ overflow:hidden; display:block}

.hz_tu{ overflow:hidden; padding-top:20px; margin-bottom:10px}
.hz_tu ul{ overflow:hidden; padding:0px; margin:0px}
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:18px 0px; text-align:center}
.hz_tu ul li img{width:220px; height:100px;border:#eee 1px solid;}

@media (max-width:1024px){
.hzkf{ overflow:hidden;}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:95%; height:auto; margin:0 auto}
}


@media (max-width:768px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:20%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:130px; height:60px; margin:0 auto}
}

@media (max-width:667px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:25%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:92%; height:60px; margin:0 auto}

}
@media (max-width:558px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:50%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:auto; height:70px; margin:0 auto}

}


@media (max-width:321px){
.hzkf{ overflow:hidden; display: block}
.hz_tu{ overflow:hidden; padding-top:20px}
.hz_tu ul{ overflow:hidden; padding:0px; }
.hz_tu ul li{ list-style:none; float: left; width:50%; height:auto; margin:6px 0px; text-align:center}
.hz_tu ul li img{width:auto; height:55px; margin:0 auto}

}






/*-------banner-----------*/
.fixed_banner_1{ width:100%; height:240px; background:url(../images/b1.png) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_2{ width:100%; height:240px; background:url(../images/b2.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_3{ width:100%; height:240px; background:url(../images/b3.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_4{ width:100%; height:240px; background:url(../images/b4.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_5{ width:100%; height:240px; background:url(../images/b5.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_6{ width:100%; height:240px; background:url(../images/b6.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_7{ width:100%; height:240px; background:url(../images/b7.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}


@media only screen and (max-width:768px) {
.fixed_banner_1{ width:100%; height:200px; background:url(../images/b1.png) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_2{ width:100%; height:200px; background:url(../images/b2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_3{ width:100%; height:200px; background:url(../images/b3.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_4{ width:100%; height:220px; background:url(../images/b4.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_5{ width:100%; height:220px; background:url(../images/b5.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_6{ width:100%; height:220px; background:url(../images/b6.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_7{ width:100%; height:220px; background:url(../images/b7.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

}
@media only screen and (max-width:568px) {
.fixed_banner_1{ width:100%; height:100px; background:url(../images/b1.png) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_2{ width:100%; height:100px; background:url(../images/b2.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_3{ width:100%; height:100px; background:url(../images/b3.jpg) no-repeat center center; background-size:auto 100%;display:block;position:relative;}
.fixed_banner_4{ width:100%; height:100px; background:url(../images/b4.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_5{ width:100%; height:100px; background:url(../images/b5.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_6{ width:100%; height:100px; background:url(../images/b6.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}
.fixed_banner_7{ width:100%; height:100px; background:url(../images/b7.jpg) no-repeat center center; background-size:auto 100%; display:block;position:relative;}

}





.dh_k{ overflow:hidden;background:#F6F6F6; margin-bottom:10px}
.wzdh_k{ overflow:hidden; border-bottom:#CCCCCC 0px solid;line-height:60px; float:left; width:100%}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 22px; padding-left:18px; font-size:14px; line-height:60px;float:left; display:block}



.main_box {max-width: 1200px;width: 96%; margin:0 auto;padding: 0px;overflow:hidden;}


/*-----新闻详细页------*/
.content_bt{ width:100%; line-height:25px; font-size:20px; text-align:center; padding-top:15px;font-weight:bold; padding-bottom:10px; overflow:hidden}
.content_info{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:center; padding-bottom:4px; margin-bottom:10px; line-height:25px}
.i_date{ background:url(../images/i_date.png) no-repeat left center; padding-left:25px; margin-right:10px; padding-top:2px; padding-bottom:2px}
.i_from{ background:url(../images/i_t1.png) no-repeat left center; padding-left:20px; margin-right:10px}
.i_View{ background:url(../images/i_View.png) no-repeat  left center; padding-left:25px}

.content_txt{line-height:200%; color:#333333; font-size:14px; overflow:hidden; padding:0px 0px 10px 0px; }
.content_txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}
.content_txt_tu{overflow:hidden; text-align:center}
.content_txt_tu img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.B_back{ float:right; width:auto; font-size:12px; display:block;}
.B_back a{color:#444}

.zw_column{ width:100%; height:40px; border-bottom:2px solid #ddd; position:relative; margin-bottom:5px}
.zw_column span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:18px; color:#ED0505; border-bottom:2px solid #ED0505; padding:0px 10px; font-weight:bold}

@media screen and (max-width: 768px) {

.content_bt{ width:100%; line-height:25px; font-size:18px; padding-top:10px;font-weight:bold; text-align: center;}
.wzdh_k span{background:url(../images/i_home.png)no-repeat left 22px; padding-left:18px; font-size:14px; line-height:60px;float:left; display: none}

}


/*-----page------*/
.next_k{ padding:0px;margin-top:15px; border-top:#CCCCCC 0px solid;margin-bottom:10px}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:12px; list-style:none; width:100%; float:left}
.next_k ul li a{font-size:12px}

.page_k{ text-align:center; padding:10px; font-size:12px;border-top:#CCCCCC 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}





/*-----内页栏目------*/
.lm_btK{ overflow:hidden; background:#007FC1;height:100px; color:#FFFFFF; font-size:26px; text-align:center; display:block}
.lm_btK span{ line-height:100px;color:#fff}

.l-sub{overflow:hidden;padding:0px; display:block; float:right}
.l-sub li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:16px; width:100px;margin:0px 0.8%;}
.l-sub a{ display: block; color: #333; font-size:16px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #00B078; font-size:16px; text-decoration:none; height: 60px;line-height:60px; }
.l-sub li.active a{color: #fff; font-size:16px;text-decoration:none; height:60px;background:#00B078;}


.l-sub1{overflow:hidden;padding:0px; display:block; float:right}
.l-sub1 li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:16px; width:auto; padding:0px 5px;margin:0px 4px; float:left }
.l-sub1 a{ display: block; color: #333; font-size:16px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; padding:0px 5px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #00B078; font-size:16px; text-decoration:none; height: 60px;line-height:60px;  padding:0px 5px;}
.l-sub1 li.active a{color: #fff; font-size:16px;text-decoration:none; height:60px;background:#00B078; padding:0px 5px;}


@media only screen and (max-width:800px) {
.l-sub{overflow:hidden;padding:0px; display:block; float:right}
.l-sub li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:14px; width:90px;margin:0px 0.8%;}
.l-sub a{ display: block; color: #333; font-size:14px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{color: #00B078; font-size:14px; text-decoration:none; height: 60px;line-height:60px; }
.l-sub li.active a{color: #fff; font-size:14px;text-decoration:none; height:60px;background:#00B078;}

.l-sub1{overflow:hidden;padding:0px; display:block; float:right}
.l-sub1 li{ overflow:hidden;line-height:60px;text-align:center;list-style:none;font-size:14px; width:auto; padding:0px 5px;margin:0px 4px; float:left }
.l-sub1 a{ display: block; color: #333; font-size:14px; height:60px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; padding:0px 5px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #00B078; font-size:14px; text-decoration:none; height: 60px;line-height:60px;  padding:0px 5px;}
.l-sub1 li.active a{color: #fff; font-size:14px;text-decoration:none; height:60px;background:#00B078; padding:0px 5px;}

}
@media only screen and (max-width:560px) {
.l-sub1{overflow:hidden;padding:0px; display:block; float:left; width:100%; margin-top:10px; margin-bottom:10px}
.l-sub1 li{ overflow:hidden;line-height:40px;text-align:center;list-style:none;font-size:14px; width:31.33%; padding:0px 0px;margin:0px 1%; float:left }

.l-sub1 a{ display: block; color: #333; font-size:14px; height:40px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s; padding:0px 0px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{color: #00B078; font-size:14px; text-decoration:none; height: 40px;line-height:40px;  padding:0px 0px;}
.l-sub1 li.active a{color: #fff; font-size:14px;text-decoration:none; height:40px;background:#00B078; padding:0px 0px;}

}

@media only screen and (max-width:330px) {
.l-sub a{font-size:12px;}
.l-sub li.active a{font-size:12px;}
.l-sub a:hover,.l-sub a:active,.l-sub li.active a{font-size:12px;}

.l-sub1 a{font-size:12px;}
.l-sub1 li.active a{font-size:12px;}
.l-sub1 a:hover,.l-sub1 a:active,.l-sub1 li.active a{font-size:12px;}


}

/*-----news2--------*/
.news_wrapper1{ overflow:hidden; padding-top:20px; padding:10px 3px;}
.news_wrapper1 li{ list-style:none; overflow:hidden; border-bottom:#F0F0F0 1px solid; margin-bottom:0px; padding:10px;}
.news_wrapper1 li dl{ overflow:hidden;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_wrapper1 li dl dt{ overflow:hidden; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; margin:0px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news_wrapper1 li dl dd{ overflow:hidden;    line-height: 22px;font-size: 13px;color: #6a6a6a; height:auto;color: #6a6a6a;}
.news_wrapper1 a:hover li dl dt{ color:#00B078} 
.news_wrapper1 li dl dd p{ color:#c8c8c8; font-size:16px; padding:0px ; margin:0px; line-height:250%}
.news_wrapper1 a:hover li{box-shadow: 0px 0px 3px #999;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.newsimg1{display: block; width:300px;height:auto; float:left; margin-right:3%;}
.newsimg1 img{ width:100%; height:190px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_wrapper1 a:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}

@media only screen and (max-width: 800px) {
.newsimg1{display: block; width:30%;height:auto; float:left; margin-right:3%}
.newsimg1 img{ width:100%; height:130px;vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_wrapper1 li dl dd p{ color:#c8c8c8; font-size:16px; padding:0px ; margin:0px; line-height:200%}
.news_wrapper1 li dl dd{ height:74px;}
}


@media only screen and (max-width: 650px) {
.newsimg1{display: block; width:100%;height:auto; float: none; margin-right:0%; margin-bottom:10px}
.newsimg1 img{ width:100%; height:auto}
.news_wrapper1 li{ border:#E6E6E6 1px solid; margin-bottom:10px; border-radius:5px}
.news_wrapper1 a:hover li{box-shadow: none;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_wrapper1 li dl dd p{ color:#c8c8c8; font-size:14px; padding:0px ; margin:0px; line-height:200%}

}

/*-----news3--------*/
.m_news1{ overflow:hidden; margin:0px; padding:20px 0px}
.m_news1 li{overflow:hidden; margin:0px auto; padding:0px 0px; list-style:none; width:97%; margin-bottom:15px; border:#E6E6E6 1px solid; padding:15px 1%;border-radius:3px}
.m_news1 li dl{overflow:hidden; margin:0px; padding:0px; }
.m_news1 li dl dt{overflow:hidden; margin:0px; padding:0px; font-size:16px; color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:200%}
.m_news1 li dl dd{overflow:hidden; margin:0px; padding:0px; font-size:13px; line-height:22px; color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_news1  li a:hover dl dt{ color:#00B078 }
.m_news1  li a:hover dl dd{ color:#333 }
.m_news1  li a:hover .m_news_time span{ color:#00B078 }
.m_news1  li a:hover .m_news_time p{ color:#00B078 }
.m_news_time{ width:90px; float:left; margin-right:15px; border-right:#999 1px solid; text-align:center}
.m_news_time span{ font-size:32px; line-height:35px; color:#333333}
.m_news_time p{ font-size:13px; margin:0px; padding:0px; line-height:25px; color:#C5C5C5}



/*-----文化-----*/
.about_wh{ overflow:hidden; padding:0px; margin:0px; margin-top:20px}
.about_wh li{overflow:hidden; padding:0px; margin:0px; margin-bottom:30px; list-style:none; }
.about_wh li dl{overflow:hidden; padding:0px; margin:0px;  border: 1px solid #f0f0f0;box-shadow: 0px 5px 1px #f5f5f5;padding: 1% 2%; margin-bottom:10px;min-height:90px}
.about_wh li dt{overflow:hidden; padding:0px; margin:0px; height: 28px;line-height: 28px;color: #4c4c4c;width: 100%; overflow: hidden;font-size: 16px;}
.about_wh li dd{overflow:hidden; padding:0px; margin:0px; color:#777}
.about_wh li dd span{ color:#333333}
.about_wh  .quan { background: #0474C2; color: #fff;font-size: 16px;font-weight: 700;width:100px;height:100px;border-radius: 50%; text-align: center;display: block;overflow: hidden; line-height:100px;float: left; margin-right:20px}
@media screen and (max-width: 667px) {
.about_wh  .quan { background: #0474C2; color: #fff;font-size: 14px;font-weight: 700;width:90px;height:90px;border-radius: 50%; text-align: center;display: block;overflow: hidden; line-height:90px;float: left; margin-right:10px}
}


@media screen and (max-width: 640px) {
.about_wh li{overflow:hidden; padding:0px; margin:0px; margin-bottom:10px; list-style:none; }
.about_wh  .quan {background: #0474C2; color: #fff;font-size: 16px;font-weight: 700;width:120px;height:30px;border-radius:0; text-align: center;display: block;overflow: hidden; line-height:30px;float: none; margin-right:0px; float: none}
.about_wh li dl{overflow:hidden; padding:0px; margin:0px;  border: 1px solid #f0f0f0;box-shadow: 0px 5px 1px #f5f5f5;padding: 1% 2%; margin-bottom:10px;min-height:auto}
}




/*----分享------*/
.btnShare1{position:absolute;top:430px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; display:block}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #dcdcdc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:16px; color:#444; line-height:40px; height:40px; overflow:hidden}
.btnShare1 div{width:40px; height:40px; text-align:center;border-radius:6px; display:inline-block; margin-right:10px;}
.btnShare1 a img{ vertical-align:middle}
.btnShare1 .shareWx div{background-color:#6ac334}
.btnShare1 .shareWb div{background-color:#ff4444}
.btnShare1 .shareQz div{background-color:#f1a718}
.btnShare1 .shareQq div{background-color:#27a0f5}
.btnShare1 .shareToTop div{background-color:#acabab}
.btnShare1 .shareWx:hover div{background-color:#7fde46}
.btnShare1 .shareWb:hover div{background-color:#ff6767}
.btnShare1 .shareQz:hover div{background-color:#ffc34f}
.btnShare1 .shareQq:hover div{background-color:#4fb6fe}
.btnShare1 .shareToTop:hover div{background-color:#c6c4c4}

.btnShare1Fixed{position:fixed!important;top:100px!important; left:50%; margin-left:400px; }


@media only screen and (max-width:1199px) {
.btnShare1{position:absolute;top:430px; left:50%;/* margin-left:-530px;*/  margin-left:400px;width:200px;font-size:0; display: none}
}


.boxShow{ width:958px; padding:0 0 40px 0;border:1px solid #dedede; border-radius:6px;margin:20px 0 20px 0px;overflow:hidden;min-height:400px;}
.showTitle{ font-size:26px; line-height:40px; margin-top:30px;  font-weight:bold; border-left:6px solid #00B078; padding:0 40px 0 36px;}
.showInfo{ border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 25px 0; margin: 0 40px 15px 40px; }
.showCon{ font-size:14px; line-height:190%; padding:15px 40px 0 20px;}
.showCon img{ height:auto;MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

@media only screen and (max-width:1199px) {
.boxShow{ width:99%; padding:0 0 40px 0;border:1px solid #dedede; border-radius:6px;overflow:hidden;min-height:400px; margin:0 auto; margin-top:20px; margin-bottom:20px}
.showTitle{ font-size:18px; line-height:30px; margin-top:20px;  font-weight:bold; border-left:6px solid #00B078; padding:0 30px 0 26px;}
.showInfo{ border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 25px 0; margin: 0 20px 15px 20px; }
.showCon{ font-size:14px; line-height:190%; padding:15px 20px 0 20px;}
}



/*-----招聘---------*/

.subNavBox{border:solid 1px #e5e3da;margin:2px auto;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:15px;color:#333;
line-height:35px;padding-left:10px;background:url(../images/job-icon1.png) no-repeat;background-position:98% 50%; height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.subNav p{line-height:32px; line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; width:58%; float:left}
.subNav span{ font-size:14px; margin-right:12%; float:right; font-weight: normal; width:auto}
.subNav:hover{color:#FFD200;}
.currentDd{color:#277fc2;}
.currentDt{background:#277fc2 url(../images/job-icon2.png) no-repeat;background-position:98% 50%; color:#FFFFFF}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}

.navContent dd{ font-size:14px; line-height:180%; overflow:hidden; margin:0px 20px; margin-bottom:10px; color:#666666;padding-bottom:10px; margin-top:10px;}
.navContent dd img{ max-width:100%; height:auto}

.navContent dd p{ margin:0px; padding:0px; width:100%; border-bottom:#eee 1px dotted; color:#0066CC; margin-bottom:5px; line-height:200%; font-size:12px}


/*--------map------*/
.title {font-size: 15px;font-weight: bold;color: #0077BB;}
.content {font-size: 13px;color: #333;margin-top:2px; line-height:22px}
.container_map{width:100%;height:300px;}
.lx_L{ overflow:hidden; float:left; width:48%; padding-top:20px;}
.lx_R{ overflow:hidden; float: right; width:48%;padding-top:20px}

@media only screen and (max-width:1000px) {
.lx_L{ overflow:hidden; float:left; width:100%; padding-top:20px;}
.lx_R{ overflow:hidden; float:left; width:100%;padding-top:20px}

}



/*瀑布流开始*/
.wall {
  display: block;
  position: relative;
}

.wall-column {
  display: block;
  position: relative;
  width: 25%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}
.article {
  display: block;
  margin: 0 0 8% 0;
  padding: 5% 5% 0% 5%;
  background:#F2F2F2;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  transition: all 100;
  overflow: hidden;
  position: relative;
}
.article:hover{ transform: scale(1.01);}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;
  width:226px;
  height:140px;
  vertical-align:middle;
}
.article a{ color: #666; font-size:14px;}
.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:15px; line-height:150%; margin-bottom:5px}
.article small{ font-size: 1em; color: #ff0000;}
.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}

.wrapper{ text-align: center; width:100%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; color: #333; overflow: hidden;  font-size: 1.5em; padding: 0.7em 0;}


@media only screen and ( max-width:768px ) {
	.wall-column {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}

.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;

  height:auto;
}
	}



/*瀑布流结束*/

