@charset "utf-8";
.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;
  text-decoration:none
}
a:hover {
  text-decoration: none;
}
div,
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: "微软雅黑";
  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;
}
/*-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: 768px) {
  .header .logo {
    padding: 0px;
    width: 80%;
  }
.header .logo  img{ height:43px; width:auto}
}
.header .nav_right {
  width: 60%;
  float: right;

}
.header .nav_right ul {
  width: 99%;
  float: left;
   margin-top:5px; padding:0px;
}
.header .nav_right ul li {
  float: left;
  width: 16.666%;
  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;
}
@media only screen and (max-width: 768px) {
.dian_div { padding:0px 10px;}
}

.dian_div .container {
  color: #fff;
  text-align: right;
  font-size: 14px;
  line-height: 30px; padding:4px 0px;
   height:auto; position: relative;
}
.dian_div .container p{
  display: inline-block;
  line-height:30px;

	margin:0px; padding:0px;	margin-right:5px; 
}
.dian_div .container a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  line-height: 30px;
}
.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%;
}


.footer {
  background: #353535;
  width: 100%;
  margin-top: 2%; overflow:hidden
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 90px;
  }
}
.footer_com {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  padding: 3% 0px;
}
.footer_com .di_nav {
  width: 50%;
  float: left;
}
.footer_com .di_nav li {
  width: 20%;
  float: left;
  border-left: 1px solid #4a4a4a;
  padding-left: 15px;
}
.footer_com .di_nav li a {
  display: block;
  color: #959595;
  font-size: 14px;
  line-height: 26px;
  height: 24px;
  overflow: hidden;
  width: 100%;
}
.footer_com .di_nav li a:hover {
  color: #0083c7;
}
.footer_com .di_nav li .tit {
  font-size: 16px;
  line-height: 26px;

  width: 100%;
  color: #fff;
  margin-bottom: 10px;
}
.footer_com .er_right {
  width:48%;
  float: right;
}
.footer_com .er_right .er {
  width: 22%;
  float: left;
}
.footer_com .er_right .er .pic {
  position: relative;margin:0 auto
}
.footer_com .er_right .er .pic i {
  display: block;
  padding-bottom: 100%;
}
.footer_com .er_right .er .pic img {
  padding: 10px;
  border: 1px solid #606060;
  box-sizing: content-box;
  width:120px; height:auto; 
}
.footer_com .er_right .er .text {
  color: #fff; text-align:center;
  margin-top:5px;
}
.footer_com .er_right .er .text span {
  display: block;
  line-height: 25px;
  height: 25px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
}
.footer_com .er_right .er .text span:last-child {
  color: #aeaeae;
  font-size: 12px;
}
.footer_com .er_right .dian {
  width:60%;
  background: url(../images/di_dian.png) no-repeat left;
  float: right;
  padding-left: 52px;
}
.footer_com .er_right .dian p{ color:#CCCCCC; font-size:14px; line-height:24px; margin:0px; padding:0px}
.footer_com .er_right .dian span {
  display: block;
  color: #fff;
  font-size: 16px;
}
.footer_com .er_right .dian a {
  display: block;
  color: #ff9a00;
  font-size:24px;
  font-family: Pabloco;
}
@media (max-width: 768px) {
  .footer_com .di_nav {
    display: none;
  }
  .footer_com .er_right {
    width: 100%;
    padding: 5% 0px;
  }
  .footer_com .er_right .er {
    width: 30%;    display: none;
  }
  .footer_com .er_right .er .pic i {
    padding-bottom: 31.25%;
  }
  .footer_com .er_right .dian {
    width: 80%;
  }
  .footer_com .er_right .er .text {

  }
}
@media (max-width: 480px) {
  .footer_com .er_right .er {
    width: 100%;    display: none;
  }
  .footer_com .er_right .er .text {

  }
  .footer_com .er_right .dian {
    width: 100%;

  }
  .footer_com .er_right .dian span {
    font-size: 14px;
  }
  .footer_com .er_right .dian a {
    font-size: 18px;
  }
}
.copy {
  max-width: 1200px;
  width: 98%;
  margin:0 auto;
  border-top: 1px solid #484848;
  padding: 5px 0px;
  color: #7a7a7a;
  font-size: 12px;
}
.copy .amap {
  float: left;
}
.copy .amap:hover {
  color: #0083c7;
}
.copy span {
  width: 60%;
  display: inline-block;
}
.copy .y_a {
  float: right;
}
.copy .y_a .map {
  margin-right: 10px;
  display: none;
}
.copy .y_a .map:hover {
  color: #0083c7;
}
@media (max-width: 640px) {
  .copy {
    text-align: center;
  }
  .copy .amap {
    display: none;
  }
  .copy span {
    width: 100%;
  }
  .copy .y_a {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .copy .y_a .map {
    display: inline-block;
  }
}

/*移动端底部导航*/
.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;
  }
}











.main_box{ overflow:hidden; width:1200px; margin:0 auto}


@media (max-width: 768px) {
.main_box{ overflow:hidden; width:96%; margin:0 auto}
}


/*首页-通用标题*/
.i_title{margin-bottom:10px; overflow:hidden; margin-top:40px}
.i_title ._title{font-size:30px;color:#0450a1;font-weight:normal;display:inline-block;*display:inline;*zoom: 1;}
.i_title ._title .x_border{width:17px;height:27px;background:url(../images/i_title_ico.png) no-repeat center;display: inline-block;*display:inline;*zoom: 1;vertical-align:middle;margin:0px 5px;}
.i_title ._text{display:inline-block;*display:inline;*zoom: 1;font-size:14px;color:#595757;}
.i_title ._title a{ color:#0450A1;}
.i_title ._title a:hover { color:#fb9528;}


/*首页-业务领域*/

/*= common css to all effects =*/
.single-member{width: 280px; float: left; margin:20px 10px; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
h3 {font-size: 24px; font-weight: normal;padding:0px; margin: 10px 0px 0px; text-transform: uppercase;}
h5 {font-size: 14px; font-weight: 300;  margin: 0 0 10px; line-height:34px;text-transform:uppercase; color:#FF7800}
p {font-size: 14px; font-weight: 300; line-height: 22px; padding: 0 30px; margin:0px; margin-bottom: 6px; padding:0px}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/

/*= effect-5 css =*/
.effect-5{max-height: 289px; min-height: 289px; overflow: hidden; margin-bottom:10px}
.effect-5 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 82px; transition: 0.3s; z-index: 2;}
.effect-5 .member-image{margin-top: 82px; float: left; width: 100%; position: relative; transition: 0.3s; z-index: 4;}
.effect-5 .member-image img{width: 100%;}
.effect-5 .member-info:before{border-left: 140px solid transparent; border-right: 140px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ""; left: 0; position: absolute; z-index: 9;}
.effect-5:hover .member-info{height: 215px; transition: 0.3s; z-index: 6;}
.effect-5:hover .member-image{margin-top: 200px; transition: 0.3s;}
/*= effect-5 css end =*/



@media (max-width: 768px) {

.i_title{margin-bottom:10px; overflow:hidden; margin-top:10px}
.single-member{width: 280px; float: none; margin:0 auto; margin: 30px 0px; background: #fff; text-align: center; position: relative;}
.effect-5{max-height: 289px; min-height: 289px; overflow: hidden; margin:0 auto;width: 280px; margin-bottom:10px}
.effect-5 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 82px; transition: 0.3s; z-index: 2;}
.member-image img{max-width: 100%; vertical-align: middle;}
}

@media (max-width: 320px) {
h3 {font-size: 20px; font-weight: normal;padding:0px; margin: 10px 0px 0px; text-transform: uppercase;}
.single-member{width: 260px; float: none; margin:0 auto; margin: 30px 0px; background: #fff; text-align: center; position: relative;}
.effect-5{max-height: 269px; min-height: 269px; overflow: hidden; margin:0 auto;width: 260px; margin-bottom:10px}
.effect-5 .member-info {background-color: #fff; position: absolute; width: 100%; top: 0; left: 0; height: 82px; transition: 0.3s; z-index: 2;}
.member-image img{max-width: 100%; vertical-align: middle;}
}



.sy_news_L{ overflow:hidden; float:left; width:49%; padding-top:20px}
.sy_news_L li{ float:left; width:280px; margin-bottom:10px} 
.sy_news_L li:nth-child(2n){ float: right}
.sy_news_L li:nth-child(2n-1){ float: left}

.sy_news_L li dl{ margin:0px; padding:0px; overflow:hidden}
.sy_news_L li dl dt{ overflow:hidden; padding:0px; margin:0px; line-height:30px; font-size:16px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:2px}
.sy_news_L li dl dt a{ color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sy_news_L li dl dt a:hover{ color:#01469A}
.sy_news_L li dl dd{ color:#666666; font-size:14px}
.sy_news_L li dl dt img{ width:280px; height:215px; vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_news_L li dl dt a:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}


.sy_news_R {overflow:hidden; float: right; width:49%;padding-top:20px}


@media (max-width: 768px) {
.sy_news_L{ overflow:hidden; float:left; width:100%; padding-top:10px}

.sy_news_L li{ float:left; width:94%; margin-bottom:15px; margin-left:3%; border:#ddd 1px solid;border-bottom:#CCCCCC 2px solid; padding:10px; border-radius:8px;} 
.sy_news_L li:nth-child(2n){ float: left}
.sy_news_L li:nth-child(2n-1){ float:left}

.sy_news_L li dl{ margin:0px; padding:0px; overflow:hidden}
.sy_news_L li dl dt{ overflow:hidden; padding:0px; margin:0px; line-height:30px; font-size:16px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:2px; text-align:center}
.sy_news_L li dl dt img{ width:100%; height:auto; vertical-align:middle;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.sy_news_L li dl dt a:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);-moz-transform: scale(1.2);}

}


@media (max-width: 320px) {
.sy_news_L li{ float:left; width:92%; margin-bottom:15px; margin-left:1%; border:#ddd 1px solid;border-bottom:#CCCCCC 2px solid; padding:3%; border-radius:8px;} 
}



.i_news_r_box{height:320px;overflow:hidden; margin:0px; padding:0px}

.news_list_box{border:1px solid #e9e9e9;}
.news_list_box ._r_news_time{width:99px;height:98px;border-right:1px solid #e9e9e9;background:url(../images/i_news_time_bj.png)no-repeat center;}
.news_list_box ._r_news_time span{display:block;width: 80%;margin: 0 auto;}
.news_list_box ._r_news_time span._day{font-size: 22px;color: #6398d7;line-height: 22px;margin-top: 20%;margin-bottom: 13px;text-indent: 10px;}
.news_list_box ._r_news_time span._month{font-size:16px;color:#000000;text-align: right;line-height: 16px;}
.news_list_box ._r_news_main{width:80%;}
.news_list_box ._r_news_main .r_news_main_box{padding:10px 60px 0px 18px;}
._r_news_title{font-size:16px;color:#000000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px;}
._r_news_text{font-size:13px;color:#666666;line-height:22px;height:44px;overflow:hidden;}

.i_news_box .i_news_r_box li{margin-bottom:10px;}
.i_news_box .i_news_r_box li:hover .news_list_box{border-color:#fb9528;}
.i_news_box .i_news_r_box li:hover .news_list_box ._r_news_title{color:#fb9528;}
.i_news_box .i_news_r_box li:hover ._r_news_time span._day{color:#fb9528;}


.sy_xwlist{ overflow:hidden;}
.sy_xwlist dl{ overflow:hidden;margin:0px; padding:0px; width:100%;border:1px solid #e9e9e9; padding:0px 10px; margin-bottom:5px; }
.sy_xwlist dl dt{font-size:16px;color:#000000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px; font-weight: normal; padding-top:10px}
.sy_xwlist dl dd{font-size:13px;color:#666666;line-height:22px;height:44px;overflow:hidden;}

._r_news_time{width:99px;height:90px;border-right:1px solid #e9e9e9;background:url(../images/i_news_time_bj.png)no-repeat center; float:left; margin-right:30px}
._r_news_time span{display:block;width: 80%;margin: 0 auto;}
._r_news_time span._day{font-size: 22px;color: #6398d7;line-height: 22px;margin-top: 20%;margin-bottom: 13px;text-indent: 10px;}
._r_news_time span._month{font-size:16px;color:#000000;text-align: right;line-height: 16px;}
.r_news_main_box{padding:10px 60px 0px 18px;}

.sy_xwlist a:hover dl{border:1px solid #FF4200;}
.sy_xwlist a:hover dt{color:#FF4200;}

@media (max-width: 768px) {
._r_news_time{width:99px;height:90px;border-right:1px solid #e9e9e9;background:url(../images/i_news_time_bj.png)no-repeat center; float:left; margin-right:15px}
.sy_news_R {overflow:hidden; float: left; width:94%;padding-top:10px; margin-left:3%}
.sy_xwlist dl{ overflow:hidden;margin:0px; padding:0px; width:100%;;border:1px solid #e9e9e9; padding:0px 10px; margin-bottom:10px; }
}


.link_tu{ overflow:hidden; margin:10px 0px;}
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:155px; float:left; margin:4px 5px 6px 10px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:50px; width:auto;max-width:155px}


.r_name{ width:100%; height:40px; border-bottom:2px solid #ddd; position:relative; margin-bottom:5px; margin-top:20px}
.r_name span{ display:inline-block; *display:inline; zoom:1; height:40px; line-height:40px; font-size:22px; color:#0450A1; border-bottom:2px solid #0450A1; padding:0px 10px;}


@media (max-width: 768px) {
.r_name{ width:100%; height:40px; border-bottom:2px solid #ddd; position:relative; margin-bottom:5px; margin-top:10px}
.link_tu{ overflow:hidden; margin:10px 0px;}
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:33.33%; float:left; margin:4px 0px 6px 0px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:40px; width:auto; max-width:94%}
}

/*--------内页banner图------*/
.agg1{ width:100%; overflow:hidden; height:300px; background: url(../images/about_banner.jpg) no-repeat center;position:relative;}
.agg1_1{ width:100%; overflow:hidden; height:300px; background: url(../images/about1_banner.jpg) no-repeat center;position:relative;}
.agg1_2{ width:100%; overflow:hidden; height:300px; background: url(../images/hh_banner.jpg) no-repeat center;position:relative;}
.agg2{ width:100%; overflow:hidden; height:300px; background: url(../images/mapyw.jpg) no-repeat center;position:relative;}
.agg3{ width:100%; overflow:hidden; height:300px; background: url(../images/case_banner.jpg) no-repeat center;position:relative;}
.agg4{ width:100%; overflow:hidden; height:300px; background: url(../images/news_banner.jpg) no-repeat center;position:relative;}
.agg5{ width:100%; overflow:hidden; height:300px; background: url(../images/lxwm.jpg) no-repeat center;position:relative;}

@media (max-width: 768px) {
.agg1{ width:100%; overflow:hidden; height:200px; background: url(../images/about_banner.jpg) no-repeat center;position:relative; background-size:auto 100% }
.agg1_1{ width:100%; overflow:hidden; height:200px; background: url(../images/hh_banner.jpg) no-repeat center;position:relative; background-size:auto 100% }
.agg1_2{ width:100%; overflow:hidden; height:200px; background: url(../images/about1_banner.jpg) no-repeat center;position:relative; background-size:auto 100% }
.agg2{ width:100%; overflow:hidden; height:200px; background: url(../images/mapyw.jpg) no-repeat center;position:relative; background-size:auto 100% }
.agg3{ width:100%; overflow:hidden; height:200px; background: url(../images/case_banner.jpg) no-repeat center;position:relative; background-size:auto 100% }
.agg4{ width:100%; overflow:hidden; height:200px; background: url(../images/news_banner.jpg) no-repeat center;position:relative; background-size:auto 100% }
.agg5{ width:100%; overflow:hidden; height:200px; background: url(../images/lxwm.jpg) no-repeat center;position:relative; background-size:auto 100%}
}



/*---------内页子栏目----------*/
.sub_bg1{BACKGROUND:#F6F6F6; overflow:hidden;}
.l-sub{width:1000px;overflow:hidden;padding:0px;BACKGROUND:#F6F6F6; margin:0 auto;}
.l-sub li{ height: 50px; line-height:40px; text-align:center; width:12.5%; float:left; list-style:none}
.l-sub a{ display: block; color: #333; font-size:16px;}
.l-sub a:hover,.l-list .l-sub a:active,.l-list .l-sub li.active a{color: #054B92; font-size:16px; text-decoration:none; height: 50px;}
.l-sub li.active a{ border-bottom:#003399 2px solid; color: #054B92; font-size:16px;text-decoration:none; height: 50px;}

.l-sub1{width:1000px;overflow:hidden;padding:0px;BACKGROUND:#F6F6F6; margin:0 auto;}
.l-sub1 li{ height: 50px; line-height:40px; text-align:center; width:16.666%; float:left; list-style:none}
.l-sub1 a{ display: block; color: #333; font-size:16px;}
.l-sub1 a:hover,.l-list .l-sub a:active,.l-list .l-sub li.active a{color: #054B92; font-size:16px; text-decoration:none; height: 50px;}
.l-sub1 li.active a{ border-bottom:#003399 2px solid; color: #054B92; font-size:16px;text-decoration:none; height: 50px;}

@media (max-width: 1000px) {
.l-sub li{ width:25%; }
}

@media (max-width: 768px) {
.sub_bg1{BACKGROUND:#F6F6F6;overflow:hidden;}
.l-sub{width:100%;overflow:hidden;padding:0px; margin:0 auto;BACKGROUND:#F6F6F6;}
.l-sub li{ height: 50px; line-height:40px; text-align:center; float:left; list-style:none;font-size:14px;}
.l-sub li a{ font-size:14px;}
.l-sub li a:hover{ font-size:14px;}
.l-sub li.active a{border-bottom:#003399 2px solid; color: #054B92; font-size:16px;text-decoration:none; height: 50px;font-size:14px;}


.l-sub1{width:100%;overflow:hidden;padding:0px; margin:0 auto;BACKGROUND:#F6F6F6;}
.l-sub1 li{ height: 50px; line-height:40px; text-align:center; float:left; list-style:none;font-size:14px;}
.l-sub1 li a{ font-size:14px;}
.l-sub1 li a:hover{ font-size:14px;}
.l-sub1 li.active a{border-bottom:#003399 2px solid; color: #054B92; text-decoration:none; height: 50px;font-size:14px;}
}


@media (max-width: 600px) {
.l-sub li{ height:36px; line-height:34px; text-align:center; width:25%; float:left; list-style:none;font-size:14px;}
.l-sub li.active a{border-bottom:#003399 2px solid; color: #054B92;text-decoration:none; height:36px;font-size:14px;}	
	
.l-sub1 li{ height:36px; line-height:34px; text-align:center; width:33.333%; float:left; list-style:none;font-size:14px;}
.l-sub1 li.active a{border-bottom:#003399 2px solid; color: #054B92;text-decoration:none; height:36px;font-size:14px;}
}


.about_L{overflow:hidden; float:left; width:40%}
.about_R{ overflow:hidden; float:right; width:58%;}

.about_L img{ width:100%; height:auto; vertical-align:middle}


.xc_t_wrap { margin-bottom:34px; margin-top:30px}
.xc_t_wrap .xc_title { font-size:36px;color:#0c55a4;font-weight:normal; }
.smwz{ font-size:15px; line-height:30px}

@media (max-width: 768px) {
.about_L{overflow:hidden; float:left; width:100%}
.about_R{ overflow:hidden; float:right; width:100%;}

.about_L img{ width:100%; height:auto; vertical-align:middle}

.xc_t_wrap { margin-bottom:5px; margin-top:20px}
.xc_t_wrap .xc_title { font-size:26px;color:#0c55a4;font-weight:normal; }
}

.ico{ display:inline-block; width:30px; height:30px; white-space:nowrap;color:transparent;}
.xc_bread{position:absolute;right:50%;margin-right:-600px;bottom:18px; display:block}
.xc_bread .xc_bread_box{color:#ffffff;text-align:right; background:url(../images/ico.png) no-repeat left center; padding-left:25px;line-height:35px;text-shadow: 1px 1px 1px #333;}
.xc_bread .xc_bread_box a{ line-height:35px; color:#FFFFFF}

@media (max-width: 768px) {
.xc_bread{position:absolute;right:50%;margin-right:-600px;bottom:18px; display: none}
}

.r_wzk1{ float:right; width:auto; font-size:12px; display:block;}

/*----------内页-------------*/
.nei_L{ width:880px; height:auto; float:left; overflow:hidden;}
.nei_R{ width:280px; height:auto; float:right; overflow:hidden;}


@media screen and (max-width: 768px) {
.nei_L{ width:100%; height:100%;height:auto; float:left; overflow:hidden;}
.nei_R{ width:100%; height:auto; float:right; overflow:hidden; margin-top:10px;}

}



.main_nr {overflow: hidden;padding:0px 10px  15px 10px;font-size: 14px;line-height: 190%;}
.main_nr1{overflow: hidden;padding: 15px 0px;font-size: 14px;line-height: 190%;}
.main_nr2{overflow: hidden;padding: 5px 0px  15px 0px;font-size: 14px;line-height: 190%;}
.main_nr_ly{overflow: hidden;padding: 15px 10px;font-size: 14px;line-height: 190%;}
.content_bt{ width:100%; line-height:40px; font-size:16px; text-align:center; padding-top:15px;font-weight:bold; overflow:hidden}
.content_time{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:center; padding-bottom:4px; line-height:30px; margin-bottom:15px}
.i_date{ background:url(../images/i_date.png) no-repeat left -2px; padding-left:20px; margin-right:10px;font-size:12px;}
.i_View{ background:url(../images/i_View.png) no-repeat  left center; padding-left:25px;font-size:12px;}
.i_from{ background:url(../images/i_t1.png) no-repeat  left center; padding-left:25px;margin-right:10px; }
.main_nr img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 840 ? "840px" : this.width)!important; margin-bottom:5px}


.next_k{margin-top:15px; border-top:#CCCCCC 1px 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; padding-left:0px; font-size:12px; width:100%}


.page_k{ text-align:center; padding:20px 10px; font-size:12px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}

@media only screen and ( max-width:768px ) {
.main_nr_ly img{overflow: hidden; width:auto}

.content_bt{ width:100%; line-height:40px; font-size:16px; text-align:left; padding-top:1px;font-weight:bold}
.content_time{width:100%; border-bottom:#ccc 1px solid; font-size:12px; color:#666666; text-align:left; padding-bottom:4px;margin-bottom:15px}
.main_nr{ overflow:hidden; padding:10px 0px; font-size:14px; line-height:190%}
.main_nr img{WIDTH: 100%; height:auto; margin-bottom:5px}

.next_k{margin-top:15px; border-top:#CCCCCC 1px 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; padding-left:0px; font-size:12px}

}


/*工程案例列表*/
.gcallist{ overflow:hidden;}
.gcallist dl{ overflow:hidden;margin:0px; padding:0px; width:100%;border-bottom:1px solid #e9e9e9; padding-bottom:15px; margin-bottom:15px; overflow:hidden}
.gcallist dl dt{font-size:18px;color:#0C55A4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px; font-weight: normal;}
.gcallist dl dd{font-size:13px;color:#888;line-height:22px;overflow:hidden;}

.gcallist a:hover dl{border-bottom:1px solid #FF4200;}
.gcallist a:hover dl span{color:#FF4200;}
.gcallist a:hover dt{color:#FF4200;}

.gcallist  .gcsl_tu{ width:230px; height:160px; margin-right:20px; float:left}
.gcsl_tu img{ width:100%; height:160px; vertical-align:middle; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.gcallist a:hover  .gcsl_tu img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}

.gcallist dl ._more{width:77px;height:37px;background:url(../images/news_hansheng_ico.png) no-repeat;display:inline-block;vertical-align:middle;}
.gcallist a:hover dl ._more{background-position:0px -37px;}


@media only screen and ( max-width:768px ) {
.gcallist{ overflow:hidden;}
.gcallist dl{ overflow:hidden; padding:0px; width:100%;border-bottom:1px solid #e9e9e9; padding-bottom:10px; margin-bottom:10px; }
.gcallist dl dt{font-size:16px;color:#0C55A4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px; font-weight: normal;}
.gcallist dl dd{font-size:13px;color:#888;line-height:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.gcallist a:hover dl{border-bottom:1px solid #FF4200;}
.gcallist a:hover dl span{color:#FF4200;}
.gcallist a:hover dt{color:#FF4200;}

.gcallist  .gcsl_tu{ width:150px; height:auto; margin-right:10px; float:left}
.gcsl_tu img{ width:100%; height:110px; vertical-align:middle}

}

/*工程案例*/
.case_list{ overflow:hidden}
.case_list li{ overflow:hidden; list-style:none; float:left; width:33.33%; margin:0px; padding:0px; margin-bottom:25px}
.case_list li dl{ overflow:hidden; padding:0px; margin:0px; margin:0 auto; background:#EEEDED;padding:4px; width:360px; border-bottom:#CCCCCC 2px solid}
.case_list li dl dt{overflow:hidden; padding:0px; margin:0px;line-height:200%; text-align:center}
.case_list li dl dt img{ width:360px; height:250px; vertical-align:top; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{overflow:hidden; padding:0px; margin:0px; font-size:16px; line-height:200%; text-align:center; padding:4px 0px; color:#333333; font-weight:bold}
.case_list li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.case_list li a:hover dd{ color:#fff}
.case_list li a:hover dl{ background:#0450A1; border-bottom:#FB9528 2px solid}


@media only screen and (min-width: 568px) and (max-width: 768px) {
.case_list{ overflow:hidden}
.case_list li{ overflow:hidden; list-style:none; float:left; width:33.33%; margin:0px; padding:0px; margin-bottom:15px}
.case_list li dl{ overflow:hidden; padding:0px; margin:0px; margin:0 auto; background:#EEEDED;padding:4px; width:180px; border-bottom:#CCCCCC 2px solid}
.case_list li dl dt{overflow:hidden; padding:0px; margin:0px;line-height:200%; text-align:center}
.case_list li dl dt img{ width:180px; height:125px; vertical-align:top; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{overflow:hidden; padding:0px; margin:0px; font-size:14px; line-height:200%; text-align:center; padding:4px 0px; color:#333333; font-weight:bold}
}

@media only screen and (min-width: 415px) and (max-width: 568px) {
.case_list{ overflow:hidden}
.case_list li{ overflow:hidden; list-style:none; float:left; width:33.33%; margin:0px; padding:0px; margin-bottom:15px}
.case_list li dl{ overflow:hidden; padding:0px; margin:0px; margin:0 auto; background:#EEEDED;padding:4px; width:165px; border-bottom:#CCCCCC 2px solid}
.case_list li dl dt{overflow:hidden; padding:0px; margin:0px;line-height:200%; text-align:center}
.case_list li dl dt img{ width:165px; height:115px; vertical-align:top; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{overflow:hidden; padding:0px; margin:0px; font-size:14px; line-height:200%; text-align:center; padding:4px 0px; color:#333333; font-weight:bold}
}

@media only screen and  (max-width: 414px) {
.case_list{ overflow:hidden}
.case_list li{ overflow:hidden; list-style:none; float:left; width:50%; margin:0px; padding:0px; margin-bottom:15px}
.case_list li dl{ overflow:hidden; padding:0px; margin:0px; margin:0 auto; background:#EEEDED;padding:4px; width:96%; border-bottom:#CCCCCC 2px solid}
.case_list li dl dt{overflow:hidden; padding:0px; margin:0px;line-height:200%; text-align:center}
.case_list li dl dt img{ width:100%; height:auto; vertical-align:top; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.case_list li dl dd{overflow:hidden; padding:0px; margin:0px; font-size:14px; line-height:200%; text-align:center; padding:4px 0px; color:#333333; font-weight:bold}
}











.hynewslist{ overflow:hidden;}
.hynewslist dl{ overflow:hidden; height:auto;border:1px solid #e9e9e9;}
.hynewslist dl dt{font-size:18px;color:#0C55A4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px; font-weight: normal; margin-top:10px; padding-right:10px}
.hynewslist dl dd{font-size:13px;color:#888;line-height:22px;overflow:hidden;}

.hynewslist  .datek{ width:100px; height:100px; float:left; margin-right:20px; text-align:center; background:#EEEEEE}
.hynewslist  .datek p{ font-size:24px; line-height:50px; margin:0px; padding:0px; color:#999999}
.hynewslist a:hover dl{border:1px solid #FF4200;}
.hynewslist a:hover dl span{color:#FF4200;}
.hynewslist a:hover dt{color:#FF4200;}

.hynewslist a:hover  .datek p{background:#CCCCCC; color:#FF4200; margin:0px; padding:0px} 

@media only screen and ( max-width:768px ) {
.hynewslist{ overflow:hidden; margin-top:10px}
.hynewslist dl dt{font-size:16px;color:#0C55A4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:4px; font-weight: normal; margin-top:10px}
.hynewslist dl dd{font-size:12px;color:#888;line-height:22px;overflow:hidden; height:44px}

}

.xwlist_bt{border-bottom:#CCCCCC 1px  solid; width:100%; position:relative; height:35px; margin-top:20px}
.xwlist_bt span{ font-size:24px; padding:0px 10px;color:#0C55A4; line-height:33px; border-bottom:2px solid #0C55A4; height:35px; z-index:2; position:absolute;}
.xwlist{ overflow:hidden; margin:0px;}
.xwlist li{ margin:0px; padding:0px; border-bottom:#CCCCCC 1px dotted; line-height:230%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xwlist li a{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xwlist li img{ width:100%; height:auto; vertical-align:middle; margin:10px 0px 0px 0px}
.xwlist li p{ font-size:14px;text-align:center; background:#eee; padding:4px 0px; margin:0px}



    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

#l-map{height:400px; float:right; width:60%;}
#r-result{ overflow:hidden}
.lxwmnr{ float:left; width:38%; overflow:hidden; line-height:190%; font-size:14px;}

@media only screen and ( max-width:768px ) {
#l-map{height:300px; float:left; width:100%;}
.lxwmnr{ float:left; width:100%; overflow:hidden; margin-bottom:10px}
}

/*---------留言----------*/
.lybook_L{overflow:hidden; float:left; width:55%; line-height:190%; font-size:14px}
.lybook_R{  float:right; width:45%;}
.lybook_R img{ width:100%; height:auto; margin-top:10px}

@media only screen and (max-width:768px){
.lybook_L{overflow:hidden; float:left; width:100%;}
.lybook_R{ overflow:hidden; float:left; width:100%;}

}

.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:2% 6px;box-sizing:border-box;background:#fff;border: #efeff0 1px solid;border-radius:5px;color:#595757;width:78%; 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:150px}
.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:#0D69BF;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}




/*瀑布流开始*/
.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%;}
.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;
}
	}



/*瀑布流结束*/

.yw_map{ overflow:hidden; display:block}
.yw_map_wap{ overflow:hidden; display: none;margin-top:10px;}
.yw_map_wap img{ width:100%; height:auto; }
@media only screen and ( max-width:768px ) {
.yw_map{ overflow:hidden; display: none}

.yw_map_wap{ overflow:hidden; display:block;margin-top:10px;}
}


/*下层综合通用头部*/
.xc_index_hd{text-align:center;width:100%;height:163px;margin:55px 0px 10px;position:relative;}
.xc_index_hd ._cn_title{font-size:50px;color:#0450a1;padding-top:20px}
.xc_index_hd ._en_title{font-size:20px;color:#595757;}
.xc_index_font_bj {display: block;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 217px;
    font-weight: 900;
    color: #f3f3f3;
    position: absolute;
    top: 22px;
    line-height: 70px;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: -1;}


yewu_index_hd  ._cn_title{font-size:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
yewu_index_hd  ._en_title{font-size:20px;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;margin-bottom:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
@media only screen and ( max-width:768px ) {
.xc_index_hd{text-align:center;width:100%;height:70px;margin:25px 0px 30px;position:relative;}
.xc_index_hd ._cn_title{font-size:25px;color:#0450a1;padding-top:30px}
.xc_index_hd ._en_title{font-size:20px;color:#595757;}

.xc_index_font_bj {display: block;
    font-family: Arial;
    text-transform: uppercase;
    font-size:90px;
    font-weight: 900;
    color: #f3f3f3;
    position: absolute;
    top: 22px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: -1;}

}

@media only screen and ( max-width:415px ) {
.xc_index_hd{text-align:center;width:100%;height:70px;margin:15px 0px 30px;position:relative;}
.xc_index_hd ._cn_title{font-size:25px;color:#0450a1;padding-top:30px}
.xc_index_hd ._en_title{font-size:20px;color:#595757;}

.xc_index_font_bj {display: block;
    font-family: Arial;
    text-transform: uppercase;
    font-size: 60px;
    font-weight: 900;
    color: #f3f3f3;
    position: absolute;
    top: 22px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: -1;}

}


.ywhw_box{ overflow:hidden; margin-bottom:10px}

.ywhw_box_La{ float:left; width:45%;overflow:hidden; background:#FF8B2D; height:300px}
.ywhw_box_Ra{ float:right; width:55%;overflow:hidden; background:#FF8B2D; height:300px}
.ywhw_box_Ra img{ width:100%; height:300px; vertical-align:top}

.ywhw_box_Lb{ float:left; width:60%;overflow:hidden; background:#4C4C79; height:300px}
.ywhw_box_Rb{ float:right; width:40%;overflow:hidden;background:#4C4C79; height:300px}
.ywhw_box_Rb img{ width:100%; height:300px; vertical-align:top}

.ywhw_box_Lc{ float:left; width:45%;overflow:hidden; background:#3F7ACA; height:300px}
.ywhw_box_Rc{ float:right; width:55%;overflow:hidden; background:#3F7ACA; height:300px}
.ywhw_box_Rc img{ width:100%; height:300px; vertical-align:top}

.ywhw_box_Ld{ float:left; width:60%;overflow:hidden; background:#0090BC; height:300px}
.ywhw_box_Rd{ float:right; width:40%;overflow:hidden;background:#0090BC; height:300px}
.ywhw_box_Rd img{ width:100%; height:300px; vertical-align:top}

.ywhw_box_Le{ float:left; width:45%;overflow:hidden; background:#3F7ACA; height:300px}
.ywhw_box_Re{ float:right; width:55%;overflow:hidden; background:#3F7ACA; height:300px}
.ywhw_box_Re img{ width:100%; height:300px; vertical-align:top}

.ywbt_txt{ font-size:30px; color:#FFFFFF; margin:0 auto; margin-top:20%;overflow:hidden; text-align:center; line-height:30px; width:80%;}
.ywbt_txt p{ font-size:16px; padding:0px; margin:0px;line-height:25px; }
.ywbt_txt p em{ font-size:18px; color:#fff;line-height:35px; vertical-align:top}


@media only screen and ( max-width:768px ) {

.ywhw_box{ overflow:hidden;}

.ywhw_box_La{ float:left; width:100%;overflow:hidden; background:#FF8B2D; height:auto}
.ywhw_box_Ra{ float:right; width:100%;overflow:hidden; background:#FF8B2D; height:auto}
.ywhw_box_Ra img{ width:100%; height:auto; vertical-align:top}


.ywhw_box_Lb{ float:left; width:100%;overflow:hidden; background:#4C4C79; height:auto}
.ywhw_box_Rb{ float:right; width:100%;overflow:hidden;background:#4C4C79; height:auto}
.ywhw_box_Rb img{ width:100%; height:auto; vertical-align:top}

.ywhw_box_Lc{ float:left; width:100%;overflow:hidden; background:#3F7ACA; height:auto}
.ywhw_box_Rc{ float:right; width:100%;overflow:hidden; background:#3F7ACA; height:auto}
.ywhw_box_Rc img{ width:100%; height:auto; vertical-align:top}

.ywhw_box_Ld{ float:left; width:100%;overflow:hidden; background:#0090BC; height:auto}
.ywhw_box_Rd{ float:right; width:100%;overflow:hidden;background:#0090BC; height:auto}
.ywhw_box_Rd img{ width:100%; height:auto; vertical-align:top}

.ywhw_box_Le{ float:left; width:100%;overflow:hidden; background:#3F7ACA; height:auto}
.ywhw_box_Re{ float:right; width:100%;overflow:hidden; background:#3F7ACA; height:auto}
.ywhw_box_Re img{ width:100%; height:auto; vertical-align:top}


.ywbt_txt{ font-size:30px; color:#FFFFFF;  margin:0 auto;margin-top:10%;overflow:hidden; text-align:center; line-height:30px; margin-bottom:10%;width:90%;}
.ywbt_txt p{ font-size:14px; padding:0px; margin:0px;line-height:25px; }
.ywbt_txt p em{ font-size:16px; color:#fff;line-height:35px}

}