@charset "utf-8";
/* CSS Document */

body{ margin:0 auto; padding:0px; font-family:"微软雅黑"; font-size:12px; color:#333; width:100%; overflow-x:hidden;}
img{ border:none;}
ul,li,p,h1,h2,h3,h4,h5{ margin:0px; padding:0px; list-style:none;}
a{ color:#333; text-decoration:none;}

.container{ width:82%; padding-left:9%; padding-right:9%; padding-top:5px;}

.header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	height:100px;
	padding:0px; background:#fff;box-shadow: 0px 3px 5px #ccc;
}

/*左侧logo*/
.header .left{
	width: 12%; display:inline-block; vertical-align:top;float:left;
}
:root .header .left{
	width: 12%; display:inline-block; vertical-align:top;
}
.header .left a img{
	height:80px;
	margin-top: 6px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;

	display:inline-block; float:right; margin-top:35px;width:auto;
}


.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 2px;
    background:#095c05;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height:60px;
	padding: 0 25px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #333;
	font-size: 16px;
}
.header .navbar_nav li:hover a{
	color:#095c05;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(../images/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:60px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 120%;
    left: -10%;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	line-height: 40px; height:40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background:#095c05;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color:#095c05;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%); display:none;
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height:80px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top:10px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}

@media screen and (max-width: 992px){
	.header{
		padding: 0 10px; height:60px;
	}
	.header .left a img{ height:50px;}
	.header .nav{ display:none;}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	
}


.head_box{display:block; width:100%; height:100px;}
.logo{ display:inline-block; width:auto; height:90px; margin-left:10%;}
.logo img{ height:90px;}

.banner{ position: relative; margin: 0 auto; overflow: hidden; }
.banner img{ width: 100%; height: auto; }
.banner .pagination{ z-index: 99999; text-align: center; line-height: 20px; height: 20px; width: 100%; position: absolute; left: 0; bottom: 20px; }
.banner .pagination .swiper-pagination-switch{ margin: 0 5px; vertical-align: middle; cursor: pointer; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,.8); }
.banner .pagination .swiper-active-switch{ background: none; border: 2px solid rgba(255,255,255,.8); }

.page{ display:block; width:100%; height:auto;}
.page_menu{ display:block; width:100%; margin:0px auto; text-align:center; font-size:14px; background:#F2F2F2;}
.page_menu a{ display:inline-block; color:#333; padding:20px;}
.page_menu a:hover{ background:#090; color:#fff;}
#hover{ display:inline-block; width:auto; padding:20px; background:#060; color:#fff;}

.index_about{ display:block; width:80%; margin:0 auto; height:auto; padding-left:10%; padding-right:10%;}
.about_left{ display:inline-block; width:47%; height:auto; vertical-align:top;float:left; padding-right:5%;}
:root .about_left{ display:inline-block; width:58%; height:auto; vertical-align:top;float:none; padding-right:5%;}
.about_left .tite{ font-size:28px; display:block; width:100%; margin-top:40px;}
.about_left .tite span{ font-size:14px; color:#ccc; display:block; width:100%;}

.about_con{ display:block; width:100%; height:auto; line-height:30px; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.about_more{ display:block; width:120px; height:40px; line-height:40px; text-align:center; color:#333; border-radius:20px; border:1px #030 solid; margin-top:20px; margin-bottom:20px;}
.about_more:hover{ background:#060; color:#fff;}

.about_box{ display:block; width:102%;}
.about_list{ display:inline-block; width:20.5%;float:left; margin-right:1px; padding:0% 2%; vertical-align:top; height:180px; text-align:center;background:url(../images/about_icon.png);  color:#fff; font-size:14px; color:#fff;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;}
:root .about_list{ display:inline-block; width:20.5%; margin-right:1px; padding:0% 2%; vertical-align:top; height:180px; text-align:center; background:rgba(0,0,0,0.4); color:#fff; font-size:14px; color:#fff;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;}
.about_list:hover{ background:#090; color:#fff; cursor:pointer;transform:scale(1.2);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);}
.about_list p{ font-size:40px; display:block; width:100%; margin-bottom:10px; font-weight:bold; margin-top:30px;}

.about_right{ display:inline-block; width:36%; position:relative;height:700px;float:left;}
:root .about_right{ display:inline-block; width:36%; position:relative;height:700px;float:none;}

.about_right img{ width:100%; display:block; height:700px;object-fit:cover;}
.about_right span{ display:block; width:60%; background:url(../images/about_icon.png);  color:#fff; position:absolute; left:0px; top:420px; padding:30px; line-height:22px; height:auto;}
:root .about_right span{ display:block; width:50%; background:url(../images/about_icon.png);  color:#fff; position:absolute; left:0px; top:330px; padding:30px; line-height:22px; height:auto;}

.about_right span div{ display:block; width:100%; overflow:hidden; height:auto;}
.about_right span p{ display:block; width:100%; font-size:24px; font-weight:bold; margin-bottom:10px;}
.about_right span font{ display:block; width:100%; height:auto; line-height:2em; overflow:hidden; font-size:18px;}

.index_news_list{ display:inline-block; width:45%; margin-right:4%;float:left; vertical-align:top; height:300px;}
:root .index_news_list{ display:inline-block; width:46%; margin-right:4%; vertical-align:top; height:300px;}

.index_news_list p{ display:block; width:100%; font-size:18px; border-bottom:1px #f1f1f1 solid; padding-bottom:10px; height:30px; line-height:30px;}
.index_news_list p span{ color:#ccc; display:inline-block; font-size:12px; vertical-align:top; margin-left:5px;}
.index_news_list p font{ display:inline-block; width:3px; height:25px; background:#090; overflow:hidden; margin-right:10px; vertical-align:top;}
.index_news_list p a{ float:right; color:#999; font-size:14px; margin-top:-30px;}
:root .index_news_list p a{ float:right; color:#999; font-size:14px; margin-top:0px;}
.index_news_list p a:hover{ color:#090; text-decoration:underline;}
.index_news_list ul li{ display:block; width:100%; height:30px; line-height:30px; overflow:hidden;}
.index_news_list ul li a{ color:#333;display:block; width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.index_news_list ul li a font{ display:inline-block; width:3px; height:3px; overflow:hidden; background:#333; border-radius:100px; margin-right:10px;}
.index_news_list ul li a:hover{ color:#060; text-decoration:underline;}
.index_news_list:last-child{ margin-right:0%;}
.page_tite{ display:block; width:100%; text-align:center; font-size:24px; margin-top:40px;}
.page_tite span{ color:#b7b7b7; font-size:14px; display:block; width:100%; text-align:center;}

.xx_con{ display:block; width:80%; line-height:24px; min-height:600px; font-size:14px; margin:0px auto; padding:50px 0px; overflow:hidden;}
.xx_con1{ display:block; width:80%; line-height:24px; min-height:600px; font-size:14px; margin:0px auto; padding:50px 0px;}
.xx_con1 img{ max-width:100%;}

.news_banner{ display:block; width:100%; height:520px;object-fit:cover;}
.news {
	display:inline-block;
	width:50%;
	background:#fff; margin-left:-2px; vertical-align:top; margin-top:10px;
}

.index_news{ display:block; background:#fafafa; width:100%; padding-bottom:20px; padding-top:20px;float:left;}

.index_news ul {
	display:block;
	width:83%;
	margin:0px auto; margin-left:10%;
}
:root  .index_news ul {
	display:block;
	width:80%;
	margin:0px auto;
}

.index_news ul li {
	display:inline-block;
	width:18%;
	height:345px;float:left;
	margin-right:1.5%; overflow:hidden; vertical-align:top;
}
:root .index_news ul li {
	display:inline-block;
	width:18.4%;
	height:420px;
	margin-right:2%; overflow:hidden; vertical-align:top;float:none;
}
.index_news ul li:last-child {
	margin-right:0px;
}
.index_news ul li img {
	display:block;
	width:100%;
	height:280px;
	object-fit:cover;
}
.index_news ul li div {
	display:block;
	width:100%;
	height:60px;
	font-size:14px;
	color:#404040; margin:0 auto; background:#fff;
}
.index_news ul li div a{ color:#404040; display:block; width:96%; margin:0 auto;height:60px; line-height:60px; overflow:hidden;}
.index_news ul li div a:hover{ color:#090; text-decoration:none;}
.index_news ul li div span:first-child{ background:#060; color:#fff; text-align:center; font-size:14px; display:inline-block; width:60px; height:60px; vertical-align:top;}
.index_news ul li div span:first-child font{ font-size:20px; display:block; width:100%;}

.index_meiti{ display:block; width:100%; padding:20px 10%; background:#fafafa;float:left;height:350px;}
.meiti_box{width:83%;display:block; padding-top:30px; padding-bottom:30px;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:400px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#333;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#eee url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#eee url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#eee url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#eee url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#333;}

.footer_copyright{ display:block; width:100%; border-top:1px #156d05 solid; height:auto; line-height:35px; text-align:center; font-size:12px; color:rgba(255,255,255,0.8); padding:10px 0px;}
.footer_copyright a{ color:#fff;}
.footer{width:100%; border-top:8px #206c11 solid; background:#044202; height:auto; overflow:hidden; display:block;color:#628860;}
.footer_left{display:inline-block; width:16%;  height:auto; margin-left:10%;padding-top:20px;float:left;color:#628860;}
:root .footer_left{display:inline-block; width:16%;  height:auto; margin-left:10%;padding-top:0px;float:none;}

.footer_left h3{ display:block; width:100%; color:#C8D5C7; font-size:16px; font-weight:500; margin-top:0px;}
:root .footer_left h3{ display:block; width:100%; color:#C8D5C7; font-size:16px; font-weight:500; margin-top:20px;}

.footer_left ul {display:block; width:100%;}
.footer_left ul li{ display:block; text-align:left; width:100%; margin-right:80px; vertical-align:top; height:30px; line-height:30px;}
.footer_left ul li a{color:#628860  }
.footer_left ul li a:hover{ color:#628860;text-decoration:underline;}

.footer_con{ display:inline-block; width:40%; vertical-align:top; height:auto; padding-top:20px;float:left;}
:root .footer_con{ display:inline-block; width:40%; vertical-align:top; height:auto; padding-top:0px;float:none;}

.footer_con h3{ display:block; width:100%; color:#C8D5C7;font-size:16px;font-weight:500;margin-top:0px;}
:root .footer_con h3{ display:block; width:100%; color:#C8D5C7;font-size:16px;font-weight:500; margin-top:20px;}

.footer_con span{ display:inline-block; width:auto; margin-right:3%;color:rgba(255,255,255,0.4); height:30px; line-height:30px;}

input::-webkit-input-placeholder {
	color:rgba(255,255,255,0.4);
}
input {
	outline:none;
	background:transparent;
	border:none;
	outline:medium;
}
.search {
	display:block;
	width:40%; margin-left:5%;
	height:35px;
	line-height:35px;
	border:1px solid #688966;
	margin-top:10px; 
}
.sea_left {
	display:inline-block;
	width:80%;
	height:21px;
	line-height:21px;
	font-size:12px;
	font-size:12px;
	margin-top:7px;
	background:none;
	float:left;
	border:none;
	outline:none;
	color:#688966;
	margin-left:2%;float:left;
}
:root .sea_left {
	display:inline-block;
	width:85%;
	height:21px;
	line-height:21px;
	font-size:12px;
	font-size:12px;
	margin-top:7px;
	background:none;
	float:left;
	border:none;
	outline:none;
	color:#688966;
	margin-left:2%;float:none;
}
.sea_right {
	display:inline-block;
	vertical-align:top;
	width:20px;
	height:20px;
	padding:0px 0px;
	border:none;
	margin-top:10px;
}

.footer_right{display:inline-block; width:33.2%; background:#033a00; height:120px; vertical-align:top;float:left;}
:root .footer_right{display:inline-block; width:33.2%; background:#033a00; height:120px; vertical-align:top;float:none;}
.footer_right img{ margin-left:5%; margin-bottom:5px;}
.footer_right h3{ margin-top:20px; margin-left:5%; color:#C8D5C7;display:block; width:100%; font-weight:normal; font-size:16px; margin-bottom:20px;}

.pro_box{display:block; width:80%; padding-top:20px; height:550px; padding-bottom:20px;float:left; margin-left:10%; margin-right:10%;}


.index_pro{ display:block; width:103%;}
.list{ display:inline-block; width:23%; margin-right:2%; margin-left:-3px; height:400px; position:relative; overflow:hidden;float:left;}
:root .list{ display:inline-block; width:22.8%; margin-right:2%; margin-left:-3px; height:400px; position:relative; overflow:hidden;float:none;}

.news_img{ display:block; width:100%; height:400px; background:url(../images/news_bj.png) no-repeat center center; background-size:cover; margin:0 auto; position:relative;}
.news_img img{ display:block; width:100%; height:400px; overflow:hidden;object-fit:cover;margin:0px auto;}
.ovrly{ background: rgba(0,0,0,0.4);
    height:100px;
    left:0%;
    bottom:-10px;
    width:100%;
    position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; color:#fff; z-index:100; color:#fff;}
.ovrly span{ display:block; width:8%; margin-left:46%; height:30px; line-height:30px; font-weight:bold; font-size:22px; text-align:center; background:#093; margin-top:20px;}
.ovrly p{ display:block; width:100%; text-align:center; font-size:22px; margin-top:10px; text-align:center;}

.list:hover .ovrly{bottom:0px;left:0px;background:rgba(0,0,0,0.4);}


.ny_b{ display:block; width:100%; height:500px; margin-top:100px; overflow:hidden; text-align:center; color:#666; font-size:12px; position:relative;}
.ny_b p{ display:block; width:auto; left:12%;position:absolute; top:100px;}
.ny_b p font{ font-size:50px; color:#333;}

.page_pro{ display:block; width:103%; margin-bottom:50px;}
.page_pro li{ display:inline-block; width:23.5%; margin-right:1%; vertical-align:top; height:300px; margin-bottom:15px;float:left;}
.page_pro li img{ width:100%; height:250px;object-fit:cover;}
.page_pro li p{ display:block; width:100%; text-align:center; height:50px; line-height:50px; font-size:14px;}
.page_pro li a{ font-size:14px; display:block; width:100%; height:300px; color:#333;}
.page_pro li a:hover{ color:#fff; background:#060; width:100%; height:300px;  cursor:pointer;}

:root .page_pro li{ display:inline-block; width:24%; margin-right:1%; vertical-align:top; height:390px; margin-bottom:15px;float:none; margin-bottom:10px;}
:root .page_pro li img{ width:100%; height:350px;object-fit:cover; display:block;}
:root .page_pro li p{ display:block; width:100%; text-align:center; height:50px; line-height:50px; font-size:14px; background:fafafa;}
:root .page_pro li a{ font-size:14px; display:block; width:100%; height:390px; color:#333;}
:root .page_pro li a:hover{ color:#fff; background:#060; width:100%; height:390px;  cursor:pointer;}



.news_list{ display:block; width:103%; height:auto; margin-bottom:50px; margin-top:50px;}

.news_list li{ display:inline-block; border-bottom:1px #ddd dotted; padding-bottom:15px; width:48%; margin-right:20px; vertical-align:top; height:auto; margin-bottom:20px; height:180px;float:left;}
:root .news_list li{ display:inline-block; border-bottom:1px #ddd dotted; padding-bottom:15px; width:48%; margin-right:20px; vertical-align:top; height:auto; margin-bottom:20px; height:180px;float:none;}

.news_list li .slt{ display:inline-block;width:270px; height:165px; vertical-align:top; overflow:hidden;float:left;}
:root .news_list li .slt{ display:inline-block;width:270px; height:165px; vertical-align:top; overflow:hidden;float:none;}
.news_list li .slt img{width:100%; height:165px;object-fit:cover; display:block;}
.news_list li .news_R{ display:inline-block; margin-left:20px; width:52%;vertical-align:top;overflow:hidden;float:left;}
:root .news_list li .news_R{ display:inline-block; margin-left:20px; width:60%;vertical-align:top;overflow:hidden;float:none;}

.news_list li .news_R h5{ display:block; width:100%; font-size:16px; font-weight:normal; height:35px; line-height:35px; overflow:hidden;}
.news_list li .news_R span{ color:#bbb; font-size:12px; display:block; width:100%; height:25px; line-height:25px;}
.news_list li .news_R .news_con{ display:block; width:100%; color:#999; font-size:12px; line-height:21px; height:80px; overflow:hidden;}
.news_list li a{ color:#333;}
.news_list li a:hover{ color:#060}

.xx_left{ display:inline-block; width:49.5%; vertical-align:top; padding-left:0%;float:left;}
.xx_right{ display:inline-block; width:49.5%; vertical-align:top;float:left;}
:root .xx_left{ display:inline-block; width:29.5%; vertical-align:top; padding-left:20%;float:none;}
:root .xx_right{ display:inline-block; width:49.5%; vertical-align:top;float:none;}



.focus{width:590px;height:700px;overflow:hidden;position:relative;}
:root .focus{width:625px;height:700px;overflow:hidden;position:relative;}

.focus ul{height:800px;position:absolute;}
.focus ul li{float:left;width:590px;height:700px;overflow:hidden;position:relative;}
:root .focus ul li{float:left;width:625px;height:700px;overflow:hidden;position:relative;}
:root .focus ul li img{ width:100%;}
.focus ul li div{position:absolute;overflow:hidden;}
.focus .btn{position:absolute;width:780px;height:10px;padding:5px 10px;right:0;bottom:5px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:13px;height:13px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;border-radius:50%;}
.focus .btn span.on{background:yellow;}


.pinpai{ display:block; width:100%; height:auto; font-size:28px; text-align:center; margin:20px auto;}
.pinpai span{ display:block; width:100%; text-align:center; color:#ccc; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.pnews_tite{ display:block; width:100%; height:auto; line-height:35px; font-size:24px; text-align:center; font-weight:normal;}
.pnews_tite p{ display:block; width:100%; font-size:14px; color:#666;}

.page_btn{ display:block; margin-top:40px;}
.page_btn a{ display:inline-block; width:49%; font-size:14px; color:#666; height:40px; line-height:40px; text-align:center}
.page_btn a:hover{ color:#26a027;}
.page_btn a span{ display:inline-block; margin-right:20px;}

.page3{ display:block; width:100%; margin-bottom:40px;text-align:center;}
.page3 li{ display:inline-block; width:30px; line-height:30px; text-align:center; border:1px #ccc solid; margin-right:10px;}
.page3 li a{ display:block; width:100%; height:30px; line-height:30px;background:none;}
.page3 li a:hover{ background:#060; color:#fff;}

.more{ display:block; width:120px; height:40px; text-align:center; margin:0 auto; margin-bottom:20px; line-height:40px; background:#060; color:#fff;}
.more:hover{ background:#CCC; color:#060;}


.message{ display:block; width:90%;height:auto; padding:0% 2% 2% 0%; margin-left:0%; margin-top:30px;}
.lyb_list{ display:block; width:100%; margin-bottom:10px;}
.lyb_list p{ display:block; width:100%; margin:0px;}
.lyb_list p input{ background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
.lyb_list p input::placeholder{
color:#b7b7b7;
}

.lyb_list p textarea{border:1px #d0d0d0 solid; background:#fff; vertical-align:top;color:#b7b7b7;outline:none; display:block; margin-bottom:20px; width:97%; padding-left:3%; font-size:13px;}
.lyb_list p textarea::placeholder{
color:#b7b7b7;
}


.lyb_list:last-child{ height:auto;}
:root .lyb_list div { background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
:root .lyb_list div input{ width:73%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .lyb_list div input::placeholder{
color:#b7b7b7;
}

.submit{width:60%;float:right; width:100px; height:40px; line-height:40px; color:#fff; background:#783f04; margin-top:20px; border:none;border-radius:5px;}

/*招聘*/
 .zhaopin_one{ display:block; width:100%; margin-top:20px; margin-bottom:20px;}
	.one_left{ display:inline-block; width:30%; text-align:right; vertical-align:top; height:500px;float:left; position:relative;}
	.zhaopin_video{width:510px;height:310px;top:60px; position:absolute; right:-100px; top:60px;}

	.one_right{ display:inline-block; width:69.8%; vertical-align:top; background:#f5f5f5; height:auto;}
	.one_right font{ display:block; width:85px; height:60px; background:#107c00;}
	.one_right .right_name{ display:block; width:60%; margin-left:120px; font-size:24px; color:#012c00;}
	.one_right .right_name span{ display:block; width:60px; height:3px; background:#012c00; overflow:hidden; margin-top:10px; margin-bottom:10px;}
	.one_right .right_name font{ display:block; width:60%; color:#107c00; font-size:14px; background:none; height:auto; margin-bottom:20px;}
	.one_right .sanhe_hr{ display:block; width:75%; font-size:14px; line-height:2em; color:#333333; margin-left:120px;}
	.one_right .sanhe_hr span{ display:block; width:100%; margin-bottom:10px; text-indent:2em;}
	
	.zhaopin_two{ display:block; width:100%; height:680px; padding-top:20px;}
	.two_tite{float:left;width:100%; text-align:center;font-size:24px; color:#012c00; margin-bottom:20px;}
	.two_tite span{ display:block; width:60px; height:3px; background:#012c00; overflow:hidden; margin:0 auto; margin-top:10px; margin-bottom:10px;}
	.two_tite font{ display:block; width:100%; text-align:center;color:#107c00; font-size:14px; background:none;}
   .list_name{ display:block; width:100%; height:60px;  background:url(../images/list_name.png) repeat-x left bottom #bcbcbc; text-align:center; line-height:60px; font-size:20px; color:#fff;}
	.list_con{ display:block; width:96%; margin:2%; font-size:14px; line-height:1.5em;}
	.zhaopin_lc{ display:block; width:100%; height:auto; padding-top:20px;}
	
	
	.zhaopin_banner{ display:block; width:100%; height:485px; background:url(../images/zhaopin_bj.jpg) no-repeat center center; background-size:cover; text-align:center;}
	.zhaopin_banner img{display:block; margin:0 auto; margin-top:34px; margin-bottom:34px; }
	
	.lc_list{ display:block; width:940px; height:200px; margin:0 auto; margin-top:50px; font-size:16px;}
	.lc_list li{float:left; width:auto; height:141px; margin-right:15px;}
	.lc_list li:last-child{ width:120px;}
	
	.lc_list li div{ float:left; width:120px; height:141px; background:url(../images/lc_bj.png) no-repeat center center; text-align:center;font-size:16px;} 
	.lc_list li div:hover{ background:url(../images/lc_hover.png) no-repeat center center; color:#fff; cursor:pointer;}
	.lc_list li p{ font-size:33px; margin-top:30px;}
	.lc_list span{float:left; width:50px; height:1px; background:#ccc; overflow:hidden; margin:70px 0px 70px 15px;}
	
	.last_left{ display:block; width:80%; background:#f5f5f5; height:300px;}
	:root .last_left{ display:block; width:70%; background:#f5f5f5; height:300px;}
    .last_tite{ display:inline-block; background:#206c11;float:left; height:240px; width:220px; color:#fff; font-size:24px; margin-left:20%; padding-left:30px; padding-top:55px;}
	:root .last_tite{ display:inline-block; background:#206c11;float:left; height:240px; width:220px; color:#fff; font-size:24px; margin-left:30%; padding-left:30px; padding-top:55px;}
	
    .last_tite span{ display:block; width:50px; height:5px; line-height:2em; background:#fff; overflow:hidden; margin-bottom:10px;}
	 .last_tite font{ font-size:14px; display:block; line-height:3em;}   
	 
	.last_con{ display:inline-block;float:left; width:40%; margin-left:5%; margin-top:20px; line-height:2em; font-size:14px; vertical-align:top;}
	
		/* Carousel */
	.carousel-example {
		padding: 20px 0 50px 0;  margin:0 auto; width:80%;
	}
   :root .carousel-example{ width:auto;}	
	#complicated-content-carousel .carousel-control {
		position: absolute;
		top:240px;
		right:-35px;
		left: auto;
		bottom: auto;
		width:24px; height:41px;
		font-size: 25px;
		color: #3c3c3c !important;
		opacity: 1;
	}
	
	#complicated-content-carousel .carousel-control.left,
	#complicated-content-carousel .carousel-control.right {
		background:url(../images/right_btn.jpg) no-repeat;
	}
	
	#complicated-content-carousel .carousel-control.left {
		left:-35px; top:240px;background:url(../images/left_btn.jpg) no-repeat;
	}
	
	#complicated-content-carousel .index {
		position: absolute;
		top: -70px;
		right: 0;
		font-size: 16px;
		color: #3c3c3c;
	}
	
	#complicated-content-carousel .flex-item {
		position: relative;
		display: inline-block;
		width:100%;
		height:500px;
		padding:0px;
		background-color: #fff;
		border:1px solid #cccccc;
	}
	
	#complicated-content-carousel .flex-item:hover,
	#complicated-content-carousel .flex-item:focus {
		border:1px solid #107c00; cursor:pointer;
		
	}
	
	#complicated-content-carousel .flex-item:hover .list_name{  background:url(../images/list_name_hover.png) repeat-x left bottom #107c00; }
	
	.good-top {
		height: 21px;
	}
	
	
	.carousel-control {
		width: 50px;
		height: 50px;
		top: 50%;
		transform: translateY(-50%);
		bottom: auto;
		font-size: 30px;
		text-align: center;
		opacity: 1;
	}
	
	a.carousel-control.left,
	a.carousel-control.right {
		background-image: none;
		opacity: 1;
		text-align: center;
	}
	
.slide_module{ display:block; margin-left:16%; width:auto; height:400px;position: relative; }
:root .slide_module{ display:block; margin-left:21%; width:auto; height:400px;position: relative; }
	
 .wrap{width:60%;overflow: hidden; height:300px;position: relative; left:46px;}
  :root .wrap{width:60%;overflow: hidden; height:300px;position: relative; left:-205px;}
        .wrap img{width: 100%;}
      .wrap ul li{width:24.9%; margin-left:-2px;height:150px;display:inline-block;float:left;}
	  .wrap ul li img{ display:block; width:100%; height:150px;object-fit:cover;}
      .wrap ul{position: absolute;top: 0;left: 0; display:block; width:100%;}
	  #up{ display:block; width:46px; height:46px; background:url(../images/ganyan_up.jpg) no-repeat center center; margin-top:-90px;}
	  #up:hover{ display:block; width:46px; height:46px; background:url(../images/ganyan_up_hover.jpg) no-repeat center center; cursor:pointer;}
	   #down{ display:block; width:46px; height:46px; background:url(../images/ganyan_down.jpg) no-repeat center center;margin-top:-300px;}
	   #down:hover{ display:block; width:46px; height:46px; background:url(../images/ganyan_down_hover.jpg) no-repeat center center;cursor:pointer;}
.zhaopin_nr {
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}

.carousel {
	position:relative
}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display:block;
	max-width:100%;
	height:auto
}
.carousel-inner {
	position:relative;
	width:100%;
	overflow:hidden
}
.carousel-inner>.item {
	position:relative;
	display:none;
-webkit-transition:.6s ease-in-out left;
-o-transition:.6s ease-in-out left;
transition:.6s ease-in-out left
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	line-height:1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition:-webkit-transform .6s ease-in-out;
-o-transition:-o-transform .6s ease-in-out;
transition:transform .6s ease-in-out;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-perspective:1000;
perspective:1000
}
.carousel-inner>.item.next, .carousel-inner>.item.active.right {
left:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
.carousel-inner>.item.prev, .carousel-inner>.item.active.left {
left:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
.carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display:block
}
.carousel-inner>.active {
	left:0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position:absolute;
	top:0;
	width:100%
}
.carousel-inner>.next {
	left:100%
}
.carousel-inner>.prev {
	left:-100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left:0
}
.carousel-inner>.active.left {
	left:-100%
}
.carousel-inner>.active.right {
	left:100%
}
.carousel-control {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:15%;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-shadow:0 1px 2px rgba(0, 0, 0, .6);
	filter:alpha(opacity=50);
	opacity:.5
}
.carousel-control.left {
}
.carousel-control.right {
	right:0;
	left:auto;
}
.carousel-control:hover, .carousel-control:focus {
	color:#fff;
	text-decoration:none;
	filter:alpha(opacity=90);
	outline:0;
	opacity:.9
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	position:absolute;
	top:50%;
	z-index:5;
	display:inline-block
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left:50%;
	margin-left:-10px
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right:50%;
	margin-right:-10px
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width:20px;
	height:20px;
	margin-top:-10px;
	font-family:serif
}
.carousel-control .icon-prev:before {
	content:'\2039'
}
.carousel-control .icon-next:before {
	content:'\203a'
}
.row {
	margin-right:-15px;
	margin-left:-15px
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
	display:table;
	content:" "
}
.col-xs-4{ width:28%; display:inline-block; vertical-align:top; margin-right:1%;}

:root .col-xs-4{ width:33.3%; display:inline-block; vertical-align:top; margin-right:2%;}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position:static;
	width:auto;
	height:auto;
	margin:0;
	overflow:visible;
	clip:auto
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float:left
}
.col-xs-3 {
	width:22%
}
:root .col-xs-3{ width:22.5%;}



@media screen and (max-width:1920px){
	.list{width:24%; height:300px; margin-right:1%;}
	.ovrly{ bottom:0px;}
	.news_img,.news_img img{ height:400px;}
	.pinpai{display:block; width:100%; height:auto; padding:30px 3%; font-size:22px; margin:0px;}
    .footer_right{display:inline-block; width:33%; background:#033a00; height:120px; vertical-align:top; }
    .news_list li .news_R{ display:inline-block; margin-left:20px; width:55%;vertical-align:top;}
    .news_list li .news_R h5{ margin-top:0px;}
	.about_right span{ width:90%; height:auto; overflow:hidden; top:425px;}
	.about_right span div{ display:block; width:100%; height:auto; overflow:hidden;}

	.about_con{ height:385px; font-size:14px; width:100%; overflow:hidden;}
	.about_list{ margin-left:-2px;}
	:root .news_list li .news_R{ display:inline-block; margin-left:20px; width:55%;vertical-align:top;overflow:hidden;float:none;}
:root .xx_left{ width:49.5%; padding-left:0%; margin-left:0%;}
:root .lyb_list div { background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
:root .lyb_list div input{ width:78%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .lyb_list div input::placeholder{
color:#b7b7b7;
}

.one_right{ display:inline-block; width:69.7%; vertical-align:top; background:#f5f5f5; height:500px;}
.col-xs-4{ width:30%; }
.last_left{ width:90.5%; margin-left:0%; height:260px;}
.last_tite{ margin-left:20%;}
.slide_module{ margin-left:18%; width:auto;}
.wrap{ width:84.8%;}
.last_tite{ height:160px;}	
.col-xs-3{ width:22.5%;}
	}
@media screen and (max-width:1800px){
	col-xs-3{ width:21%;}
	:root. col-xs-3{ width:21%;}
	
	
	}
@media screen and (max-width:1680px){
	:root .lyb_list div input{ width:75%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .about_right span{ width:60%}
.zhaopin_nr{ width:80%;}
:root .news_list li .news_R{ width:50%;}
.col-xs-3{ width:20.5%; margin-right:0%;}
:root .col-xs-3{ width:22.5%;}
:root .news_list li .news_R{ width:50%;}
.last_tite{ height:160px;}		
	}


@media screen and (max-width:1600px){
.news_list li .news_R{ display:inline-block; margin-left:20px; width:50%;vertical-align:top;}
:root .news_list li .news_R{ width:50%;}
.about_right span{ width:90%; padding:20px;}
:root .news_list li .news_R{ display:inline-block; margin-left:20px; width:50%;vertical-align:top;overflow:hidden;float:none;}
:root .xx_left{ width:49.5%; padding-left:0%; margin-left:0%;}
:root .lyb_list div { background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
:root .lyb_list div input{ width:74%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .lyb_list div input::placeholder{
color:#b7b7b7;
}
.zhaopin_nr{ width:80%;}	
.last_tite{ height:160px;}	
	}
@media screen and (max-width:1440px){
	.list{width:24%; height:300px; margin-right:1%;}
	.news_img,.news_img img{ height:300px;}
	.ovrly{ bottom:0px;}
	.news ul li{ width:31.5%;}
	.news_list li .slt{ display:inline-block;width:240px; height:165px; vertical-align:top;}
	:root .news_list li .slt{ display:inline-block;width:240px; height:165px; vertical-align:top;}
    .news_list li .slt img{width:100%; height:165px;object-fit:cover; display:block;}
	.news_list li .news_R{width:44%;}
	.footer_left ul img{ margin-right:20px;}
	.footer_left ul li{margin-right:20px;}
	.index_news ul{ margin-bottom:20px;}
	.index_news ul li{ height:260px;}
	
	.about_list{ margin-left:0px; width:24.5%; font-size:12px;}
	.about_list p{ font-size:35px;}
		:root .news_list li .news_R{ display:inline-block; margin-left:15px; width:50%;vertical-align:top;overflow:hidden;float:none;}
			:root .xx_left{ width:49.5%; padding-left:0%; margin-left:0%;}
:root .lyb_list div { background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
:root .lyb_list div input{ width:70%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .lyb_list div input::placeholder{
color:#b7b7b7;
}	
	.one_right .sanhe_hr{ line-height:1.5em;}
	.wrap{ width:85.6%;}	
	.last_tite{ margin-left:10%;}
	.last_con{ width:60%;}
	.slide_module{ margin-left:9%;}
	.one_right .sanhe_hr{ width:80%;}
	.zhaopin_nr{ width:80%;}.lc_list{ width:80%;}
	.col-xs-4{ width:28.5%;}
	.last_tite{ height:160px;}	
	.col-xs-4{ width:28%;}
	:root .col-xs-4{ width:28%}	
	.last_left{ width:80%;}
	:root .last_left{ width:80%;}
	.last_tite{margin-left:10%;}
	:root .last_tite{ margin-left:10%;}
	.slide_module{ margin-left:8%;}
	:root .slide_module{ margin-left:8%;}
	.wrap{ width:73%;}
	:root .wrap{ width:76%;}
	}
	@media screen and (max-width:1360px){
	.news_list li .slt{ display:inline-block;width:240px; height:165px; vertical-align:top;}
.news_list li .slt img{width:100%; height:165px;object-fit:cover; display:block;}

	.news_list li .news_R{width:75%;}

	.footer_left ul img{ margin-right:40px;}
	.footer_left ul li{margin-right:20px;}
	.news_list li{ width:100%;}
		.footer_right{ width:32%;}
		.sea_left{ width:80%;}
		:root .xx_left{ width:49.5%; padding-left:0%; margin-left:0%;}
:root .lyb_list div { background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
:root .lyb_list div input{ width:70%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .lyb_list div input::placeholder{
color:#b7b7b7;
}
:root .about_right span{ width:60%}
.about_right span font{ font-size:14px;}
	.lc_list{ width:80%;}	
	.last_tite{ height:160px;}	
	}
	
@media screen and (max-width:1280px){
		:root .news_list li .slt{ display:inline-block;width:220px; height:165px; vertical-align:top;}
		:root .page_pro li img{ height:260px;}
		:root .xx_left{ width:49.5%; padding-left:0%; margin-left:0%;}
:root .lyb_list div { background:#fff; border:1px #d0d0d0 solid; height:35px; width:97%; padding-left:3%;vertical-align:top; line-height:35px; color:#b7b7b7;outline:none; font-size:13px; margin-bottom:20px;border-radius:1px; display:block;}
:root .lyb_list div input{ width:67%; height:30px; line-height:30px;float:left; margin-top:1px;}
:root .lyb_list div input::placeholder{
color:#b7b7b7;
}
:root .about_right span{ width:60%;}
.last_left{ width:90.5%;}
.video{width:350px;height:250px; margin-right:-100px; margin-top:60px;}
.col-xs-4{ width:28%;}

.last_tite{ height:160px;}
.one_right{ height:600px;}
:root .one_right{ height:600px;}

.col-xs-4{ width:28%;float:left;}
:root .col-xs-4{ margin-right:1%;}
	}
	@media (min-width:1200px) {
.zhaopin_nr {
width:80%; 
}
}
	
@media (min-width:768px) {
.zhaopin_nr {
width:750px
}
}
@media (min-width:992px) {
.zhaopin_nr {
width:80%;
}
}
	
	
@media screen and (max-width:600px){
	body{ overflow-x:hidden; width:100%;}
	.m_nav{ display:block;}
.index_about{ width:96%; padding-left:2%; padding-right:2%; padding-top:40px;}
:root .index_about{ width:96%; padding-left:2%; padding-right:2%; padding-top:40px;}
.about_left{ display:block; width:100%;}

:root .about_left{ display:block; width:100%;}

:root .about_right{ display:none;}
:root .about_right img{ width:100%; height:500px;object-fit:cover; }
:root .about_right span{ width:60%; top:200px;}
.about_right span div{ width:100%}
.about_con{ margin-top:15px; height:220px;}

.index_meiti{ padding-left:2%; padding-right:2%; width:96%; height:auto;}

.meiti_box { width:100%;}

:root .index_news_list{ display:block; width:100%; height:190px; overflow:hidden; margin-bottom:20px;}

.index_news,.pro_box{ display:none;}

	.banner{ top:60px;}
	.banner .pagination{ bottom:-20px;}
	.video{ display:block; width:100%; height:auto; margin-top:60px;}
	.video_left{ display:block; width:96%; height:300px; margin:10px auto;}
	.video_left div{ height:260px;}
	.video_left h2{ margin-top:10px; font-size:24px;}
	.pinpai{ display:block; width:100%; height:auto; text-align:center;margin-top:0px;padding-bottom: 10px; padding-left:0px; padding-right:0px;}
	.index_pro{ width:100%;}
	:root .list{ width:100%; display:block; margin-left:0%;margin-right:0%; left:0%; height:auto; margin-bottom:15px;}
	.pinpai span{display:block; width:60px; height:1px; overflow:hidden; background:#333; margin:10px auto;}
.list{ display:block; width:96%; left:2%; height:300px; position:relative; overflow:hidden; margin-top:15px;}
.yb_conct{ display:none;}
.ovrly{ bottom:0px;}
.list:hover .ovrly{ bottom:0px;}
.footer_right{ display:block; width:100%; text-align:center; margin-left:0px; margin-top:0px;}
.footer_right h3{ margin-left:0px; margin-top:10px;}
.footer_copyright{ line-height:21px; width:90%; margin:0 auto;}

:root .footer_left{ display:block; width:96%; margin-left:4%;}
:root .footer_con{ display:block; width:96%; margin-left:4%;}
:root .footer_right{ display:block; width:100%; padding-top:10px; height:120px;}
:root .index_news ul{ display:block; width:96%; margin-left:2%; margin-bottom:30px;}
:root .index_news ul li{ display:inline-block; width:48%; height:240px;}
.search{ display:block; width:96%; margin-left:2%;}
.index_news ul li img{ height:200px; }

.ny_b{ display:block; width:100%; height:200px; margin-top:60px; }

.page_pro{ display:block; width:103%; margin-bottom:50px;}
.page_pro li{ display:inline-block; width:48.5%; margin-right:1%; vertical-align:top; height:300px;}
:root .page_pro li{ display:inline-block; width:48.5%; margin-right:1%; vertical-align:top; height:300px;}
:root .page_pro li a{ height:300px;}
:root .page_pro li a:hover{ height:300px;}

.page_pro li img{ width:100%; height:260px;object-fit:cover; display:block;}
.page_pro li p{ display:block; width:100%; text-align:center; height:35px; line-height:35px; font-size:14px;}
.page_pro li a{ font-size:14px; display:block; width:100%; height:300px; color:#333;}
.page_pro li a:hover{ color:#fff; background:#060; width:100%; height:300px;  cursor:pointer;}
.xx_con{ width:96%;}
.xx_con1{ width:96%; min-height:400px;}
.news_list{ display:block; width:100%; height:auto; margin-bottom:50px; margin-top:10px;}
.news_list li{ display:block; border-bottom:1px #ddd dotted; padding-bottom:10px; width:100%; height:auto; margin-bottom:20px;}
.news_list li .slt{ display:inline-block;width:25%; height:120px; vertical-align:top;}
.news_list li .slt img{width:100%; height:100%;object-fit:cover; display:block;}
.news_list li .news_R{ display:inline-block; margin-left:20px; width:50%;vertical-align:top;}
.news_list li .news_R h5{ display:block; width:100%; font-size:16px; margin-top:0px; font-weight:normal; height:30px; line-height:30px;}
.news_list li .news_R span{ color:#bbb; font-size:12px;}
.news_list li .news_R .news_con{ display:block; width:100%; color:#999; font-size:12px;}
.news_list li a{ color:#333;}
:root .news_list li{ display:block; width:100%; height:auto;}
:root .news_list li .slt{ display:inline-block; width:35%; height:140px;}
:root .news_list li .news_R{ width:60%; margin-left:2%;}
.xx_left{ display:block; width:100%; vertical-align:top;}
.xx_right{ display:block; width:100%; vertical-align:top;}
:root .xx_left{ display:block; width:100%;}
:root .xx_right{ display:none}
.message{ display:block; width:96%; padding:0%;}
:root .lyb_list div input{ width:52%;}
.page_menu{ display:block; width:100%; margin:0px auto; text-align:center; font-size:14px; background:#F2F2F2;}
.page_menu a{ display:inline-block; color:#333; padding:10px 20px;}
.page_menu a:hover{ background:#090; color:#fff;}
#hover{ display:inline-block; width:auto; padding:10px 20px;; background:#060; color:#fff;}

.news_banner{ display:none;}
.video, .news{ display:block; width:100%; margin-top:5px;}
.news ul li{ height:380px;}
.news ul li img{ height:280px;}

.footer_left,.footer_sea{ display:block; width:100%; margin-left:2%;}
.footer_left ul li{ display:inline-block; width:auto; margin-right:10px;}
.ny_b p{ left:5%; top:80px; text-align:left;}
.ny_b p font{ font-size:20px;}
.one_left{ display:block; width:96%; margin-left:2%; margin-right:2%; text-align:center; height:auto; margin-bottom:10px; position:static;}
.one_right{ display:block; width:100%; height:auto; padding-bottom:15px; margin-top:300px;}
:root .one_right{ display:block; width:100%; height:auto; padding-bottom:15px; margin-top:300px;}

.zhaopin_video{ height:200px; margin:0 auto; width:300px; position:static; margin-top:-280px;}
.one_right .right_name{ width:90%; margin-left:5%; margin-top:30px;}
.one_right .sanhe_hr{ margin-left:5%; width:90%;}
.col-xs-12{ display:inline-block; width:90%; margin:0 auto;}
.zhaopin_banner{ height:300px;}
.zhaopin_banner img{ height:200px; width:auto; padding-top:50px;}
.lc_list{ height:450px; text-align:center; width:100%; margin-bottom:30px;}
.lc_list li{ display:inline-block; float:none; margin-right:5px;}
.lc_list li span{ display:none;}
.last_left { width:100%;}
.slide_module{ display:none;}
.last_left{ height:auto; margin-bottom:30px; padding-bottom:30px;}
.last_tite{ height:auto;}
.last_con{ width:80%; display:block; margin:0 auto; margin-top:30px; margin-left:10%;}
:root .slide_module{ display:none;}
:root .last_left { width:100%; height:120px;}
:root .last_tite{ height:100px; margin-left:10%;}
.page_btn a{ display:block; width:100%; text-align:left;}
.xx_con1 img{ max-width:80%;}
	}
	
	@media only screen and (max-width: 350px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
	
	/* styles for medium size displays */
	@media only screen and (min-width: 992px) and (max-width: 1199px) {
		#complicated-content-carousel .flex-item {
			width: 300px;
		}
	}
	
	@media \0screen{
.one_left{ float:left; width:30%; display:inline-block; text-align:right; vertical-align:top; height:500px;}
.one_right{ float:right;background:#f5f5f5; height:500px; display:inline-block; width:66%;}
.lc_list{ text-align:inherit;}
.lc_list li{ float:left; text-align:center;}	
.carousel-example{ width:80%; background:#0C9}	
	.col-xs-3 {
	width:10%
}
	}