@charset "utf-8";

/* CSS Document */



/*===========================header=============================*/


#n_ruyu{ }
#n_ruyu .hd { margin-bottom:4%}

#n_ruyu .hd ul{ width: 520px; margin: 0 auto; max-width: 100%;}

#n_ruyu .hd ul li{ }


#n_ruyu .hd ul li.slick-current{ color: #5684b4; }





#n_ruyu .bd>.slick-list{ overflow: visible;}

#n_ruyu .bd ul{ display: flex; justify-content: center; flex-flow: wrap;}

#n_ruyu .bd ul li .box{ position: relative; background: url(../images/rongyu_bg01.png) center no-repeat; background-size: 100% 100% !important; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#n_ruyu .bd ul li .box .hezi{ padding-top: 40.8%; height: 0;}

#n_ruyu .bd ul li .box .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px 25px; padding-top: 18%; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #3d4043; line-height: 1.5;}

#n_ruyu .bd ul li .box .txt p{}

#n_ruyu .bd ul li:hover .box{background: url(../images/rongyu_bg02.png) center no-repeat; background-size: 100% 100% !important; }

#n_ruyu .bd ul li:hover .box .txt{ color: #fff;}

#n_ruyu .slick-arrow{ z-index:99; position:absolute; top:50%; opacity:1; margin-top:-15px;

	display:block; width:30px; height:30px; background-size:contain !important;}

#n_ruyu .slick-prev{ left:0;background:url(../images/cp-6.png) left center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

#n_ruyu .slick-next{ right:0; background:url(../images/cp-8.png) right center no-repeat;

	transition:300ms;-webkit-transition:300ms;}

#n_ruyu .slick-prev:hover{ background:url(../images/cp-7.png) left center no-repeat; }

#n_ruyu .slick-next:hover{ background:url(../images/cp-9.png) right center no-repeat; }

.slick-prev::before,.slick-next::before{ display:none}





#n_buju{ width: 100%; overflow: hidden; position: relative; }

#n_buju .n_tt{ text-align: left; margin-bottom: 2rem;}

#n_buju .n_tt h3{ color: #fff; }

#n_buju .left{  position: absolute; z-index: 9; padding: 4.75rem 0; width: 100%;}

#n_buju .right{ }

#n_buju .right .pic{ }

#n_buju .right .pic img{ object-fit: cover; height: 680px; width: 100%;}

#n_buju .hd{}

#n_buju .hd .slidebox{ height: 100%; width: 600px; max-width: 100%; height: 526px;background: rgba(64, 76, 99, 0.8); padding: 4.375rem 1.875rem; border-radius: 3rem 0 3rem;  }

#n_buju .hd ul li{ }

#n_buju .hd ul li .box{ }

#n_buju .hd ul li .box .tt{ margin-bottom: 1.25rem; font-size: 1.375rem; color: #fff;}

#n_buju .hd ul li .box .con{ font-size: 1rem; line-height: 1.875rem; color: #fff; color: rgba(255, 255, 255, .8);overflow: hidden;-webkit-line-clamp: 100;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}

#n_buju .slick_arrow_right{ margin-top: 2.5rem;}

#n_buju .slick_arrow_right .slick-arrow{ opacity: .3;

    z-index:99;

    float:left;

    display:block;

    font-size:0;

    cursor:pointer;

    width: 2.3125rem;

    height: 2.3125rem; background-size: contain !important; margin-right: 1.25rem;

    transition: .5s;

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -ms-transition: .5s;

    -o-transition: .5s;

}

#n_buju .slick_arrow_right .slick-arrow:hover{ opacity: 1;}

#n_buju .slick_arrow_right .slick-prev2{  background: url(../images/buju_left.png) center no-repeat; } 

#n_buju .slick_arrow_right .slick-next2{ background: url(../images/buju_right.png) center no-repeat; }

 



.n_licheng{ padding-top: 10.25rem; padding-bottom: 17rem; background: url(../images/licheng_bg.jpg) center bottom no-repeat; background-size: cover; width: 100%; overflow: hidden; position: relative;}

.n_licheng .n_tt{ text-align: left; margin-bottom: 1rem;}

.n_licheng .hd{ overflow: hidden; width: 100%; }

.n_licheng .hd .tt{ float: left;}

.n_licheng .hd .tt span{ font-size: 2rem; color: #71c32b; font-family: Roboto-Light;}

.n_licheng .hd .tt h3{ font-size: 1.625rem; color: #434343; margin-top: .75rem;}

.n_licheng .hd .arrowbox{ font-size: 0; }

.n_licheng .slick-arrow{ display: inline-block; border-radius:50%; cursor:pointer; width: 2.0625rem; height: 2.0625rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.n_licheng .slick-prev2{ background: url(../images/s_coop_left.png) center no-repeat; background-size: contain !important; margin-right: 10px;}

.n_licheng .slick-next2{ background: url(../images/s_coop_right.png) center no-repeat; background-size: contain !important;}

.n_licheng .slick-prev2:hover{ background: url(../images/s_coop_left_on.png) center no-repeat; }

.n_licheng .slick-next2:hover{ background: url(../images/s_coop_right_on.png) center no-repeat; }

.n_licheng .bd{ position: relative;}

.licheng_slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.licheng_slide .m{ height: 100%;}

.licheng_slide ul{ height: 100%;}

.licheng_slide ul li{ float: left; width:20%; position: relative; height: 100%; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }

.licheng_slide ul li .txt{ position: absolute; padding-left: 24px;}

.licheng_slide ul li .txt .year{ font-size: 1.5rem; margin-bottom: 7px; color: #373737; font-family: "Barlow Condensed Medium"; opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }

.licheng_slide ul li .txt .con{ font-size: .9375rem; line-height: 1.625rem; max-height: 11rem; padding-right: 1rem; overflow: auto; color: #626262; width: 25rem; opacity: 0; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s;  }

.licheng_slide ul li .txt .con::-webkit-scrollbar {width: 2px;height: 8px;background-color: #F5F5F5;}

.licheng_slide ul li .txt .con::-webkit-scrollbar-track{border-radius: 10px;background-color: #E2E2E2;}

.licheng_slide ul li .txt .con::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #5684b4;}

.licheng_slide ul li .txt:before{ content: ""; background: #fff; display: block; width: 11px; height: 11px; position: absolute; z-index: 99; left: 0; top: .5rem; border: 2px solid #404c63; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.licheng_slide ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.licheng_slide ul li:nth-child(1) .txt{ bottom: 40%; padding-bottom: 4rem;}

.licheng_slide ul li:nth-child(2) .txt{ top: 56%; padding-top: 6.5rem;}

.licheng_slide ul li:nth-child(3) .txt{bottom: 37%;padding-bottom: 3rem;}

.licheng_slide ul li:nth-child(4) .txt{top: 67%;padding-top: 6.5rem;}

.licheng_slide ul li:nth-child(5) .txt{bottom: 42%;padding-bottom: 14rem;}

.licheng_slide ul li .txt .con p{ font-size: 1rem; line-height: 1.875rem; padding-left: 22px; position: relative;}

.licheng_slide ul li .txt .con p:before{ content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #626262; position: absolute; left: 0; top: .75rem; }

.licheng_slide ul li:nth-child(even) .txt:before{ top: 7rem;}

.licheng_slide ul li:nth-child(even) .txt:after{ height: 6rem;}

.licheng_slide ul li .txt:hover:before{ border: 2px solid #5684b4;}

.licheng_slide .slick-list,.licheng_slide .slick-track{ height: 100%; overflow: visible;}

.n_licheng ul.slick-current li .year{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

.n_licheng ul.slick-current li .con{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

 .licheng_line{ width: 100%;}

.mask_lc{

  display: block;

  width:100%;

  height: 160%;

  position: absolute;

  left: 0;

  top: 0;

  ​background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 10%);

  background: -webkit-gradient(linear, left, right, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(10%,#fff));

  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#fff 10%);

  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#fff 10%);

  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%,#fff 10%);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,#fff 10%);

  filter:;

  progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#fff',GradientType=0 );

  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='#fff',GradientType=0 );

}

.mask_lc.aos-animate{ opacity: 1 !important;}

.mask_lc[aos^=fade][aos^=fade]{opacity:1;-webkit-transition-property:all;transition-property:all; left: 0;}

.mask_lc[aos^=fade][aos^=fade].aos-animate{opacity:1; left: 100%;}

/* .licheng_slide ul li:nth-child(odd) .txt:hover .con{ padding-bottom: 1rem;} */

/* .licheng_slide ul li .txt:hover .year{ margin-top: -1rem;} */



.licheng_slide_wap{ display: none; }

.licheng_slide_wap ul{ }

.licheng_slide_wap ul li{ position: relative;transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }

.licheng_slide_wap ul li .txt{ padding-left: 24px; position: relative;}

.licheng_slide_wap ul li .txt .year{ font-size: 1.5rem; margin-bottom: 7px; color: #373737; font-family: "Barlow Condensed Medium"; transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s;  }

.licheng_slide_wap ul li .txt .con{ font-size: .9375rem; line-height: 1.625rem; padding-bottom: 2rem;  color: #626262;  transition: .7s; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }

.licheng_slide_wap ul li .txt:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 1rem; border: 2px solid #71c32b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.licheng_slide_wap ul li .txt:after{ content: ""; display: block; width: 1px; height: 100%; position: absolute; left: 0; top: 1rem; background: #e2e2e2; left: 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }



.licheng_slide_wap ul li .txt .con p{ font-size: 1rem; line-height: 1.875rem; padding-left: 15px; position: relative;}

.licheng_slide_wap ul li .txt .con p:before{ content: ""; display: block; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #626262; position: absolute; left: 0; top: .75rem; }

@media (max-width:640px){
#n_ruyu .slick-arrow{ width:20px; height:20px; margin-top:-10px}
}