@charset "UTF-8";

/*
*
* index.html and index_en.html
* made by cloud @ 2019-11-18 10:38:32
*/
.container, .container1241{
	min-width: 1175px;
}
.topbar{
	background-color: #3b3b3b;
	height: 48px;
	line-height: 48px;
}
.topbar_p{
	text-align: center;
	color: #ffffff;
	font-size: 16px;
}
.topbar_p>a{
	color: #ffffff;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.topbar_p>a:hover{
	color: #8dc63f;
}

.logobox{
	width: 13%;
}
.logobox  a img{
	width: auto;
	height: 86px;
}
.navbox{
	width: 87%;
}
.searchbox{
	width: 10%;
}

.navbar-collapse{
	padding-left: 0;
	padding-right: 0;
}

.navbar{border-radius: 0;height: 86px;line-height: 86px;margin-bottom: 0;border: none;}
.nav>li>a{
	padding: 0 28px;
	margin: 23px 1px;
	line-height: 40px;
}
.dropdown-menu{
	left: 0;
	top: 72%;
	background-color: rgba(59, 59, 59, 0.8);
	padding: 0;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    min-width: 138px;
}
.projectsearch{
	padding: 0 15px;
}
.caret{position: absolute;bottom: -9px;left:40%;color:transparent;border-top: 10px dashed;border-top: 10px solid\9;border-right: 10px solid transparent;border-left: 10px solid transparent;z-index: 99999;}
.nav .open>a .caret{color: #8ec63f;}
.nav>li>a{font-size: 16px;color:#303238;font-weight: bold;z-index: 99999;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color: transparent;background-color: #8ec63f;color:#ffffff;}
.nav>li>a:hover{border-color: transparent;background-color: #8ec63f;color:#ffffff;}
.nav>li>a:focus{background-color: transparent;}
.nav>li.active>a{color:#ffffff;background-color: #8ec63f;}
/* .nav>li.active:hover a{color:#ffffff;background-color: #8ec63f;} */
.navbar-form{margin-top: 0px;margin-bottom:0;padding: 0;}
.navbar-right{margin-right: 0;}
.navbar-form .form-group{position: relative;width: 80%;}
.navbar-form .form-group>input{position: relative;width: 100%;}
.navbar-form .form-group i{position: absolute;top: 10px;right: 5px;cursor: pointer;}
/* .form-control{border: 1px solid transparent;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0); transition: all 0.5s;} */
.projectsx .form-control{border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.form-group:hover .form-control{border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.dropdown-menu .divider{border-top: 1px solid #868686;border-bottom: 1px solid #000000;margin: 0;}
.dropdown-menu .divider:last-child{display: none;}
.dropdown-menu>li>a{padding: 0 10px 0 10px;height: 44px;line-height: 44px;color:#ffffff;font-size: 16px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #3b3b3b;color:#ffffff;}

.topbar_p i.fa{
	padding-right: 15px;
	cursor: pointer;
}

.bannerblog{
	/* height: 680px; */
}
.bannerslide{
	/* height: 100%; */
}
.bs-item{
	height: 680px;
}
.bannerp1{
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
	margin-top: 150px;
	-webkit-text-shadow:3px 3px 6px #000;
	-moz-text-shadow:3px 3px 6px #000;
	-o-text-shadow:3px 3px 6px #000;
	text-shadow:3px 3px 6px #000;
}
.bannerp2{
	margin-top: 10px;
	font-size: 48px;
	font-weight: bold;
	color: #ffffff;
	-webkit-text-shadow:3px 3px 6px #000;
	-moz-text-shadow:3px 3px 6px #000;
	-o-text-shadow:3px 3px 6px #000;
	text-shadow:3px 3px 6px #000;
}

.bannerbtn{
	margin-top: 20px;
}
.bannerbtn a{
	height: 50px;
	line-height: 50px;
}
.bannerbtn a{
	font-size: 14px;
	color: #ffffff;
	border-radius: 100px;
	padding: 14.5px 33px;
}
.bannerbtn a:hover{
	text-decoration: underline;
}
.bannerbtn2{
	background-color: #8dc63f;
	margin-right: 20px;
}
.bannerbtn1{
	border: 1px solid #ffffff;
}



.blogtitle p{
	text-align: center;
}
.blogtitle .blogtitle_p1{
	font-size: 30px;
	color: #333333;
	margin-top: 40px;
}
.blogtitle .blogtitle_p2{
	font-size: 30px;
	color: #aeaeac;
	margin-top: 5px;
}
.blogtitle .blogtitle_p3{
	width: 34px;
	height: 4px;
	background-color: #8dc63f;
	margin: 20px auto 25px;
}
/* recommended news */
.shaky {        
	-webkit-transform-origin: center center;        
	-ms-transform-origin: center center;        
	transform-origin: center center;        
	-webkit-animation-name: shaky-slow;        
	-ms-animation-name: shaky-slow;        
	animation-name: shaky-slow;        
	-webkit-animation-duration: 0.2s;        
	-ms-animation-duration: 0.2s;        
	animation-duration: 0.2s;        
	-webkit-animation-iteration-count: 3;        
	-ms-animation-iteration-count: 3;        
	animation-iteration-count: 3;        
	-webkit-animation-timing-function: ease-in-out;        
	-ms-animation-timing-function: ease-in-out;        
	animation-timing-function: ease-in-out;        
	-webkit-animation-delay: 0s;        
	-ms-animation-delay: 0s;        
	animation-delay: 0s;        
	-webkit-animation-play-state: running;        
	-ms-animation-play-state: running;        
	animation-play-state: running;
}
@-webkit-keyframes shaky-slow {
    0% {-webkit-transform: translate(0px, 0px);}
    25% {-webkit-transform: translate(10.6px, 0px);}
    75% {-webkit-transform: translate(-10.6px, 0px);}
    100% {-webkit-transform: translate(0px, 0px);}
}
@keyframes shaky-slow {
    0% {transform: translate(0px, 0px);}
    25% {transform: translate(10.6px, 0px);}
    75% {transform: translate(-10.6px, -0px);}
    100% {transform: translate(0px, 0px);}
}

.re_news_box .rnb_left{
	width: 60%;
	background-color: #f6f6f6;
}
.re_news_box .rnb_right{
	width: calc(40% - 10px);
}

.rnbr_box{
	padding: 20px 14px 20px 24px;
	background-color: #eaeaea;
	margin-bottom: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	cursor: pointer;
}
.rnbr_img{
	width: 40%;
}
.rnbrb_info{
	width: 60%;
	padding-bottom: 5px;
}
.rnbrb_info_img{
	width: 155px;
	height: 80px;
	overflow: hidden;
}
.rnbrb_info_img img{
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.rnbr_box:hover .rnbrb_info_img img{
	transform: scale(1.4);
}
.rnbrb_info_p1{
	font-size: 14px;
	color: #333333;
	padding-top: 5px;
}
.rnbrb_info_p2{
	font-size: 14px;
	color: #777777;
	margin-top: 10px;
}


.rnblb_info{
	
}
.rnblb_info_img{
	width: 100%;
	height: 350px;
	overflow: hidden;
}
.rnblb_info_img img{
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.rnbl_box:hover .rnblb_info_img img{
	transform: scale(1.4);
}
.rnblb_info_p1{
	font-size: 22px;
	font-weight: bold;
	color: #266905;
	padding: 0 47px;
	margin-top: 20px;
}
.rnblb_info_p1 a{
	color: #266905;
}
.rnblb_info_p2{
	font-size: 14px;
	padding: 0 47px;
	margin-top: 11px;
	margin-bottom: 20px;
	line-height: 26px;
}
.rnblb_info_p2 a{
	color: #777777;
}
.more_news_btn{
	display: block;
	width: 180px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #8cc44e;
	border: 1px solid #8cc44e;
	border-radius: 100px;
	margin: 44px auto 63px;
}
.more_news_btn:hover{
	background-color: #8cc44e;
	color: #ffffff;
}


.rnb_right .rnbr_box.active{
	background-color: #333333;
}
.rnb_right .rnbr_box.active .rnbrb_info p{
	color: #ffffff;
}

.rnb_left .rnbl_box{
	display: none;
}
.rnb_left .in{
	display: block;
}
/* recommended news */

/* membership */
.membership{
	height: 550px;
	background-size: cover;
}
.memb_ball{
	height: 382px;
	width: calc(33.33333333% + 100px);
	background-repeat: no-repeat;
	background-size: 479px 382px;
	background-position: top;
}
.memb_p1{
	padding-right: 4px;
}
.memb_p2{
	padding-left: 4px;
}
.memb_p{
	width: calc(33.33333333% - 50px);
}
.memb_p p{
	font-size: 16px;
	color: #717171;
	height: 70px;
	line-height: 20px;
	margin-top: 14px;
	margin-bottom: 44px;
}
/* membership */

/* newspub */
.newspub{
	height: 735px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}

.np_pub_tit{
	margin: 60px auto 33px;
}
.np_pub_tit .npt_p{
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	color: #000000;
}
.np_pub_tit .npt_p .npt_en{
	font-size: 16px;
	color: #989796;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}
.np_pub_tit .npt_p a{
	font-size: 16px;
	color: #777777;
	display: inline-block;
	vertical-align: middle;
}
.np_pub_tit .npt_p .npt_line{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	width: 7px;
	background-color: #69972d;
	border-radius: 10px;
	margin-top: -5px;
	margin-right: 15px;
}

.np_news{
	padding-right: 48px;
}
.np_news_list p{
	font-size: 18px;
	line-height: 40px;
}
.np_news_list p a:before{
	content: "•";
	margin-right: 10px;
	color: #898989;
}
.np_news_list p span{
	font-size: 14px;
	color: #777777;
}

.np_pubs_list{
	display: flex;
	margin: 0 -9px;
}
.np_pubs_item{
	flex: 1;
	width: 184px;
	height: 265px;
	border: 1px solid #c3c4c2;
	padding: 1px;
	margin: 0 9px;
}
.np_pubs_item a img{
	width: 100%;
	height: 100%;
}
/* newspub */

/* footer */
.footer{
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-bottom: 20px;
}

.foottit{
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	opacity: 0.55;
	margin-top: 46px;
}
.foot_group_p{
	margin-top: 45px;
}
.foot_group_p p{
	font-size: 16px;
	color: #ffffff;
	opacity: 0.55;
	margin-bottom: 7px;
}
.foot_group_p p a{
	font-size: 16px;
	color: #ffffff;
}
.foot_flink{
	position: relative;
	padding-left: 30px;
}
.foot_flink .foot_line{
	position: absolute;
	right: 95px;
	top: 70px;
	width: 2px;
	height: 117px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
}

.foot_ewm{
	padding-right: 210px;
	margin-top: 66px;
}
.foot_ewm_img2{
	margin-left: 37px;
}
.foot_ewm_img img{
	width: 106px;
	height: 106px;
	opacity: 0.55;
}
.foot_ewm_img p{
	font-size: 17px;
	color: #ffffff;
	text-align: center;
	opacity: 0.55;
	margin-top: 5px;
}
/* footer */

/* gotop */
.gotop{
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	height: 60px;
	width: 60px;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.5s;
	border: 1px solid transparent;
}
.gotop:hover{
	background-color: rgba(0, 0, 0, 0.8);
	border: 1px solid rgba(250, 250, 250, 0.5);
}
.gotop:hover p i{
	color: #ffffff;
}
.gotop p{
	height: 100%;
	line-height: 60px;
	text-align: center;
}
.gotop p i{
	font-size: 20px;
	transition: all 0.5s;
	color: #aaaaaa;
}
/* gotop */

/* min-width 1200*/
.membership, .bs-item, .bannerslide, .topbar, .newspub, .footer{
    min-width: 1175px;
}
/* min-width 1200*/