@import url('import.css');
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1466415132'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1466415132#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff?t=1466415132') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf?t=1466415132') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1466415132#iconfont') format('svg'); /* iOS 4.1- */
}

.wraper { width:1080px; margin:0 auto; text-align: center;  }
.nav4 { display: none; }
.banner {  }
.banner .bb { background-size: 100%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover; z-index: 1; }
.swiper-container {
    width: 100%;
    height: 100%;
}
.b_about { height: 480px;  }
.b_about img { width:100%;  }


.swiper-container .swiper-pagination-bullet {  background: #fff; opacity: .9  }
.swiper-container .swiper-pagination-bullet-active { background: #e75c22;  }

.swiper-container .swiper-button-prev:before { font-family:"iconfont" !important;
  font-size:66px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; content: "\e604"; color: #232323; }
.swiper-container .swiper-button-next:before { font-family:"iconfont" !important;
  font-size:66px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; content: "\e605"; color: #232323; }

.swiper-container .swiper-button-next { right: 4%; background-image: none;  }
.swiper-container .swiper-button-prev { left: 2%; background-image: none; }
.swiper-container .swiper-button-prev:hover:before,.swiper-container .swiper-button-next:hover:before {  opacity:1; color: #fff;  }
.swiper-container .swiper-slide span {  display: inline-block; display: none; margin-top: 230px; font-size: 5rem; color: #fff; font-weight: 200; }


.index-nav { position: fixed; left: 0; top: 0; display: none;  z-index: 99999; background: #fff; width: 100%;  }
.index-nav .home-nav,.c-nav-fixed .home-nav { display: flex;  margin:0 auto; width:920px; justify-content: space-between; align-content: center; }
.home-nav li { list-style: none; height: 60px; line-height: 60px; border-bottom: #fff solid 2px; }
.home-nav li.active,.home-nav li:hover { border-bottom: #f2ec2d solid 2px; }
.home-nav li a { color: #232323; font-weight: 300; font-size: 18px; font-weight: 400; }
.home-nav li.active a, .home-nav li:hover a { color: #f2ec2d; }
 
.home_intro { padding:20px; line-height: 26px; font-size: 14px;  }
.text-indent { text-indent: 2rem; }

.search_Nav { background: #fff; margin: 15px 0; }
.search_Nav .search { height: 50px; display: flex;  text-align: left; }
#parent{
    background: url('http://ourjs.github.io/static/2015/arrow.png') right center no-repeat; 
   /* the width and the height of your image */
    width: 70px;
    height: 34px;
    overflow: hidden;
    border: solid 1px #ccc;
    border-right: none;
}

#parent select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:transparent;
    border:none;
    padding-left:10px;
    width: 90px;
    height:100%;    
}
.search_Nav .search .formSearch { flex: 1; display: flex; align-items: center; }
.search_Nav .search .formSearch input { width: 70%; height: 32px; line-height: 32px; padding-left: 10px; }
.search_Nav .search .formSearch span { margin-left: -30px; font-size: 18px; cursor: pointer; }
.search_Nav .search .keywords { flex: 2.5;  display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
.search_Nav .search .keywords a { font-size: 14px; margin-right: 10px;  }
.search_Nav .search .keywords a:last-child { margin-right: 0; }

.search_Nav .quicknav { display: flex; margin: 30px 0; align-items: center; justify-content: space-between;  }
.search_Nav .quicknav .nav-item { display: inline-flex; line-height: 33px; align-content: center; flex-direction: column; }
.search_Nav .quicknav .nav-item img {  width: 100px; margin-bottom: 10px; height: 100px; border-radius: 50%; }
.paaler-ad { z-index: 1;  }
.paaler-ad img { max-width: 100%; width: 100%; }

.home-products { padding:10px 0; background: #f7f7f7; position: relative; }
.home-products h3 { font-size: 26px; background: url(../images/hr_bg.jpg) repeat-x  left 30px; font-weight: 300; color: #232323; }

.home-products dl.cate { display: -webkit-flex; display: flex; justify-content:flex-start; align-items: stretch; padding: 10px  20px 10px 0; background: url(../images/hr_bg.jpg) repeat-x bottom; }
.home-products dl.cate dt { min-width: 65px; display: inline-flex; font-size: 16px; padding-top: 5px; margin-right: 10px; color: #000; }
.home-products dl.cate dd { display: -webkit-flex; display: flex; justify-content:flex-start; align-items: flex-start; flex-wrap: wrap; }
.home-products dl.cate dd a { display: inline-flex; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; padding: 3px 7px; border-radius: 2px; font-size: 14px; display: inline-block; border: #ccc solid 1px; color: #232323;   }
.home-products dl.cate dd a:hover {  border: #f2ec2d solid 1px; color: #0080ff;   }
 
.swiper-products { overflow: hidden; margin-top: 20px; }
.swiper-products .swiper-button-next { right: 20px; top: 300px; background-size: 70%; }
.swiper-products .swiper-button-prev { left: 23px; top: 300px; background-size: 70%;  }
.swiper-products .pro-item { display: flex; position: relative; align-content: center; flex-direction: column; justify-content: center; }
.swiper-products .pro-item img { width: 275px; height: 200px; }
.swiper-products .pro-item p { position: absolute;width:275px; bottom:4px; height: 32px; line-height: 32px; background: rgba(0,0,0,0.5); color: #fff; }
.swiper-products .pro-item p a { color: #fff; font-size: 14px; }
.swiper-products .pro-item p:hover { background: rgba(243,232,39,0.5); }
.swiper-products .tags {   display: flex; flex-wrap: wrap; }
.swiper-products .tags a { margin:5px 5px 0 0; padding: 3px 5px; border-radius: 2px; font-size: 12px; display: inline-block; border: #ccc solid 1px; color: #232323; }

.swiper-products .swiper-button-next img , .swiper-products .swiper-button-prev img { display:  none;  }


.home-cases { margin: 10px 0 0; position: relative; }
.home-cases h3 { font-size: 26px; font-weight: 300; color: #232323; background: url(../images/hr_bg.jpg) repeat-x left 30px; }
.home-cases h3 span { padding: 0 10px; }
.home-cases dl.cates { display: flex;   justify-content:flex-start; align-items: flex-start; padding: 10px  20px 10px 0; background: url(../images/hr_bg.jpg) repeat-x bottom; }
.home-cases dl.cates dt {  font-size: 16px; margin-right: 15px; color: #000; min-width: 70px; padding-top: 3px; }
.home-cases dl.cates dd { text-align: left; }
.home-cases dl.cates dd a { margin-right: 10px; flex:1;  padding: 3px 7px; border-radius: 2px; font-size: 14px; display: inline-block; border: #ccc solid 1px; color: #232323; margin-bottom: 3px;  }
.home-cases .area_content { display: none; z-index: 999; min-height:120px; position: absolute; left: 90px; background: #fff; width: 90px; top: 90px; padding: 20px; line-height: 23px; text-align: left; font-size: 14px; }
.home-cases .poscity1 { left: 100px; }
.home-cases .poscity2 { left: 180px; }
.home-cases .poscity3 { left: 264px; }
.home-cases .poscity4 { left: 346px; }
.home-cases .poscity5 { left: 428px; }
.home-cases .poscity6 { left: 510px; }
.home-cases .poscity7 { left: 592px; }

.home-products dl.cate dd a:hover,.home-cases dl.cates dd a:hover { color: #f2ec2d; }

.home-cases .cases-list { display: flex; flex-wrap:  wrap; align-content: space-between; margin: 10px 0 15px; width: 100%; }
.home-cases .cases-list li{ list-style: none;width:258px; margin-left: 15px; margin-top: 15px; position: relative; }
.home-cases .cases-list li:nth-child(4n+1) { margin-left:0; }

.home-cases .cases-list li img { max-width: 258px; }
.home-cases .cases-list li p { position: absolute;width:258px; bottom: 4px; height: 32px; line-height: 32px; background: rgba(0,0,0,0.5); color: #fff; }
.home-cases .cases-list li p a { color: #fff; font-size: 14px; }
.home-cases .cases-list li:hover p { background: rgba(243,232,39,0.5); }

.home-solution { margin:10px auto; }
.home-solution h3,.home-news h3,.home-clients h3 { background: url(../images/hr_bg.jpg) repeat-x  left 30px; font-size: 26px; font-weight: 300; color: #232323; }

.home-solution p ,.home-zhuanli p,.home-clients p { font-size: 14px; line-height: 23px; margin:0 50px 20px; }
.home-solution .piclists { position: relative; width:490px; max-height: 380px; float: left; overflow: hidden;  }
.home-solution .piclists li { list-style: none; }
.home-solution .piclists li p a { position: absolute; background: rgba(0,0,0,0.5); color: #fff; bottom: 24px; right: 0; display: inline-block; padding: 6px 22px; }
.home-solution .piclists li img { max-height: 380px; }
.home-solution .piclists li:hover p a { background: rgba(243,232,39,0.5);   }
.home-solution .piclists .swiper-button-next { background-size: 65%; }
.home-solution .piclists .swiper-button-prev { background-size: 65%;  }
.home-solution ul.category { width: 590px; height: 380px; overflow: hidden; float: left; display: flex; flex-wrap: wrap; }
.home-solution ul.category li { list-style: none; border: solid 2px #dedede; height: 80px; line-height: 76px; width: 177px; margin-left: 15px; margin-bottom: 14.5px; text-align: left;  }
.home-solution ul.category li img { margin:20px 15px 0 25px; float: left; max-height: 35px; }
.home-solution ul.category li:hover { border: solid 2px rgba(25,39,132,1); }
.home-solution .more { height: 25px; font-size: 14px; float: left; border:none; width: 100%; text-align: right; line-height: 25px;  margin: 10px 0;}
.home-solution .more a.smore{ display: inline-block; font-size: 16px; color: #232323; padding: 5px 12px; border-radius: 2px; }
.home-solution .more:hover { border:none; }
.home-solution .more span { font-size: 12px; }

.home-zhuanti div > h3,.home-zhuanli div > h3 { background: url(../images/hr_bg.jpg) repeat-x  left 30px; font-size: 26px; font-weight: 300; color: #232323; }
.home-zhuanti { padding:10px 0 20px; background: #f7f7f7; position: relative; }

.home-zhuanli { padding:15px 0 30px; position: relative; }
.home-zhuanli .zhuanli {   overflow: hidden; } 
.home-zhuanli .zhuanli li { list-style: none; background: #fff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.home-zhuanli .zhuanli li img  { max-width: 200px; border-radius: 4px; margin-bottom: 5px; }
.home-zhuanli .zhuanli li h3 { font-size: 14px; line-height: 26px; text-align: left; text-align: left;  font-weight: 400; color: #232323; }

.home-news { padding:10px 0 20px; background: #f7f7f7; }
.home-news .newslist { width: 700px; min-height: 330px; float: left; background: #fff; }
.home-news .newslist #pro-catename { width: 100%; display: flex; height: 35px; line-height: 35px; border-bottom: #eee solid 1px; }
.home-news .newslist #pro-catename li { list-style: none;font-size: 16px; width: 120px; text-align: center; font-weight: 300; margin-right: 3px; }
.home-news .newslist #pro-catename li.active, .home-news .newslist #pro-catename li:hover  { font-weight: 500; border-bottom: #f2ec2d solid 2px; color: #f2ec2d; }
.home-news-list { margin:10px 15px; }
.home-news-list li { list-style: none;min-height: 35px; text-align: left; border-bottom: #eee solid 1px; width: 100%; line-height: 35px; font-size: 14px;  }
.home-news-list li span { float: right; }
.home-news-list li:first-child { border-bottom: none; line-height: 22px; min-height: 95px; text-align: left; }
.home-news-list li:first-child img { max-height: 85px; float: left; margin-right: 20px;  }
.home-news-list li:first-child h3 { font-size: 16px; height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom:3px;  }
.home-news-list li:first-child p { font-size: 12px; }
.home-news .video { width: 360px; min-height: 430px; padding-bottom: 10px; background: #fff; float: right; }
.home-news .video h3 { margin: 6px 12px 10px;padding-bottom: 5px;  font-size: 14px; text-align: left; }
.home-news .video h3 span { float: right; }


.home-clients { padding:10px 0 50px; background: #f7f7f7; min-height: 750px; }
.home-clients ul.clients-list { display: flex; flex-wrap: wrap; }
.home-clients ul.clients-list li { list-style: none;width: 115px; margin: 5px 5px 0 0;}
.home-clients ul.clients-list li img { width: 115px; height: 115px; }
.home-clients ul.clients-list li:nth-child(9n) { margin: 5px 0 0 0; }
.home-clients ul.clients-area { display: flex; margin-top: 15px; padding-bottom: 5px; flex-wrap: nowrap; }
.home-clients ul.clients-area li { width: 180px; list-style: none; font-size: 16px; color: #000; text-align: left; }
.home-clients .area-list { width: 100%; height: 120px; overflow: hidden;  }
.home-clients .area-list li { list-style: none; width: 143px; margin-right: 11px;  line-height: 23px; text-align: left; display: flex; flex-direction: column; float: left;  }
.home-clients .area-list li a { font-size: 12px; overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;  }
.home-clients .clients-more { display: flex; margin: 5px 0; justify-content: center; align-content: center; }
.home-clients .clients-more a { font-size: 16px;   color: #232323; padding: 5px 12px; border-radius: 2px;}
.home-clients .clients-more a span { font-size: 11px; }
 
h3.ctitle span {  padding: 0 10px; background: #fff; }
h3.ctitle span.bg { background: #f7f7f7; }

h3.vlink { background: url(../images/hr_bg.jpg) repeat-x  left bottom; line-height: 24px; font-weight: 300; color: #232323; }
h3.vlink a { font-size: 12px; }

@media screen and (max-width: 1600px) { 
        .swiper-container {
            height: 520px;
         }
        .b_about,.b_news,.b_case,.b_service { height: 450px; background-size: 100%; }
}
@media screen and (max-width: 1440px) { 
        .swiper-container {
            height: 470px;
         }
        .b_about,.b_news,.b_case,.b_service { height: 400px; }
}
@media screen and (max-width: 1280px) { 
        .swiper-container {
            height: 420px;
         }
        .b_about,.b_news,.b_case,.b_service { height: 370px; }
}
@media screen and (max-width: 1024px) { 

        .swiper-container { height: 350px; }
        .b_about,.b_news,.b_case,.b_service { height: 360px; }
        .wraper { width:98%;  }
        .index-nav .home-nav,.c-nav-fixed .home-nav { width:100%; }
        .home-nav li a { font-size: 16px; }
        #header #mnav { display: none;  }
        
        #header { min-height: 85px; }
        #header h1 img { max-width: 260px; }
        #header .top .formSearchs input { border:#dedede solid 1px; height:28px; line-height: 28px; }
        #header .top .formSearchs span {  font-size: 16px;   }
        #header .top span.sina,#header .top span.wechat { font-size: 18px; }
        #header .top span.tel { font-size: 20px; }
        #header .top span.language { font-size: 20px;  }
        #header .top span.english { font-size: 20px;  }
        #header ul#menu li  { font-size: 14px;  }

        .search_Nav { background: #fff; margin: 10px 0; }
        .search_Nav .search { height: 35px; display: block; }
        .search_Nav .search .formSearch { display: none; }
        .search_Nav .search .keywords {  font-size: 12px; }
        .search_Nav .search .keywords a { font-size: 12px; margin-right: 10px;  }

        .home-clients ul.clients-list li { width: 10%; margin: 5px 0 0 0;}
        .home-clients ul.clients-list li img { width: 100%; height: 100%; }
        .home-clients ul.clients-list li:nth-child(9n) { margin: 5px 0 0 0; }
        .home-clients .area-list { width: 100%; height: 100%;   }
        .home-clients .area-list li { width: 14.26%; margin-right: 0;  line-height: 23px;    }
        .home-clients .area-list li a { font-size: 12px; }
        .home-clients .clients-more { display: none; }
 
        .footer {  height:1050px;   }
        .footer .footer-icon-nav {    }
        .footer .footer-icon-nav li  { font-size: 12px; }

        .footer .footer-icon-nav li img { max-width: 155px; }
        .footer .footer-icon-nav li a { color: #fff; }

        .footer .class-list li a { font-size: 12px; }
        .footer .class-list li a:first-child{ font-size: 14px; margin-bottom: 7px; }
        .footer .ft-webclients a {  font-size: 12px;   }
        .footer .copyright { display: block;   } 

        .home-products dl.cate dt { font-size: 14px; }
        .home-products dl.cate dd a {  font-size: 12px;   }
 
        .home-cases dl.cates dt {  font-size: 14px; margin-right: 10px; }
        .home-cases dl.cates dd a {  font-size: 12px;   }

        .swiper-products .pro-item img { width: 100%; height: 100%; }
        .swiper-products .pro-item p {  width:100%; overflow: hidden;  }
        .swiper-products .swiper-button-next { right: 7px; top: 380px; }
        .swiper-products .swiper-button-prev { left: 7px; top: 380px;  }

        .home-cases .cases-list li{ width:24%; margin-left: 1%;}
        .home-cases .cases-list li:nth-child(4n+1) { margin-left:0; }
        .home-cases .cases-list li img { max-width: 100%; }
        .home-cases .cases-list li p {  width:100%; }
        .home-news .newslist { width: 65%; }
        .home-news .video { width: 35%;  }

}

@media screen and (max-width: 768px) { 
       
        * { font-family: 'webfonts'; }
        .home-nav li a { font-size: 14px; }
        .swiper-container { height: 280px; }
        .home-cases dl.cates dt { width: 85px; font-size: 12px; text-align: left; }
        .home-cases dl.cates dd { text-align: left; }
        .home-cases dl.cates dd a { margin-top: 3px; padding: 3px 7px; border-radius: 2px; }
        .search_Nav .quicknav .nav-item img {  width: 80px; height: 80px; }
        .search_Nav .quicknav .nav-item { font-size: 14px; }
 
        #header ul#menu { width: 450px; }
         #header ul#menu li  { font-size: 12px;  }
         .home-news-list li h3, .home-news-list li a { font-size: 12px; }

         .footer {  height:790px;   }
        .footer .footer-icon-nav li  { font-size: 12px; }
        .footer .footer-icon-nav li img { max-width: 120px; }
       


} /*兼容平板*/
@media screen and (max-width: 640px) {
    .b_about,.b_news,.b_case,.b_service { height: 200px; }
        
} /*兼容手机*/
@media screen and (max-width: 480px) {

        .hidden { display: none; }
        .nav4 { display: block; }
        * { font-family:'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif; }
        .swiper-container {
            height: 150px;
         }
        #header { min-height: 91px; position: relative; z-index: 99;  }
        #header h1 { position: absolute; left: 0; top: 50px; }
        #header h1 img { max-width: 200px; }
        .home-nav li a { font-size: 14px; }
        #header #mnav { display: none; position: absolute; top: 90px; right: -5px; width: 40%; }
        #header #mnav > ul { padding: 5px; background: #fff; padding-bottom: 10px; }
        #header #mnav > ul li { list-style: none; border-bottom: #efefef solid 1px; padding: 5px; }
        #header #mnav > ul li:last-child { border-bottom: none; }
        #header #mnav > ul li a { font-size: 14px; }

        #header .top { height: 35px; position: absolute; top: 5px; right: 0; width: 100%;   }
        #header .top .formSearchs { flex:3; display: flex; align-items: center; margin-right: 20px;  }
        #header .top .formSearchs input { width: 100%; height:28px; line-height: 28px; padding-left: 10px; }
        #header .top .formSearchs span { margin-left: -30px; font-size: 18px; cursor: pointer; }
        #header .top span { flex:1; color: #232323; }
        #header .top span.sina,#header .top span.wechat { font-size: 18px; }
        #header .top span.tel { font-size: 20px; }
        #header .top span.language { font-size: 20px;  }
        #header .top span.english { font-size: 20px;  }

        #header ul#menu { display: none; }
        
        .swiper-container .swiper-button-prev:before {  font-size:36px; color: #fff; }
        .swiper-container .swiper-button-next:before {  font-size:36px; color: #fff; }
        .search_Nav .quicknav { display: block; margin: 20px 0;   }
        .search_Nav .quicknav .nav-item {  width: 33.3%; }
        .search_Nav .quicknav .nav-item img {  width:80px; height: 80px; margin: 0 auto; }
        .search_Nav .search .keywords { display: flex; flex-wrap: wrap; justify-content: flex-start; font-size: 12px; }
        .search_Nav .search .keywords a {  width: auto; }

        .swiper-products .swiper-button-next { right: 3px; top: 320px; }
        .swiper-products .swiper-button-prev { left: 3px; top: 320px;  }

        .home-zhuanli .swiper-button-next { right: 3px; top: 150px; }
        .home-zhuanli .swiper-button-prev { left: 3px; top: 150px;  }

        .home-cases dl.cates dt { width:140px; }
        .home-cases .cases-list li{ width:48%; margin-left: 2%;}
        .home-cases .cases-list li:nth-child(2n+1) { margin-left:1%; }
        .home-cases .cases-list li img { max-width: 100%; }
        .home-cases .cases-list li p {  width:100%; }
        .home-news .newslist { width: 100%; }
        .home-news .newslist span { display: none; }
        .home-news .video { width: 100%;  }

        .home-clients ul.clients-list li { width: 20%; margin: 5px 0 0 0;}
        .home-clients .area-list { width: 100%; height: 100%;   }
        .home-clients .area-list li { width: 14.26%; margin-right: 0;  line-height: 23px;   }
        .home-clients ul.clients-area { display: flex; margin-top: 15px; padding-bottom: 5px; flex-wrap: nowrap; }
        .home-clients ul.clients-area li {  font-size: 12px; color: #000; text-align: left; }

        .footer {  height:650px;  }

        .footer .footer-icon-nav {  flex-wrap: wrap;   }
        .footer .footer-icon-nav li  {  flex:1; min-width: 33.3%; max-width: 33.3%; width: 33.3%; }
        .footer .footer-icon-nav li img { max-width: 125px; margin-bottom: 5px; }

        .footer .class-list { display: flex; margin: 0 auto 20px; flex-wrap: wrap;  justify-content: space-between; align-items:flex-start; }
        .footer .class-list li { flex:1; min-width: 20%; max-width: 20%; width: 20%; margin-right: 0;  line-height: 23px; text-align: center;  }
        .footer .class-list li a:first-child{ font-size: 14px; }
        .footer .class-list li:last-child { flex: 5; text-align: left; margin-top: 20px; margin-left: 2%; min-width: 98%; max-width: 98%; width: 98%; }
        .footer .copyright img { max-width: 96%; }
        .home-zhuanli p { font-size: 12px; }
        #mob-menu { display: block; }

        .search_Nav .search .keywords a:nth-child(n+4) { display: none;}
        .swiper-products .tags { display: none; }
        .hide,#hide,#hide2,#hide3,#hide4,#hide5 { display: none; }
        .home-zhuanli .zhuanli li img  { max-width: 100%; border-radius: 4px; margin-bottom: 5px; }
        .container { padding-bottom: 45px; }
 
}
@media screen and (max-width: 375px) {
        
        .home-nav li a { font-size: 12px; }
        .swiper-container { height: 140px; }
        .search_Nav .quicknav .nav-item {  font-size: 12px; }
        .search_Nav .quicknav .nav-item img {  width:60px; height: 60px; }

        .swiper-products .swiper-button-next { right: 3px; top: 310px; }
        .swiper-products .swiper-button-prev { left: 3px; top: 310px;  }

        .home-zhuanli > p , .home-clients > p { font-size: 12px; }
        .home-zhuanli .zhuanli li img  { max-width: 100%; border-radius: 4px; margin-bottom: 5px; }

}
@media screen and (max-width: 320px) {

        .swiper-container {
            height: 120px;
         } 
         .footer {  height:750px;   }
        .footer .footer-icon-nav li  {  flex:1; min-width: 50%; max-width:50%; width: 50%; }
        .footer .footer-icon-nav li img { max-width: 145px; margin-bottom: 5px; }
        .class-products dl.cate, .class-products dl.cates { padding:5px  5px 5px 0; }
        .class-products dl.cate dt { display: none;}
        .class-products dl.cate dd a { padding: 2px; }
        .class-products dl.cates dt { display: none; }
        .class-products dl.cates dd a { padding: 2px 4px;  }
        .home-zhuanli .zhuanli li img  { max-width: 150px; border-radius: 4px; margin-bottom: 5px; }
        .c-aboutbg .about-info { padding: 0; margin: 0; }
        .feedback .feed-contact { position: relative;  flex: 3; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; margin-top: 40px; }
        .feedback .feed-contact .line { display: none; }
        .feedback .feed-contact li {  margin-left: 0; font-size: 12px; }
        .feedback .feed-contact li span { font-size: 16px; margin-right: 5px; margin-top: 2px; }
        #sitemap > div span {  width:33.333%;   }

        .home-products h3 { font-size: 22px;  }
        .home-products dl.cate { padding: 5px  10px 5px 0; }
        .home-products dl.cate dt {   font-size: 12px; margin-right: 0; }
        .home-products dl.cate dd a {  margin-right: 5px; padding: 2px 4px; border-radius: 2px; font-size: 12px;   }
        .swiper-products .swiper-button-next { right: 3px; top: 500px; }
        .swiper-products .swiper-button-prev { left: 3px; top: 500px;  }
        .swiper-products .pro-item p a { color: #fff; font-size: 12px; }
        
         
}