.header-overlay {
  
} 
.index-banner{ position: relative;  }
.index-banner .banner-loop img{ max-width:100%;  }
.banner-pagination{position: absolute;z-index:9;text-align: center;width: 100%; bottom:10px}
.banner-pagination .swiper-pagination-bullet-active{ background:#fff;}
.banner-pagination span{ width:50px; height:3px;border-radius:0; margin:0 3px;}

 

.txtCenter {
	position: absolute;
	top: 45%;
	left: 50%;
	z-index: 10;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	padding: 15px;
}

.txtCenter .txt {
	font-size: 48px;
	letter-spacing: 5px;
	line-height: 115px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-family: "Arial Black", Gadget, sans-serif;
}


.entit{
    font-size: 18px;
    color:#fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin-top: 20px;
}
.cntit{
    
    font-size: 36px;
    color:#fff;
    
    text-align: center;
    
}
.stips{
    font-size: 48px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}


.goud{
    background: url(../images/goud-bg.jpg) top center no-repeat;
    height: 996px;
    background-size: cover;
    position: relative;
    padding-top: 90px;

}

.goud .t1{
    font-size: 48px;
    text-align: center;
    color: #fff;
}
.goud .t2{
    font-size: 48px;
    text-align: center;
    color: #fff;
    margin-top: 40px;
}

.goud .itn{
    margin-top: 90px;
    text-align: center;
}

.goud .itn a{
    border: 1px solid #fff;
    color: #fff;
    width: 185px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    margin: 0px 8px;
    position: relative;
}

.goud .itn a:hover{
    background: #fff;
    color: var(--SW-PAGE-ROOT-COLOR);
}

.goud .itn a icon {
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 10px;
    top:13px;
    background-color: #fff;
    -webkit-mask: url(../images/row.png) no-repeat;
    mask: url(../images/row.png) no-repeat;
     
    
    
}

.goud .itn a:hover icon {
   
    background-color: var(--SW-PAGE-ROOT-COLOR);
    
     
    
    
}

.product{
    background: #dcdcdc;
    /*height: 996px;*/
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}

.product .entit,.product .cntit,.product .stips{
    color: #333;
}
/*
.probox{
    width: 1200px;
    overflow: hidden;
    margin-top: 90px;
}

.product .probox .item{width:100%;height:567px;}
.product .probox .item .c {width:1200px;height:567px;overflow:hidden;}
.product .probox .item ul {width:3500px;}
.product .probox .item ul li{width:84px;height:566px;float:left;list-style:none;position:relative;transition:all 0.8s;}
.product .probox .item ul li img{height:566px ;width:1100px;}
.product .probox .item ul li:last-child{width:1100px;}
.product .probox .item ul:hover li{width:84px;}
.product .probox .item ul li:hover {width:1100px;transition:all 0.8s}
.product .probox .item ul li:hover img{left:0;}
.product .probox .item ul li h1{width:91px;height:567px; background:#fff url(../images/prolinebg.jpg); position:absolute;left:0;top:0; display:block; transition: all 0.8s; text-align:center;border-right:15px solid #dcdcdc;}
.product .probox .item ul li h1 p{font-size:24px; font-weight:lighter;color:#333;padding-top:155px;line-height:26px; writing-mode:tb-rl;letter-spacing:10px}
.product .probox .item ul li:hover h1{ display:none;}
.product .probox .item ul li .cutput{ display:none;}
*/


.product .probox{
    display: flex;
    overflow: hidden;
    margin-top: 90px;
    
 
}
.product .probox .item{
   width: 50%;
   height: 566px;
   position: relative;
   
 
   
   
}
.product .probox .item a{
    display: block;
}
.product .probox .item .pro{
    height: 566px;
    position: absolute;
    left: 0;
    width: 100%;
    background-position: top center;
}

.product .probox .item .pro.pro1{
     
 
    left: auto;
    right: 0;
 
    
}

.product .probox .item h1{
    font-size: 24px;
    font-weight: lighter;
    color:#fff;
    text-align: center;
    margin-top: 100px;
    
}

.product .probox .item h1::after {
    content: "";
    border-top: 2px solid #fff;
    display: block;
    width: 100px;
    margin: 0px auto;
    margin-top: 10px;
}

.product .probox .detail {
     
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    color: #fff;
    line-height: 1.8;
    position: absolute;
    bottom: 0;
    width: 700px;
    display: none;

    
}
.product .probox .item .tit{
    font-size: 18px;
    font-weight: lighter;
}
.product .probox .item .tit::after {
    content: "";
    border-top: 2px solid #fff;
    display: block;
    width: 50px;
    
    margin-top: 10px;
}
.product .probox .item .etit{
    display: none;
}

.product .probox .item .txt{
    font-size: 14px;
}

.product .probox .item:hover h1{display: none;}

.product .probox .item:hover .pro{width:200%;transition: all 0.5s ease 0s;z-index: 10; }
.product .probox .item:hover .detail{display: block;}


.news{

    background: url(../images/news-bg.jpg) top center no-repeat;
     
    background-size: cover;
    position: relative;
    padding-top: 90px;
    padding-bottom: 90px;
}

.news ul{
    margin: 0 -15px;
    position: relative;
    margin-top: 40px;
}

.news li {
    float: left;
    width: 33.333333%;
    padding: 0 15px;
    margin-bottom: 30px;
    
}
 
.news li a{
   
        position: relative;
        display: block;
        transition: all .36s;
        background: #fff;
       
     
}

.news li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background: #e2e0e0;
}
.news .mc_e1_imgbox img {
    transition: all .36s;
}

.news .mc_list_imgbox {
    position: relative;
    overflow: hidden;
}

.mc_list_imgbox img {
    object-fit: cover;
   
}
.mc_list_img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
.news li img{
    max-width: 100%;
}

.mc_e1_txtbox {
    padding: 10px 28px 15px;
}
.mc_e1_txt {
     
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    color: #000000; 
   
}
.mc_e1_date {

    font-size: 14px;
    color: #999999;
   
}

.news li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 0;
    height: 2px;
    background: #001eb4;
    transition: all .36s;
}

.news li a:hover::after {
    width: 100%;
}

.news li a:hover {
    box-shadow: 2px 2px 2px 4px rgba(214, 211, 211, .2);
}
.mc_list_png {
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
}

.sbox{
    padding: 30px 20px 0px
}
.sbox .items{
    margin-bottom: 15px;
}

.sbox label{width: 80px;display: inline-block;}

.sbox input{
    border: 1px solid #d7d7d7;
    background: none;
    width: 200px;
    height: 30px;
    color:#333;
    font-size: 14px;
}

.sbox select{
    border: 1px solid #d7d7d7;
    background: none;
    width: 200px;
    height: 30px;
    color:#333;
    font-size: 14px;
}

input{
         outline:0px;
     }


.sbox button{
    width: 135px;
    height: 35px;
    background: var(--SW-PAGE-ROOT-COLOR);
    border: none;
    color: #fff;
}

@media screen and (min-width: 1600px){

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

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

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

  }
  @media screen and (max-width:1250px){
 
    }
  @media screen and (max-width:1024px){
 
    }
  
  
    @media screen and (max-width:768px){

        .txtCenter .txt {
            font-size: 24px;
            letter-spacing: -2px;
            line-height: 115px;
            color: #fff;
            text-align: center;
            text-transform: uppercase;
            font-family: "Arial Black", Gadget, sans-serif;
        }
        .cntit {
            font-size: 24px;
            color: #fff;
            text-align: center;
        }
        .entit {
            font-size: 18px;
            
        }
        .goud {
            background: url(../images/goud-bg.jpg) top center no-repeat;
            height: 500px;
            background-size: cover;
            position: relative;
           
        }
        .goud .t1 {
            font-size: 24px;
            text-align: center;
            color: #fff;
        }

        .goud .t2 {
            font-size: 24px;
            text-align: center;
            color: #fff;
            margin-top: 40px;
        }

        .goud .itn a {
            margin-bottom: 10px;
        }

        .stips {
            font-size: 24px;
            text-align: center;
            color: #fff;
            margin-top: 40px;
        }
        .product {
          
            height: auto;
           
            padding-top: 40px;
            padding-bottom: 40px;
        }
        /*
        .probox {
            width: 100%;
            overflow: hidden;
            margin-top: 40px;
        }
        .product .probox .item {
            width: 100%;
            height: auto;
        }
        .product .probox .item .c {
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        .product .probox .item ul {
            width: 100%;
        }
        .product .probox .item ul li {
            width: 100%;
            height: auto;
            float: none;
            list-style: none;
            position: relative;
            transition: all 0.8s;
        }
        .product .probox .item ul li:hover {
            width: 100%;
            transition: all 0.8s;
        }
        .product .probox .item ul li img {
            height: auto;
            width: 100%;
            max-width: 100%;
        }

        .product .probox .item ul li h1 {
            width: 100%;
            height: auto;
            background: none;
            position: relative;
            
            display: block;
            transition: all 0.8s;
            text-align: center;
            border-right: none;
        }

        .product .probox .item ul li h1 p {
           
            padding-top: 0px;
            line-height: 26px;
            writing-mode: horizontal-tb;
            letter-spacing: 0px;
        }
        .product .probox .item ul li:last-child {
            width: 100%;
        }*/

        

        .product .probox{
            display: block;
             
            margin-top: 0;
         
        
        }

        .product .probox .item {
            width: 100%;
            height: 350px;
            position: relative;
            margin-top: 50px;
        }
        .product .probox .item .pro {
            height: 350px;
            position: relative;
            
            width: 100%;
            background-position: top center;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .product .probox .item h1 {
            display: none;
        }
        .product .probox .detail {
             
           
            color: #333;
            line-height: 1.8;
           
            
            width: 100%;
            display: block;
        }


        .product .probox .item .tit {
            font-size: 18px;
            text-align: center;
            font-weight: lighter;
            display: none;
        }

        .product .probox .item .etit{
            display: block;
            font-size: 18px;
            text-align: center;
            font-weight: lighter;
        }

        .product .probox .item .etit::after {
            content: "";
            border-top: 2px solid #333;
            display: block;
            width: 50px;
            margin: 0 auto;
            margin-top: 10px;
        }

        .product .probox .item:hover .pro{width:100%;transition: all 0.5s ease 0s;z-index: 10; }
        .product .probox .item .tit::after {
            content: "";
            border-top: 2px solid #333;
            display: block;
            width: 50px;
            margin: 0 auto;
            margin-top: 10px;
        }
        .news {
           
            height: auto;
            background: none;
            padding-top: 40px;
            
        }

        .news .entit, .news .cntit {
            
            color: #333;
            
        }

        .news li {
            float: none;
            width: 100%;
            padding: 0 15px;
            margin-bottom: 30px;
        }
  
    }
    
    @media screen and (max-width:740px){
  
  
    }
    
    @media screen and (max-width:640px){
  
  
    
    }
      
    @media screen and (max-width:540px){
  
    }
  
  @media screen and (max-width: 480px){
  
  
  }
  
  @media screen and (max-width: 413px){
 
  
  }
  
  @media screen and (max-width: 375px){
  
  
  
  
  }