body {font-family: -apple-system, font-family:'century_gothic',Arial,'PingFangSC-Light','Helvetica','Hiragino Sans GB','Microsoft YaHei',sans-serif;-webkit-tap-highlight-color:transparent;background-color:#fff;color:#000;-webkit-text-size-adjust:100%;  font-size: 16px; 
  color: #333;line-height: 1.75;
}
li{list-style:none;}
.mt15{ margin-top:15px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt100{margin-top: 100px;}
.mt150{margin-top: 150px;}
.mtb20 {margin:20px 0px; overflow:hidden;}
.mb30{margin-bottom:30px;}
.ml30{margin-left: 30px;}
.ptb20{ padding-top:20px; padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.c-fff{color:#fff;}
.c-fff span{color:#fff;}
.c-fff p a{color:#fff;text-decoration: none;}
.h10{ margin:0 auto; height:10px; clear:both;}
a:link{ color: #333333; text-decoration: none;line-height: 24px;}
a:visited{color: #333333;text-decoration: none; line-height: 24px;}
a:active{color: #333333;text-decoration: none;line-height: 24px;}
a:hover{color: #333333; text-decoration: none;line-height: 24px;}.red{color:red;}
.r{float: right;}
.red{color:red;}


.ofw{overflow: hidden;}
.fz48{font-size:32px;font-weight: bold;}
.fz24{font-size: 24px; font-weight: bold;}
.fz18{font-size: 18px;}
.fz14{font-size: 14px;}
.fwn{font-weight: none;}

.bdc{border:#ccc 1px solid}
.header {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,1);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
}
.head{margin:0 auto; width: 1170px;}
.head .logo{float: left; padding-right:100px; height: 78px; width: auto; padding-top:0px;margin-top:-15px; overflow: hidden;}

/*瀵艰埅鑿滃崟*/
.navbar-default {
    margin-top:0px;
    background-color: #fff;
    border-color: #fff;
}
.navbar-text{ font-size: 16px;color:#333;}
.navbar .nav > li{text-align: center;margin-top:20px; min-width: 100px;color: #333;}
.navbar .nav > li > a{ font-size: 16px;color: #000000;聽}
/*.navbar .nav >li >a:visited{ font-size: 16px;color: #333;}*/
.navbar .nav > li > a:hover { font-size: 16px;color: #fff;background-color: #0185d0;}
/*.navbar .nav >li >a:active{ font-size: 16px;color: #333;}*/
.navbar .nav > li > .active{background-color: #0185d0;color:#fff;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #0185d0; color: #fff;}
.dropdown-menu>li>a {   
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; 
}
 .dropdown-menu > li > a:hover {
          background-color: #0185d0;         
           color: #fff;
    }


.scrolltop {
    background-color: rgba(255,255,255,1);
    border-bottom: 1px solid rgba(120,120,120,1);
    animation: fadeInDown 0.5s ease-in-out;
    -webkit-animation: fadeInDown 0.5s ease-in-out;
    z-index: 510;
}
.index_swp_baner{margin-top:80px;}
.swiper-container {width: 100%;} 
.banner{ min-height: 400px; }
.banner img{width: 100%; }
.banner p{z-index: 1000;display: absolute;}

.zhushi{color:#999;font-size: 16px;margin-top:-10px;}

.bannerbg{ width: 100%;height: 180px;background: url(../images/bannerbg.png) }

.bannerbg .tit1 {
    padding-top: 50px;
    font: bold 32px "microsoft yahei";
    color: #64c5ff;}


.product-nav {
    width: 100%;
    overflow: hidden;
}
.product-nav .title{
    text-align: center;
    width: 100%;
    height: 120px;
    background: #055aae;
    overflow: hidden;
}
.product-nav .title p{
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 10px;
}
.product-nav .title span{
    font-size: 12px;
    color: #88b7e5;
    text-transform: uppercase;
}
.product-nav .product-nav-list{
    width: 100%;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 166px;
}
.product-nav .product-nav-list ul{width: 100%;margin: 0;padding:0;}
.product-nav .product-nav-list ul li{
    height: 50px;
    line-height: 50px;
    padding-left: 23px;
    transition: all .3s ease;
    position: relative;
}

.image-container {
  width: 100%;
  overflow: hidden;
}

.image-container img {
  width: 100%;
}
/*.product-nav .product-nav-list ul li:before{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background: #c0c0c0;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -14px;
}*/
/*.product-nav .product-nav-list ul li:after{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background: #c0c0c0;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: 2px;
}*/
.product-nav .product-nav-list ul li a{
    font-size: 16px;
    line-height: 50px;
    display: block;
    padding-left: 10px;
    position: relative;
}
.product-nav .product-nav-list ul li a:after{
    content:'';
    display: block;
    width: 3px;
    height: 3px;
    background: #c0c0c0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
.product-nav .product-nav-list ul li:hover,
.product-nav .product-nav-list ul li.current-cat,
.product-nav .product-nav-list ul li.current_page_item,
.product-nav .product-nav-list ul li.current-menu-item
{
    transform: translateX(20px);
    background: #ffffff;
}
.product-nav .product-nav-list ul li:hover a,
.product-nav .product-nav-list ul li.current-cat a,
.product-nav .product-nav-list ul li.current_page_item a,
.product-nav .product-nav-list ul li.current-menu-item a
{
    color: #dc323a;
}
.product-nav .product-nav-list ul li:hover a:after,
.product-nav .product-nav-list ul li.current-cat a:after,
.product-nav .product-nav-list ul li.current_page_item a:after,
.product-nav .product-nav-list ul li.current-menu-item a:after
{
    background: #dc323a;
}
.product-nav .product-nav-list ul li:hover:after,
.product-nav .product-nav-list ul li:hover:before,
.product-nav .product-nav-list ul li.current-cat:after,
.product-nav .product-nav-list ul li.current-cat:before,
.product-nav .product-nav-list ul li.current_page_item:after,
.product-nav .product-nav-list ul li.current_page_item:before,
.product-nav .product-nav-list ul li.current-menu-item:after,
.product-nav .product-nav-list ul li.current-menu-item:before
{
    background: #dc323a;
}
.contact-box{
    padding: 10px;
    background: #055aae;
}
.contact-box h4{
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    margin-bottom: 15px;
}
.contact-box .line-box{
    position: relative;
    border: 1px solid #4186c9;
    padding: 30px 15px;
}
.contact-box .line-box span{
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
}
.contact-box .line-box p{
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
}
.contact-box .line-box em{
    display: block;
    padding: 5px;
    position: absolute;
    background: #055aae;
    color: #65a7e7;
    top: -14px;
    left: 8px;
}



.about-gb{background: url(../images/about-bg.jpg);color:#fff; }
.about-title-txt{color:#e6212a;font-size: 16px;margin-top:-10px;}
#about{margin-top:80px;}
.about_banner{ min-height: 400px; }
.about_banner img{width: 100%; height: 400px;}
.about_banner p{color:#fff; padding-left:10%; font-size: 48px; font-weight: bold;padding-top:10%;}

.index_about_list{ min-height: 400px; }
.index_about_list img{width: 100%; height: 500px;}

.lvyou{ height: 400px;}
.caption{ padding-bottom: 10px;margin-bottom: 30px; border-bottom: 1px #ccc solid;}
.contact{padding-top: 50px;}
.contact p{font-size: 18px;}



.chanpin_title{padding:0px;font-size: 24px;font-weight:bold; width: 100%;}
.chanpin_img{float: left;width: 100%;overflow: hidden;}
.chanpin_name{float: left;width: 100%;overflow: hidden;}
.about-txt p{font-size: 16px;color: #666;line-height: 200%; }

.produst_yingyong{padding-left: 5px;  width: 100%;background: #f2f2f2;color: #4186c9;font-weight: bold; font-size: 16px; font-weight: 16px;}
.produst_txt p{font-size: 14px;color: #666;line-height: 180%; }



.ov{overflow: hidden;}

.imgzoom {width: 100%;height: 100%; overflow: hidden;} 
.imgzoom img{ height:200px; ;
  cursor: pointer;
  transition: all 0.9s;
}
.imgzoom img:hover{
  transform: scale(1.2);
}


.cases_imgzoom {width: 100%;height: 100%; overflow: hidden;} 
.cases_imgzoom img{ height:200px; width: 350px;
  cursor: pointer;
  transition: all 0.9s;
}
.cases_imgzoom img:hover{
  transform: scale(1.2);
}
.chanpin_imgzoom {width: 100%;height: 100%; overflow: hidden;} 
.chanpin_imgzoom img{ height:320px; cursor: pointer; transition: all 0.9s;}
.chanpin_imgzoom img:hover{
  transform: scale(1.2);
}





.p_txt{white-space:pre-wrap;overflow: hidden; height: 24px;}


.zhuda{ height: 200px; overflow: hidden; }
.zhuda img{width: 40px; margin-right: 20px;}
.zhuda p{padding-top:20px;font-size: 12px;}
.zmt50{margin-top:50px;}




.index_newslist{float:left;padding: 10px; border-bottom:1px #ccc solid;width: 100%;  overflow: hidden; }
.index_newslist:hover{ background:#f5f5f5; }
.index_newslist_img{float: left;width: 30%;height:auto;overflow: hidden;}
.index_newslist_img img{height:163px;width: 150px;}
.index_newslist_text{float: left;padding-left: 5%;width: 65%; overflow: hidden;}
.index_newslist_text .title{width: 100%;height: 28px; overflow: hidden}
.index_newslist_text p{padding-top:10px; font-size: 12px;line-height: 1.5}
.index_newslist_text .date{width: 100%;color:#ccc;font-size: 12px;}
.news_layer{border-bottom: 1px #ccc solid; margin-top: 30px;margin-bottom: 30px;}

.news_title{width: 100%;overflow: hidden; }
.news_title a{text-decoration: none;font-size: 24px;color:#333;}
.news_txt{margin-top: 20px; font-size: 14px;color: #666;line-height: 160%; height: 110px; overflow: hidden;text-overflow:ellipsis;}
.news_date{ font-size: 12px;color: #666;}
.hotimg{ width: 100%; height: 200px; }

/*璧拌繘鍗佸叓閲�*/
.about-swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }
.about-swiper-container .swiper-slide {
      background-size: cover;
      background-position: center;
    }



.swiper-fangyu {
      width: 100%;
      height: 400px;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-fangyu .swiper-slide {
      background-size: cover;
      background-position: center;
    }
.gallery-top {
      height: 80%;
      width: 100%;
    }
.gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }
.gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }
.gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
.footer{background-color: #353f49; margin-top: 50px; padding-top:20px; padding-bottom:20px; color:#fff;}
.footer a{ color:#fff;text-decoration: none;}
.footer li{float: left;width: 40%;}

.copyright{font-size:12px; background:#000; color:#fff; height: 45px;line-height: 45px;}
.copyright a{color:#fff; }

.list-head {
    padding: 10px 0;
    border-bottom: 1px solid #d9d9d9;margin-bottom:30px;
}
@media (min-width: 1900px){
.banner{ min-height: 560px; }
/*.banner img{width: 100%; height: 800px;}*/
.banner p{z-index: 1000;display: absolute;}
.index_about_list{ min-height: 580px; }
.index_about_list img{width: 100%; height: 580px;}
.about_banner{ min-height: 560px; }
.about_banner img{width: 100%; height:560px;}
}
@media (max-width: 767px){


.fz48{font-size: 24px;}
.mt50{margin-top:30px;}
.head .logo{float: left; height: 50px; width:auto;padding-right: 0px; padding-top:-15px;margin-top:-15px; overflow: hidden;}
.navbar .nav > li{text-align: center; color: #333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333; text-align: center;border-bottom: 1px #ccc dashed}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { font-size: 16px;color: #fff;background-color: #0185d0;}

.navbar-default .navbar-nav .open .dropdown-menu>li> .active{background-color: #0185d0;color:#fff;}


.navbar .nav > li{}
.navbar .nav > li > a{ font-size: 16px;color: #000000;width:100vw;聽}


.index_swp_baner{margin-top:80px;}
.swiper-container {width: 100%;} 
.banner{ min-height: 200px; }
.banner img{width: 100%; height: 200px;}
.banner p{z-index: 1000;display: absolute;}
.zhushi{color:#adadad;font-size: 12px;margin-top:-10px;}

.zhuda{ padding:20px 0; height: auto; overflow: hidden; }
.zhuda img{width: 30px; margin-right: 10px;}
.zhuda p{padding-top:20px;font-size: 12px;}
.zmt50{margin-top:20px;}

.fz24{font-size: 18px; font-weight: bold;padding-bottom: 15px;}
.fz14{font-size: 12px;}


.index_newslist{float:left;margin:0px; padding:15px 0 15px 0; border-bottom:1px #ccc solid;width: 100%;  overflow: hidden; }
.index_newslist:hover{ background:#f5f5f5; }
.index_newslist_img{float: left;width: 30%;height:auto;overflow: hidden;}
.index_newslist_img img{height:110px;}
.index_newslist_text{float: left;padding-left: 2%;width: 68%; font-size: 14px; overflow: hidden;}
.index_newslist_text p{display: none;}
.index_newslist_text .date{width: 100%;color:#ccc;font-size: 12px;}
.news_layer{border-bottom: 1px #ccc solid; margin-top: 30px;margin-bottom: 30px;}


.about_banner{ min-height: 200px; }
.about_banner img{width: 100%; height: 200px;}
.about_banner p{color:#fff; padding-left:10%; font-size: 48px; font-weight: bold;padding-top:10%;}
#about{margin-top:80px;}

.lvyou{ height: 200px;}
.lvyou img{width: 100%; height: 100px;}

.imgzoom img{ height:200px; width: 100%;
  cursor: pointer;
  transition: all 0.9s;
}
.chanpin_title{padding:0px;font-size: 22px;font-weight:bold;}

.chanpin_imgzoom {width: 100%;height: 100%; overflow: hidden;} 
.chanpin_imgzoom img{  cursor: pointer; transition: all 0.9s;}
.chanpin_imgzoom img:hover{
  transform: scale(1.2);
}


}