.list_banner{width:100%;overflow: hidden;clear: both;}
.list_banner h2 small,.list_banner p{color: #ffffff;}
.list_banner p{text-align:center;}
.service_bannaer h2,.service_bannaer  p{clear: both;width:50%; display: block;float: right;line-height: 40px;text-align: left;}
.service_bannaer  p a{ background: #ffffff;border-radius: 5px;color: #333333;padding: 5px 15px 5px 15px;font-size: 13px;}
.service_bannaer  p a:hover{background: #999999;color: #ffffff;}
.service_content .s_c1,.service_content .s_c2,.service_content .s_c3,.service_content .s_c4{
    width: 100%;height: auto;overflow: hidden;
}
.service_content .s_c1 h2,.service_content .s_c2 h2,.service_content .s_c3 h2,.service_content .s_c4 h2{
    font-size: 24px;height:50px;line-height: 50px;text-align: center;color: #333333;
}
.service_content .s_c1 p{
    font-size: 14px;height:50px;line-height: 50px;text-align: center;color: #333333;
}
.service_content .s_c1 ul{padding-top:20px;}
.service_content .s_c1 ul li{float: left;width:14.2%; height: auto; overflow: hidden;
}
.service_content .s_c1 ul li img{width: 30%;display:block; margin: 0 auto;

    -webkit-transition: -webkit-transform 1.5s ease-out;
    -moz-transition: -moz-transform 1.5s ease-out;
    -o-transition: -o-transform 1.5s ease-out;
    -ms-transition: -ms-transform 1.5s ease-out;}
.service_content .s_c1 ul li a{display: block;width:80%;margin:0 auto;font-size: 14px; line-height:28px;margin: 0 auto;text-align: center;}
.service_content .s_c1 ul li .title{height:50px;line-height:50px;color: #333333;font-weight: bold;}
.service_content .s_c1 .list_u li{width: 20%;padding-left: 2%;padding-right: 2%;}
.service_content .s_c1 .list_u li .title{height:30px;line-height:30px;font-size: 14px;}
.service_content .s_c1 .list_u li p{height: auto;line-height: 30px;font-size: 13px;text-align: left;margin-bottom: 30px;}
.service_content .s_c1 ul li span{color: #333333;}
.service_content .s_c1 ul li:hover img{

        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        transform: rotateZ(360deg);

}
.service_content .s_c2{
    width: 100%;height: auto;overflow: hidden;
}
.service_content .s_c2 h2,.service_content .s_c3 h2,.service_content .s_c4 h2 {
    font-size: 24px;height:80px;line-height: 80px;text-align: center;color: #333333;margin-top:30px;
    border-bottom: 1px solid #333333;
}
.service_content .s_c2 ul{margin-top:40px; }
.service_content .s_c2 ul li{float: left;width: 18%;height: 300px; margin-left: 1%;margin-right: 1%;}
.service_content .s_c2 ul li i{display: block;width: 100%;text-align: center;margin-top: 100px; color: #ffffff;font-size: 60px;}
.service_content .s_c2 ul li span{display: block;width: 100%;text-align: center;font-size: 14px;color: #ffffff;margin-top: 20px;}
.service_content .s_c2 ul  .ys_1{
    background: #3aacf2;
}
.service_content .s_c2 ul  .ys_1 .icon-sheji{
    color: #ffffff;
}
.service_content .s_c2 ul  .ys_2{
    background: #8080ee;
}
.service_content .s_c2 ul  .ys_3{
    background: #ff4b64;
}
.service_content .s_c2 ul  .ys_4{
    background: #f6aa1f;
}
.service_content .s_c2 ul  .ys_5{
    background: #01bcab;
}
.service_content .s_c2 ul li:hover  {
    animation: transform-5 1s ease 50ms alternate none 1; cursor: pointer;
}
.s_c3 .news-con,.s_c3 .news-con .news-tit ul,.s_c3 .news-wen .item{
    opacity: 1;
}
.s_c3 .news-wen .info-list-wen h2 {
border-bottom: none;
font-size: 16px;
color: #000000;
margin-top: 0px;
/* font-weight: normal; */
height: 24px;
line-height: 24px;
overflow: hidden;
transition: all ease-in-out .2s;
text-align: left;
}
.s_c3 .news-wen .info-first h2 {
   font-weight: normal;
    font-size: 16px;
    color: #000000;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 40px;
    text-align: left;
}
.s_c3 .news-wen .info-first p,.s_c3 .news-wen .info-list-wen p{

    color: #666666;
}
.s_c3 .news-wen .info-list ul li:hover h2,.s_c3 .news-wen .info-list ul li:hover p,.s_c3 .news-wen .info-first:hover h2,.s_c3 .news-wen .info-first:hover p{

    color: #f85300;
}
.s_c3 .news-wen h2 {
    border-bottom: none;
}
.s_c3 .news-wen .info-first .info-pic img{

    max-height: 260px; overflow: hidden;
}
.s_c3 {
    margin-bottom: 50px;
}
.footer{
    height: auto;overflow: hidden;padding-bottom: 50px;
}
.touch-menu,.touch-nav,.touch-close{display: none;}
@media screen and (max-width:400px) {
  body{width: 100%;}
  .head{width: 100%;}
  .head_top{width: 100%;}
  .head_top_l{display: none;}
  .head_top_r{width:auto;overflow: auto;margin-right: 0px;}
  .head_top_r p{font-size: 12px;}
  .head_nav{height: 65px;}
  .head_nav_content ul{display: none;}
  .logo{width:150px;height: 39px;}
  .touch-menu{display: block; }
  .touch-menu,.touch-close{font-size: 26px;line-height: 60px;padding-right: 20px;color: #333;}
  .touch-nav{width:100%;height: 100%;background: #ffffff;padding-bottom: 30px;}
  .touch-nav ul li {height: 40px;line-height: 40px;font-size: 14px;padding-left: 30px;padding-right: 30px;border-bottom: 1px solid #eeeeee;}
  .touch-nav ul li:hover{background: rgba(195,15,35,1);}
  .touch-nav ul li:hover a{color:#ffffff;}
  .touch-nav ul li a{float: left;display: block;width: 90%;}
  .touch-nav ul li i{float: right;color: #666;}
  .banner-bin-h font,.banner-bin-h font u{font-size: 36px;}
  .hot{
      background: url(../images/hot.gif) 90px 5px no-repeat;
  }
  .footer_top{
      width:90%;height:auto;margin:0 auto;margin-top: 4%;overflow: hidden;
  }
  .about,.contact,.edge{width: 100%;float: left;color: #fff;}
  .edge{display: none;}
  .about h2,.contact h2,.edge h2{font-weight: normal; font-size: 12px; color: #ffffff; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px;
  border-bottom:1px solid #eee;margin-right:20% ;display: none;
  }
  .about p,.contact p,.edge p{margin-right: 0px;}
  .xm_link{display: none;}
  .link{display: none;
  }
  .about p,.contact p,.edge p{ font-size: 11px; color: #dddddd; line-height: 20px;  margin-top: 8px;padding-right:10%;}
  .Copyright{width:90%;margin:0 auto; text-align: center;color:#dddddd;margin-top: 30px;
  }
  .Copyright p{line-height:20px;font-size:10px;}
}
@media screen and (max-width:400px) {
  body{width: 100%;}
  .head{width: 100%;}
  .head_top{width: 100%;}
  .head_top_l{display: none;}
  .head_top_r{width:auto;overflow: auto;margin-right: 0px;}
  .head_top_r p{font-size: 12px;}
  .head_nav{height: 65px;}
  .head_nav_content ul{display: none;}
  .logo{width:150px;height: 39px;}
  .touch-menu{display: block; }
  .touch-menu,.touch-close{font-size: 26px;line-height: 60px;padding-right: 20px;color: #333;}
  .touch-nav{width:100%;height: 100%;background: #ffffff;padding-bottom: 30px;}
  .touch-nav ul li {height: 40px;line-height: 40px;font-size: 14px;padding-left: 30px;padding-right: 30px;border-bottom: 1px solid #eeeeee;}
  .touch-nav ul li:hover{background: rgba(195,15,35,1);}
  .touch-nav ul li:hover a{color:#ffffff;}
  .touch-nav ul li a{float: left;display: block;width: 90%;}
  .touch-nav ul li i{float: right;color: #666;}
  .banner-bin-h font,.banner-bin-h font u{font-size: 36px;}
  .hot{
      background: url(../images/hot.gif) 90px 5px no-repeat;
  }
  .list_content{background: #ffffff;}
  .service_content .s_c1 h2{font-size: 13px;}
  .service_content .s_c1 p{font-size: 10px;line-height: 16px;}
  .service_content .s_c1 ul li{width: 50%; height: 200px;}
  .service_content .s_c2 ul li{width: 48%; height: 200px;margin-bottom: 20px;}
  .service_content .s_c2 ul li i{margin-top: 50px;}
  .footer_top{
      width:90%;height:auto;margin:0 auto;margin-top: 4%;overflow: hidden;
  }
  .about,.contact,.edge{width: 100%;float: left;color: #fff;}
  .edge{display: none;}
  .about h2,.contact h2,.edge h2{font-weight: normal; font-size: 12px; color: #ffffff; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px;
  border-bottom:1px solid #eee;margin-right:20% ;display: none;
  }
  .about p,.contact p,.edge p{margin-right: 0px;}
  .xm_link{display: none;}
  .link{display: none;
  }
  .about p,.contact p,.edge p{ font-size: 11px; color: #dddddd; line-height: 20px;  margin-top: 8px;padding-right:10%;}
  .Copyright{width:90%;margin:0 auto; text-align: center;color:#dddddd;margin-top: 30px;
  }
  .Copyright p{line-height:20px;font-size:10px;}
  .list_banner{height: 180px;}
  .list_banner h2 ,.list_banner h2 small{font-size: 13px;}
  .list_banner p{font-size: 12px;text-align:center;margin: 0 auto;}
  .list_content{width: 100%;margin: 0 auto;height: auto;}
  .list_content .c_l, .list_content .c_r{width: 90%;padding-left: 20px;padding-right: 20px;float: left;overflow: hidden;}
  .footer{height: 500px;}
  .footer_center .about{height: 120px;}
  .footer_center .contact{height: 100px;margin-top: 0px;}
}