.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;
}
a{text-decoration:none}
.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  0px;
  width:100%;
  background:#fff;
}
.container1 {
  max-width: 1200px;
  margin:0 auto;
  padding:0px  10px;
  width:100%;
}
body {
  font-family: "微软雅黑"; background:#E2E2E2 url(../image/main_bg1.jpg) no-repeat center top
}
.header {clear: both; background:#fff; width:1200px; margin:0 auto}
.banner {
  position: relative;
  text-align: center;
  overflow: hidden;
  width:1200px;
  margin:0 auto;
  background:#fff
}
.banner img {
  width:1200px;
   height:210px; vertical-align:top;
}
@media (max-width: 1024px) {
.header {clear: both; background:#fff; width:100%; margin:0 auto}
.banner {
  width:100%; margin:0 auto
}
.banner img {
  width:100%;
 height:auto; vertical-align:top;
}
}

.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 {height:auto}
.header .logo {width:36%;float: left;padding-top: 10px; overflow:hidden; margin-bottom:15px}
.header .logo  img{ height:70px; width: auto}
@media (max-width: 1024px) {
.header  .logo { padding: 0px;width:350px;margin-bottom:4px}
.header  .logo  img{ height:auto; width:100%; margin-top:5px}
}
@media (max-width:414px) {
.header  .logo { padding: 0px; width:75%;}
.header  .logo  img{ height:auto; width: 100%;margin-top:5px}
}
@media (max-width:320px) {
.header  .logo {padding: 0px;width:75%;}
.header  .logo  img{ height:auto; width:99%;margin-top:5px}
}

.header .nav_right {width: 62%;float: right;}
.header .nav_right ul {
  width: 100%;
  float: right;
   margin-top:18px; padding:0px;
}
.header .nav_right ul li {
  float: left;
  width: 14.28%;
  height:auto;
  padding:5px 0px 5px 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: #DE0707;
  width:100%;
  padding: 5px 0px;
  display: none;
  border-radius:5px
}
.header .nav_right ul li .erji a {
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 34px;
  height: 34px;
  overflow: hidden;
  font-size: 14px;
}
.header .nav_right ul li .erji a:hover {
  background: #B60000;

}
.header .nav_right ul li:hover {
  background: #DE0707;
}
.header .nav_right ul li:hover a {
  color: #fff;
}
.header .nav_right ul li:hover .erji {
  display: block;
}
.header .nav_right ul .active {
  background: #DE0707;
}
.header .nav_right ul .active a {
  color: #fff;
}
@media (max-width: 1024px) {
  .header .nav_right {
    display: none;
  }
}
@media (max-width: 1024px) {
  .header .container {
    padding: 10px 0px;
  }
 
    .header .container1 {
    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: #DE0707;
  text-align: center;
}
.yuyan i a {
  display: block;
  line-height: 25px;
  height: 25px;
  color: #fff;
  font-size: 12px;
   width:90px;
}

.dian_div {
  background: #DE0707;
   height:auto;
}
.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;
    width:80px;
 margin:0px; padding:0px
}
.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 {
max-width:1200px;
  background: #353535;
  width:100%;
   margin:0 auto;margin-bottom:-25px
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 90px;margin-bottom:0px
  }
}
.footer_com {
  max-width: 1200px;
  width: 98%;
  margin: auto;
  padding: 3% 0px;
}
.footer_com .di_nav {
  width: 55%;
  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: 12px;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  width: 100%;
}
.footer_com .di_nav li a:hover {
  color: #DE0707;
}
.footer_com .di_nav li .tit {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  width: 100%;
  color: #fff;
  margin-bottom: 10px;
}
.footer_com .er_right {
  width: 40%;
  float: right;
}
.footer_com .er_right .er {
  width: 22%;
  float: left;
}
.footer_com .er_right .er .pic {
  position: relative;
}
.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;
}
.footer_com .er_right .er .text {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding-left: 10px;
}
.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: 55%;
  background: url(../image/di_dian.png) no-repeat left;
  float: right;
  padding-left: 52px;
}
.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: 31px;
  font-family: Pabloco;
}
.footer_cop { font-size:12px; line-height:22px; text-align:center; color:#CCCCCC}
@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%;
  }
  .footer_com .er_right .er .pic i {
    padding-bottom: 31.25%;
  }
  .footer_com .er_right .dian {
    width: 60%;
  }
}
@media (max-width: 480px) {
  .footer_com .er_right .er {
    width: 100%;
  }
  .footer_com .er_right .er .text {
    padding-left: 0px;
  }
  .footer_com .er_right .dian {
    width: 100%;
    display: none;
  }
  .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: auto;
  border-top: 1px solid #484848;
  padding: 5px 0px;
  color: #7a7a7a;
  font-size: 12px;
}
.copy .amap {
  float: left;
}
.copy .amap:hover {
  color: #DE0707;
}
.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: #DE0707;
}
@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;
  }
}







.flexslider{position:relative; height:auto;width:1200px;overflow:hidden;background:#fff url(../image/loading2.gif) 50% no-repeat; margin:0 auto; padding-bottom:10px}
.slides{position:relative;z-index:1;}
.slides li{height:auto;width:100%; }
.slides li img{width:100%; height:auto}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center;left:45%}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav li img{ width:100%; height:auto}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;background:url(../image/dot2.png) right 0 no-repeat;cursor:pointer; }
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:36%; display:block}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../image/prev1.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../image/next1.png) center center no-repeat;}
@media only screen and (max-width:768px){
.flexslider{position:relative;width:100%;overflow:hidden;background:url(../image/loading2.gif) no-repeat center; margin:0 auto; height:auto}
.slides{position:relative;z-index:1;}
.slides li{width:100%; height:auto}
.slides li img{width:100%; height:auto}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align:center; }
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav li img{ width:100%; height:auto}
.flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;background:url(../image/dot2.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%; bottom:30px; display:none}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../image/prev1.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../image/next1.png) center center no-repeat;}
}



.main_w{ width:1200px; overflow:hidden; margin:0 auto;  background:#fff;}
.main_box{ width:1180px; overflow:hidden; margin:0px 10px 0px 10px}
@media only screen and (max-width:1025px){
.main_w{ width:100%; overflow:hidden; margin:0 auto;  background:#fff;}
.main_box{ width:100%; overflow:hidden; margin:0px 0px 0px 0px }

}



<!-------home---------->
.sd_news{overflow:hidden;}
.sd_news_L{ width:820px; overflow:hidden; float:left}
.sd_news_R{ width:350px; overflow:hidden; float:right; background:#F4F4F4; padding:15px 20px;min-height:320px}
.sd_news_R  .lm_bt{ overflow:hidden; float:left; width:100%; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:5px}
.sd_news_R  .lm_bt span{ overflow:hidden; float:right; font-size:12px; line-height:30px; font-weight:normal}
.sd_news_L  .lm_bt{ overflow:hidden; float:left; width:100%; font-size:20px; line-height:30px; font-weight:bold; margin-bottom:5px; border-bottom:#CCCCCC 1px solid}
.sd_news_L  .lm_bt span{ overflow:hidden; float:right; font-size:12px; line-height:30px; font-weight:normal}
.sd_tz{ width:100%; overflow:hidden; float:left}
.sd_tz dl{ overflow:hidden; padding:0px; margin:0px;}
.sd_tz dl dt{ overflow:hidden; padding:0px; margin:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; border-bottom:#bbb 1px dashed; }
.sd_tz dl dt span{ float:right; font-size:12px; color:#777; font-weight:normal;line-height:180%}
.sd_tz dl dt a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#444;font-size:15px; font-weight:normal; line-height:190%}
.sd_tz dl dt a:hover{ color:#DE0707}
.sd_tz dl dd{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0px; margin:0px; font-size:12px;color:#777; border-bottom:#bbb 1px dashed; line-height:190%; margin-bottom:7px}

.m_tutxt{ overflow:hidden; width:100%; padding-top:10px}
.m_news{ float:left; width:350px; overflow:hidden; margin:0px; padding:0px}
.m_news dl{ margin:0px; padding:0px}
.m_news dl dt{ margin:0px; padding:0px}
.m_news dl dt h3{ font-size:15px; line-height:180%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin:0px;  padding:0px }
.m_news dl dt h3 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000;font-size:15px; font-weight:bold }
.m_news dl dt h3 a:hover{ color:#DE0707}
.m_news dl dd{ margin:0px; padding:0px; color:#666666; line-height:170%}
.m_news dl dt p{margin:0px; padding:0px;color:#888; font-size:12px; overflow:hidden}
.m_news dl dt p img{ width:350px; height:200px; vertical-align:top}
.m_news dl dd span{ margin-left:20px}
.m_news dl dd p{margin:0px; padding:0px;color:#888; line-height:18px; font-size:12px; overflow:hidden}
.m_news dl dd span a{ color:#FF9900}

.m_txt{ float:right; width:450px; margin:0; padding:0px; overflow:hidden}
.m_txt li{ margin:0; padding:0px; margin-bottom:22px; overflow:hidden}
.m_txt li dl{margin:0; padding:0px; }
.m_txt li dl dt{margin:0; padding:0px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m_txt li dl dt a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000000;font-size:14px; font-weight:normal; line-height:180%; font-weight:bold}
.m_txt li dl dt a:hover{color:#DE0707}
.m_txt li dl dd{margin:0; padding:0px; color:#999999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px; line-height:180%}
.m_txt li dl dd span{ color:#999999}
.m_txt li dl dd span a{ color:#999999}
.xw_time{ float:left; margin-right:15px; width:70px; border:#CCCCCC 1px solid; text-align:center; font-size:12px; color:#CCCCCC; line-height:28px}
.xw_time p{ margin:0; padding:0px; height:50px; width:100%; background:#CCCCCC; line-height:50px; font-size:28px; text-align:center; font-weight:bold; color:#fff}

@media only screen and (max-width:1024px) {
.sd_news_L{ width:100%; overflow:hidden; float:left}
.sd_news_R{ width:100%; overflow:hidden; float:left; background:#fff; padding:5px 0px;min-height:320px; height:auto}

.m_txt{ float:lelft; width:580px; margin:0; padding:0px; overflow:hidden}
}
@media only screen and (max-width:768px) {
.sd_news_R  .lm_bt{ overflow:hidden; float:left; width:100%; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:5px}
.sd_news_L  .lm_bt{ overflow:hidden; float:left; width:100%; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:5px; border-bottom:#CCCCCC 1px solid}

.m_news{ float:left; width:350px; overflow:hidden; margin:0px; padding:0px}
.m_txt{ float: right; width:50%; margin:0; padding:0px; overflow:hidden}
}
@media only screen and (max-width:738px) {
.sd_news_R  .lm_bt{ overflow:hidden; float:left; width:100%; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:5px}
.sd_news_L  .lm_bt{ overflow:hidden; float:left; width:100%; font-size:18px; line-height:30px; font-weight:bold; margin-bottom:5px; border-bottom:#CCCCCC 1px solid}

.m_news{ float:left; width:350px; overflow:hidden; margin:0px; padding:0px}
.m_txt{ float: right; width:325px; margin:0; padding:0px; overflow:hidden}
}

@media only screen and (max-width:667px) {
.m_news{ float:left; width:100%; overflow:hidden; margin:0px; padding:0px}
.m_news dl{ margin:0px; padding:0px; width:100%; margin:0 auto}
.m_news dl dt p{margin:0px; padding:0px;color:#888; font-size:12px; overflow:hidden}
.m_news dl dt p img{ width:100%; height:auto; vertical-align:top}
.m_txt{ float:left; width:100%; margin:0; padding:0px; overflow:hidden; margin-top:10px}
.m_txt li{ margin:0; padding:0px; margin-bottom:10px; overflow:hidden}
}
@media only screen and (max-width:320px) {
.m_news{ float:left; width:100%; overflow:hidden; margin:0px; padding:0px}
.m_news dl{ margin:0px; padding:0px; width:100%; margin:0 auto}
.m_news dl dt p{margin:0px; padding:0px;color:#888; font-size:12px; overflow:hidden}
.m_news dl dt p img{ width:100%; height:auto; vertical-align:top}
.m_txt{ float:left; width:100%; margin:0; padding:0px; overflow:hidden; margin-top:10px}
}

.xb_news{ overflow:hidden; width:480px; float:left}

.xb_news_box{ overflow:hidden; float:right; width:320px;}
.xb_news_list{ overflow:hidden; margin:0px; padding:0px; }
.xb_news_list li{ overflow:hidden; margin:0px; padding:0px; list-style:none; border-bottom:#CCCCCC 1px dashed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:208%}
.xb_news_list li span{ float:right; font-size:12px; margin-left:5px; color:#999999; width:77px; text-align:right}
.xb_news_list li a{ color:#333}
.xb_news_list li a:hover{ color:#EF0000}
<!-------焦点图---------->
#owl-demo1{position:relative;width:100%;height:auto;margin:0 auto;}
#owl-demo1 .item{ position:relative;display:block;width:100%}
#owl-demo1 img{display:block;width:480px;height:297px;}
#owl-demo1 b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo1 span{position:absolute;left:0;bottom:37px;width:100%;font:16px/32px "微软雅黑","黑体";color:#fff;text-align:center;}


#owl-demo{position:relative;width:100%;height:auto;margin:0 auto;}
#owl-demo .item{ position:relative;display:block;width:100%}
#owl-demo img{display:block;width:480px;height:297px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:16px/32px "微软雅黑","黑体";color:#fff;text-align:center;}
.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../image/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../image/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../image/bg17.png);}
.owl-next{right:0;background-image:url(../image/bg18.png);}
.owl-prev:hover{background-image:url(../image/bg19.png);}
.owl-next:hover{background-image:url(../image/bg20.png);}

@media only screen and (max-width:1024px) {
.xb_news{ overflow:hidden; width:48%; float:left}
#owl-demo img{display:block;width:100%;height:297px;}
.xb_news_box{ overflow:hidden; float:right; width:50%;}
}
@media only screen and (max-width:768px) {
.xb_news{ overflow:hidden; width:60%; float:left}
#owl-demo img{display:block;width:100%;height:297px;}
.xb_news_box{ overflow:hidden; float:right; width:38%;}
}
@media only screen and (max-width:500px) {
.xb_news{ overflow:hidden; width:100%; float: left}
#owl-demo img{display:block;width:100%;height:200px;}
.xb_news_box{ overflow:hidden; float:left; width:100%;}
}

.l-suba{width:100%;overflow:hidden;padding:0px;border-bottom:#eee 1px solid; margin-bottom:10px}
.l-suba li{ height: 40px; line-height:40px; text-align:center; width:110px; float:left; list-style:none;margin-right:10px;text-align:center;}
.l-suba a{ display: block; color: #333; font-size:18px; font-weight:bold}
.l-suba a:hover,.l-suba a:active,.l-suba li.active a{color:#fff; background:#E70000; font-size:18px; text-decoration:none; height: 40px;}
.l-suba li.active a{color:#fff;font-size:18px;background:#E70000; line-height:40px;}


.sd_js_box{ overflow:hidden; padding:2px 0px 20px 0px}
.sd_js_L{ width:820px; overflow:hidden; float:left; }
.sd_js_R{ width:350px; overflow:hidden; float:right;min-height:300px}
.sd_js_bg{ width:100%; overflow:hidden;position:relative;}
.sd_js_bg img{ width:100%; width:auto}

.sd_js_txt{ background:rgba(0, 0, 0, 0.7); color:#FFFFFF; height:300px; padding:20px; overflow:hidden; width:300px; float:left; right:0;position:absolute; z-index:8}
.sd_js_txt p{ font-size:18px; margin:0px; padding:0px;font-weight:bold; margin-bottom:5px}
.sd_js_txt .jstxt{ font-size:14px; line-height:180%;}
.more_i{ text-align:right; display:block; margin-bottom:8px}
.more_i img{ width:20px; height:auto}
@media only screen and (max-width:1024px) {
.sd_js_L{ width:60%; overflow:hidden; float:left}
.sd_js_R{ width:38%; overflow:hidden; float:right;}
.sd_js_bg{ width:100%; height:300px;}
.sd_js_txt p{ font-size:18px; font-weight:bold;margin-bottom:0px}
.sd_js_bg img{ width:100%; height:300px}
.more_i img{ width:20px; height:auto}
}

.fw_bt{ font-size:18px; line-height:30px; display: none;font-weight:bold;}
.sd_fw_tu{ overflow:hidden; margin-bottom:1px; display:block}
.sd_fw_tu img{ width:100%; height:auto}
.sd_fwlist{ overflow:hidden; padding:0px; margin:0px; }
.sd_fwlist li{ overflow:hidden; padding:0px; margin:0px; line-height:220%; border-bottom:#CCCCCC 1px dashed;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sd_fwlist li a:hover{ color:#DE0707}
@media only screen and (max-width:768px) {
.sd_js_L{ width:68%; overflow:hidden; float:left}
.sd_js_R{ width:30%; overflow:hidden; float: right;}
.sd_js_bg{ width:100%; height:auto;}
.sd_js_txt{ background: none; color:#333; height:auto; padding:0px; overflow:hidden; width:100%; float: none; right: auto;position: static; z-index:8}
.more_i{ text-align:right; display: none}
.sd_js_bg img{ width:100%; height:127px}
}
@media only screen and (max-width:736px) {
.sd_fw_tu{ overflow:hidden; margin-bottom:10px; display:block}
.sd_js_L{ width:60%; overflow:hidden; float:left}
.sd_js_R{ width:38%; overflow:hidden; float: right;}
.sd_fw_tu img{ width:100%; height:auto}
.sd_js_bg img{ width:100%; height:127px}
}

@media only screen and (max-width:667px) {
.sd_js_L{ width:100%; overflow:hidden; float:left}
.sd_js_R{ width:100%; overflow:hidden; float:left;min-height:inherit; height:auto}
.sd_fw_tu{ overflow:hidden; margin-bottom:10px}
.sd_js_bg img{ width:100%; height:auto}
.sd_js_bg{ width:100%; height:auto;}
.sd_js_txt{ background: none; color:#333; height:auto; padding:0px; overflow:hidden; width:100%; float: right; right: auto;position: static; z-index:8}
.fw_bt{ font-size:18px; line-height:30px; display:block; margin-top:15px}
}

.key_box{ overflow:hidden; margin:20px 0px; padding:10px 0px; border:#ddd 1px solid}
.key_box li{ margin:0px; padding:0px; float:left; overflow:hidden; width:25%;}
.key_box li dl{ margin:0px; padding:10px 0px;overflow:hidden; width:90%; margin:0 auto; border-radius:5px}
.key_box li dl dt{ margin:0px; padding:0px;overflow:hidden; text-align:center}
.key_box li dl dt img{ width:auto; height:50px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.key_box li dl dd{ margin:0px; padding:0px;overflow:hidden; font-size:16px; font-weight:bold; text-align:center; padding-top:5px; color:#FFFFFF}
.key_box li dl a{ color:#FFFFFF}
.key_box li dl a:hover{ color:#E20000}
.key_box li a:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}
.key_box li:nth-child(1) dl{ background:#0097AC}
.key_box li:nth-child(2) dl{ background:#89D397}
.key_box li:nth-child(3) dl{ background:#F59600}
.key_box li:nth-child(4) dl{ background:#2995C2}
.key_box li:nth-child(5) dl{ background:#FF8E70}
.key_box li:nth-child(6) dl{ background:#8E6DA9}
.key_box li:nth-child(7) dl{ background:#846E74}
.key_box li:nth-child(8) dl{ background:#1863AE}
@media only screen and (max-width:736px) {
.key_box{ overflow:hidden; margin:1px 0px 5px 0px; padding:1px 0px; border:#ddd 0px solid}
.key_box li dl{ margin:0px; padding:10px 0px;overflow:hidden; width:96%; margin:0 auto}
.key_box li dl dd{ margin:0px; padding:0px;overflow:hidden; font-size:15px; font-weight:bold; text-align:center; padding-top:5px}
.key_box li dl dt img{ width:auto; height:50px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}
@media only screen and (max-width:568px) {
.key_box li dl{ margin:0px;padding:10px 0px;overflow:hidden; width:96%; margin:0 auto}
.key_box li dl dd{ margin:0px; padding:0px;overflow:hidden; font-size:12px; font-weight:bold; text-align:center; padding-top:5px}
.key_box li dl dt img{ width:auto; height:50px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}
@media only screen and (max-width:414px) {
.key_box li{ margin:0px; padding:5px 0px; float:left; overflow:hidden; width:33.33%;}
.key_box li dl{ margin:0px; padding:5px 0px;overflow:hidden; width:95%; margin:0 auto}
.key_box li dl dd{ margin:0px; padding:0px;overflow:hidden; font-size:14px; font-weight:bold; text-align:center; padding-top:5px;}
.key_box li dl dt img{ width:auto; height:45px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}
@media only screen and (max-width:320px) {
.key_box li{ margin:0px; padding:5px 0px; float:left; overflow:hidden; width:33.33%;}
.key_box li dl{ margin:0px; padding:10px 0px;overflow:hidden; width:97%; margin:0 auto}
.key_box li dl dd{ margin:0px; padding:0px;overflow:hidden; font-size:12px; font-weight: normal; text-align:center; padding-top:3px}
.key_box li dl dt img{ width:auto; height:40px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
}


.link_tu{ overflow:hidden; margin:10px 0px;border-bottom:#CDCDCD 1px solid; }
.link_tu ul{ margin:0px 0px 5px 0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:140px; float:left; margin:0px 3px 5px 3px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:50px;width:138px; border:#CCCCCC 1PX solid}

.link_txt{ overflow:hidden; margin-bottom:10px }
.link_txt ul{ margin:0px; overflow:hidden; padding:0px;}
.link_txt ul li{ width:auto; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0px 0px 0px 10px}
.link_txt ul li a{ font-size:12px;}
.lm_bg_link{ height:32px; border-bottom:#B1B1B1 1px solid; overflow:hidden}
.lm_link_txt{ height:32px;padding:0px 2px; line-height:34px; float:left;color:#333; font-size:18px;width:120px; font-weight:bold}
@media screen and (max-width:1024px) {
.link_tu ul li{ width:126px; float:left; margin:0px 4px 5px 4px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:50px;width:124px}
}

@media screen and (max-width: 768px) {
.link_tu{ overflow:hidden; margin:10px 0px;border-bottom:#CDCDCD 1px solid; }
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:112px; float:left; margin:0px 4px 5px 4px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:40px; width:110px}
}
@media screen and (max-width: 736px) {
.link_tu{ overflow:hidden; margin:10px 0px;border-bottom:#CDCDCD 1px solid; }
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:20%; float:left; margin:0px 0px 5px 0px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:40px; width:118px}
}
@media screen and (max-width: 667px) {
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:20%; float:left; margin:0px 0px 5px 0px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:40px;width:123px}
}
@media screen and (max-width: 568px) {
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:25%; float:left; margin:0px 0px 5px 0px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:40px; width:auto;}
}
@media screen and (max-width: 414px) {
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:25%; float:left; margin:0px 0px 5px 0px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:30px; width:auto;width:78px}
}

@media screen and (max-width: 320px) {
.link_tu ul{ margin:0px; overflow:hidden; padding:0px; width:100%}
.link_tu ul li{ width:33.33%; float:left; margin:0px 0px 5px 0px ;overflow:hidden; text-align:center}
.link_tu ul li img{ height:30px; width:auto;width:88px}
}


.nr_lmdh{ width:1200px;  margin:0px auto; height:35px; line-height:35px; background:url(../image/bg_5.jpg) repeat-x 0px bottom}
.lmdh_span{text-align:left;font-size:14px; color:#777;}
.lmdh_span a{font-size:14px; }
@media only screen and ( max-width:1024px ) {
.nr_lmdh{ width:100%;  margin:0px auto; height:35px; line-height:35px; background:url(../image/bg_5.jpg) repeat-x 0px bottom}
}
.wzdh_k{ overflow:hidden; border-bottom:#CCCCCC 0px solid;line-height:30px; padding-top:1px; margin-bottom:10px}
.wzdh_k span{background:url(../image/add_ico.png)no-repeat left bottom; padding-left:15px; font-size:14px; line-height:30px;padding-top:5px; }

.r_name{ width:100%; height:36px; border-bottom:1px solid #ccc; position:relative; }
.r_name span{ display:inline-block; *display:inline; zoom:1; height:36px; line-height:36px; font-size:16px; color:#E30030; border-bottom:2px solid #E30030; font-weight:bold; padding:0px 4px}

.r_wzk1{ float:right; width:auto; font-size:14px; display:block; color:#555; margin-top:5px}
.r_wzk1 a{color:#555}
.nr_box{ overflow:hidden; width:1000px; margin:0 auto}
@media only screen and ( max-width:768px ) {
.nr_box{ width:100%; overflow:hidden; margin:0 auto}
.content_bt{ width:100%; line-height:40px; font-size:16px; text-align:center; padding-top:15px;font-weight:bold; overflow:hidden}
}
.space{ clear:both; overflow:hidden; height:10px;}
.m-box_L{ float:left; width:270px; overflow:hidden;display:block; margin-top:15px; min-height:300px;margin-bottom:15px}
.m-box_R{ float:right; width:885px; overflow:hidden; margin-top:15px}


.sub_lm_bg{ width:100%; overflow:hidden; height:55px; line-height:55px; background:#C2C2C2; color:#FFFFFF; text-align:center; font-size:20px; margin-bottom:1px;}
.sub_lm_bg1{ width:100%; overflow:hidden; height:80px; line-height:80px;color:#FFFFFF; font-size:30px; margin-bottom:1px; display:block; text-align:center;background:#DC0000 url(../image/lm_bg.png) no-repeat center}
.l-sub{overflow:hidden;padding:0px; display:block}
.l-sub li{ overflow:hidden;line-height:50px; height: 50px; text-align:center;list-style:none;font-size:15px; width:100%; border-bottom:#fff 1px solid; background:#F5F5F5;}
.l-sub li:nth-child(2n){background:#F9F9F9;}
.l-sub a{ display: block; color: #333; font-size:15px; height: 50px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.l-sub a:hover,.l-list .l-sub a:active,.l-list .l-sub li.active a{color: #fff; font-size:15px; text-decoration:none; height: 50px; background:#CACACA;line-height:50px; }
.l-sub li.active a{color: #333; font-size:15px;text-decoration:none; height:50px;font-weight:bold; background:#FDD2D2;}

.lx_box{ overflow:hidden; display: block}
.lxwm_box{ overflow:hidden; background:#F5F5F5;}
.lxwm_box dl{ overflow:hidden; margin:0px; padding:10px}
.lxwm_box dl dt{ overflow:hidden; margin:0px; padding:0px}
.lxwm_box dl dd{ overflow:hidden; margin:0px; padding:0px;  font-size:12px; padding-left:25px}
.lxwm_box dl dd span{ font-weight:bold; margin-right:5px}
.i_add{background:url(../image/i_home1.png) no-repeat left 5px; padding-left:22px;}
.i_tel{background:url(../image/i_tel.png) no-repeat left 5px; padding-left:22px;}
.i_email{background:url(../image/i_mail.png) no-repeat left center; padding-left:22px;}
.i_wz{background:url(https://xiaob.hunnu.edu.cn/images/i_wz.png) no-repeat left center; padding-left:22px;}

@media only screen and ( max-width:768px ) {
.l-sub{overflow:hidden;padding:0px; display:none}
.sub_lm_bg1{ width:100%; overflow:hidden; height:60px; line-height:60px;background:#F1A619 url(https://xiaob.hunnu.edu.cn/images/lm_logo.png) no-repeat left ; background-size:auto  60px;color:#FFFFFF; font-size:20px; margin-bottom:1px; text-indent:20px; border-radius:5px 5px 0px 0px; text-align:center; display:none}
.m-box_L{ float:left; width:100%; overflow:hidden; display:none; margin-top:0px; min-height:auto}
.m-box_R{ float:left; width:100%; overflow:hidden;margin-top:0px}
.lx_box{ overflow:hidden; display: none}
}

.newpic{ overflow:hidden; padding-top:14px}
.newpic dl{ margin:0px;overflow:hidden;border-bottom:#CCCCCC 1px dashed; padding:4px 0px; padding-bottom:10px; margin:5px 0px }
.newpic dl dt{ overflow:hidden; margin:0px; padding:0px;}
.newpic dl dt  .news_time{ float:right;  font-size:12px; width:auto;margin-left:20px} 
.newpic dl dt a{ font-weight:bold; color:#333}
.newpic dl dt a:hover{ font-weight:bold;color:#333}
.newpic dl dt h3{ font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin:0px}
.newpic dl dt h3 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:15px; line-height:25px;color:#333}
.newpic dl dt h3 a:hover{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:15px; line-height:25px; color:#FF9C00}
.newpic dl dt span{ float:right; font-size:12px; color:#666666; font-weight:normal}
.newpic dl dd{ font-size:13px; line-height:180%; margin:0px; padding:0px;margin-bottom:5px; overflow:hidden; color:#888}
.newpic dl dd p{ margin:0px; padding:0px; line-height:18px; padding-top:5px}
.newpic dl dd p a{ color:#84AE00}
.newpic dl dd p a:hover{ color:#FF8400}
.newpic dl dd  .more{ padding:2px 10px; line-height:20px; width:80px; border:#ABABAB 1px solid; background:#878686;  color:#fff; overflow:hidden}
.newpic_tu{ width:190px; float:left; margin-right:30px; height:135px; border:#bbb 0px solid}
.newpic_tu img{width:190px; max-height:135px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; vertical-align:top}
.newpic_tu a:hover img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);}

@media only screen and ( max-width:768px ) {
.newpic{ overflow:hidden; padding-top:14px}
.newpic dl{ margin:0px;overflow:hidden;border-bottom:#CCCCCC 1px dashed; padding:4px 0px; padding-bottom:15px; margin:5px 0px;height:auto;}
.newpic dl dd{ font-size:14px; line-height:170%; margin:0px; padding:0px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;margin-bottom:0px; overflow:hidden; font-size:13px}
}
@media only screen and ( max-width:414px ) {
.newpic_tu{ width:140px; float:left; margin-right:15px; height:auto; border:#bbb 0px solid}
.newpic dl{ margin:0px;overflow:hidden;border-bottom:#CCCCCC 1px dashed; padding:6px 0px; padding-bottom:6px; margin:1px 0px }
.newpic_tu img{width:140px; height:90px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; vertical-align:top}
}

.main_nr{overflow: hidden;padding: 10px 0px;font-size: 14px;line-height: 190%;}
.main_nr1{overflow: hidden;padding: 15px 0px;font-size: 14px;line-height: 190%;}
.content_bt{ width:100%; line-height:40px; font-size:18px; 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;}
.i_date{ background:url(../image/i_date.png) no-repeat left center; padding-left:25px; margin-right:10px;font-size:12px;}
.i_View{ background:url(../image/i_View.png) no-repeat  left center; padding-left:25px;font-size:12px;}
.i_from{ background:url(../image/i_t1.png) no-repeat  left center; padding-left:25px; margin-right:10px; width:auto; }
.main_nr img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 840 ? "840px" : this.width)!important; margin-bottom:5px}

.main_nr2{overflow: hidden;padding: 30px 40px;font-size: 14px;line-height: 190%;}
@media only screen and ( max-width:768px ) {
.main_nr2{overflow: hidden;padding: 10px 2px;font-size: 14px;line-height: 190%;}
}
.next_k{margin-top:15px; border-top:#CCCCCC 1px solid; margin-bottom:10px}
.next_k ul{ margin:0px; padding:0px; margin-top:10px; width:100%}
.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:15px 10px; font-size:12px;}
.page_k a{ font-size:12px;line-height:14}
.page_k a:hover{ font-size:12px;line-height:14}

.xinweixx{padding: 0px; overflow:hidden; width:100%; margin:0 auto}
.xinweixx ul{padding: 0px; margin:0px; overflow:hidden}
.xinweixx ul li{padding:0px; border-bottom:#CCCCCC 1px dotted; line-height:33px; background:url(../image/icon3.png) no-repeat left center; text-indent:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xinweixx li:nth-child(5n+5){ margin-bottom:0px}
.xinweixx ul li a{font-size:14px;}
.xinweixx ul li b{padding-top: 5px;margin-left: 5px;}
.xinweixx ul li img{ vertical-align:middle;margin-top: 5px;}
.xinweixx1{padding: 0px; overflow:hidden; width:94%; margin:0 auto}
.xinweixx1 ul{padding: 0px; margin:0px; overflow:hidden}
.xinweixx1 ul li{padding:0px; border-bottom:#CCCCCC 1px dotted; line-height:33px; background:url(../image/icon3.png) no-repeat left center; text-indent:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.xinweixx1 ul li a{font-size:14px;}

.date_k{ float:right; color:#666; font-size:12px}


#l-map{height:300px;width:100%; margin-bottom:15px;}
  #r-result{width:100%;}
@media only screen and ( max-width:768px ) {
#l-map{height:250px;width:100%;}
}


#l-map1{height:190px;width:100%;}
#r-result1{width:100%;}
@media only screen and ( max-width:768px ) {
#l-map1{height:190px;width:100%;}
}

.net_box{ overflow:hidden; padding:20px 0px}
.net_box li{ padding:0px; margin:0px; width:33.33%; float:left}
.net_box li dl{ padding:0px; margin:0px; overflow:hidden;}
.net_box li dl dt{ padding:0px; margin:0px; overflow:hidden; font-size:18px; font-weight:bold}
.net_box li dl dt a:hover{ color:#FF6600}
.net_box li dl dd{ padding:0px; margin:0px; overflow:hidden; line-height:22px}
.net_i_tu1{ overflow:hidden; float:left; margin-right:20px; margin-left:10px}
.net_i_tu1 img{ width:90px; height:auto}
.net_i_tu2{ overflow:hidden; float:left; margin-right:20px; margin-left:10px}
.net_i_tu2 img{ width:81px; height:auto}

@media only screen and (max-width: 768px) {
.net_box{ overflow:hidden; padding:20px 0px}
.net_box li{ padding:0px; margin:0px; width:100%; float:left; margin-bottom:10px; border-bottom:#CECECE 1px solid; padding-bottom:10px}
}
@media only screen and (max-width: 568px) {
.net_i_tu1{ overflow:hidden; float:left; margin-right:20px; margin-left:10px}
.net_i_tu1 img{ width:80px; height:auto}
}

.d_nav_bg{ overflow:hidden; background:#151515;}
.dow_nav{ overflow: hidden; line-height:35px;}
.dow_nav li{ float:left; margin:0px; padding:0px}

.sy_m_box{ overflow:hidden; margin-bottom:8px}
.sy_L{ float:left; width:382px; overflow:hidden; margin-right:18px; background:#F2F2F2}
.sy_M{ float:left; width:382px; overflow:hidden;}
.sy_R{ float: right; width:382px; overflow:hidden;}
.sy_about{ overflow:hidden}
.sy_about dl{ overflow:hidden; margin:0px; padding:0px}
.sy_about dl dt{ overflow:hidden; margin:0px; padding:0px; }
.sy_about dl dd{ overflow:hidden; margin:0px; padding:5px 10px; line-height:175%}

@media only screen and (max-width:1024px) {
.sy_L{ float:left; width:32.33%; overflow:hidden; margin-right:1.5%; background:#F2F2F2}
.sy_M{ float:left; width:32.33%; overflow:hidden;}
.sy_R{ float: right; width:32.33%; overflow:hidden;}
}
@media only screen and (max-width:768px) {
.sy_L{ float:left; width:100%; overflow:hidden; margin-right:0px; background:#F2F2F2l; margin-bottom:10px}
.sy_M{ float:left; width:49%; overflow:hidden; margin-right:1%}
.sy_R{ float: right; width:49%; overflow:hidden; margin-left:1%}
.sy_about dl dt{width:49%; float:left; }
.sy_about dl dt img{ overflow:hidden; margin:0px; padding:0px; height:auto; width:100%}
.sy_about dl dd{ overflow:hidden; margin:0px; padding:5px 10px; line-height:170%; float:left; width:48%; margin-left:1%; padding-top:10px}
}

@media only screen and (max-width:667px) {
.sy_L{ float:left; width:100%; overflow:hidden; margin-right:0px; background:#F2F2F2l; margin-bottom:10px}
.sy_about dl dt{width:100%; float:left; }
.sy_about dl dt img{ overflow:hidden; margin:0px; padding:0px; height:auto; width:100%}
.sy_about dl dd{ overflow:hidden; margin:0px; padding:5px 10px; line-height:170%; float:left; width:auto; padding-top:10px}
}
@media only screen and (max-width:500px) {
.sy_L{ float:left; width:100%; overflow:hidden; margin-right:0px; background:#F2F2F2l; margin-bottom:10px}
.sy_about dl dt{width:100%; float: none; }
.sy_about dl dt img{ overflow:hidden; margin:0px; padding:0px; height:auto; width:100%}
.sy_about dl dd{ overflow:hidden; margin:0px; padding:5px 10px; line-height:170%; float:left; width:auto; padding-top:10px}
.sy_M{ float:left; width:100%; overflow:hidden; margin-right:0px; margin-bottom:10px}
.sy_R{ float: right; width:100%; overflow:hidden; margin-left:0px}
}

.xiaoli_box{ overflow:hidden; height:auto; margin-bottom:10px;}
.xiaoli_box img{ height:182px; width:100%; border:#CCCCCC 1px solid}
@media only screen and (max-width:500px) {
.xiaoli_box img{ height:auto; width:100%; border:#CCCCCC 1px solid}
}
.titlestyle44470{ FONT-SIZE: 16pt;FONT-WEIGHT: bold; width:100%; border-bottom:#ddd 1px solid; margin-bottom:10px;padding-bottom:10px;}