@charset "utf-8";



/* CSS Document */



body {

    font: 14px "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;

    height: 100%;



    background: #fff;

    max-width: 100%;

    overflow: auto;

    color: #666;

    overflow-x: hidden;

    padding: 0px;

    margin: 0px;

}

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}

a {

    color: #666;

    text-decoration: none;

    outline: none;

}



a:link {

    text-decoration: none;

    outline: none;

}



a:visited {

    text-decoration: none;

    outline: none;

}



a:hover {

    text-decoration: none;

    color: #333;

    outline: none;

}



input {

    margin: 0;

    padding: 0;

    outline: 0;

    -webkit-appearance: none;

}



em {

    font-style: normal;

}



i {

    font-style: normal;

}





/*清除浮动*/



.clear {

    clear: both;

    height: 0px;

    overflow: hidden;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

    clear: both;

}



.clearfix {

    /*兼容 IE*/

    zoom: 1;

}





/************全局样式************/



.fl {

    float: left;

}



.fr {

    float: right;

}

.dflex { display: flex;}

.dflex_center { display: flex; align-items: center; justify-content: center;}

.dflex_start { display: flex; align-items: center; justify-content: flex-start;}

.dflex_end { display: flex; align-items: center; justify-content:flex-end;}

.dflex_stretch { display: flex;justify-content: center;align-content: center; align-items: stretch;}

.dflex_space-between { display: flex; align-items: center; justify-content: space-between;}



/*t图片样式*/



.center-block {

    display: block;

    margin-right: auto;

    margin-left: auto

}



img {

    border: 0px;

    vertical-align: middle;max-width: 100%

}



.img-responsive {

    display: block;

    height: auto;

    max-width: 100%

}



.avatar {

    display: block;

    overflow: hidden;

    width: 100%;

}



.avatar img {

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.avatar:hover img {

    transform: scale(1.1);

    transition: all 1s ease 0s;

    -webkit-transform: scale(1.1);

}





/*文字超出隐藏*/



.dot {

    display: block;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



.dot2 {

    display: -webkit-box;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    word-break: break-all;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}





/**/



.wal {

width: 100%;

    margin: 0px auto;

}

.main-title { margin: 0 auto;}

.main_title b{text-align:center;  display: block;}

.main_title b span{display: inline-block; line-height:52px;font-size: 38px; color:#1f1f1f;position: relative;  letter-spacing:2px;}

.main_title p { line-height: 26px; margin: 10px; font-size: 16px; color: #666; text-align:left;}


/* 顶部导航 */
        .headDiv {
            width: 100%;
            z-index: 99;
            background: white;
           
            transition: all 0.3s ease;
        }
         .headDiv.header-scrolled {
  position: fixed;
  top: 0;
  right: 0;

  left: 0;
  z-index: 996;
  background: #fff;
  box-shadow: 0 0 10px #f1f1f1;
}
        .headDiv .wal {
            height: 80px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 ;
        }
        
        .headDiv .logo {
            height: 80px;
            display: flex;
            align-items: center;
        }
        
        .headDiv .logo img {
            height: 50px;
        }
        
        .headDiv .logo b {
            font-size: 22px;
            color: #005177;
            margin-left: 12px;
            font-weight: 700;
        }
        
        .nav {
            height: auto;
        }
        
        .nav > ul {
            display: flex;
            list-style: none;
        }
        
        .nav li {
            position: relative;
        }
        
        /* 桌面端悬停效果  */
        @media (min-width: 991px) {
            .nav a:hover, 
            .nav li:hover > a {
                color: #005177;
                font-weight: bold;
            }
            
            .nav li:hover > .submenu {
                display: block;
                opacity: 1;
                transform: translateY(0);
            }
            
            .nav li .submenu li:hover > .submenu {
                display: block;
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .nav ul li a {
            display: flex;
            align-items: center;
            height: 80px;
            padding: 0 20px;
            text-align: center;
            font-size: 16px;
            color: #333;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .nav ul li a .link-text {
            flex: 1;
            text-align: left;
        }
        
        /* 箭头按钮样式 */
        .arrow-btn {
            display: inline-flex;
            margin-left: 8px;
            padding: 5px;
            cursor: pointer;
            transition: transform 0.3s;
            z-index: 2;
        }
        
        .arrow-btn i {
            font-size: 12px;
            color: #666;
            transition: transform 0.3s ease;
        }
        
        /* 多级菜单通用样式 */
        .submenu {
            display: none;
            background-color: #fff;
            z-index: 999;
            border-top: 3px solid #005177;
            position: absolute;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            min-width: 200px;
            border-radius: 0 0 5px 5px;
            overflow: visible;
            transition: all 0.3s ease;
            opacity: 0;
            transform: translateY(10px);
        }
        
        .nav ul li ul li {
            width: 100%;
            display: block;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .nav ul li ul li:last-child {
            border-bottom: none;
        }
        
        .nav ul li ul li a {
            display: flex;
            align-items: center;
            color: #666;
            font-size: 14px;
            height: 45px;
            line-height: 45px;
            padding: 0 15px;
            text-align: left;
          
        }
        
        .nav ul li ul li a:hover {
            background: #019A3F;
            color: #fff;
        }
        
        /* 三级菜单 */
        .third-level {
            top: -3px;
            left: 100%;
            border-top: 3px solid #019A3F;
            transform: translateX(10px);
        }
        
        /* 四级菜单 */
        .fourth-level {
            top: 0;
            left: 100%;
            border-top: 3px solid #ff9800;
        }
        
   
        /* 菜单按钮 */
        .hamburger {
            display: none;
            cursor: pointer;
            background: #005177;
            border-radius: 5px;
            padding: 10px;
            z-index: 10000;
            margin-right: 10px;
            transition: all 0.3s;
        }
        
        .hamburger:hover {
            background: #00405c;
        }
        
        .hamburger div {
            width: 25px;
            height: 3px;
            background: white;
            margin: 4px 0;
            transition: all 0.3s ease;
        }
        
        /* 响应式设计 - 移动端 */
        @media (max-width: 992px) {
            .nav ul li a {
                padding: 0 15px;
            }
        }
        
        @media (max-width: 990px) {
          
            
            .nav {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background: white;
                transition: all 0.4s ease;
                transform: translateY(-100%);
                z-index: 9998;
                overflow-y: auto;
                max-height: 0;
                box-shadow: 0 10px 20px rgba(0,0,0,0.1);
                opacity: 0;
                visibility: hidden;
            }
            
            .nav.active {
                transform: translateY(0);
                max-height: 80vh;
                opacity: 1;
                visibility: visible;
            }
            
            .nav > ul {
                flex-direction: column;
                padding: 10px 0;
            }
            
            .nav li {
                width: 100%;
                   overflow: hidden;
               
            }
            
            .nav ul li a {
                height: auto;
                padding: 12px 20px;
                text-align: left;
                border-bottom: 1px solid #f0f0f0;
                position: relative;
                height: auto;
                line-height: 24px;
            }
            
            /* 移动端箭头按钮 */
            .arrow-btn {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                height: 24px;
                margin-left: auto;
            }
        
            
            /* 多级菜单在移动端样式 */
            .submenu {
                position: static;
                width: 100%;
                margin-top: 0;
                border-top: none;
                border-left: 4px solid #005177;
                box-shadow: none;
                display: none;
                padding-left: 0;
                background: #f8f9fa;
                opacity: 1;
                transform: none;
             
            }

            .third-level {
                border-left: 4px solid #019A3F;
            }
            
            .fourth-level {
                border-left: 4px solid #ff9800;
            }
            
            .nav ul li ul li a {
                padding-left: 30px;
            }
            
            .nav ul li ul li ul li a {
                padding-left: 45px;
            }
            
            .nav ul li ul li ul li ul li a {
                padding-left: 60px;
            }
            
            .hamburger {
                display: block;
            }
        }
        
    
        
        /* 移动端菜单激活状态 */
        .toggle .line1 {
            transform: rotate(-45deg) translate(-5px, 6px);
        }
        
        .toggle .line2 {
            opacity: 0;
        }
        
        .toggle .line3 {
            transform: rotate(45deg) translate(-5px, -6px);
        }

/*电话*/

.header_phone { display: flex; align-items: center; }

.header_phone p {

	color:#666;



	font-size:15px;

}

.header_phone p img{ padding-right:8px;}

.header_phone b{ color:#333; font-size:28px; font-weight:bold; margin-top:0;  display: block;}

/*顶部导航 end*/





/*首页banner图*/

#banner { z-index: 9;}

#banner .swiper {

    width: 100%;

    height: 100%;

}



#banner .swiper-slide {

    background-position: center;

    background-size: cover;

}



#banner .swiper-slide img {

    display: block;

    width: 100%;

}



#banner .swiper-button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.5);

    border-radius: 50%;

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}



#banner .swiper-button:hover {

    background: #019A3F;

}



.btn-prev {

    left: 5%;

}



.btn-next {

    right: 5%;

}



#banner .swiper-pagination-bullet {

    width: 13px;

    height: 10px;

    display: inline-block;

    background: #fff;

    opacity: .9;

    margin: 0 5px;

    border-radius: 20px;

    transition: opacity .5s, background-color .5s, width .5s;

    transition-delay: .5s, .5s, 0s;

  }

  #banner .swiper-pagination-bullet-active {

    opacity: 1;

    background: #019A3F;

    width:40px;

    transition-delay: 0s;

  }

  

#banner .swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    left: 0;

    width: 100%;

}





/*首页banner图 end*/



  /*产品*/

  .product {



    background: #F7F7F7;

    padding: 50px 0 70px;

  }

  .zzsc {

    width: 100%;

    height: auto;

    text-align: center;

  }

  .zzsc .tab {

    overflow: hidden;

    margin-top:10px;

    margin-bottom: 10px;

  

  }

  .zzsc .tab a {

    display:block;

  

float: left;

    font-size: 20px;

    width: calc(33.3% - 20px);

    margin: 10px;

    text-align: center;

    text-decoration: none;

    color: #fff;

    font-weight: bold;

    transition: all 0.3s;

    position: relative;

    background: #005177;

    padding-bottom: 20px;

  }

 

  .zzsc .tab a .icon1, .zzsc .tab a .icon2, .zzsc .tab a .icon3   {

    display: block;

    width: 100%;

    height: 110px;

    margin-top: 10px;

  

  }

  .zzsc .tab a .icon1{  background:url("../images/qc.png") no-repeat center;}

  .zzsc .tab a .icon2{  background:url("../images/xyj.png") no-repeat center;}

  .zzsc .tab a .icon3{  background:url("../images/rq.png") no-repeat center;}



  .zzsc .tab a.on {

    text-decoration: none;

    background: #019A3F;

    color: #fff;

  

  }

  .zzsc .tab a:hover {  color: #fff;background: #019A3F;}





  .zzsc .co {

    overflow: hidden;

    height: auto;



  }

  .zzsc .co > ul {

    padding: 0;

    margin: 0;

  }

  .zzsc .co li {

    display: none;

    width: 100%;

    list-style: none;

  }



  .pro_list {  display: flex; align-items: center; justify-content: space-between;}

  .pro_list a { display:flex;  align-items: center; justify-content: space-between; background: #fff; padding: 20px; width: calc(50% - 20px);  margin: 10px; height:380px; }

  .pro_txt {font-size: 20px; color:#1e1e1e;  text-align: left;}

  .pro_txt p{margin: 30px 0;}

  .pro_txt p em{display: block;height:36px;line-height: 36px;background:url(../images/pro-tb.png) no-repeat left;padding-left:27px; font-size: 18px; font-weight: normal;}

  .pro_txt span { color: #999; height: 50px; font-size:17px; display: block; margin-top: 20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 24px; }




 /*简介*/

.about{  background:url(../images/abbg.jpg) no-repeat; background-size:100%; padding:50px 0 70px; }

.about_box{ background: #fff; margin-top: 30px;}

.ab_txt{font: 14px/28px "Microsoft YaHei";color: #666; margin-top: 10px; padding: 10px 0;}

.ab-fl b{ font-size: 24px; color: #000;  display: block;}

.ab-fl p { padding: 10px 0;}

.about-cont{ display: flex; align-items: center; justify-content: center; }

.ab-fl{  width: 56%; background: #F7F7F7; padding: 3%;}

.ab-fr{ width: 42%; }

.ab-fr a { margin-left: 60px;}

.ab_list2{ margin:0 auto; padding:60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;





}

.ab_list2 li{  width: 46%; cursor: pointer; color:#333; line-height: 40px;  margin: 10px 0; padding:2%;  background: url(../images/abg.jpg) no-repeat left;

	-webkit-transition:transform .3s;transition:transform .3s; font-size: 16px; color: #666;}



.ab_list2 li b{display: block;font-size: 45px;color: #005177;overflow: hidden;}

.ab_list2 li i {

  font-size: 16px;

  display: block;

  font-style: normal;

  font-weight: normal;

  position: relative;



  color: #666;

 

}

.ab_list2 li:hover{-webkit-transform:translate(0,-15px);transform:translate(0,-15px);}

.ab_more{ 

    display: block;

    font-size:14px;

    color:#fff;

    width: 140px;

    line-height: 40px;

    text-align:center;

    border:1px solid #005177;

    background: #005177;

    margin:20px 0;

    font-style: normal;

    transition: all 0.3s;}

.ab_more:hover{  color: #005177;  background: #fff;  }

.ab_more2{ 

    display: block;

    font-size:14px;

    color:#999;

    width: 140px;

    line-height: 40px;

    text-align:center;

    border:1px solid #dedede;

    background: #fff;

    margin:20px 0;

    font-style: normal;

    transition: all 0.3s;}

.ab_more2:hover{  color: #fff;  background: #005177;  }

/*实力*/

.shili {  margin-top: 80px;}



.pinpai{position: relative;}

.pinpai a{ display: block; text-decoration: none; color: #333; margin-top: 15px;}

.pinpai.pinpai-item{ position:relative; }

.pinpai .pinpai-imgbox{ width:65%; z-index: 1; position:absolute; right: 0; top:150px; bottom: 0; }

.pinpai .pinpai-text{width:30%; position: relative; z-index: 2; overflow:hidden; background-color: #f7f7f7; float: left; padding: 5% 5% 5% 10%;  height:450px; overflow: hidden;}

.pinpai-gs{ font-size:40px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; list-style: 52px;}

.pinpai .pinpai-h{font-size:28px; font-weight: bold;  overflow: hidden;   margin: 40px 0;color: #005177; }

.pinpai .pinpai-sum{  color:#999; line-height: 28px; margin-top: 10px; font-size: 18px;}

.pinpai .more { color: #005177; margin-top:10px; text-align: right;}

.pinpai .swiper-button-next {

    position: absolute;

    top: 70%;

    left:calc(10% + 70px);

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: #005177;

  

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}

.pinpai .swiper-button-prev {

    position: absolute;

    top: 70%;

    left:10%;

    transform: translateY(-50%);

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 999;

    width: 60px;

    font-size: 30px;

    line-height: 60px;

    height: 60px;

    transition: all .5s ease;

    outline: none;

}

.pinpai .swiper-button-prev:hover, .pinpai .swiper-button-next:hover {

    background: #019A3F;

}

.pinpai .swiper-num{ position: absolute; z-index: 9; right: 25px; top:170px; color: #666; background: rgba(255,255,255,.7); padding: 10px 20px;}

.pinpai .swiper-num .active{ font-size:26px; font-weight: bold; color: #019A3F;} 

.pinpai .swiper-num { font-size: 16px;}

.pinpai .swiper-pagination-bullet {

    width: 10px;

    height: 10px;



}



/*销售市场*/

.xssc {

	background: url("../images/bg.jpg");

	background-size: cover;

	background-position: center center;

	padding:50px 0 70px;

	color: #fff;

	font-size: 16px;

	line-height: 26px;

    background-attachment: fixed;

    position: relative;

    height: 400px;

    width: 100%;

 

}



.xssc .map-img {



	width: 709px;



    float: right;



}

.xssc .xssc_txt {

	width: 460px;

}

.xssc .xssc_txt b{display: inline-block;

    line-height: 52px;

    font-size: 38px;

    color: #fff;

    position: relative;

    letter-spacing: 2px;}

    .xssc .xssc_txt p { margin-top: 30px;}



/*合作伙伴*/

.hz_box { background: #F7F7F7; padding: 50px 0 70px;}

.hezuo { padding-bottom: 50px; margin-top: 30px;}

.hezuo .swiper-slide a{ background:#fff;  display: block; margin: 10px; padding: 10px;overflow: hidden;

    box-shadow: 0 0 10px rgba(0,0,0,.1);}

    .hezuo .swiper-pagination-bullet-active {

        opacity: 1;

        background: #005177;

    }

/*新闻*/

.news-box { margin-top: 50px;}

.news{ display: flex;

    align-items: stretch;

    justify-content: center;

    align-content: center;

    margin-top: 20px;



  }

  .news_left {

    flex: 2;

    margin-top: 30px;

  }

  

  .news_left  a {

    display: block;

  

  }

  

  .news_left span{ overflow: hidden; display: block;}

  .news_left p {

    line-height: 26px;

    font-size: 14px;

    text-align: left;

    color: #666;

  }



  .news_left a:hover b ,.news_left a:hover .newscon p{ color: #005177;}

  .news_left img{ transition: all 0.3s ;}

  .news_left a:hover img {transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1);  }

  

  .news-cont { margin-top: 20px; }

  .news-cont  b {

    padding-bottom: 10px;

    font-size: 18px;

    color: #333;

    display: block;

  

  }

  .news-cont  p {

  

    text-align: left;

    line-height: 24px;

    font-size: 14px;

  }

  #news-list {  flex: 3;

      margin-left: 20px;}

      

  #news-list a { display:flex; align-items:center; justify-content: center; margin:30px 0 }

  

  .day {

    color: #666;

    flex: 1;

    height: 70px;

    margin: 7px 0;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

  

  }

  .newscon {

    flex: 4;

    padding-left: 40px;

    border-left: 1px solid #dedede;

  }



  .news-more{

      margin-top: 30px;

      transition: all .3s;

  }

  .newscon b {

    padding-bottom: 10px;

    font-size: 16px;

    color: #333;

    display: block;

  

  }

  .newscon p {

  

    text-align: left;

    line-height: 24px;

    font-size: 14px;

  }

  

  .day span {

    font-size: 24px;

    width: 100%;

    color: #333;

    text-align: center;

    font-weight:bold;

  }

  .day p{ width: 100%;	text-align: center;}



  #news-list a:hover .day span { color: #005177;}

  #news-list a:hover .newscon b { color: #005177;}

 #news-list a:hover .news-more { padding-left: 30px;}

/*返回顶部*/



.scroll {

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    position: fixed;

    right: 15px;

    bottom: 80px;

    color: #fff;

    cursor: pointer;

    background: #005177;

    font-size: 30px;

    border-radius: 10px;

}



/*底部footer*/



.foot-bg {

	background:#f2f2f2;

    background-size: 100%;

	padding-top: 30px;

	margin-top: 80px;



}

.foot-bg a {

	color: #333;

}

.foot-bg a:hover {

	color: #005177;

}

.main_foot {

	height: auto;

	padding: 30px 0;



 

 

}

.main_footdl {

	width: 24%;

    padding-right:8%;

  



}

.main_footdl dt {



    margin-bottom: 20px;

}

.desc {

    color: #666;

    font-size: 18px;

    line-height: 38px;

    margin-bottom: 15px;

  }



.main_footdl2 {

	width: 23%;



    padding-left: 10%;



}

.main_footdl2 dd a { float: left; width: 100%;color: #666;

    font-size: 16px;

    line-height:32px;}

.main_footdl3 {



    width: 30%;

    padding-left: 3%;





}

.main_footdl2 dt, .main_footdl3 dt {  margin-bottom: 25px;}

.main_footdl2 dt b, .main_footdl3 dt b {

    text-transform: uppercase;

    height: 59px;

	padding: 0;

	display: block;

}

.main_footdl2 dt b a, .main_footdl3 dt b a {

	color: #333;

	font-size: 24px;

    line-height: 59px;

}

.main_footdl2 dt b a:hover, .main_footdl3 dt b a:hover{

	color: #fff;

}

.main_footdl2 dd, .main_footdl3 dd {

	height: auto;

	overflow: hidden;

	margin-top: 10px

}



 .main_footdl3 dd a { float: left; width: 100%; display: block;  color: #666;

    font-size: 16px;

    line-height: 32px;

  }



.ewm { display: flex; align-items: center;}

.ewm p { padding-left: 20px;
    writing-mode: vertical-rl;
    text-orientation: upright; /* 文本直立，不随容器旋转 */
  }

#footer {

	background: #005177;

	color: #fff;

	padding:20px 0;

	border-top: 1px solid rgba(255, 255, 255, .1);



}

#footer a {

	color: #fff;

}

.copyright {

	text-align: center;

    text-transform: uppercase;

}