@keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@-webkit-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@-moz-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@-o-keyframes icon-bounce {

	0%,
	100% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	50% {
		-moz-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	75% {
		-moz-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	85% {
		-moz-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
}

@keyframes jiantou{
            0%{opacity: 1;}  
/*            修改要变换的属性opacity 必须在原dom中体现过该属性*/
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }
        @-moz-keyframes jiantou{
            0%{opacity: 1;}
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }
        @-webkit-keyframes jiantou{
            0%{opacity: 1;}
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }
        @-o-keyframes jiantou{
            0%{opacity: 1;}
            25%{opacity: 0;}
            50%{opacity: 1;}
            75%{opacity: 0;}
            100%{opacity: 1;}
        }

body,
ul,
li,
div,
h1,
h3,
h2,
h4,
h5,
p {
	padding: 0;
	margin: 0;
	font-family: "Noto Sans SC", "PingFang SC", "Helvetica", "Droid Sans", "Arial", "sans-serif";
	/*font-family:  "Microsoft YaHei", "Helvetica", "Droid Sans",  "Arial", "sans-serif";*/
}

* {
	/*transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	text-decoration: none;
	animation-duration: .5s;*/
}

@font-face {
	font-family: 'xinyiguanRegular';
	src: url('../fonts/xinyiguan.eot');
	src: local('xinyiguan Regular'),
		local('xinyiguan'),
		url('../fonts/xinyiguan.woff') format('woff'),
		url('../fonts/xinyiguan.ttf') format('truetype'),
		url('../fonts/xinyiguan.svg#xinyiguan') format('svg');
}

html,
body {
	background: #fff;
	color: #2a2e2e;
	font-weight: 300;
}

ul,
ul li {
	/*list-style-type: none;*/
}

body a {
	outline: none !important;
	blr: expression(this.onFocus=this.blur());
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

a:focus {
	text-decoration: none !important;
}
em{
	font-style: normal;
}
.fl {
	float: left;
}

.fr {
	float: right;
}

.textl {
	text-align: left;
}

.textr {
	text-align: right;
}

img {
	max-width: 100%;
}

header {
	z-index: 99;
	width: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	line-height: 70px;
}

header .logo img {
	max-height: 70px;
}

header .logo img.h-logo {
	display: none;
}


.container {
	max-width: 1188px;
}

header .logo a {
	transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	text-decoration: none;
	animation-duration: .5s
}

header .navbar {
	position: inherit;
}





.index-banner img {
	width: 100%
}

.index-banner .swiper-slide {
	position: relative;
	overflow: hidden;
}

.index-banner .swiper-slide .slidezz {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.index-banner .index-banner-title {
	position: absolute;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.index-banner .index-banner-title .banner-title-1 {
	font-size: 48px;
	padding-top: 280px;
	letter-spacing: 10px;
	z-index: 2;
	line-height: 48px;
	width: 100%;
	color: #fff;
	text-align: center;
	font-family: xinyiguanRegular;
	letter-spacing: 15px;
}

.index-banner .index-banner-title .banner-title-2 {
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	margin-bottom: 10px;
	margin-top: 30px;
	text-align: center;
}

.index-banner .index-banner-title .banner-title-btn {
	width: 260px;
	border: 2px solid #fff;
	padding: 11px 18px;
	font-size: 18px;
	position: relative;
	z-index: 2;
	display: block;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
	line-height: 30px;
	margin-top: 50px;
}

.index-banner .swiper-pagination-bullets {
	left: 0;
	bottom: 50px;
}

.index-banner .swiper-pagination {
	text-align: center;
}



.index-banner .swiper-container {
	z-index: 10 !important;
}

.index-banner .swiper-pagination-bullet {
	width: 40px !important;
	height: 40px !important;
	background-color: #fff;
	opacity: .3;
	height: 4px !important;
	border-radius: 0px;
}

.index-banner .swiper-pagination-bullet-active {
	background: #fff !important;
	opacity: 1;
	
}



.index-banner .centerBig img {
	-webkit-animation-name: centerBig;
	animation-name: centerBig;
	transition: all ease 15s;
	-moz-transition: all ease 15s;
	-webkit-transition: all ease 15s;
	-o-transition: all ease 15s;
	text-decoration: none;
	animation-duration: 15s;
	object-fit: cover;
}

/****手机端mobilebanner***/
.mobile-banner img {
	width: 100%
}

.mobile-banner .swiper-slide {
	position: relative;
	overflow: hidden;
}


.top {
	background-color: #f5f5f5;
	color: #fff;
	line-height: 40px;
}



.m_logo {
	margin-top: 7px;
}

.navbar {
	margin-bottom: 0px;
	z-index: 11;
	height: auto;
}

.menu {
	margin-left: 160px;
}

.menu .navbar-static-top {
	border-width: 0 0 0px;
}

.menu .caret {
	margin-left: 10px;
}



header .navbar-nav>li {
	position: inherit;
}

header .navbar {
	position: inherit;
}

header.active {
	padding-top: 0;
	line-height: 60px;
	background: rgba(255, 255, 255, 0.8);
	border-bottom: none !important;
}

header.active .logo {
	line-height: 60px
}

header.active .logo img {
	max-width: 160px;
}

header.active a span {
	font-size: 16px;
}

header.active a span:hover:after {
	display: none;
}

header.active .navbar-default .navbar-nav>li>a {
	line-height: 60px;
	color: #333;
}

header.active .top_tel,
header.active .top_tel a {
	color: #333;
}

header.active .logo img.hh-logo {
	display: none;
}

header.active .logo img.h-logo {
	display: block;
	margin-top: 10px;
}



/**banner**/
.centerBig img {
	-webkit-animation-name: centerBig;
	animation-name: centerBig;
	transition: all ease 15s;
	-moz-transition: all ease 15s;
	-webkit-transition: all ease 15s;
	-o-transition: all ease 15s;
	text-decoration: none;
	animation-duration: 15s;
	width: 100%;
}


.mb30 {
	margin-bottom: 30px;
}
.mt80{
	margin-top: 80px;
}

.mb80 {
	margin-bottom: 80px;
}

.mt100 {
	margin-top: 100px;
}
.mb60 {
	margin-bottom: 60px;
}
.mt40 {
	margin-top: 40px;
}
.mt60 {
	margin-top: 60px;
}

.mb100 {
	margin-bottom: 100px;
}







@media (max-width: 767px) {}



/**底部信息**/
.wrap_footer {
	width: 100%;
	background:url(https://yljdzl.com/static/default/za/images/foot-bg.png) repeat #202020;
	position: relative;
	z-index: 1;
}

.footer_con {
	margin: 0px auto;
	position: relative;
}

.footer_con .tit {
	display: block;
	font-size: 20px;
	color: #5f6464;
	font-weight: normal;
	margin-bottom: 30px;
}

.footer_con ul li a {
	display: block;
	font-size: 16px;
	color: #5f6464;
	font-weight: normal;
	margin-bottom: 18px;
}

.footer_con ul li a:hover {
	color: #2a2e2e;
}


.focus_us {
	display: block;
	position: absolute;
	right: 0px;
	top: 40px;
	color: #fff;
}
.focus_us em{
	font-size: 20px;
	font-family: impact;
}
.head_white .focus_us{
	color: #666;
}
.head_white .focus_us em{
	color: #397c42;
}

.join_us,
.contact_us,
.legal_info {
	float: left;
	width: 216px;
}

.foot_logo {
	width: 320px;
	position: absolute;
	right: 75px;
	top: 50%;
	margin-top: -21px;
}

.foot_logo img {
	width: 100%;
}

.footer_area {
	width: 100%;
	line-height: 57px;
	background-color: #187839;
	border-top: 1px #2b2b2b solid;
	color: rgba(255,255,255,0.3);
}
.footer_area a{
	color: rgba(255,255,255,0.3);
}
.footer_top{
	padding: 60px 0px;
}


.footer_area .copyright {
	font-size: 14px;
}
.footer_area .copyright a{
	color: rgba(255,255,255,0.3);
}
.foot-address{
	color: #5f6464;
	line-height: 30px;
	font-size: 16px;
	margin-top: 10px;
}
.foot-address em{
	font-size: 22px;
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
	color: #fed58e;
}
.friendlink{
	color: rgba(255,255,255,0.6);
	line-height: 30px;
	margin: 50px 0px;
}
.friendlink a{
	color: rgba(255,255,255,0.6);
}
.ewm{
	padding-left: 100px;
	border-left: 1px rgba(255,255,255,0.3) solid;
}
.ewm img{
	margin-top: 20px;
}
.ewm span{
	color: #fff;
	display: block;
	line-height: 30px;
	margin-top: 10px;
}
.wrap_footer a:hover,.wrap_footer li a:hover{
	color: #fff;
}
.tt{
	color: #fff;
	font-size: 20px;
}
.ee{
	margin-top: 10px;
}
.ee a{
	display: block;
	line-height: 30px;
	color: rgba(255,255,255,0.6);
	font-size: 14px;
}


/**内页样式**/



.mt120 {
	margin-top: 120px !important;
}

.pt120 {
	padding-top: 120px;
}

.mb120 {
	margin-bottom: 120px !important;
	;
}

.pdl30 {
	padding-left: 30px;
}

.pdr30 {
	padding-right: 30px;
}
.nbanner{
	position: relative;
}
.nbanner img {
	width: 100%;
	height: 756px;
	object-fit: cover;
}




#totop {
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 10;
}


.fix {
	*zoom: 1;
	*clear: both;
}

#newPage {
	width: 100%;
	text-align: center;
	margin: auto;
	padding: 15px;
	margin-top: 30px;
	display: inline-block;
}

#newPage a {
	padding: 10px 15px;
	border: 1px solid #38b6b7;
	color: #333;
	background-color: #fff;
}

#newPage a:hover {
	background-color: #38b6b7;
	color: #fff;
}

#newPage span {
	padding: 10px 15px;
	color: #fff;
	border: 1px solid #38b6b7;
	background-color: #38b6b7;
}

@keyframes a_banner_s_line {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		opacity: 1;
	}

	20% {
		transform: scale(1, 0.01);
		-webkit-transform: scale(1, 0.01);
		-ms-transform: scale(1, 0.01);
		-moz-transform: scale(1, 0.01);
		-o-transform: scale(1, 0.01);
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		opacity: 1;
	}

	30% {
		transform: scale(1, 0.01);
		-webkit-transform: scale(1, 0.01);
		-ms-transform: scale(1, 0.01);
		-moz-transform: scale(1, 0.01);
		-o-transform: scale(1, 0.01);
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		opacity: 0;
	}

	31% {
		transform: scale(1, 0.01);
		-webkit-transform: scale(1, 0.01);
		-ms-transform: scale(1, 0.01);
		-moz-transform: scale(1, 0.01);
		-o-transform: scale(1, 0.01);
		transform-origin: 50% 0;
		-webkit-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		-o-transform-origin: 50% 0;
		opacity: 0;
	}

	50% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform-origin: 50% 0;
		-webkit-transform-origin: 50% 0;
		-ms-transform-origin: 50% 0;
		-moz-transform-origin: 50% 0;
		-o-transform-origin: 50% 0;
		opacity: 1;
	}

	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		opacity: 1;
	}
}





@media only screen and (max-width:1160px) {
	header {
		line-height: 55px;
	}

	header .logo img {
		max-width: 100px;
	}
}

@media only screen and (max-width:991px) {}

@media (max-width:767px) {


	.container {
		padding-left: 24px;
		padding-right: 24px;
	}

	
	.mt100 {
		margin-top: 20px;
	}

	.mt120 {
		margin-top: 20px;
	}

	.mb120 {
		margin-bottom: 20px;
	}

	
	.mb100 {
		margin-bottom: 20px;
	}


	header.active .logo img {
		max-width: 100px;
	}


	.list_number em {
		font-size: 24px;
	}


	.list_number {
		float: none !important;
		text-align: center;
		padding: 0px;
		margin-bottom: 25px;
		font-size: 16px;
	}

	.mt40 {
		margin-top: 20px;
	}

	.menu {
		float: right;
	}

	.footer_area .copyright {
		float: none;
		margin-top: 5px;
	}

	.footer_area .links li a,
	.footer_area .copyright {
		font-size: 12px;
	}

	

	.pdl30 {
		padding-left: 15px;
	}

	.index_title {
		font-size: 24px;
	}

	.mb120 {
		margin-bottom: 30px !important;
	}

	.mt120 {
		margin-top: 30px !important;
		;
	}

	.pt120 {
		padding-top: 30px;
	}

	.mb80 {
		margin-bottom: 20px;
	}

	.mt80 {
		margin-top: 20px;
	}

	.mb160 {
		margin-bottom: 30px;
	}


}


@media (min-width:1700px) {
	.container {
		width: 100% !important;
	}
}

@media (min-width:1200px) and (max-width:1500px) {}

@media (min-width:1500px) and (max-width:1700px) {
	/* .container {
		width: 1230px !important;
	} */

}

@media (min-width:1200px) and (max-width:1300px) {
	/* .container {
		width: 1100px !important;
	} */
}

.wrap_head {
	display: block;
	width: 100%;
	height: 113px;
	z-index: 100;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	border-bottom: 1px rgba(255,255,255,0.1) solid;
	background: rgba(16,105,49,0.7);
}

.head_con {
	display: block;
	height: 113px;
	margin: 0px auto;
	position: relative;
	z-index: 2;
	width: 90%;
}

.head_con .logo {
	display: block;
	height: 48px;
	width: 179px;
	position: absolute;
	left: 0px;
	top: 30px;
}

.head_con .logo h1 {
	display: block;
	height: 48px;
	width: 179px;
	background: url(https://yljdzl.com/static/default/za/images/menu_logo.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	background-size: 100% 100%;
}


/*菜单*/
.menu_list {
	display: block;
	height: 113px;
	position: absolute;
	right: 350px;
	top: 0px;
	cursor: pointer;
	opacity: 1;
	transition: opacity 0.3s linear;
	transform: translate(0px, 0);
}

.menu_list .menu_item {
	display: inline-block;
	height: 113px;
	float: left;
	position: relative;
}

.en-us .menu_list .menu_item {
	margin-left: 36px;
}

.menu_list .menu_item .txt {
	letter-spacing: 2px;
	display: block;
	height: 113px;
	line-height: 113px;
	font-size: 18px;
	color: #fff;
	opacity: 0.95;
	-webkit-transition: color 0.3s linear;
	position: relative;
	z-index: 2;
	padding: 0 1.5vw;
}

.menu_list .menu_item .txt:hover {
	color: #fff !important;
}

.menu_list .menu_item .txt:after {
    display: block;
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: #397c42;
    opacity: 0;
    -webkit-transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    transform-origin: 50% 0%;
    transform: scale(0.01, 1);
	z-index: -1;
}


.head_white .menu_list .menu_item .txt:hover {
    color: #fff !important;
}

.head_white .menu_list .menu_item:hover .txt:after {
	color: #fff !important;
}
.menu_list .menu_item:hover .txt{
	color:#fff !important;
}
.menu_list .menu_item:hover .txt:after {
	transform: scale(1, 1);
	opacity: 1;
}

.menu_list .menu_item.menu_item_lan {
	display: none;
}

.menu_list .menu_item .menu_hook {
	display: none;
	width: 100%;
	/* height: 445px; */
	position: absolute;
	left: -36px;
	top: 0px;
	z-index: 1;
}

.menu_list .menu_item .dy {
	width: 130px;
	background: url(https://yljdzl.com/static/default/za/images/dy-bg.png) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	margin-top: 20px;
}

.menu_list .menu_item .dy:hover,
.menu_list .menu_item .dy:active {
	background: url(https://yljdzl.com/static/default/za/images/dyhover-bg.png) no-repeat;
	background-size: contain;
}

.head_white .menu_list .menu_item .dy,
.head_white .menu_list .menu_item .dy:hover,
.head_white .menu_list .menu_item .dy:active {
	background: url(https://yljdzl.com/static/default/za/images/dyhover-bg.png) no-repeat 0 0;
	background-size: contain;
}



.sub_list {
	display: none;
	position: absolute;
	min-width: 300px;
	left: 0;
	text-align: center;
	z-index: 2;
	background-color: #3d7e4c;
	padding: 0px 25px;
}

.sub_list li a {
	display: block;
	font-size: 16px;
	color: #fff;
	opacity: 0.7;
	padding: 13px 0;
	text-align: left;
	border-bottom: 1px rgba(255,255,255,0.3) dashed ;
}

.sub_list li a:hover {
	opacity: 1;
}
.sub_list li:last-child a{
	border-bottom: 0px;
}

/*语言框*/
.head_white {
	background: #fff;
}


.head_white .logo h1 {
	background-image: url(https://yljdzl.com/static/default/za/images/menu_logo_hover.png);
	background-size: 100% 100%;
}

.submenu_show .menu_list .menu_item .txt {
	color: #fff;
}
.submenu_show .menu_list .menu_item .txt:hover{
	color: #fff;
}

.head_white .menu_list .menu_item .txt {
	color: #333;
}









.submenu_show .bg_hover {
	display: block !important;
	width: 100%;
	background: rgba(255, 255, 255, 1);
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-animation: a_bg_hover_show 0.2s ease-out both;
	-webkit-transform-origin: 50% 0%;
}

.submenu_show .menu_list .menu_item.sublist_show .sub_list,
.head_white .menu_list .menu_item.sublist_show .sub_list {
	-webkit-animation: a_menu_item_show 0.2s ease-out both;
}

.submenu_show .menu_list .menu_item.sublist_hide .sub_list,
.head_white .menu_list .menu_item.sublist_hide .sub_list {
	-webkit-animation: a_menu_item_hide 0.15s ease-out both;
}

.submenu_show .menu_list .menu_item .menu_hook {
	display: block;
}

.submenu_hide,
.sublist_hide {
	pointer-events: none;
}

/*避免鼠标快速移动触发鼠标对菜单收回动画延迟 一进多出显示bug*/
.submenu_hide .bg_hover {
	-webkit-animation: a_bg_hover_hide 0.15s ease-out both;
	-webkit-transform-origin: 50% 0%;
}


.submenu_show .menu_list .menu_item .dy,
.head_white .menu_list .menu_item .dy {
	background: url(https://yljdzl.com/static/default/za/images/dyhover-bg.png) no-repeat;
	background-size: contain;
}



@keyframes a_menu_item_show {
	0% {
		-webkit-transform: translate(0px, -30px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		opacity: 1;
	}
}

@keyframes a_menu_item_hide {
	0% {
		-webkit-transform: translate(0px, 0px);
		opacity: 1;
	}

	100% {
		-webkit-transform: translate(0px, -30px);
		opacity: 0;
	}
}


@keyframes a_bg_hover_show {
	0% {
		-webkit-transform: scale(1, 0.5);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}
}


@keyframes a_bg_hover_hide {
	0% {
		-webkit-transform: scale(1, 1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1, 0.5);
		opacity: 0;
	}
}



.lb-ab-en{
	font-size: 60px;
	line-height: 60px;
	color: #d9d9d9;
	font-family: impact;
	text-align: center;
}
.lb-ab-cn{
	font-size: 40px;
	color: #000000;
	text-align: center;
}



.caselogo{
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-wrap: wrap;
}
.col{
	border: 1px dashed #eeeeee;
	margin-right: -1px;
	margin-bottom: -1px;
	flex:0 0 20%;
}
.col img{
	transition:none;
	padding: 10px;
}
.col img:hover{
	transform: rotateY(360deg);
	transition: all 1s;
}
.train{
	position: relative;
	padding: 0px 160px;
}
.train .play {
    width: 70px;
    height: 70px;
    background: rgba(0,0,0,.4) url(https://yljdzl.com/static/default/za/images/3f_play_right.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 43%;
    margin: -25px 0 0 -25px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s;
}
.train .prev3,.train .prev5{
	background-image: url(https://yljdzl.com/static/default/za/images/left.png);
	top: 50%;
	width: 49px;
	height: 66px;
	background-size: 100%;
	left: 70px;
}
.train .prev3:hover,.train .prev5:hover{
	background-image: url(https://yljdzl.com/static/default/za/images/left-hover.png);
}
.train .next3,.train .next5{
	background-image: url(https://yljdzl.com/static/default/za/images/right.png);
	top: 50%;
	width: 49px;
	height: 66px;
	background-size: 100%;
	right: 70px;
}
.train .next3:hover,.train .next5:hover{
	background-image: url(https://yljdzl.com/static/default/za/images/right-hover.png);
}
.train span{
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	margin-top: 10px;
}
.train .cassdong img{
	width: 100%;
}
a.casemore{
	width: 200px;
	margin: 0px auto;
	height: 50px;
	line-height: 50px;
	display: block;
	margin-top: 30px;
	background-color: #106931;
	color: #fff;
	text-align: center;
	font-size: 16px;
}
.index-newslunbo .prev4{
	background-image: url(https://yljdzl.com/static/default/za/images/left.png);
	top: 40%;
	width: 49px;
	height: 66px;
	background-size: 100%;
	left: 0px;
	opacity: 1;
	z-index: 100;
}
.index-newslunbo .prev4:hover{
	background-image: url(https://yljdzl.com/static/default/za/images/left-hover.png);
}
.index-newslunbo .next4{
	background-image: url(https://yljdzl.com/static/default/za/images/right.png);
	top: 40%;
	width: 49px;
	height: 66px;
	background-size: 100%;
	right: 0px;
	opacity: 1;
	z-index: 100;
}
.index-newslunbo .next4:hover{
	background-image: url(https://yljdzl.com/static/default/za/images/right-hover.png);
}
.index-zhuan{
	background: url(https://yljdzl.com/static/default/za/images/zhuan-bg.png) repeat;
	padding: 80px 0px;
}
.zhuan-title{
	font-size: 36px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.zhuan-title em{
	color: #397c42;
	margin-left: 10px;
}
.zhuan-xian{
	background-color: #bfbfbf;
	width: 70px;
	height: 7px;
	margin: 0px auto;
	margin-top: 10px;
}
.zhuan-ico-title{
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	margin-top: 20px;
}
.zp-top{
	padding: 44px 20px;
}

.zp-bottom a{
	display: block;
	line-height: 60px;
	text-align: center;
	font-size: 26px;
	color: #fff;
	font-weight: 500;
}
.zp-bottom a span{
	margin-right: 10px;
}
.zpt-title{
	padding-bottom: 15px;
}
.zpt-title .zpt-l{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.zpt-title .zpt-r{
	color: #333333;
	font-size: 18px;
}
.zpt-r i{
	font-size: 20px;
	font-style: normal;
}
.zpt-r em{
	font-size: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.zpt-text{
	color: #333;
	font-weight: bold;
	margin-top: 20px;
	line-height: 30px;
	font-size: 16px;
}
.zpt-desc{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.zpt-list ul li{
	line-height: 47px;
	border-bottom: 1px #dedede dashed;
	font-size: 16px;
	color: #666;
}
.zpt-list ul li img{
	margin-right: 15px;
}
.zp:nth-child(1) .zp-top{
	border: 2px #87b239 solid;
}
.zp:nth-child(1) .zpt-title{
	border-bottom: 15px #87b239 solid;
}
.zp:nth-child(1) .zp-bottom a{
	background-color: #87b239;
}
.zp:nth-child(1) .zpt-r em,.zp:nth-child(1) .zpt-r i{
	color: #87b239;
}
.zp:nth-child(2) .zp-top{
	border: 2px #5e9241 solid;
}
.zp:nth-child(2) .zpt-title{
	border-bottom: 15px #5e9241 solid;
}
.zp:nth-child(2) .zp-bottom a{
	background-color: #5e9241;
}
.zp:nth-child(2) .zpt-r em,.zp:nth-child(2) .zpt-r i{
	color: #5e9241;
}
.zp:nth-child(3) .zp-top{
	border: 2px #4d882c solid;
}
.zp:nth-child(3) .zpt-title{
	border-bottom: 15px #4d882c solid;
}
.zp:nth-child(3) .zp-bottom a{
	background-color: #4d882c;
}
.zp:nth-child(3) .zpt-r em,.zp:nth-child(3) .zpt-r i{
	color: #4d882c;
}
.zp:nth-child(4) .zp-top{
	border: 2px #367941 solid;
}
.zp:nth-child(4) .zpt-title{
	border-bottom: 15px #367941 solid;
}
.zp:nth-child(4) .zp-bottom a{
	background-color: #367941;
}
.zp:nth-child(4) .zpt-r em,.zp:nth-child(4) .zpt-r i{
	color: #367941;
}
a.baoming{
	text-align: center;
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #d70101;
}

.index-news{
	background: url(https://yljdzl.com/static/default/za/images/news-bg.png) no-repeat;
	background-size: cover;
	padding: 80px 0px;
}
.index-news .nav-tabs{
	/* text-align: right; */
	border: 0px;
}
.index-news .nav-tabs>li{
	float: none;
	display: inline-block;
}
.index-news .nav-tabs>li>a{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
}
.index-news .nav-tabs>li>a:hover{
	border: 1px #fff solid;
	border-radius: 0px;
	background: none;
}
.index-news .nav-tabs>li.active>a, .index-news .nav-tabs>li.active>a:focus,.index-news .nav-tabs>li.active>a:hover{
	border: 1px #fff solid;
	border-radius: 0px;
	background: none;
}
.index-news .nav-tabs>li.active>a,.index-news .nav-tabs>li.active>a:focus,.index-news .nav-tabs>li.active>a:hover{
	color: #fff;
}
.news-title{
	font-size: 60px;
	color: #fff;
	font-family: impact;
	align-items: flex-end;
	display: flex;
	height: 60px;
	line-height: 60px;
}
.news-title em{
	font-size: 40px;
	margin-left: 10px;
}
 #item_block_0:hover {
    box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08);
}

 #item_block_0 .item_wrapper>.date_wrap {
    color: #666;
    width: 100px;
	font-size: 16px;
	text-align: center;
	border-right: 1px #eee solid;
}
.date_wrap span.time-connect {
    text-align: center;
    display: block;
    font-family:impact;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
	margin-top: 10px;
}
.date_wrap span.year{
	margin-bottom: 10px;
	display: block;
}
 #item_block_0 .item_img {
    width: 100%;
	overflow:hidden;
}
.item_img img{
	overflow: hidden;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
	width:100%;
	height: 284px;
	object-fit: cover;
	}
.item_img img:hover{
	opacity: 0.9;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
	}
 #item_block_0 .item_wrapper {
    background: #fdfefe;
	display: flex;
}

 #item_block_0 .item_wrapper .description {
    display: block
}

 #item_block_0 .item_wrapper .title {
    color: #333333;
    font-size: 24px;
	margin-top: 10px;
}
.item_info{
	padding-left: 20px;
}

 #item_block_0 .item_wrapper .description {
    color: #999999;
	font-size: 16px;
}
.index_newslist{
	border: 1px rgba(255,255,255,0.3) solid;
	padding: 5px 36px;
	background-color: rgba(255,255,255,0.08);
}
.index_newslist a{
	display: block;
	color: #fff;
	font-size: 18px;
	padding-bottom: 16px;
	padding-top: 16px;
	line-height: 26px;
	border-bottom: 1px rgba(255,255,255,0.3) dashed;
}
.index_newslist a:hover{
	padding-left: 10px;
}
.index_newslist a:last-child{
	border: 0px;
}
.index_newslist a span{
	color: rgba(255,255,255,0.3);
	font-size: 14px;
	float: right;
}
.index-business{
	position: relative;
}
.index-business::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 50%;
	width: 1px;
	background-color: #1c783e;
	height: 100%;
}
.business-pic{
	background-color: #106931;
	/* padding: 80px 0px; */
}
.business-pic img {
    background-size: 100%;
    object-fit: cover;
    width: 100%;
}
.bs-service {
    width: 100%;
    z-index: 99;
	padding: 0px;
}
.bs-service .col-md-6{
	padding: 0px;
}
.bs-service .row{
	margin-left: 0px;
	margin-right: 0px;
}
.index-tt{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #106931;
	line-height: 50px;
	padding: 15px 0px;
	background-color: #e8e8e8;
}
.index-business .tab-content{
	background-color: #fdfcf2;
	min-height: 545px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.bs-service .nav-tabs{
	text-align: center;
}
.bs-service .nav-tabs>li{
	float: none;
	display: inline-block;
}
.bs-service .nav-tabs>li>a{
	padding: 25px 66px;
	border: 0px;
	border-radius: 0px;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	position: relative;
}
.bs-service .nav-tabs>li.active>a, .bs-service .nav-tabs>li.active>a:focus, .bs-service .nav-tabs>li.active>a:hover{
	border: 0px;
	color:#397c42 ;
	background-color: #fdfcf2;
}
.bs-service .nav-tabs>li>a, .bs-service .nav-tabs>li>a:focus, .bs-service .nav-tabs>li>a:hover{
	background: none;
}
.bs-service .nav-tabs>li.active>a::after, .bs-service .nav-tabs>li.active>a:focus::after, .bs-service .nav-tabs>li.active>a:hover::after{
	content: "";
	position: absolute;
	width: 34px;
	margin: 0px auto;
	left: 0px;
	right: 0px;
	background-color: #397c42;
	height: 5px;
	bottom: 10px;
}
.bs-item{
	padding:0px 36px;
	position: relative;
}
.bs-item a{
	display: block;
	text-align: center;
	/*padding: 28px;
	 border: 1px rgba(255,255,255,0.2) solid;
	background: rgba(255,255,255,0.1); */
}
/* .bs-item a:hover{
	border: 1px rgba(255,255,255,1) solid;
} */
/* .bs-item::after{
	content: "";
	position: absolute;
	top: 0px;
	right: -15px;
	width: 1px;
	height: 100%;
	border-right: 1px rgba(255,255,255,0.3) dashed;
}
.business-pic .last::after{
	content: none;
} */
.slide_tips{ display:block; width: 129px; height: 132px; position: absolute; left: 48%; margin-left: -15px; bottom: 90px; z-index: 2;animation: jiantou 2s infinite; 
            -moz-animation: jiantou 2s infinite;
            -webkit-animation: jiantou 2s infinite; 
            -o-animation: jiantou 2s infinite;}
			.slide_tips img{width: auto;}
.slide_tips .s_line{ display:block; width: 129px; height: 132px; position: absolute; left: 50%; margin-left: -1px; top: 0px; }

.slide_tips .s_line{ animation: a_banner_s_line 3s 0.3s linear both infinite;-webkit-animation: a_banner_s_line 3s 0.3s linear both infinite;-ms-animation: a_banner_s_line 3s 0.3s linear both infinite;-moz-animation: a_banner_s_line 3s 0.3s linear both infinite;-o-animation: a_banner_s_line 3s 0.3s linear both infinite;}

.bsi-pic img{
	width: auto;
}
.bsi-title{
	font-size: 26px;
	color: #fff;
	margin-top: 0px;
}
.bsi-xian{
	width: 22px;
	height: 5px;
	/* margin: 0px auto; */
	margin-top: 7px;
	background-color: rgba(255,255,255,0.3);
}
.bsi-desc{
	font-size: 16px;
	color: rgba(255,255,255,1);
	line-height: 30px;
	margin-top: 25px;
	text-align: left;
}
a.bsi-more{
	display: block;
	/* margin: 0px auto; */
	margin-top: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 2px rgba(255,255,255,0.3) solid;
	border-radius: 50%;
	text-align: center;
}
a.bsi-more span{
	color: #FFFFFF;
}
a.bsi-more:hover{
	background-color: #fff;
}
a.bsi-more:hover span{
	color: #397c42;
}
.bs-item:hover a.bsi-more{
	background-color: #fff;
}
.bs-item:hover a.bsi-more span{
	color: #397c42;
}
.pxfw{
	background-color: #F7F7F7;
	padding: 80px 0px;
}
.training{
	padding: 80px 0px;
}
.train-item{
	text-align: center;
	/* width: 44%;
	display: inline-block; */
	/* margin: 0px 15px; */
	margin-top: 0px;
	padding: 30px 30px 30px 40px;;
	/* border-bottom: 1px rgba(255,255,255,0.3) dashed; */
}
.train-item a{
	/* align-items: center;
	justify-content: left;
	display: inline-flex; */
	color: #fff;
	font-size: 20px;
}
.train-item img{
	width: auto;
	/* display: block; */
}
.train-item  span{
	line-height: 30px;
	display: block;
}

.list-news-xwbd .item {
    display: inline-block;
	float: left;
    padding: 30px 10px 30px 0;
	width: 50%;
}
.list-news-xwbd .item:first-child {
	padding-top: 0px;
}
.list-news-xwbd .item .thumb img{
	width: 100%;
	/* height: 280px;
	object-fit: cover; */
}
.list-news-xwbd .item .col-md-7{
	padding-right: 60px;
}
.list-news-xwbd .item:last-child .col-md-7{
	padding-right: 0px;
}

.list-news-xwbd .item .title {
    color: #111111;
    font-size: 28px;
    font-weight: 600;
    margin-top: 20px;
    line-height: 28px;
	height: 30px;
	overflow: hidden;
}

.list-news-xwbd .item .date {
    color: #767676;
    font-size: 16px;
}

.list-news-xwbd .item .text {
    padding: 12px 0;
    color: #767676;
    font-size: 16px;
    line-height: 30px;
    text-align:justify;
	height: 110px;
	overflow: hidden;
}
.list-news-xwbd .item .title:hover{
	color: #397c42;
}
.list-news-xwbd .item .more{
	margin-top: 20px;
	color: #397c42;
	font-size: 18px;
}
.pl30{
	padding-left: 30px;
}
.submenu{
	line-height: 70px;
	background-color: #ededed;
	white-space: nowrap;
	overflow-x: auto;
}
.subchild a{
	display: inline-block;
	padding: 0px 20px;
	color: #333;
	font-size: 18px;
}
.subchild a:hover,.subchild a.cur{
	background-color: #397c42;
	color: #fff;
}
.path{
	text-align: right;
	font-size: 16px;
	color: #999999;
}
.path a{
	color: #999999;
}
.path a:hover{
	color: #397c42;
}
.path span{
	margin-right: 7px;
}
.submenuchild{
	border-bottom: 1px rgba(57,124,66,0.3) solid;
	line-height: 60px;
}
.submenuchild a{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	padding: 0px 15px;
	line-height: 60px;
	display: inline-block;
}
.submenuchild a:hover,.submenuchild a.cur{
	color: #397c42;
	border-bottom: 2px #397c42 solid;
}
.single{
	line-height: 30px;
}
.single p{
	line-height: 30px;
	margin-top: 30px;
	font-size: 20px;
	color: #333;
}
.case-box{
	line-height: 68px;
	border-top: 1px rgba(57,124,66,0.3) solid;
	border-bottom: 1px rgba(57,124,66,0.3) solid;
}
.cb-title{
	background-color: #397c42;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}
.cb-title img{
	margin-right: 10px;
}
.cb-desc{
	color: #666666;
	font-size: 18px;
}
.case-list .fd a{
	display: block;
	position: relative;
	margin-bottom: 30px;
}
.case-list .fd a img{
	display: block;
	width: 100%;
}
.case-list .fd a p{
	position: absolute;
	bottom: 0px;
	left: 0px;
	font-size: 18px;
	color: #fff;
	width: 100%;
	text-align: center;
	line-height: 52px;
	height: 52px;
	overflow: hidden;
	background: rgba(125,125,125,0.8);
	webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.case-list .fd a:hover p{
	background: rgba(57,124,66,0.8);
}
.about-desc,.culture{
	line-height: 40px;
	font-size: 20px;
	color: #666666;
}
.about-desc p,.culture p{
	margin-bottom: 30px;
}
.culture em{
	font-weight: bold;
	color: #397c42;
}
.clt{
	font-size: 30px;
	color: #397c42;
	font-weight: bold;
}
.contact1{
	display: -webkit-flex;
	flex-wrap: wrap;
}
.ctt{
	flex: 0 0 25%;
	text-align: center;
	padding: 0px 10px;
	position: relative;
}
.ctt .ct_pic{
	
}
.ctt .ct_title{
	font-size: 18px;
	font-weight: bold;
	margin-top: 36px;
}
.ctt .ct_tel{
	color: #666;
	font-size: 18px;
	margin-top: 10px;
	line-height: 28px;
}

.contact_map{
	border: 2px #e9edf0 solid;
}
.ct_desc{
	font-size: 24px;
	color: #333333;
	margin-top: 30px;
	margin-bottom: 66px;
}
.formcc .form-control{
	line-height: 76px;
	height: 76px;
	border: 1px #e5e5e5 solid;
	border-radius: 0px;
	margin-bottom: 30px;
	font-size: 18px;
	padding-left: 20px;
}
.formcc .textarea{
	border: 1px #e5e5e5 solid;
	border-radius: 0px;
	margin-bottom: 30px;
	font-size: 18px;
	padding-left: 20px;
	height: auto;
	min-height: 288px;
}
.formcc .dosubmit{
	width: 100%;
	margin: 0px auto;
	line-height: 76px;
	border: 0px;
	text-align: center;
	background-color: #397c42;
	color: #fff;
	font-size: 18px;
	display: block;
	margin-top: 30px;
}
.formcc .dosubmit:hover{
	background-color: #107d2c;
}
.sub_title {
    font-size: 60px;
	height: 70px;
    color: #d9d9d9;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.cn_title {
    font-size: 40px;
    color: #1a1a1a;
    text-align: left;
    position: relative;
    margin: 0px auto;
}
.bgc {
    background-color: #ebf2ec;
    height: 11px;
    width: 100%;
}
.post-body{
	line-height: 27px;
}
.post-body h3{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
.post-info{
	text-align: center;
	line-height: 30px;
	margin: 30px 0px;
	color: #666;
}
.post-info span{
	margin: 0px 10px;
}
.post-body p {
    margin-bottom: 30px;
}
.bts a{
	color: #397c42;
}
.bts a:hover{
	color: #397c42;
	font-weight: bold;
}
.totop{position: fixed;
  
  right:0;
    width: 60px;
    bottom: 30px;
    /*background: #187839;*/
    
    text-align: center;
	z-index: 99;
    }
    .totop a{color: #fff;}
    .btop{ display: none;}
    .backto_top{ height: 70px; line-height: 70px; display: block; background: #ddd; color: #333 !important; margin-top: 1px;}
    .backto_top:hover{ cursor: pointer; background: #187839; color: #fff !important;
    -o-transition: all .35s ease-in 0s;
	-webkit-transition: all .35s ease-in 0s;
	transition: all .35s ease-in 0s; }
    .call,.weixin{
    display: block;
    height: 70px;
    width: 60px;
    background: #187839;
    margin-top: 1px;
    margin-bottom: 1PX;
    padding-top: 3px;
    
    
}
.call i{ font-size: 20px; margin-top: 10px;}
.weixin i{ font-size: 20px; margin-top: 10px;} 

.QQ i{ font-size: 20px; margin-top: 10px;} 
.BJ i{ font-size: 20px; margin-top: 10px;} 
.phone{
		background-color: #187839;
		position: relative;
		width: 160px;
		left: -160px;
		top: -57px;
		    line-height: 30px;
		    padding: 7px 0px;		 
		font-size: 14px;
		text-align: center;
		display: none;
		color: #fff;
		z-index: -1;
	}
	
.call:hover .phone {
		display: block !important;
		
		-webkit-animation: fadeinR 0.5s 0s ease both;
		-moz-animation: fadeinR 0.5s 0s ease both;
		animation: fadeinR 0.5s 0s ease both;
	}
.wexin_ewm{
		background-color: #187839;
		position: relative;
		width: 152px;
		height: 152px;
		left: -152px;
		top: -88px;
		/*line-height: 50px;*/		 
		font-size: 18px;
		text-align: center;
		display: none;
		color: #fff;
		z-index: -1;
		padding: 1px;
	}
.wexin_ewm img{ width: 100%;}
.weixin:hover .wexin_ewm {
		display: block !important;
		
		-webkit-animation: fadeinR 0.5s 0s ease both;
		-moz-animation: fadeinR 0.5s 0s ease both;
		animation: fadeinR 0.5s 0s ease both;
	}
		

.QQ,.BJ{  background: #187839; width: 60px; display: block; padding: 5px 0px; margin-top: 1px;}


/* .QQ:hover,.BJ:hover{ 
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	} */

@media (max-width:1600px) {
	.menu_list{
		right: 250px;
	}
	.menu_list .menu_item .txt{
		font-size: 16px;
	}
}
@media (max-width:1300px) {
	.menu_list{
		right: 250px;
	}
	.menu_list .menu_item .txt{
		font-size: 14px;
		padding: 0 1vw;
	}
}
@media (max-width:1100px) {
	.menu_list{
		right: 0px;
	}
	.focus_us{
		display: none;
	}
}
@media (min-width:992px) and (max-width:1199px) {

	.link_area .tab_list .icon {
		top: 60%;
	}
}

@media (min-width:768px) and (max-width:991px) {
	
	.menu_list .menu_item .txt{
		padding: 0px 5px;
	}
	.menu_list .menu_item {
		margin-left: 0px;
	}
}

@media screen and (max-width: 768px) {
    .index-business::after{
       width: 0;
    }
	.list-news-xwbd .item{
		padding: 15px 0px;
	}
	.sub_title{
		font-size: 18px;
		height: auto;
	}
	.cn_title{
		font-size: 20px;
	}
	.ctt{
		flex: 0 0 50%;
	}
	.train{
		padding: 0px 30px;
	}
	.train .prev3,.train .prev5{
		left: 30px;
	}
	.train .next3,.train .next5{
		right: 30px;
	}
	.col{
		flex: 0 0 25%;
	}
	.friendlink{
		margin: 20px 0px;
	}
	.index_newslist a{
		line-height: 40px;
		padding: 0px;
		height: 40px;
		overflow: hidden;
	}
	.index_newslist{
		padding-left: 20px;
		padding-right: 20px;
	}
	.item_img img{
		height: auto;
	}
	.index-news .nav-tabs>li>a{
		font-size: 14px;
		padding: 7px 10px;
	}
	.ctt .ct_tel{
		font-size: 14px;
	}
	.ctt .ct_pic img{
		max-width: 50px;
	}
	.formcc .form-control{
		line-height: 50px;
		height: 50px;
		margin-bottom: 15px;
		font-size: 16px;
	}
	.formcc .dosubmit{
		width: 100%;
		line-height: 50px;
		margin-top: 20px;
	}
	.post-info span{
		font-size: 12px;
		margin: 0px 3px;
	}
	#item_block_0 .item_wrapper .title,.ctt .ct_title{
		font-size: 16px;
	}
	.index_newslist a,#item_block_0 .item_wrapper .description{
		font-size: 14px;
	}
	.index-news .nav-tabs {
		text-align: left;
	}
	.index-news{
		padding: 30px 0px;
	}
	.news-title{
		font-size: 18px;
	}
	.news-title em{
		font-size: 20px;
	}
	.zp-bottom a,a.baoming{
		font-size: 20px;
	}
	.zp{
		margin-bottom: 20px;
	}
	.bs-service{
		position: initial;
		margin-top: -45px;
	}
	a.bsi-more{
		margin-top: 20px;
	}
	.zhuan-title{
		font-size: 18px;
	}
	.zhuan-ico img{
		max-width: 60px;
	}
	.index-zhuan{
		padding: 30px 0px;
	}
	.zhuan-ico-title{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.index-business .tab-content{
		min-height: auto;
		padding: 20px 0px;
	}
	.training{
		padding: 30px 0px;
	}
	.pxfw{
		padding: 30px 0px;
	}
	.train-item{
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 20px;
	}
	.train-item:last-child{
		margin-bottom: 0px;
	}
	.business-pic{
		padding-bottom: 20px;
	}
	.train-item a{
		font-size: 16px;
	}
	.train-item img{
		max-width: 50px;
	}
	.bs-item {
		padding: 0px 20px;
	}
	.cb-desc{
		line-height: 25px;
		padding: 10px 0px;
		font-size: 14px;
	}
	.bs-service .nav-tabs>li.active>a::after, .bs-service .nav-tabs>li.active>a:focus::after, .bs-service .nav-tabs>li.active>a:hover::after{
		bottom: 0px;
	}
	.index-tt{
	    font-size: 20px;
	}
	.bs-service .row{
	    padding-bottom: 30px;
	}
	.bsi-pic{
		margin-top: 20px;
	}
	.bsi-pic img{
		max-width: 50px;
	}
	.bsi-title{
		font-size: 20px;
	}
	.bsi-desc{
		font-size: 14px;
		line-height: 20px;
	}
	.bs-service .nav-tabs>li>a{
		padding: 10px 20px;
		font-size: 18px;
	}
	.case-list .fd a p{
		font-size: 14px;
	}
	.case-box{
		line-height: 50px;
	}
	.cb-title{
		font-size: 20px;
	}
	.cb-title img{
		max-width: 20px;
	}
	.submenuchild a{
		font-size: 14px;
		padding: 0px 10px;
	}
	.nbanner img {
		width: 100%;
		height: 220px;
		object-fit: cover;
	}
	.post-body h3{
		font-size: 20px;
	}
	.post-info{
		line-height: 20px;
		margin: 15px 0px;
	}
	.about-desc,.culture{
		font-size: 14px;
		line-height: 25px;
	}
	.lb-ab-en{
		font-size: 18px;
		line-height: 30px;
	}
	.lb-ab-cn{
		font-size: 20px;
	}
	.footer_area{
		line-height: 20px;
	}
	.single p,.single{
		font-size: 14px;
		line-height: 25px;
	}
	.submenu{
		line-height: 40px;
	}
	.subchild a{
		padding: 0px 10px;
		font-size: 14px;
	}
	.list-news-xwbd .item .title {
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 20px;
	    margin-top: 0px;
	    height: auto;
	}
	.pl30{
		padding-left: 0px;
	}
	.footer_area {
		margin: 0px auto;
		padding: 15px 0px;
		border: 0px;
		font-size: 12px;
		text-align: center;
	}
	.foot-address,.footer_area .friendlink{
		font-size: 12px;
	}
	.footer_top{
		padding: 20px 0px;
	}
	.lang_area{
		top: 15px;
	}
	.mt60{
		margin-top: 20px;
	}
	.mb60{
		margin-bottom: 20px;
	}
	.sidebar {
	    line-height: 38px;
	}
	.sidebar a {
	    font-size: 14px;
	}
	.list-news-xwbd .item .title {
	    font-size: 14px;
	    font-weight: normal;
	    line-height: 20px;
	    margin-top: 0px;
		height: auto;
	}
	.list-news-xwbd .item .date {
	    font-size: 12px;
		margin-top: 8px;
	}
	.head_con {
		width: 100%;
		height: 56px;
		z-index: 99;
	}

	.wrap_head {
		height: 56px;
	}

	.header-seat {
		padding-bottom: 56px !important;
	}

	.head_con .logo {
		display: block;
		height: 25px;
		width: 130px;
		position: absolute;
		left: 50%;
		top: 14px;
		margin-left: -68px;
	}

	.head_con .logo h1 {
		display: block;
		height: 25px;
		width: 130px;
		background: url(https://yljdzl.com/static/default/za/images/menu_logo.png) no-repeat 0 0;
		background-size: contain;
	}

	.head_white .logo h1 {
		background-image: url(https://yljdzl.com/static/default/za/images/menu_logo_hover.png);
	}

	.submenu_show.search_area_show .search_area,
	.head_white.search_area_show .search_area {
		width: auto;
		left: 20px;
		right: 20px;
	}

	.icon_menu {
		display: block;
		height: 20px;
		width: 20px;
		position: absolute;
		left: 21px;
		top: 18px;
		z-index: 99;
	}

	.icon_menu .i_menu {
		display: block;
		height: 14px;
		width: 15px;
		background: url(https://yljdzl.com/static/default/za/images/icon_menu_hover.png) no-repeat 0 0;
		background-size: contain;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
	}

	.icon_menu .i_menu {
		margin-top: 4px;
	}

	.head_white .icon_menu .i_menu {
		background: url(https://yljdzl.com/static/default/za/images/icon_menu.png) no-repeat center;
		background-size: 100% 100%;
		width: 15px;
		height: 15px;
		margin-top: 0;
	}

	.icon_menu .i_close {
		display: none;
		height: 14px;
		width: 15px;
		background: url(https://yljdzl.com/static/default/za/images/icon_menu_close.png) no-repeat 0 0;
		background-size: contain;
		position: fixed;
		left: 21px;
		top: 21px;
		z-index: 4;
	}

	.menu_list {
		display: block;
		position: fixed;
		background: #fff;
		width: 260px;
		height: 100%;
		right: 0px;
		left: 0px;
		padding-top: 90px;
		z-index: 3;
		transform: translate(-260px, 0);
		opacity: 0.8;
		transition: transform 0.25s ease-out, opacity 0.25s ease-out;
	}

	.menu_list .menu_item {
		display: block;
		float: none;
		height: 63px;
		margin-left: 58px;
	}

	.menu_list li {
		margin: 0;
	}

	.menu_list .menu_item .txt {
		color: #2a2e2e;
		font-size: 18px;
		font-weight: normal;
	}

	.menu_list .menu_item .txt:hover:after {
		display: none;
	}

	.menu_list .menu_item.menu_item_lan {
		display: block;
		position: absolute;
		bottom: 87px;
		line-height: 63px;
	}

	.menu_list .menu_item.menu_item_lan a {
		color: #2a2e2e;
		font-size: 16px;
	}

	.menu_list .menu_item.menu_item_lan .cn,
	.menu_list .menu_item.menu_item_lan .s_line_1 {
		/* display: none; */
	}

	.menu_list .menu_item.menu_item_lan .en,
	.menu_list .menu_item.menu_item_lan .s_line_2 {
		display: inline-block !important;
	}

	.menu_list .menu_item.menu_item_lan .s_line {
		color: #878a8a;
		font-size: 16px;
		margin: 0px 8px;
		font-style: normal;
	}

	.bg_hover {
		display: none;
		height: 100%;
		width: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		background: rgba(0, 0, 0, 0.2);
		z-index: 98;
	}
	.bts a{
		display: block;
		text-align: left;
		float: none !important;
	}

}