@media (max-width:450px) {
  /* channel */
  .channel {
    /* padding:0px 0px 30px  0px; */
  }

  .channel-page {
    background-color: #fff;
  }

  .chs-location {
    height: 3.75rem;
    line-height: 3.75rem;
    border-bottom: 0.0625rem solid #e2e2e2;
    margin-bottom: 0.9375rem;
  }

  .chs-location a {
    color: #626262;
  }

  .chs-location a:hover {
    color: #CD0200;
  }
  
  .channel-header {
    text-align: center;
  }
  
  .channel-title {
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 2rem;
    color: #424242;
  }
  
  .channel-desc {
    line-height:  2rem;
    color: #929292;
  }
  
  .channel-body {
    padding:3.125rem 0.625rem;
    min-height: 25rem;
  }
  
  .channel-body p {
    line-height: 2rem;
    text-indent: 2rem;
  }
  
  /* news */
  .chs-news {}
  
  .chs-news ul li {
    line-height: 2rem;
    padding:0.5rem 0rem;
    border-bottom: 0.0625rem dotted #e2e2e2;
  }
  .chs-news ul li {
    
  }
  
  .chs-news-desc {
    display: none;
  }
  
  .chs-news ul li a {
    font-size: 1rem;
    color: #626262;
  }
  
  .chs-news ul li a::before {
    content: "";
    display: inline-block;
    background: url(../images/arrow.png) no-repeat center center;
    width: 1rem;
    height: 1rem;
  }
  
  .chs-news ul li a:hover {
    color: #CD0200;
  }
  
  .newstiem {
    float: right;
    color: #ccc;
  }
  .contact-us{
    width: 100%;
  }
  .contact-us img{
    width: 100%;
  }
  
  /* product */
  .channel-body-list {}
  
  .channel-body-list>li {
    float: left;
    width: 50%;
    overflow: hidden;
    padding: 0.3125rem;
  }
  
  .channel-body-list-title {
    display: block;
    position: absolute;
    bottom: 0rem;
    width: 100%;
    background-color: rgba(102, 102, 102, .8);
    padding: 0.3125rem 0rem;
    text-align: center;
  }
  
  .channel-body-list-thumbnail {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .channel-body-list-thumbnail img{
    vertical-align: bottom;
  }
  
  
  .channel-body-list-title>h3 {
  font-size: 0.875rem;
  color: #ffffff;
  }
  
  .channel-body-list-title>p {
    font-size: 0.75rem;
    color: #ffffff;
  }
  
  
}

@media (min-width:451px) {
/* channel */
.channel {
  /* padding:0px 0px 30px  0px; */
}
.channel-page{
  padding:30px 0px;
  background-color: #fff;
}
.channel-header {
  text-align: center;
}
.channel-title{
  font-size:28px;
  font-weight: bold;
  line-height: 2;
  color:#424242;
}
.channel-desc{
  line-height: 2;
  color: #929292;
}
.channel-body {
  padding:50px;
  min-height: 400px;
}
.channel-body p{
  line-height: 2;
  text-indent: 2em;
}


.channel-nav ul {
  overflow: hidden;
}

.channel-nav ul li {
  float: left;
  height: 66px;
  line-height: 66px;
  position: relative;
}

.channel-nav ul li a {
  padding: 0 30px;
  font-size: 16px;
}

.channel-nav ul li:hover,
.channel-nav li .cur {
  font-weight: bold;
  color: #c79556;
}

.channel-nav ul li:first-child a {
  padding-left: 0;
}

.channel-nav ul li:after {
  content: "";
  width: 1px;
  height: 12px;
  background: #dddddd;
  display: block;
  position: absolute;
  right: -0.5px;
  top: 50%;
  margin-top: -6px;
}

.channel-nav ul li:last-child:after {
  display: none;
}

.channel-content {
  padding-top: 40px;
  line-height: 1.5;
  color: #666666;
  font-weight: 700;
}

.chs-location{
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 15px;
}
.chs-location a{
color:#626262;
}
.chs-location a:hover{
color:#CD0200;
}

.channel-body-list {}

.channel-body-list>li {
  display: inline-block;
  width: 33%;
  overflow: hidden;
}

.channel-body-list-title {
  display: block;
  position: absolute;
  bottom: -80px;
  opacity: 0;
  width: 100%;
  background-color: rgba(102, 102, 102, .8);
  padding: 10px 0px;
  transition: all 0.3s ease 0s;
}

.channel-body-list>li:hover .channel-body-list-title {
  bottom: 0px;
  opacity: 1;

}

.channel-body-list-thumbnail {
  display: block;
  width: 400px;
  height: 280px;
  /* background-color: #208145; */
  margin: 20px auto;
  position: relative;
  overflow: hidden;
}




.channel-body-list-title>h3 {
  font-size: 16px;
  color: #ffffff;
  line-height: 2;
  text-indent: 20px;
  font-weight: bold;
}

.channel-body-list-title>p {
  font-size: 14px;
  color: #ffffff;
  line-height: 2;
  text-indent: 20px;
}

.chs-news{}
.chs-news ul li{
  line-height: 2;
  padding:8px 0px;
  border-bottom: 1px dotted #e2e2e2;
  transition: all 0.5s ease-in-out;
  
}
.chs-news ul li:hover{
  background-color: #f0f0f0;
}
.chs-news ul li{
  text-indent: 2em;
}
.chs-news-desc{
  font-size:14px;
  color: #9f9f9f;
  width:50%;
  margin-left:48px ;
}
.chs-news ul li a{
  
  font-size:16px;
  color:#626262;
  transition: all 0.5s ease-in-out;
}
.chs-news ul li a::before{
  content: "";
  display: inline-block;
  background: url(../images/arrow.png) no-repeat center center;
  width:16px;
  height:16px;
}
.chs-news ul li a:hover{
  color:#CD0200;
}
.newstiem{
  float: right;
  color: #ccc;
}
.contact-us{
    width:525px;
    height: 348px;
    float: left;
    margin-right:20px;
  }

}

/* pagination */
.pagination{padding:10px 0px;border-top:1px solid #f0f0f0;margin-top:20px}
.page_wrap{clear:both; margin-bottom:10px; overflow:hidden;zoom:1;}
.paginator {float:right; height:25px; overflow:hidden; }
.paginator,
.paginator input,
.paginator button {font-family:Tahoma, "宋体"; font-size:12px; }
.paginator a,
.paginator span {float:left; height:23px; margin:0 5px 0 0; text-align:center; white-space:nowrap; vertical-align:middle; line-height:23px; background:#fff; }
.paginator a {color:#085C9B; }
.paginator b{font-family:"宋体"; margin:3px;font-weight:300;}
.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {text-decoration:none; }
.paginator .page-start,
.paginator a,
.paginator .page-end {padding:0 8px; border:1px solid #D3D3D3; background:#ffffff; }
.paginator .page-start {border-color:#d9d9d9; color:#d9d9d9; }
.paginator .page-end { border-color:#d9d9d9;  color:#d9d9d9; }
.paginator .page-this,
.paginator .page-break {padding:0 3px; }
.paginator .page-break {border:1px solid #fff; }
.paginator .page-this {border:1px solid #D3D3D3;background-color:#E9E9E9; color:#D4105A;padding:0px 8px; font-weight:bold; }
.paginator .page-skip {height:22px; line-height:22px; padding:0 3px; margin:0; background:none; }
.paginator .page-skip input {width:26px;  *width:23px;height:19px;line-height:19px;border:1px #D3D3D3 solid;font-size:12px; margin:-1px 6px 0px 6px;#margin-top:1px;_margin-top:0px;padding:0px 0px 0px 2px; vertical-align:middle; padding-top:0px; padding-bottom:0px; }
.paginator .page-skip button {font-size:12px; padding:0 5px 5px 5px;_padding:0 5px 0 5px; width:auto; _width:0; height:22px;  *height:23px; *line-height:20px; _height:16px; _line-height:16px; margin-left:10px;  *margin-top:-1px;overflow:visible; vertical-align:top; }
.paginator a:hover {border:1px solid #A6A6A6;color:#868688; }