@media screen and (max-width:767px) {
  h4, h5, h6,
  h1, h2, h3 {margin-top: 0;}
  ul, ol {margin: 0;}
  p {margin: 0;}
  html, body{
    font-size: 100%;
    background:#fff;
  }

  a {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
  }

  *{
    font:14px/1.5 'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', ΢ÈíÑźÚ, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;'Hiragino Sans GB', 'Open Sans', Arial, 'Microsoft YaHei', ΢ÈíÑźÚ, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
  }

  body,html,span,ul,li,em,i,a{
    margin:0;
    padding:0;
    list-style:none;
    text-decoration: none!important;
  }

  .container{
    margin:0 auto;
  }

  input,textarea,select:focus{
    outline: none;
    padding:0;
  }

  .clear{
    clear:both;
  }
  .fl{
    float:left;
  }
  .fr{float:right;}

  body{
    overflow-x: hidden;
  }
  /*index*/
  /*header*/
  .header{
    background:#0071b9;
    height:27px;
    width:100%;
    padding-left:15px;
    padding-right:15px;
  }

  .header span{
    color:#fff;
    font-size:12px;
    line-height:27px;
    display:block;
    text-align:center;
  }

  .header_nav i,.header_nav a{
    display:inline-block;
    color:#fff;
    font-size:12px;
    line-height:27px;
  }

  .header_nav{
    color:#fff;
    line-height:27px;
    margin-right:30px;
    display:none;
  }
  .logo{
    margin-top:5px;
    width:60%;
  }
  .logo img{
    width:100%;
  }
  .navs li{
    display: block;
    position:relative;
    margin-left:-15px;
  }
  .navs li:first-child{
    margin-top:35px;
  }
  .navs li>a{
    color:#fff;
    background:#0071b9;
    width:74px;
    font-size:12px;
    height:30px;
    overflow:hidden;
    text-align: center;
    line-height:30px;
    display:block;
  }
  .nav{
    padding-top:20px;
    padding-bottom:20px;
  }
  .navs .search{
    display: inline-block;
    float: left;
    margin-top: 12px;
    z-index: 3;
    margin-left: 5px;
    display:none;
  }

  .search input{
    color:#282828;
    position:absolute;
    top: 25px;
    right:0;
    border-radius:5px;
    border:1px solid #b1b1b1;
    font-size:12px;
    padding-left:3px;
    height:20px;
    line-height:20px;
  }

  .search {position:relative}

  .search img{
    display:inline-block;
  }

  .navbar a{
    display:block;
    color:#fff;
    line-height:30px;
    height:30px;
    overflow:hidden;
    text-align: center;
    padding:2px 10px 2px 10px;

  }
  .navbar{
    width:90px;
    position:absolute;
    left:0;
    top:50px;
    background:rgba(0,113,185,.5);
    color:#fff;
  }

  .navs li .navbar a{
    color:#fff;
  }

  .navs,.navs li,.navs li .navbar,.nav {
    z-index: 2;
  }
  .navs li a:hover{
    background:#0071b9;
    color:#fff;
  }

  /*banner*/
  .index-banner{
    overflow:hidden;
    position:relative;
    z-index: 1;
  }

  #full-screen-slider {
    width:100%;
    height:250px;
    float:left;
    position:relative
  }

  #slides {
    display:block;
    width:100%;
    height:250px;
    list-style:none;
    padding:0;
    margin:0;
    position:relative
  }

  #slides li {
    display:block;
    width:100%;
    height:100%;
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
  }

  #slides li a {
    display: block;
    /* text-indent: -9999px; */
    color: #fff;
    background: #072958;
    width: 130px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    font-size: 12px;
    left: 50%;
    margin-left: -65px;
    bottom: 15%;
  }

  #pagination {
    display:block;
    list-style:none;
    position:absolute;
    left:52%;
    top:220px;
    z-index:9900;
    padding:5px 5px 5px 0;
    margin:0;
  }

  #pagination li {
    display:block;
    list-style:none;
    width:12px;
    height:12px;
    float:left;
    margin-left:10px;
    border-radius:50%;
    background:#FFF;
  }

  #pagination li a {
    display:block;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    text-indent:-9999px;
  }

  #pagination li.current {
    background:#1c79b2;
  }

  .full-screen-slider li a{
    display:inline-block;
    color:#fff;
    background:#072958;
    width: 190px;
    height:40px;
    text-align:center;
    line-height:40px;
    position:absolute;
    left:50px;
    bottom:200px;

  }

  .full-screen-slider li {
    position:relative;
  }

  /*index-product*/
  .index-pt{
    margin-top:20px;
    padding-left:15px;
    padding-right:15px;
  }

  .index-pt h1,.index-news h1{
    color:#282828;
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
  }

  .pro-navs a{
    background:url("../images/index-nav-icon_05.png") no-repeat left center;
    padding-left:10px;
    color:#282828;
    font-size:12px;
    margin-left:5px;
  }

  .pro-navs a.current-a{
    background:url("../images/index-nav-icon_03.png") no-repeat left center;
    color:#d00505;
    font-size:12px;
  }

  .index-box ul{
    width:100%;
    padding-left:1%;
    padding-right:1%;
  }
  .index-box ul li{
    width:43%;
    float:left;
    margin-top:20px;
    margin-left:10px;
    margin-right:10px;
    position:relative;
  }

  .index-box li img{
    display:block;
    width:100%;
    height:100%;
  }

  .index-box ul{overflow:hidden}

  .index-box li a>span{
    position:absolute;
    bottom:0;
    left:0;
    background:rgba(34,24,21,5);
    width:100%;
    height:28px;
    line-height:28px;
    text-align: center;
    display:block;
    font-size:13px;
    color:#FFFFFF;
  }

  .index-box ul li .hover{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }

  .hover span{
    display: block;
    font-size: 15px;
    text-align: center;
    margin-top: 10%;
    color: #fff;
  }

  .hover em{
    display: block;
    text-align: center;
    margin-top: 5%;
    font-size: 12px;
    line-height: 16px;
    width: 60%;
    margin: auto;
    margin-top: 5%;
    color: #fff;
    max-height: 48px;
    overflow: hidden;
  }

  /*index-news*/
  .index-news{
    padding-left:15px;
    padding-right:15px;
  }
  .index-news h1{
    margin-top:20px;
  }

  .n-t a,.n-t{
    display:inline-block;
    color:#8a8687;
  }
  .n-t a.current-n{
    color:#e60012;
  }

  .n-t{
    float:left;
  }
  .news-t .hd{
    float:right;
  }
  .news-t{
    overflow:hidden;
  }
  .index-n-box ul li{
    background:#e6e5e5;
    width:310px;
    height:250px;
    position:relative;
    float:left;
  }

  .index-n-box ul{
    margin-top:30px;
    overflow:hidden;
  }

  .index-n-box ul li b{
    color: #b1b1b1;
    font-size: 50px;
    font-weight: bold;
    padding-top: 20px;
    margin-left: 30px;
    font-family: Arial;
    display: block;
  }
  .index-n-box ul li i{
    display:block;
    background:#e6e5e5;
    position:absolute;
    left: 62px;
    top: 60px;
    font-size:12px;
    color:#626061;
  }

  .index-n-box ul li a{
    display:block;
  }
  .index-n-box ul li a span{
    color:#000;
    font-size:16px;
    margin-left:30px;
    max-height:20px;
    max-width:250px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display:block;
    margin-top: 10px;
  }

  .index-n-box ul li p{
    color: #949494;
    font-size: 12px;
    margin-left: 30px;
    height: 50px;
    max-width: 250px;
    overflow: hidden;
    line-height: 16px;
    text-overflow: ellipsis;
    margin-top: 20px;
  }

  .index-n-box ul li.current-li b{
    color:#0071b9;
  }
  .index-n-box ul li.current-li{
    background:#e6e5e5;
  }
  .index-n-box ul li.current-li span{
    color:#0071b9;
  }
  .index-n-box ul li.current-li p{
    color:#282828;
  }

  .index-n-box .hd .prev{
    background:url("../images/prev.png") no-repeat;
    width:18px;
    height:18px;
    float:left;
    margin-right: 10px;
    background-size: 100%;
  }
  .index-n-box .hd .prev:hover{
    background:url("../images/prev-hover.png") no-repeat;
    background-size: 100%;
  }
  .index-n-box .hd .next{
    background:url("../images/next.png") no-repeat;
    width:18px;
    height:18px;
    float:right;
    margin-right: 10px;
    background-size: 100%;
  }
  .index-n-box .hd .next:hover{
    background:url("../images/next-hover.png") no-repeat;
    background-size: 100%;
  }

  .index-n-box .hd a{
    display:block;
  }

  .index-n-box .hd{
    position: absolute;
    top: -20px;
    right: 10px;
  }

  .index-n-box{
    position:relative;
  }

  .index-n-box .bd{
    padding-top:30px;
    overflow:hidden;
    martgin-left:0;
  }

  .n-t a:hover{
    color:#e60012;
  }
  .index-box ul li a{
    display:block;
  }

  /*index-enter*/
  .enter h1{
    color:#282828;
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px;
    padding-top:20px;
    margin-top:30px;
  }

  .enter{
    background:url("../images/index-bg.jpg") no-repeat center top;
    background-size:100% 280px;
    padding-left:15px;
    padding-right:15px;
  }

  .enter em{
    display:block;
    color:#605f5f;
    margin-top: 0;
  }

  .enter-box{
    overflow:hidden;
  }
  .enter-box .enter1{
    float:left;
  }
  .enter1{
    width:100%;
    margin-top:20px;
  }
  .enter1 img{
    width:100%;
    height:200px;
    display:block;
  }

  .enter1 span{
    display:block;
    margin-top:15px;
    color:#1b1a1a;
    margin-left:0px;
  }

  .enter-b i{
    float:left;
    display:inline-block;
    font-size:12px;
    color:#1b1a1a;
  }
  .enter-b a{
    float:right;
    background:url("../images/enter-arrow.png") no-repeat;
    width:22px;
    height:22px;
    display:block;
    margin-top: 10px;
    margin-right: 30px;
  }
  .enter-b i strong{
    color: #1b1a1a;
    font-size: 22px;
    font-weight: bold;
    margin-right: 5px;
  }

  .enter-b {
    overflow:hidden;
    margin-top:5px;
    margin-left:0px;
  }

  .hover-t{
    background:#0071b9;
    color:#fff;
    text-align: center;
    height:60px;
    line-height:60px;
    display:block;
    position:relative;
    width:100%;
  }

  .hover-t b{
    background:url("../images/enter-bg.png") no-repeat center center;
    display:inline-block;
    height:1px;
    width:100%;
    position:absolute;
    top:30px;
    left:0;
  }

  .enter1 img.bigger-img{
    width:100%;
    height:180px;
  }

  /*footer*/
  .footer{
    background:#434542;
    margin-top:20px;
  }

  .foot-nav {
    padding-top:10px;
    width:100%;
    padding-left:15px;
    padding-right:15px;
  }
  .foot-nav ul{
    overflow:hidden;
  }
  .foot-nav ul li{
    color:#fff;
    font-size:16px;
    float:left;
    margin-left:0px;
    width:100%;
    margin-top:10px;
  }
  .foot-nav ul li:first-child{
    /*margin-left:0;*/
  }
  .foot-nav ul li a{
    color:#a7abb0;
    display:block;
    line-height:20px;
    text-align: left;
    float:left;
    margin-left:15px;
  }
  .foot-nav ul li a:hover,.friendlink a:hover{
    color:#0071b9;
  }
  .foot-nav ul li i{
    border-top:1px solid #d41919;
    width:45px;
    display:block;
    margin-top:10px;
    margin-bottom:10px;
  }

  .sitemap{
    padding-top: 30px;
    color:#a7abb0;
  }

  #sitemap{
    width:100%;
    height:200px;
    margin-top:20px;
  }

  .friendlink{
    color:#fff;
    margin-top:40px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:20px;
  }

  .friendlink a{
    color:#a7abb0;
    font-size:13px;
    display:inline-block;
  }

  .copyright{
    background:#434542;
    border-top:1px solid #696a68;
    padding:15px;
  }

  .copyright span,.copyright em{
    line-height: 20px;
    color: #f4f4f4;
    display: block;
    font-size: 12px;
    float:none;
  }

  .copyright em{
    background: url(../images/bei.png) no-repeat left center;
    padding-left: 25px;
    /* text-align: center; */
    display: block;
    margin: auto;
    margin-top: 10px;
    width: 160px;
  }
  .copyright span{
    padding-left:15px;
    text-align: center;
  }

  /*usual*/
  .left{
    width: 50%;
    padding-left:15px;
  }
  .right{
    margin-left:15px;
    width:92%;
    margin-top:20px;
  }

  .left .left-t{
    background: #0071b9;
    text-indent: 20px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    display:block;
    font-weight:bold;
  }

  .left a{
    padding: 5px 0 5px 20px;
    border-bottom: 1px dotted #ccc;
    display:block;
    font-size: 14px;
    color: #666;
  }
  .left a:hover{
    color:#DB0000;
  }

  .right-t{
    padding-left: 20px;
    background: url(../images/r_title.png) left;
    height: 50px;
    line-height: 50px;
    position: relative;
    color: #5f5f5f;
    font-size: 16px;
    margin-bottom: 5px;
  }
  /*about*/
  .navs li.current-nav{
    background:#0071b9;
  }

  .navs li.current-nav a{
    color:#fff;
  }

  .location{
    color:#6f6f6f;
    line-height:40px;
    padding-left:15px;
    padding-right:15px;
  }
  .location a{
    display:inline-block;
    color:#6f6f6f;
    line-height:40px;
  }
  .location a:last-child,.location a:hover{
    color:#0071b9;
  }

  .news-t span{
    display:block;
    float:left;
    color: #282828;
    line-height:25px;
    font-size:15px;
    max-width:70%;
    height:25px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .news-t i{
    display:block;
    float:right;
    color: #666;
    line-height:25px;
  }
  .news-t{
    overflow:hidden;
  }

  .news-list ul li p{
    color: #666;
    margin-top:5px;
    height:42px;
    overflow:hidden;
  }

  .news-list ul li{
    padding-left: 20px;
    line-height: 25px;
    border-bottom: 1px dashed #b8b8b8;
    margin: 10px 0;
    color: #232323;
    padding-bottom: 10px;
    padding-right:15px;
  }

  .news-list ul li a{
    display:block;
  }
  .news-list ul li a:hover span,.news-list ul li a:hover p{
    color:#0071b9;
  }
  .news-list ul li a:hover i{
    color:#DB0000;
  }

  /*·ÖÒ³*/
  .pageNavi {
    padding: 10px 0 25px 0;
    margin: 10px auto 0;
    width: 100%;
    text-align: center;
    color:#6f6f6f;
  }

  .pageNavi li{display:inline-block}

  .pageNavi li a{
    display:inline-block;
    color:#6f6f6f;
  }
  .pageNavi li strong{
    font-weight:bold;
  }

  .pageNavi li a:hover{
    color:#DB0000;
  }

  /*news-detail*/
  .new-detail-t em,.new-detail-t span,.new-detail-t i{
    display:block;
    margin-left:20px;
    color:#6d6d6d;
  }

  .new-detail-t{
    width:90%;
    margin:0 auto;
  }

  .news-list h2{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #6d6d6d;
    width: 80%;
  }

  .news-detail-line{
    border-top:1px solid #ccc;
    width:80%;
    margin:auto;
    margin-top:10px;
    margin-bottom:10px;
  }

  .news-list-detail p{
    color:#6d6d6d;
    width:90%;
    margin:auto;
  }

  .pageleft{
    width:100%;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .pageright{
    width:100%;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .met_page{
    overflow:hidden;
    color:#666;
    margin: 20px 10% 0 0;
    width:90%;
  }

  .met_page a,.met_page i{
    color:#666;
    display:inline-block;
    height:22px;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .met_page a:hover{
    color:#DB0000;
  }

  /*product*/
  .product-list ul li{
    width:98%;
    margin-right:15px;
  }
  .product-list ul{
    overflow:hidden;
    margin-top:20px;
  }
  .product-list ul li a{
    display:block;
  }

  .product-list ul li img{
    display:block;
    width:100%;
    height:100%;
    border:2px solid #0071b9;
    max-height:250px;
  }
  .product-list ul li span{
    display:block;
    width:100%;
    text-align: center;
    line-height:40px;
    color:#6d6d6d;
  }
  .product-list ul li:hover img{
    border:2px solid #DB0000;
  }
  .product-list ul li:hover span{
    color:#DB0000;
  }

  /*product-detail*/
  .product-detail h2{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #6d6d6d;
    width: 80%;
  }
  .product-detail img{
    display:block;
    max-width:80%;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
  }

  /*about*/
  .about-box p{
    color:#6d6d6d;
    font-size:13px;
    width:90%;
    margin:auto;
  }

  strong{
    font-weight:bold;
  }

  .about-box img{
    display:block;
    margin:auto;
    margin-top:20px;
    margin-bottom:20px;
    width:90%;
    min-height:120px;
  }

  .header_nav a:hover{
    color:#DB0000;
  }
  /*¼æÈÝie8*/
  .search img{
    border:none;
  }

  .index-box ul li a img{
    border:none;
  }

  .nav{
    padding-left:15px;
    padding-right:15px;
  }
.pro-navs{
  float:left;
  margin-top:10px;
}
.navs{
  background:url("../images/mobile-nav.png") no-repeat;
  width:44px;
  height:34px;
  margin-right:1px;
}
  .index-banner ul li.banner1{
    background:url(../images/banner1-small.jpg) no-repeat 0 35%;
  background-size:100%;
  }
  .index-banner ul li.banner2{
    background:url(../images/banner2-small.jpg) no-repeat  0 35%;
    background-size:100%;
  }
  .index-banner ul li.banner3{
    background:url(../images/banner3-small.jpg) no-repeat  0 35%;
    background-size:100%;
  }



}