*{
    margin: 0px;
    padding: 0px;
    /*word-break:break-all;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -o-box-sizing:border-box;
}  
a[href]:after{content:normal;}
body {
    -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
    font-family: \5FAE\8F6F\96C5\9ED1;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background: #fff;
    height: auto;
}
a {
    color: #333;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration: none;cursor: pointer;
}
a:hover, a:focus {
    color: #06C;text-decoration:none;
}
a:hover, a:active, a:focus {
  outline: none;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;          
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
ul, li{
    margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
    padding: 0px;
    margin: 0px;
}
button {outline: none;}
select { width:100%;}

.left {
    float: left;
}
.right {
    float: right;
}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb45 { margin-bottom:45px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt18 { margin-top:18px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.bh { display:block; overflow:hidden;}
.img-hover:hover {
    opacity: 0.8;
}


@media (max-width: 991px){
    .mobmt {margin-top: 15px;}
    .mobmt20 {margin-top: 20px;}
    .mobpadding {padding: 0;}
    .mobmargin {margin: 0;}
}
@media (max-width: 767px){
    .lanmumt {margin-top: 0;}
    .mobmt22 {margin-top: 22px;}
}

@media (min-width: 1230px){
    .container{width: 1200px;}
}
@media (min-width: 1299px) {
  .container{
    width: 1260px;
  }
}

/*donghua*/
.cbp-so-scroller {
    overflow: hidden;
}
.cbp-so-side {
   /*  overflow: hidden; */
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
}
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
    opacity: 0;
}

.cbp-so-init .cbp-so-side-left {
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right {
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    transform: translateX(80px);
}

/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

/* For example, add a delay for the right side:*/
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


/* Example media queries */
@media only screen and (min-width: 992px){  
    
}
@media only screen and (min-width: 1200px){
    
}

@media screen and (max-width: 767px) {
    
}


/*---------------index---------------------*/
.mobhide{  margin:0 auto; }
.pos_rel{
	position: relative;
	width: 100%;
}
.pos_rel > img{ max-width: 100%; width: 100%; height: 100%; }
.top_logo{ position: absolute; right: 8%;top: 20px; color: #fff; z-index: 999;}
.pos_abs{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    display:block;
}
.yzzc img{ display: inline-block; max-width: 100%; }
.top_title01{ padding-top: 125px; text-align: center;}
.top_title02{ text-align: center;padding-top: 130px; }
.title_st{ text-align: center; border-bottom: 1px solid #fdee23; margin-bottom: 10px;}

@media (max-width: 1780px){
     .top_title01 > img{ width: 80%; }
     .top_title02 > img{ width: 80%; }
}
@media (max-width: 1680px){
     .top_title01 > img{ width: 75%; }
     .top_title02 > img{ width: 75%; }
}
@media (max-width: 1480px){
     .top_title01 > img{ width: 65%; }
     .top_title02 > img{ width: 65%; }
}
@media (max-width: 1366px){
    .top_title02 > img{ width: 58%; }
}
@media (max-width: 1299px){
    .lazy{ display: none!important; }
    .yzzc{ background:url(20220406body.jpg) no-repeat top center;
        background-size: 100% auto;
     }
    .top_title01{ padding-top: 75px; }
    .top_title02{ padding-top: 70px; padding-bottom: 40px; }
    .pos_abs{ position: static; }
    
}
@media (max-width: 1255px){
    .yzzc{background-size: auto;}
}
@media (max-width: 1199px){
    .top_title01{ padding-top: 50px;  }
    .top_title02{ padding-top: 30px;  }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .yzzc{background-size: auto;}
    .top_title01 > img{ width: 80%; }
     .top_title02 > img{ width: 80%; }
}
@media screen and (max-width:767px){        
    .yzzc{background-size: auto;}
    .top_title01 > img{ width: 90%; }
     .top_title02 > img{ width: 90%; }
}
@media screen and (max-width:375px){
   
}


.wicd_lab{ padding: 50px 0; overflow: hidden; position: relative;}
.dt_news{  width: 50%; }
.dt_news_div .dt_news:nth-child(1),
.dt_news_div .dt_news:nth-child(3),
.dt_news_div .dt_news:nth-child(5),
.dt_news_div .dt_news:nth-child(7){float: left;}
.dt_news_div .dt_news:nth-child(2n){ float: right; text-align: right; padding-top: 200px; }
.dt_news a{ position: relative;display:block;}
.dt_news a img {width: 265px;
    height: 265px;
    border-radius: 50%;}
.dt_news a p{ 
    background:rgba(203, 250, 213, 0.65)!important;
    filter:Alpha(opacity=65); 
    background:#cbfad5; 
    z-index: 999; 
    position: absolute; 
    bottom: -50px;
    width: 90%;
     text-shadow:1px 1px 1px #fff;
     font-size: 28px;
     color: #052F19;
     padding: 5px 20px;
     line-height:1.4;
     margin-bottom: 0;
     display:-webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3;overflow: hidden; height: 128px;
}
.dt_news a:hover p{ color: #fff; }
.dt_news a span{
    position: absolute;
    font-size: 28px;
    color: #05391E;
    text-shadow:1px 1px 1px #fff;
    text-align: center;
    font-style: oblique;
}
.dt_news a span img{ width: 25px;
 height: 25px; 
 display:inline-block; 
margin-top: 10px;}

.img-edge-cover{
     border-radius: 50%;
    width: 265px;
    height: 265px;
    display:block;
    overflow: hidden;
    position:relative;
    margin: 0 0 0 95px;
}
.img-edge-cover:after {
   position:absolute;
  content:'';
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius:50%;
  box-shadow:0 0 30px 10px rgba(255,255,255,.7) inset;
}
.line_new{ background:#A4C1AB;  
    width: 2px; 
    height: 1400px; 
    left: 50%;
    margin-left: -1px;
    top: 230px;
    position: absolute;}
.dt_news_div .dt_news:nth-child(1) a span,
.dt_news_div .dt_news:nth-child(3) a span,
.dt_news_div .dt_news:nth-child(5) a span,
.dt_news_div .dt_news:nth-child(7) a span{ 
    right: -82px;
    bottom: 62px; }    
.dt_news_div .dt_news:nth-child(2n) a span{ left: -82px;
    bottom: 78px; }
.dt_news_div .dt_news:nth-child(1) a p,
.dt_news_div .dt_news:nth-child(3) a p,
.dt_news_div .dt_news:nth-child(5) a p,
.dt_news_div .dt_news:nth-child(7) a p{ left: 0; }
.dt_news_div .dt_news:nth-child(2n) a p{ right:0; text-align: left;}
.dt_news_div .dt_news:nth-child(2n) a b{  display:inline-block; margin-right: 50px;}
.dtnew01,
.dtnew02,
.dtnew03,
.dtnew04{ overflow: hidden;padding-bottom: 50px; }
.dtnew01 .dt_newsrgt{ }

/* .dt_newsleft02{padding-top: 130px;}
.dt_newsrgt02{ padding-top: 128px; }
.dt_newsleft03{padding-top: 130px;}
.dt_newsrgt03{ padding-top: 122px; }
.dt_newsleft04{padding-top: 130px;}
.dt_newsrgt04{ padding-top: 135px; } */
.dt_news_div .dt_news:nth-child(3){padding-top: 130px;}
.dt_news_div .dt_news:nth-child(4){padding-top: 128px;}
.dt_news_div .dt_news:nth-child(5){padding-top: 130px;}
.dt_news_div .dt_news:nth-child(6){ padding-top: 122px;}
.dt_news_div .dt_news:nth-child(7){padding-top: 130px;}
.dt_news_div .dt_news:nth-child(8){ padding-top: 135px;}

.dt_newsmore{ 
    width: 100%; 
    float: left; 
    padding-top: 120px; 
    text-align: center;}
.dt_newsmore a{ 
    color: #084025;
    font-size: 32px;
    font-weight: 700;
    padding: 25px 50px;
    display: inline-block;
    background:rgba(255, 255, 255, 0.34)!important;
    filter:Alpha(opacity=34); 
    background:#ffffff;  
}
.dt_newsmore a:hover{ color: #fff; }

@media (max-width: 1780px){
     .wicd_lab{ padding-top: 30px; }
     .dt_news a p{ font-size: 24px; height: 111px; }
     .dt_newsmore{ padding-top: 60px; }
     .line_new{ height: 1374px; }
}
@media (max-width: 1680px){
     .line_new{ top:195px; height: 1300px; }
     .dt_news a p{ bottom: -20px; }
     .dt_news_div .dt_news:nth-child(1) a span,
.dt_news_div .dt_news:nth-child(3) a span,
.dt_news_div .dt_news:nth-child(5) a span,
.dt_news_div .dt_news:nth-child(7) a span{ bottom: 90px; }
     .dt_news_div .dt_news:nth-child(2n){padding-top: 166px;}
     .dt_news_div .dt_news:nth-child(3){padding-top: 90px;}
    .dt_news_div .dt_news:nth-child(4){padding-top: 86px;}
    .dt_news_div .dt_news:nth-child(5){padding-top: 110px;}
    .dt_news_div .dt_news:nth-child(6){ padding-top: 110px;}
    .dt_news_div .dt_news:nth-child(7){padding-top: 110px;}
    .dt_news_div .dt_news:nth-child(8){ padding-top: 115px;}
     /* .dt_newsleft02{ padding-top: 90px; }
     .dt_newsrgt02{padding-top: 86px;}
     .dt_newsleft03{padding-top: 110px;}
     .dt_newsrgt03{ padding-top: 110px; }
     .dt_newsleft04{padding-top: 110px;}
     .dt_newsrgt04{ padding-top: 115px; } */
}
@media (max-width: 1620px){
    .dt_news a img {width: 225px;height: 225px;}
     .img-edge-cover{width: 225px;height: 225px;}
    .dt_news a p{ width: 85%; height: 111px; }
    .line_new{ top: 150px; height: 1197px; }
}
@media (max-width: 1480px){
     .dt_news a span{ font-size: 22px; }
     .dt_news_div .dt_news:nth-child(1) a span,
.dt_news_div .dt_news:nth-child(3) a span,
.dt_news_div .dt_news:nth-child(5) a span,
.dt_news_div .dt_news:nth-child(7) a span{ right:-64px; }
     .dt_news_div .dt_news:nth-child(2n) a span{ left:-64px; }
     .dt_news a p{ width: 80%; }
     .line_new{ height: 1000px }
     .dt_news_div .dt_news:nth-child(2n){padding-top: 135px;}
     /* .dt_newsleft02{ padding-top: 60px; }
     .dt_newsrgt02{padding-top: 45px;}
     .dt_newsleft03{padding-top: 55px;}
     .dt_newsrgt03{ padding-top: 60px; }
     .dt_newsleft04{padding-top: 60px;}
     .dt_newsrgt04{ padding-top: 45px; } */
     .dt_news_div .dt_news:nth-child(3){padding-top: 60px;}
    .dt_news_div .dt_news:nth-child(4){padding-top: 45px;}
    .dt_news_div .dt_news:nth-child(5){padding-top: 55px;}
    .dt_news_div .dt_news:nth-child(6){ padding-top: 60px;}
    .dt_news_div .dt_news:nth-child(7){padding-top: 60px;}
    .dt_news_div .dt_news:nth-child(8){ padding-top: 45px;}
     .dt_newsmore a{ 
        font-size: 26px;
        padding: 15px 30px;}
}
@media (max-width: 1366px){
    .dt_newsmore{ padding-top: 40px; }
}
@media (max-width: 1299px){
    .dt_news a p {font-size: 20px; height: 93px;}
    .dt_news a img {width: 200px;height: 200px;}
    .img-edge-cover{width: 200px;height: 200px;}
    .line_new{ height: 900px; }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .dt_news a p {height: 76px;font-size: 17px;}
    .img-edge-cover{ margin-left: 20px; }
}
@media screen and (max-width:767px){   
    .line_new{ display: none; } 
    .dt_news{ width: 100%; }   
    .dt_news a img {width: 250px;height: 250px;}
    .img-edge-cover{width: 250px;height: 250px; margin: 0 auto;}
    .dt_news a p {width: 100%; height: 92px;} 
    .dt_news_div .dt_news:nth-child(1) a span,
.dt_news_div .dt_news:nth-child(3) a span,
.dt_news_div .dt_news:nth-child(5) a span,
.dt_news_div .dt_news:nth-child(7) a span{ right: 20px; }
    .dt_news_div .dt_news:nth-child(2n){ padding-top: 60px; }
    .dt_news_div .dt_news:nth-child(2n) a span{ left: 20px; bottom: 90px; }
    
}
@media screen and (max-width:375px){
   
}

.mg_three{padding-top: 45px;}
.mg_three ul{}
.mg_three li{}
.mg_three li a{
    color: #05391E;
}
.mg_three li a p{
    font-size: 28px;
    margin: 15px 0 0 0;
    line-height: 1.4;
    display:-webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 4;overflow: hidden; height: 157px; 
}
.mg_three li a:hover{ color: #fff; }
.mg_more{ padding-top: 35px; }
.mg_three li a b{ position: relative; }
.mg_three li a b img{ height: 258px; }
.mg_three .new_video{position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    width: 36px;
    height: 36px;}

@media (max-width: 1780px){
     .mg_three li a p{ font-size: 24px;
    -webkit-line-clamp: 3;height: 103px; }
}
@media (max-width: 1680px){
    .mg_three{ padding-top: 25px; }
     .mg_three li a p{ 
    -webkit-line-clamp: 2;height: 68px; }
    .mg_more{ padding-top: 25px; }
}
@media (max-width: 1480px){
     .mg_three ul{ margin: 0 -30px; }
     .mg_three ul li{ padding: 0 30px; }
     .mg_three li a b img{ height: 245px; }
}
@media (max-width: 1366px){
    img.heght_1300{ height: 580px; }
    .mg_more{ padding-top: 15px; }
}
@media (max-width: 1299px){
    img.heght_1300{ height: auto; }
}
@media (max-width: 1199px){
    .mg_three ul{ margin: 0 -15px; }
     .mg_three ul li{ padding: 0 15px; }
     .mg_three li a b img{ height: 195px; }
     .mg_three li a p{  -webkit-line-clamp: 2; height: 60px; }
}
@media screen and (min-width:768px) and (max-width:1023px){
     .mg_three li a b img{ height: auto; }
     .mg_three ul li{ margin-bottom: 20px; }
}
@media screen and (max-width:767px){        
    .mg_three li a b img{ height: auto; }
     .mg_three ul li{ margin-bottom: 30px; }
     .mg_more{ padding-bottom:30px; }
     .mg_three li a p{ font-size: 20px; }
}
@media screen and (max-width:415px){
    .mg_three li a p{ font-size: 18px; }
}
@media screen and (max-width:375px){
   
}


.carouselc{ padding-top: 50px; }
.swiper-father{ position: relative; }
.swiper-father .swiper-button-prev{ left:-50px; }
.swiper-father .swiper-button-next{ right:-50px; }
.lc_ltxt{ margin: 0 -15px; }
.mt_img{ float: left; 
    width: 50%; 
    padding: 0 15px; margin-bottom: 25px;}
.ryxx{ overflow: hidden; 
    background:url(20220406st_line.png) no-repeat left bottom; 
    padding-bottom: 20px;
}
.ryxx b{ 
    width: 185px; 
    height: 185px; 
    float: left; 
    overflow: hidden;
    border-radius: 50%;
    margin-right: 15px;}
.ryxx > div{ font-weight: 700; }
.ryxx > div h3{ font-size: 30px;  color: #fff; text-decoration: underline; } 
.ryxx > div span{ font-size: 28px; color:#003B46; line-height: 1.3; } 
.mt_img > p{ font-size: 24px; color: #fff; line-height: 1.4;  font-weight:100;
display:-webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 8;overflow: hidden; height: 276px; }

.carouselcc{display: none;}

@media (max-width: 1780px){

}
@media (max-width: 1680px){
     .carouselc{padding-top: 35px;}
     .mt_img > p{ -webkit-line-clamp:none; height: 200px; font-size: 20px; }
}
@media (max-width: 1480px){
     .mt_img > p{ height: 170px; font-size: 19px; }
}
@media (max-width: 1366px){
    .mt_img > p { height: 155px; font-size: 18px; }
}
@media (max-width: 1299px){
    .mt_img > p { height: 150px; margin-bottom: 0;}
}
@media (max-width: 1199px){
    .mt_img > p { height: 175px;}
    .ryxx > div span{ font-size: 22px;  } 
}
@media screen and (min-width:768px) and (max-width:1023px){
    .ryxx b{ width: 150px; height: 150px; }
    .ryxx > div h3{ font-size: 18px;  } 
    .ryxx > div span{ font-size: 16px;  } 
    .mt_img > p { font-size: 14px; height: 164px;}
}
@media screen and (max-width:767px){        
    .carouselc{display: none;}
    .carouselcc{display: block; padding-top: 25px;}
    .mt_img{ width: 100%; }
    .ryxx b{ width: 150px; 
    height: 150px; }
    .ryxx > div h3{ font-size: 18px;  } 
    .ryxx > div span{ font-size: 15px;  } 
    .mt_img > p { font-size: 17px; height: auto;}
}
@media screen and (max-width:375px){
   
}


.wdch_lab{ padding-top: 30px; }
.wdch_lab ul{ width: 90%; float: left; }
.wdch_lab ul li{ float: left;width: 16.6666%; text-align: center; }
.wdch_lab ul li b{  }
.wdch_lab ul li h3{ font-size: 26px; color:#003B46; margin: 10px 0 5px;}
.wdch_lab ul li p{ font-size: 22px; color:#fff; line-height: 1.3; }
.wdch_lab ul li a:hover p{text-shadow:1px 1px 1px #ddd;}
.wdch_more{ 
    font-size: 60px; 
    width: 10%; 
    float: left; 
    text-align: center;
    padding-top: 80px;
}
.wdch_more a{color: #fff;}
.wdch_more a:hover{ color: #FFF218; }


@media (max-width: 1780px){
    .wdch_lab ul li p{
        display:-webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden; 
        height: 114.5px;
    }
}
@media (max-width: 1680px){
     .wdch_lab ul li p{
        display:-webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden; 
        height: 114.5px;
    }
}
@media (max-width: 1600px){
    .wdch_lab ul li p{-webkit-line-clamp: 3; 
        height: 77.5px;
        line-height: 1.18;}
}
@media (max-width: 1480px){
     .wdch_lab ul li h3{ font-size: 20px; }
     .wdch_lab ul li p{ font-size: 16px; }
     .wdch_lab ul li p{
        line-height: 1.2;
        -webkit-line-clamp: 3;
        height: 64.5px;}
}
@media (max-width: 1366px){
    .wdch_lab ul li p{
        -webkit-line-clamp: 2;
        height: 42.5px;}
}
@media (max-width: 1299px){
    .wdch_lab ul li p{
            -webkit-line-clamp: unset;
    height: auto;}
}

@media screen and (min-width:768px) and (max-width:1023px){
    .wdch_lab ul li{ width: 33.3333%; text-align: left; padding: 0 10px; }
}
@media screen and (max-width:767px){  
    .wdch_lab ul{ width: 98%; }      
    .wdch_lab ul li{ width:50%; }
    .wdch_more {    width: 100%;
    padding: 0 0 40px;
    margin-top: 0;}
    .wdch_lab ul li p{
        -webkit-line-clamp: 2;
        height: 39.5px;}
}
@media screen and (max-width:375px){
   
}


.bkgrd{text-align: center; padding-top: 40px;}
.position_foot{   
	background:rgba(255, 255, 255, 0.4)!important;
    filter:Alpha(opacity=40); 
    background:#ffffff; 
	position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: block;
    width: 100%;
    padding: 45px 0;
}


.img_hovbig{
    display: block;
  overflow: hidden;
}
.img_hovbig img {
  margin: 0;
  width: 100%;
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.img_hovbig:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}


@media (max-width: 1780px){
    .bkgrd img{ max-width: 80%; }
}
@media (max-width: 1680px){
     .bkgrd img{ max-width: 70%; }
}
@media (max-width: 1600px){
     .bkgrd img{ max-width: 60%; }

}
@media (max-width: 1480px){
     .bkgrd img{ max-width: 55%; }
}
@media (max-width: 1366px){
    .bkgrd{padding-top: 20px;}
}
@media (max-width: 1299px){
    .position_foot{ position: static; margin-top: 25px; padding: 15px 0; }
    
}
@media (max-width: 1199px){
    .position_foot{ padding: 25px 0; }
    
}
@media screen and (min-width:768px) and (max-width:1023px){
    .bkgrd img{ max-width: 80%; }
}
@media screen and (max-width:767px){ 
    .bkgrd img{ max-width: 90%; }

}
@media screen and (max-width:375px){
   
}






