@font-face {
	font-family:SangBleuOGSans-Light;
	src: url('../fonts/SangBleuOGSans-Light.woff2'); }


 @font-face {
	font-family:impact;
	src: url('../fonts/impact.ttf'); }
	
	 @font-face {
	font-family:BEBAS;
	src: url('../fonts/BEBAS___.TTF'); }



	 @font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }
	
	 @font-face {
	font-family:Rubik-Regular;
	src: url('../fonts/Rubik-Regular.ttf'); }
	
	
	
	
	





.history{ width:240px; height:167px; background:url(../images/ag.jpg) no-repeat; color:#fff; float:left}
.history h3{ font-size:30px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; padding-top:30px}
.history p{ font-size:24px; text-align:center; color:#fff }



 .dp{padding-top:30px;position:relative; width:100%; margin:0 auto; justify-content: space-between;  display:flex; padding-bottom:50px; }
 .dp ul { justify-content: space-between;  display:flex;  width:100%;}

 .dp  li{  padding:10px 0; width:23%; padding:0px 1%; text-align: center; transition:All 0.4s ease-in-out; background:url(../images/lind0.png) no-repeat left top; margin:0px .5%; background:; padding:0px 0px; }


 .icon{   font-size: 55px;
    font-family:AvenirLTStd-Light; color:#010101; font-weight:400; letter-spacing:0px;}
  .icon span{ font-size:16px; color:#fff; width:25px; height:25px; display:inline-block; line-height:25px; background:#cd0f16; text-align:center; border-radius:50%; font-weight:400; }

  .dp li .d{font-size:16px; color:#333; margin-top:10px; padding-right:0px;}

 .dp li:hover { transition:All 0.4s ease-in-out; transform: translate(0,-10px);}
 
 .dp a:hover{color:#333;  transition:All 0.4s ease-in-out;}
 
 @font-face {
	font-family:AvenirLTStd-Light;
	src: url('../fonts/AvenirLTStd-Light.otf'); }












.nameablogo { width:100%; text-align:center; padding-top: 70px; }
.nameabt {
	width: 100%;
	text-align: center;
	font-family: "ComfortaaB";
	text-transform: uppercase;
	padding-bottom:20px;
	font-size: 37px; 
	color: #000;
}
.nameabtzwen {

	color: #999;
	text-align: center;
	font-size: 16px; line-height:30px; padding-bottom:20px; 
}
.nameabtzwen p {}
.abouttext {
	padding: 40px 0px;
	width: 85%;
	margin: auto;
	font-size: 16px;
	text-align: left;
	line-height: 2em;
}




/*quan s*/
.indexbanner_jj_mid{
margin:0 3.64583333333333%;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{
left:auto; right:50px; width:10px; text-align:left; bottom:39%;}
.indexbanner .swiper-pagination-bullet{
width:1.25em; height:1.25em; border-radius:100%; background:none; border:none; overflow:hidden; opacity:1;  position:relative;}
.indexbanner .swiper-pagination-bullet:after{background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img3.png);
content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.indexbanner .swiper-pagination-bullet:before{background-position:center; background-repeat:no-repeat; background-size:cover; transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; top:50%; width:8px; height:8px; background-color:#fff; border-radius:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
}
.indexbanner .swiper-pagination-bullet-active:before{
opacity:0;}
.indexbanner .swiper-pagination-bullet-active:after{
opacity:1;}
.indexbanner_cir{
position:absolute; z-index:10; right:46.84583333333333%;bottom:4.58333333333333vw; width:6.8125em; height:6.8125em;}
.indexbanner_cir_c a{
display:block; position:absolute; left:0; top:0; width:100%; height:100%;}

.indexbanner_cir_c a:after{
content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img2.png);animation:fadenum 5s linear infinite;}
 @keyframes fadenum{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}

}
.indexbanner_cir_c a:before{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); position:absolute;
content:''; left:49.5%; top:50%; width:13px; height:27px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.indexbanner_cir_c a:hover:after{animation-play-state:paused}
.index_1_mid{
margin:0px auto; height:; overflow:hidden; position:relative; }



.index_1_mid_right{ overflow:hidden;
float:right; width:48.17788758492897%;}
.index_1_mid_right img{
width:100%;}
.index_1_mid_left{ margin-top:6.51041666666667vw;
float:left; width:42.98949969116739%;}
.index_1_mid_left_1{
font-size:3em; font-family:"Times New Roman", Times, serif; margin:30px 0px !important;}
.index_1_mid_left_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden;
color:#353535; line-height:2; margin-top:1.5vw; margin-bottom:3.5vw;}
.index_1_mid_left_3_mid{ width:45%;
display:inline-block; position:relative;}
.index_1_mid_left_3_mid_left{
overflow:hidden;}
.index_1_mid_left_3_mid_left img{
width:100%;}


.mar_1_mid_right_1_xx {
    width: 60px;
    height: 2px;
    background-color: #f00;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

.index_2_mid_mask_1{
margin:0 auto;width:6.8125em; height:6.8125em; position:relative;}
.indexbanner_cir_c_play a:before{
width:13px; height:27px; background-image:url(../images/img1.png);}
.index_2_mid_mask_2{
margin-top:1.5vw;}
.index_3{ padding-top:7.29166666666667vw; padding-bottom:5.20833333333333vw;
overflow:hidden; background-color:#222222; color:#fff; margin-top:11.97916666666667vw;}
.index_3_mid{
margin:0 3.64583333333333%;}
.index_3_3 ul li{
float:left; width:33.3333%;}
.index_3_3_1{
overflow:hidden}
.index_3_3_1 img{
width:100%;}
.index_3_3 ul li a{ position:relative;
display:block; padding:0 18.52995676343422%;  }
.index_3_3 ul li a:after{ z-index:10;
content:''; position:absolute; left:0; top:0; height:100%; width:1px; background-color:#fff; opacity:.18;}
.index_3_3 .swiper-slide:nth-child(1) ul li a:after{
display:none}
.index_3_3 ul li:nth-child(1) a:before{
display:none}

.index_3_1{
text-align:center;}
.index_3_2{
text-align:center; font-size:2.25em; margin-top:.2em;}
.index_3_3_2_left_1{
font-size:1.5em; color:#fff;}
.index_3_3_2_left_2{
font-family:Arial, Helvetica, sans-serif; font-size:.875em; margin-top:5px; color:#a6a6a6;}
.index_3_3_2{
position:relative; margin-top:2em; padding-right:4em;}
.index_3_3_2_right{
position:absolute; right:0; top:50%;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%); width:3.5625em; height:2.3125em;}
.index_3_3_2_right:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:50%;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%); width:2.8125em; height:1.0625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img9.png); }
.index_3_3_2_right:after{ border-radius:100%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; right:1em; opacity:0; top:0; width:2.3125em; height:2.3125em; border:1px rgba(255, 255, 255, 0.2) solid;}
.index_3_3 ul li a:hover .index_3_3_2_right:after{
right:0; opacity:1;}
.index_3_3{ margin-bottom:2.8125vw;
margin-top:5.20833333333333vw;}
.index_3_4{
margin:0 auto;width:6.8125em; height:6.8125em; position:relative;}
.index_4_mid_right_mid_4{width:6.8125em; height:6.8125em; position:relative;}
.index_4_mid{
position:relative; background-color:#f3f3f3; color:#000;}
.index_4_mid_left{ overflow:hidden;
width:58.12847436689314%;}
.index_4_mid_left img{
width:100%;}
.index_4_mid_right{ right:0;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
position:absolute; top:50%; width:41.87152563310686%;}
.index_4_mid_right_mid_2{
text-align:left}
.index_4_mid_right_mid_3{
line-height:2;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-top:2vw; margin-bottom:2vw;}
.index_4_mid_right_mid{
margin:0 11.76470588235294%;}







.index_1_mid_left_3_mid_right{
position:absolute; right:-5.48958333333333vw; top:50%;width:5.8125em; height:5.8125em;-webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);}
	.i_more { position:relative; margin:0px auto; right:0px; top:50px;}
.indexbanner_cir_c.indexbanner_cir_c_b a:after{
background-image:url(../images/hsimg2b.png);}
.indexbanner_cir_c.indexbanner_cir_c_b a:before{
background-image:url(../images/hsimg1b.png);}
.index_1{
margin-top:8.48958333333333vw; margin-bottom:14.27083333333333vw; width:1360px; margin-right: auto; margin-left: auto;}
.index_2_mid{
	background-size: 100% auto;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-image: url(../images/abg0.jpg);
	background-repeat: no-repeat; 
	background-position: center center; 
	
	

    background-size: cover;
 
	
}
.index_2_mid img{
width:100%;}
.index_2_mid_mask{-webkit-transform: translate(-0%, 35%);
    transform: translate(-0%, 35%); text-align:center; color:#fff;
 z-index:10;  width:74.32291666666666%;   padding:100px 0px; margin:0px auto; background:rgba(10,78,157,.8); box-shadow:0px 0px 10px 10px rgba(0,0,0,.05);} 




/*quan e*/















.mar_2{ color:#fff; padding-bottom:6.25vw; padding-top:6.92708333333333vw; min-height:666px;
position:relative;
 background-color:#398246; 
background-image: linear-gradient(to right, #398246,#398246, #398246);


overflow:hidden;}
.mar_2_right{
position:absolute; right:0; top:0; width:50%; height:100%; overflow:hidden}
.mar_2_right_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.mar_2_left{margin-left:8.33333333333333%; width:34%;}
.mar_2_left_1 .pro_1_1{
text-align:left}
.mar_2_left_1 .pro_1_1 ul li a{
color:#fff;}
.mar_2_left_1 .pro_1_1 ul li a:after{
background-color:#fff}
.mar_2_left_1 .pro_1_1 ul li{
background-image:url(../images/mar/img16.png);}
.mar_2_left_1 .pro_1_1 ul li:nth-child(1){
padding-left:0; background-image:none}
.mar_2_left_2_mid ul li{ margin-bottom:1.875em;
float:left; width:48%;}
.mar_2_left_2_mid ul li:nth-child(2n){
float:right;}
.mar_2_left_2_mid_mid{
border:1px #616161 solid; position:relative; padding-left:90px; height:86px;}
.mar_2_left_2_mid_mid_left{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);
position:absolute; left:0; top:50%; width:90px; text-align:center;}
.mar_2_left_2_mid_mid_right{ line-height:1.6;
font-size:1.25em; margin-right:10px;}
.mar_2_left_2_mid_tab_3 dl{
position:relative; overflow:hidden}
.mar_2_left_2_mid_tab_2 dl dd{
position:relative; font-size:1.125em; padding-left:1.388888888888889em; margin-top:1.125em; line-height:1.6;}
.mar_2_left_2_mid_tab_2 dl dd span{
position:absolute; left:0; top:.4em; width:0.7777777777777778em; height:0.7777777777777778em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/mar/img17.png);}
.mar_2_left_2_mid_tab_3{ position:relative;
overflow:hidden; overflow-x:auto; width:100%;}
.dl1:after{ 
content:''; position:absolute; left:0; width:100%; height:1px; bottom:0; background-color:#fff;  }
.mar_2_left_2_mid_tab_3 dl dd{ margin-right:38px;
height:140px; width:109px; text-align:center; float:left; position:relative;}
.mar_2_left_2_mid_tab_3 dl dd:last-child{
margin-right:0}
.mar_2_left_2_mid_tab_3 dl dd:after{
content:''; position:absolute; left:50%; bottom:0; width:1px; background-color:#fff; height:30px;-webkit-transform: translate(-50%, -0%);  
    transform: translate(-50%, -0%);}
.mar_2_left_2_mid_tab_3 dl{
width:740px;}
.mar_2_left_2_mid_tab_3_mid{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius:100%;
position:relative; height:109px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/mar/ibg.png);}
.mar_2_left_2_mid_tab_3_mid_mid{
margin:0 1em;}
.mar_2_left_2_mid_tab_3_mid_mid_1{
position:relative; height:28px; text-align:center; margin-bottom:3px;}
.mar_2_left_2_mid_tab_3_mid_mid_1 span{
display:block; width:100%; position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat;}
.mar_2_left_2_mid_tab_3 dl dd:hover .mar_2_left_2_mid_tab_3_mid{
background-color:#fff; background-image:url(../images/mar/ibgon.png); color:#000;}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(1){
margin-left:54.5px;}
.mar_2_left_2_mid_tab_3 dl.dl2 dd .mar_2_left_2_mid_tab_3_mid{
margin-top:31px;}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:after{
bottom:auto; top:0;}

.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(1) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i1.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(2) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i2.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(3) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i3.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(4) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i4.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(5) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i5.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(1):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i1on.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(2):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i2on.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(3):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i3on.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(4):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i4on.png);}
.mar_2_left_2_mid_tab_3 dl.dl1 dd:nth-child(5):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i5on.png);}


.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(1) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i6.png);}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(2) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i7.png);}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(3) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i8.png);}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(4) .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i9.png);}
 
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(1):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i6on.png);}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(2):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i7on.png);}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(3):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i8on.png);}
.mar_2_left_2_mid_tab_3 dl.dl2 dd:nth-child(4):hover .mar_2_left_2_mid_tab_3_mid_mid_1 span{
background-image:url(../images/mar/i9on.png);}
 
.mar_2_left_2_mid_tab_3{
position:relative; padding:2em 0; margin-top:-2em;}
.mar_2_left_2_mid_tab_3:before{
content:''; position:absolute; left:0; width:8px; height:8px; background-color:#fff; border-radius:100%; top:50%;-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);}
.mar_2_left_2_mid{
position:relative}
.mar_2_left_2_mid_tab_3 dl.dl1:before{
content:''; position:absolute; right:0; width:8px; height:8px; background-color:#fff; border-radius:100%; bottom:-4px;}	
.mar_2_left_2_mid_tab_3 dl.dl2:before{
content:''; position:absolute; right:0; width:8px; height:8px; background-color:#fff; border-radius:100%; top:-4px;}	

.mar_2_left_2_mid_tab_3_hr{
position:absolute; left:0; bottom:0; width:100%; height:10px; background-color:#1d1d1d; z-index:10;}
.mar_2_left_2_mid_tab_3_hr_left{
width:15px; height:30px; position:absolute; left:0; bottom:0;background-color:#1d1d1d; z-index:10;}
.mar_2_left_2_mid_tab_3_hr_right{
width:15px; height:30px; position:absolute; right:0; bottom:0;background-color:#1d1d1d; z-index:10;}
.mar_2_leftw{
width:49%;}
.mar_2_left_2_mid{
display:none}

















 
.lastest-news_kk { width:100%; padding:70px 0px 20px; margin-bottom:0px; background:#fff;}





.news_top { width:100%; font-weight:400; text-align:center; margin-bottom:50px; margin-top:20px;}
.news_top h3 { font-size:40px !important; color:#000; line-height:60px; font-weight:400;}
.news_top p { font-size:16px !important; color:#999; line-height:28px; font-weight:400;}

.index .pt2{ width:90%; margin:0px 5%; padding-bottom:100px; clear:both; overflow:visible; display: inline-block;}
.index .pt2 .t{font-size: 36px;font-weight: bold;text-align: center;color: #1d1d1d;line-height: 1;padding-top: 60px;margin-bottom: 20px;}
.index .pt2 .p{font-size: 16px;text-align: center;color: #515151;margin-bottom: 45px;}
.index .pt2_l{width: 49%;float: left;background-color: #05a045;color: #fff;   }
.index .pt2_r{width: 49%;float: right;}
.index .pt2 .inner_box{padding: 28px 35px;color: #fff;display: block;  float:left;}
.index .pt2 .inner_box .time{font-size: 14px;line-height: 1;margin-bottom: 25px;}
.index .pt2 .inner_box .tit{font-size: 21px;line-height: 1.2;height: 2.4em;overflow: hidden;margin-bottom: 15px;}
.index .pt2 .inner_box .p2{font-size: 14px;height: 
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 84px;
line-height: 28px;}
.index .pt2_r .top_l{width: 48.5%;float: left; }
.index .pt2_r .top_r{width: 48.5%;float: right; }
.index .pt2_r .time2{font-size: 14px;margin-bottom: 16px;}
.index .pt2_r .top{margin-bottom: 27px; width:100%;  float:left;}
.index .pt2_r .top_box{padding: 30px 30px;background-color: #232324;color: #fff;transition: background .5s ease;-webkit-transition: background .5s ease; }
.index .pt2_r .top_box .t2{font-size: 20px;line-height: 1;}
.index .pt2_r .top a:hover .top_box{background-color: #05a045;}
.index .pt2_r .inner_box{background-color: #dedede;color: #1f1f1f; line-height:28px ; }
.index .pt2_r .inner_box:hover .tit{color: #05a045;}
.index .pt2_r .inner_box .p2 {font-size:16px;}

.index .pt2_l .inner_box .p2 {font-size:16px; line-height:28px; 

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 56px;
line-height: 28px;


}





.top_l .rect-5625 img { width:100%; height:267px; object-fit: cover;}
.top_r .rect-5625 img { width:100%; height:267px; object-fit: cover;}

.top_l .rect-5625 { overflow:hidden; height:267px;}
.top_r .rect-5625 { overflow:hidden; height:267px;}
.pt2_l .rect-50{ overflow:hidden;}

.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

.index .pt2_l .inner_box .p2{}

.index .pt2 .inner_box .tit{height:1.2em;}
.index .pt2 .inner_box{padding:40px 35px; }
.index .pt2_l .inner_box{padding:40px 35px; height:152px;}
.index .pt2_r .inner_box{padding:40px 35px; height:219px;}



.index .pt2_l .inner_box .p2{}

.index .pt2_l .rect-50 img { width:100%; height:100%;}
.index .pt2 .inner_box .tit{height:1.2em;}
.index .pt2 .inner_box{padding:40px 35px;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index .pt2 .inner_box a { color:#333;}




.hehuoren_zz {width:100%; background: url(../images/abg.jpg) no-repeat center 0px #f4f4f4; clear:both; overflow:visible; margin-bottom:0px;}

.hehuoren { width:100%; height:800px; background:url(../images/8918ddda3dfe1365d1e0ee2d3b1e99b4.jpg) no-repeat center 320px; padding-top:0px;  }
.hehuoren .yuan { width:650px; height:650px; border-radius:50%; background:rgba(57,130,70,.8); margin:0px auto; border:30px solid #4f9d5d; }







.init-4 {

}
.init-4 .container { text-align:center; width:100%; margin:0px auto;}


.init-4 .container .play1{display:inline-block;position:relative;margin-top:50px;z-index:6; border-radius:50%; background:;}


.init-4 .container .play1:before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(57,130,70,.5);opacity:0;width:100%;height:100%;border-radius:100% !important;border-radius:inherit;-webkit-animation:ks 3s infinite;-o-animation:ks 3s infinite;animation:ks 3s infinite;display:block;z-index:-1}


.init-4 .container .play1:after{content:'';position:absolute;top:50%;left:50%;border-radius:100% !important;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgba(57,130,70,.5);opacity:0;width:100%;height:100%;border-radius:inherit;-webkit-animation:ks 3s infinite;-o-animation:ks 3s infinite;animation:ks 3s infinite;display:block;z-index:-1;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}


.init-4 .container .play1 {
    display: inline-block;
    position: relative;
    margin-top: 50px; left:0%;
    z-index: 6; margin:10px auto 0px;
}

    
.init-4 .container .play1:before {
    content: '';
    position: absolute; 
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(57,130,70,.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius:50% !important;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -o-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
}

.init-4 .container .play1:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%!important;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: rgba(57,130,70,.5);
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -webkit-animation: ks 3s infinite;
    -o-animation: ks 3s infinite;
    animation: ks 3s infinite;
    display: block;
    z-index: -1;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}

@-webkit-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@-o-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@-moz-keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}
@keyframes ks {
0% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:1
}
70% {
-webkit-transform:translate(-50%, -50%) scale(2);
-moz-transform:translate(-50%, -50%) scale(2);
-ms-transform:translate(-50%, -50%) scale(2);
-o-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2);
opacity:0
}
100% {
-webkit-transform:translate(-50%, -50%) scale(.9);
-moz-transform:translate(-50%, -50%) scale(.9);
-ms-transform:translate(-50%, -50%) scale(.9);
-o-transform:translate(-50%, -50%) scale(.9);
transform:translate(-50%, -50%) scale(.9);
opacity:0
}
}













/*news s*/
.index_4_news { background:;  margin:50px auto 0px; padding-bottom:70px;}
.index_4_news  .index_4_1 { border:0px;}
.index_4_news  .index_2_mid { height:auto;}
.index_4_1 .left { width:50%; float:left; margin-right:1%;}
.index_4_1 .left ul li { width:100% !important; }
.index_4_1 .right { width:49%; float:left;}
.index_4_1 .right ul { width:100%; height:120px;}
.index_4_1 .right ul li  { width:48% !important;}

.index_4_1 .right_b ul li{ width:100% !important;}



.index_4_1 ul li{ background-color:#fff;-webkit-box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 16px rgba(0, 0, 0, 0.2);
float:left; width:32.48366013071895%; margin-right:1.27450980392157%;}





.index_4_1 ul li:nth-child(3n){
margin-right:0}
.index_4_1_mid_1{
overflow:hidden; position:relative;}
.index_4_1_mid_1 img{
width:100%;}
.index_4_1_mid_1_t{ color:#fff; text-align:center; font-family:Calibri;
position:absolute; left:0; top:0; z-index:10; background-color:#398246; width:8.6875vw; height:4.6875vw;}
.index_4_1_mid_1_t span{
font-size:1.25vw;}
.index_4_1_mid_2{
margin:0 40px; margin-top:30px; margin-bottom:3.125em; text-align:left;}
.index_4_1_mid_2_1{
color:#333;font-family: Arial, Helvetica, sans-serif;}
.index_4_1_mid_2_2{
font-size:18px; color:#000; margin-top:.75em; margin-bottom:.75em;}
.index_4_1_mid_2_3{
color:#999;display: -webkit-box; font-size:14px;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; line-height:1.5; min-height:3em;}
.index_4_1{
margin-top:0.5em;}
.index_4_2{
text-align:center; margin:4.375em 0;}
.index_4_1_mid{
overflow:hidden; position:relative}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#398246;border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{
bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }

.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{
opacity:1;}


index_4_1 .right { height:auto;}
.right_b { width:97.2%; float:left; background:#fff;  margin-top:1.5%;  }

.index_2_mid .index_4_1 .right_b ul li { width:100% !important; }
.right_b .index_4_1_mid:after {     height: 4.70807453416149% !important;}

.right_b .index_4_1_mid:after { height:4.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;
content:''; position:absolute; bottom:-4.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-color:#398246;border-radius:20px 20px 0 0;  }

.index_4_1_mid_2_1 i { width:100px; line-height:30px; text-align:center; color:#fff; background:#398246; display: inline-block; font-style:normal; margin-right:10px; border-radius:0px;}




.right_b .index_4_1_mid_2 {
    
    margin-bottom: 2.25em;
}

.left .index_4_1_mid_2 {
    
    margin-bottom: 2.125em;
}



/*news e*/






/*底部*/

.Footer {
	width:100%;
	background:#111;
	padding-bottom:30px;
}
.Footer .Footer_top {
	padding:50px 0vw;
	display:flex;
	justify-content:space-between;
}
.Footer .Footer_top .Footer_top_left {
	display:flex; width: 85%;
}
.Footer .Footer_top .Footer_top_left .top_left_list {
	margin-right:4vw;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dd {
	margin-bottom:20px;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dd a {
	font-size:17px;
	color:#fff;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p {
	margin-bottom:15px;
	font-size:15px;
	color:#999999;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p:last-child {
	margin-bottom:0;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p a {
	font-size:15px;
	color:#999999;
}
.Footer .Footer_top .Footer_top_left .top_left_list .left_list_dt p img {
	margin-right:0.833vw;
}
.Footer .Footer_top .Footer_top_right{ width:15%;}
.Footer .Footer_top .Footer_top_right .top_right_dd {
	font-size:17px;
	color:#fff;
	margin-bottom:2.865vw;
}

.Footer .Footer_top .Footer_top_right .top_right_dt {
	text-align:left;
}
.Footer .Footer_top .Footer_top_right .top_right_dt img {
	max-width:130px;
}
.Footer .Footer_bottom {
	
	align-items:center;
	justify-content:space-between;
	font-size:15px;
	color:#bdbdbd;
	border-top:1px solid #333;
	padding-top:30px; text-align:center;
	}
.Footer .Footer_bottom a {
	font-size:15px;
	color:#bdbdbd;
	
}

.footer_t { width:90%; margin:0px 5%; padding:5% 0px 2%; border-bottom:1px solid rgba(255,255,255,.1); display:flex;justify-content: space-between;}
.footer_tl{ width:30%; } 
.footer_tr { width:27%;} 

/*社交 s*/

 .shejiao {


 }
 .shejiao ul {
  width: 100%;
  display: flex;
 }
 .shejiao ul li {
  position: relative;
 }
 .shejiao ul li {
  margin: 0 10px;
  opacity: 1;
  transition: all 0.6s ease;
 }
 .shejiao ul li:hover {
  margin: 0 10px;
  opacity: 0.5;
  transition: all 0.6s ease;
 }
.weixin {
 }
 .erweima {
  position: absolute;
  bottom: 50px;
  display: none;
 }
 .weixin .erweima {
  width: 150px;
  left: -61px;
 }
 .shouji .erweima {
  position: absolute;
  bottom: 40px;
  width: 150px;
  left: -146px;
  display: none;
 }
 .douyin .erweima {
 }
 .erweima img {
  width:100%;
 }
 .weixin:hover .erweima {
  display: block;
 }
 .douyin:hover .erweima {
  display: block;
  width: 200px;
  left: -87px;
 }
 .xiaohongshu:hover .erweima {
  display: block;
  width: 330px;
  left: -160px;
 }
 .weixin .erweima img {
  width: 100%;
 }
 .shouji:hover .erweima {
  display: block;
 }
 .shouji .erweima img {
  width: 100%;
 }
 .shejiao ul li:hover {
  margin: 0 10px;
  opacity: 1;
  transition: all 0.6s ease;
 }
 .zuoxiaotubiao {
  position: fixed;
  left: 2%;
  top: 50%;
  z-index: 99;
  display: none;
 }
 .zuoxiaotubiao img {
 }
 
 /*社交 e*/







.Join2 {
    display: flex;
    align-items: center;
    border-bottom: 0.052vw solid #313131;
}

.Join2 .Join2_left {
	width:50%;
    background: #1a1a1a;
}

.Join2 .Join2_left img {
    width: 9.794vw;
}

.Join2 .Join2_right {
	width:50%;
   
		background:url(../images/bn4.png) no-repeat left #c7020c;;
    font-size: 1.667vw;
    color: #fff;
    position: relative;
    padding-left: 7.815vw;
}

.Join2 .Join2_left, .Join2 .Join2_right {
    width: 50%;
    height: 7.658vw;
    display: flex;
    align-items: center;
    padding-left: 5.21vw;

}

.pc_all .pc_all_content {
   
    margin: 0 auto;
    
}
.Join2 .Join2_right::before {
    content: "";
    display: inline-block;
    width: 15.6821vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/bn4.png) no-repeat 50%/cover;
}

.Join2 .Join2_right span {
    position: relative;
    z-index: 3;
}


/*底部*/


 .text-on .banner_more {text-align: center;}
.tex { width:100%; text-align: left; color:#fff;  padding-top:100px;}
.tex h3 { font-size:22px; font-family:Note-Script-Regular;  letter-spacing:1px; font-weight:200;}
.tex h4 { font-size:58px; line-height:75px; font-weight:700; font-family: Mona-Regular ; letter-spacing:0px; }

.tex p {font-size:17px; font-family:Mona-Regular; line-height:30px; margin-top:25px; letter-spacing:1px;}

 @font-face {
	font-family:TimesNewerRoman-Regular;
	src: url('../fonts/TimesNewerRoman-Regular-2.otf'); }
 @font-face {
	font-family:Note-Script-Regular;
	src: url('../fonts/Note-Script-Regular-2.ttf'); }	
 @font-face {
	font-family:Mona-Regular;
	src: url('../fonts/Mona-Regular-2.ttf'); }		
	
	
	



.news_z { background:url(../images/nbg.jpg) no-repeat center 0px #f4f4f4; clear:both; overflow:visible;  padding-top:100px;}