@charset  "utf-8";
body{background: #fff; font-family: "微软雅黑";}
.top{height: 58px;overflow: hidden; background: #f8f8f8;}
.banner{background: url(hysydrw201708028-01.jpg) no-repeat center top; height: 360px; overflow: hidden;}
.hr_40{height: 40px;}
.iph-img{display: none;}
.cloum-box{background: #f6f5f5; overflow: hidden;}

#center{width: 990px; overflow: hidden;}
.bignav{width: 100%;}
.l-but,.r-but{display: none;}
.img-box{ position: relative;width: 1000px; height: 272px; }
/*.l-but,.r-but{width: 25px; height: 40px; position: absolute; top: 90px;}
.l-but{left: 0;}
.r-but{right: 0;}*/
.M-box{width: 272px; width: 602px; position: absolute;left:200px;}
.xl-bg{ background: url(hysydrw201708028-17.jpg) no-repeat right bottom; padding-top: 52px; height: 220px;  overflow: hidden; }
.cloum320{width: 415px;}
.pannel-image{float: left;padding-right: 30px;}
.image-tit{font-size: 24px; line-height: 38px;}
.yf-tit{background: url(hysydrw201708028-03.jpg) repeat-x; height: 30px;text-align: center; position: relative;}
.rwjj{ font-size: 18px;  line-height: 30px; font-weight: bold; }
.rw-sum,.zw-sum{ line-height: 30px; font-size: 18px; color: #666;}
.rw-sum{text-indent: 2em;}
.zw-sum p{ line-height: 30px; }
.content{ width: 960px; }
/**/
#main {width: 1000px;}
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
.nano{height: 400px;}
.F-mobile{display: none;}
.img-top{padding-top: 10px;}
.fhbd{font-size: 14px; position: absolute;width: 80px; right: 0; top: -10px;}
.fhbd a{color: #3794f7;}
@media only screen and (min-width:320px) and (max-width:990px){
.iph-img,.F-mobile,.tab-bd li{display: block;}
.top,.banner{display: none;}
.iph-img img,.pannel-image img{width: 100%; height: auto;}
.main-cloum{width:96%;}
.img-box{width: 100%;}
#footer{display: none;}
.F-mobile{display: block; }
.M-box{width: 75%; padding-left: 5%; position: static; float: left;}
/* .l-but,.r-but{width: 8%; margin-top:20%; position: static;}
.l-but{float: left;}.r-but{float: right;} */

.img-box{ position: static; height: auto; }

.xl-bg{background: #f7f7f7; padding: 30px 0; height: auto; border-radius: 20px;-webkit-border-radius: 20px;-o-border-radius: 20px;-moz-border-radius: 20px; }
.cloum320{width: 90%;}
.pannel-image{width: 50%; padding-right:5%;}
.image-tit{font-size: 0.4rem; line-height: 25px;}
#main{width: 96%;}
#center,.content{width: 96%;}
.rw-sum,.zw-sum{font-size: 0.4rem;}
.F-mobile{text-align: center;font-size: 0.5rem; padding-bottom: 20px; background: #fff;}
}