@charset "utf-8";/* CSS Document*/
body{margin: 0;padding: 0;font-size: 14px;/* min-width: 1100px; */background:#f1f1f1;font-family: "Microsoft Yahei", 宋体, sans-serif;}
ul,li{list-style-type: none;margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-weight: normal}
img{border: 0;}
img:hover{ opacity: 0.9}
a{text-decoration: none;color: #666666;}
a:hover{text-decoration: none;color:#025100; transition: all 0.6s;}
.fl{float: left !important;}
.fr{float: right !important;}
.clearboth{clear: both;border: 0;padding: 0;margin: 0;}
.w1200{width: 1200px;height: auto;margin: 0 auto;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.relative{position:relative;}
.imghover{cursor: pointer;transition: all 0.6s;}
.imghover:hover{transform: scale(1.2);}

/*search*/
.i-search{width: 255px;height: 34px;overflow: hidden;position: relative;margin:40px 0 0 18px; float: right; background: #ffffff; border-radius: 4px; }
.i-search .search-txt{border:#c6c6c6 1px solid;width: 194px;padding-left: 10px;height: 32px;line-height: 32px;color: #757575;background: none; outline: none}
.i-search .search-btn{width: 50px;height: 34px;line-height: 34px;font-size: 16px; border: none; background: url("../images/ico_search.png") center no-repeat #a0a0a0; cursor: pointer; position: absolute; right: 0;}
.i-search .search-btn:hover{cursor: pointer; background: url("../images/ico_search.png") center no-repeat #025100;}


/*i-main*/
.i-main{ width: 1200px; margin: 30px auto; height: auto; overflow: hidden;}
.i-part-news{margin: 0 auto; height: auto; overflow: hidden;}
.i-part-news-left{ width: 360px; float: left;}
.i-part-news-center{ width: 400px; float: left;margin: 0 0 0 40px;}
.i-part-news-right{ width: 360px;float: right; }
.i_title{ width: 100%;line-height: 40px;height: 40px;  border-bottom: #c5c5c5 1px solid;}
.i_title h1{font-size: 18px;line-height: 39px;color: #010000;zoom: 1; margin: 0; padding: 0 8px 0 8px; display: block; float: left; border-bottom: #115b0f 3px solid;}
.i_title span{font-size: 12px;line-height: 40px;zoom: 1; display: block; float: right}
.i_title span a{ color: #666666}
.i_title span a:hover{ color: #ff3300}

.i-about{ width: 100%; margin: 0 auto; height: auto; overflow: hidden; padding: 20px 0 0 0}
.i-about img{ padding: 5px; border: #eeeeee 1px solid; background:#ffffff;}
.i-about p{ padding: 8px 0;width: 100%;  font-size: 14px; color: #333333; line-height: 32px;text-align: justify; text-indent: 2em;}
.i-about a{ color: #333333; font-size: 14px;}
.i-about a:hover{ color: #ff3300;}

.i-list2{ margin: 0 auto; height: auto; overflow: hidden; width:100%;}
.i-list2 ul{ padding: 20px 0 0 0;}
.i-list2 li{ height: 34px; line-height: 34px; font-size: 14px; width: 100%; margin: 0 auto; color: #888888;}
.i-list2 li a{background: url("../images/ico_002.png") left center no-repeat;padding: 0 0 0 10px;float: left;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: calc(100% - 88px);}
.i-list2 li a:hover{color:#ff3300;}
.i-list2 li span{float: right;height: 34px;line-height: 34px;text-align: right;}


/*i-part-news*/
.i-part-xs{margin: 5px auto 0 auto; height: auto; overflow: hidden;}
.i-part-xs-left{ width: 800px; float: left;}
.i-part-xs-right{width: 360px;float: right;}


/*xsdw*/
.xsdw-left{width:795px;overflow:hidden;position:relative;padding: 20px 0 0 0;/* height: 220px; */}
.xsdw-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0;  }
.xsdw-left .hd .prev,.xsdw-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	cursor:pointer; }
.xsdw-left .hd .next{ background-position:0 -50px;  }
.xsdw-left .hd .prevStop{ background-position:-60px 0; }
.xsdw-left .hd .nextStop{ background-position:-60px -50px; }
.xsdw-left .bd{ padding:0;   }
.xsdw-left .tempWrap{  width: 1080px !important; }
.xsdw-left .bd ul{overflow:hidden;zoom:1;margin: 0 -8px;}
.xsdw-left .bd ul li{margin:0 8px;float:left;_display:inline;overflow:hidden;text-align:center;width: calc(33.3% - 16px);}
.xsdw-left .bd ul li .pic{position: relative;padding-top: 66%;overflow: hidden;width: 100%;}
.xsdw-left .bd ul li .pic img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover; /* 关键：自动裁剪居中，不变形、高度统一 */}
.xsdw-left .bd ul li .pic a:hover img{ border-color:#999;  }
.xsdw-left .bd ul li .title{text-align: center;color: #333333;font-size: 14px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xsdw-left .bd ul li .title a{ color: #333333;font-size: 14px; line-height: 40px;}
.xsdw-left .bd ul li .title a:hover{ color: #ff3300;}



/*end*/
.end_link{ width: 100%; background: #cccccc; height: 52px; }
.end_link_left{ float: left; width: 450px;}
.end_link_left select{ width: 190px; height: 28px; line-height: 28px; padding: 0 0 0 10px; color: #555555;margin: 12px 15px 0 0; border: none; }
.end_link_right{ float: right; width: 740px; text-align: right; line-height: 52px;}
.end_link_right a{ color: #333333; margin:0 20px 0 0;}
.end_link_right a:hover{ color: #ff3300; }
.footer{ width: 100%; height: 115px; background: #025100; margin: 0 auto;  padding: 20px 0 10px 0 ;}
.copright { float: left; width: 740px;  padding: 20px 0 0 0}
.copright p{color: #ffffff; font-size: 14px; line-height: 30px;  margin: 0; padding: 0; }
.endrwm{ float: right; width: 250px;}
.endrwm li{ width: 80px; float: right; margin: 0 0 0 20px}
.endrwm li img{ width: 80px; height: 80px}
.endrwm li span{ display: block; width: 100%; text-align: center; color: #ffffff; font-size: 14px; line-height: 30px;}
.buttom_img {
    display: inline-block;
    float: right;
    position: relative;
    right: 315px;
    top: 3px;
}


@media (max-width: 1024px){
    .i-main{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .i-part-news-left{
        width: 100%;
    }
     .i-part-news-center{
        width: 100%;
        margin: 0 0 20px 0;
    }
     .i-part-news-right{
        width: 100%;
    }
  .i-list2 li a{    
    width: calc(100% - 80px);
  }
  .i-part-xs-left, .xsdw-left, .i-part-xs-right{
    width:100%;
    height: auto;
  }
  .xsdw-left{
    width: 100%;
}
  .xsdw-left .bd ul li{
    width: calc(33.3% - 16px);
  }

   .end_link{
     height: auto;
     overflow: hidden;
   }
   .w1200{
     padding: 0 10px;
     width: calc(100% - 20px);
   }
  .end_link_left, .end_link_right{
    width: 100%;
  }
  .end_link_left select{    
    width: calc(50% - 5px);    
    float: left;    
    padding: 0;    
    margin: 12px 10px 12px 0;
  }
  .end_link_left select:last-child{
    margin-right: 0;
  }
  .end_link_right{
    text-align: left;
    line-height: 36px;
  }
  .copright{
    width:100%;
  }
  .buttom_img{
    right: 0;
}
}


/*banner_one*/

.banner-box {
  position: relative;
  background: url(../images/banner_bg.png) repeat-x center #3399CC;
}

.banner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.banner .slick-slide a:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.6rem;
  opacity: 1;
  background: linear-gradient(0deg, rgb(0 10 21 / 20%) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.banner .slick-slide a {}

.banner .slick-slide.slick-active img {
  transition: 6s 1s linear;
  transform: scale(1.1);
}

.banner .slick-active img {}

.banner img {
  display: block;
  width: 100%;
}


.banner .slick-prev {
  width: .64rem;
  height: .56rem;
 
  left: auto;
  z-index: 9;
  top: auto;
  bottom: 0;
  right: 5.2rem;
  padding: 0.13rem 0.17rem;
  border: 1px solid rgb(255 255 255 / 50%);
  border-right: 0;
}

.banner .slick-next {
  width: .64rem;
  height: .56rem;

  right: 4.59rem;
  z-index: 9;
  top: auto;
  bottom: 0;
  padding: 0.13rem 0.17rem;
  border: 1px solid #fff;
  border-left: 0;
}

.banner .slick-prev:hover,
.banner .slick-next:hover {
  opacity: 1
}

.banner .slick-dots {
  transform: translate(-50%, 0%);
  width: 100%;
  bottom: 0;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  background: rgb(51 51 51 / 70%);
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
}



.banner .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 10px;
  box-sizing: border-box;
  border-radius: 50%;
  background: #fff;
  float: left;
opacity: 0.7;
}

.banner .slick-dots li button { 
  display: none;
}

.banner .slick-dots li.slick-active {
  opacity: 1; 
}



@media screen and (max-width: 1024px) {
    .banner-box{
        margin-top:70px;
    } 
  .banner{
    width:100%;
  }
  .i-about img{
   width:100%;
   height:auto;
 }
}

@media screen and (max-width: 520px) {
   .xsdw-left .bd ul li{
    width:100%;
  }
 

}