﻿@charset "utf-8";

/*//自定义浏览器滚动条*/

body::-webkit-scrollbar,
.layers-table-list::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

body::-webkit-scrollbar-track,
.layers-table-list::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

body::-webkit-scrollbar-thumb,
.layers-table-list::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

::-webkit-scrollbar-track-piece {
	width: 8px;
	background-color: #f8f8f8;
}

::-webkit-scrollbar {
	width: 8px;
	background-color: #2882e8;
}

::-webkit-scrollbar-thumb {
	width: 8px;
	background-color: #aeaeae;
}

 ::-webkit-scrollbar-thumb:hover {
	width: 8px;
	background-color: #2882e8;
}

body,
html {
	min-width: 1300px;
}

* {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #333333;
	list-style: none;
}

ul,
p,
h1,
h2,
h3 {
	padding: 0px;
	margin: 0px;
}

a,
a:hover,
a:focus {
	text-decoration: none;
}

img {
	max-width: 100%;
}


/*网页文字选中效果*/

::selection {
	background: #06903b;
	color: #FFFFFF;
}

::-moz-selection {
	background: #06903b;
	color: #FFFFFF;
}

::-webkit-selection {
	background: #06903b;
	color: #FFFFFF;
}

.w1300 {
	width: 67.71%;
	min-width: 1300px;
	margin: 0 auto;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.w1500 {
	width: 78.125%;
	min-width: 1300px;
	margin: 0 auto;
}

.h500 {
	min-height: 600px;
}

.i_more {
	display: block;
	width: 100px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: #999999;
	font-size: 16px;
	transition: all 0.2s ease-in-out;
	position: relative;
	text-transform: uppercase;
}

.i_more::before {
	position: absolute;
	content: "";
	width: 18px;
	height: 1px;
	background: #999999;
	top: 50%;
	margin-top: -0.5px;
	right: 0px;
	transition: all 0.1s ease-in-out;
}

.i_more:hover {
	color: #FFFFFF;
	background: url(../img/index/03.png) no-repeat center;
}

.i_more:hover::before {
	display: none;
}


/*头部*/

header {
	width: 100%;
	height: 110px;
	line-height: 110px;
	background: url(../img/nav/01.jpg) no-repeat center;
	background-size: 100% 100%;
	overflow: hidden;
}

header .head .logo {
	float: left;
}

header .head .nav {
	float: right;
}

header .head .nav ul li {
	float: left;
	height: 100%;
	width: 110px;
	text-align: center;
	position: relative;
	transition: all 0.4s ease-in-out;
}

header .head .nav ul li:not(:first-child)::before {
	position: absolute;
	content: "";
	width: 1px;
	height: 16px;
	left: -1px;
	top: 50%;
	margin-top: -8px;
	background: #e6e6e6;
}

header .head .nav ul li:not(:last-child)::after {
	position: absolute;
	content: "";
	width: 1px;
	height: 16px;
	right: -1px;
	top: 50%;
	margin-top: -8px;
	background: #e6e6e6;
}

header .head .nav ul li a {
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 15px;
	position: relative;
}

header .head .nav ul li a::before {
	position: absolute;
	display: none;
	content: "";
	width: 12px;
	height: 13px;
	left: 50%;
	top: 20%;
	margin-left: -6px;
	background: url(../img/nav/01.png) no-repeat center;
}

header .head .nav ul li:hover,
header .head .nav ul li.active {
	background: #06903b;
	/*background-position-y: 30px;*/
}

header .head .nav ul li:hover a,
header .head .nav ul li.active a {
	color: #c6db62;
}

header .head .nav ul li:hover a::before,
header .head .nav ul li.active a::before {
	display: block;
}


/*end*/


/*底部*/

footer {
	width: 100%;
	padding: 25px 0px;
	background: #f7f7f7;
	border-top: 1px solid #dbdbdb;
}

footer .foot {
	position: relative;
}

footer .foot .f_left {
	width: 57.33%;
	float: left;
}

footer .foot .f_left .f_nav ul li {
	float: left;
	margin-right: 27.5px;
}

footer .foot .f_left .f_nav ul li:last-child {
	margin-right: 0px;
}

footer .foot .f_left .f_nav ul li a {
	color: #666666;
	font-size: 15px;
}

footer .foot .f_left .f_nav ul li a:hover {
	color: #06903b;
}

footer .foot .f_left .f_addr {
	margin-top: 50px;
}

footer .foot .f_left .f_addr .logo {
	float: left;
}

footer .foot .f_left .f_addr .f_info {
	float: left;
	margin-left: 70px;
}

footer .foot .f_left .f_addr .f_info p {
	color: #666666;
	font-size: 14px;
	margin-bottom: 15px;
}

footer .foot .f_left .f_addr .f_info p span {
	color: #06903b;
	font-size: 18px;
	font-weight: bold;
}

footer .foot .f_left .f_addr .f_info p font {
	color: #06903b;
	font-size: 14px;
}

footer .foot .f_right {
	width: 40.33%;
	float: right;
}

footer .foot .f_right .f_cio {
	text-align: right;
}

footer .foot .f_right .f_cio a {
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 25px;
	margin-left: 17.5px;
	position: relative;
}

footer .foot .f_right .f_cio a div {
	width: 90px;
	height: 90px;
	padding: 6px;
	background: #EEEEEE;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: -100px;
	display: none;
}

footer .foot .f_right .f_cio a:nth-child(1) {
	background: url(../img/footer/wx.png) no-repeat center;
}

footer .foot .f_right .f_cio a:nth-child(2) {
	background: url(../img/footer/qq.png) no-repeat center;
}

footer .foot .f_right .f_cio a:nth-child(1):hover div {
	display: block;
}

footer .foot .f_right .f_code {
	text-align: right;
	margin-top: 45px;
}

footer .foot .f_right .f_code>div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 65px;
}

footer .foot .f_right .f_code>div:last-child {
	margin-right: 0px;
}

footer .foot .f_right .f_code>div p {
	margin-top: 10px;
	color: #666666;
	font-size: 14px;
}
footer .foot .f_right .f_code>div img{
	width:84px;
	height:84px;
}

footer .foot .copyright {
	float: left;
	width: 100%;
	padding-top: 23px;
	border-top: 1px solid #e6e6e6;
	margin-top: 50px;
}

footer .foot .copyright p {
	float: left;
	font-size: 14px;
	color: #666666;
}

footer .foot .copyright a {
	float: right;
	font-size: 14px;
	color: #666666;
}

#back_top {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../img/footer/back.png) no-repeat center;
	position: fixed;
	top: 60%;
	right: 0px;
	margin-top: 190px;
	z-index: 5;
}


/*页面布局*/

.pub_box {
	margin-top: 90px;
	min-height: 500px;
	margin-bottom: 80px;
}

.pub_box .left_nav {
	float: left;
	width: 250px;
	background: rgba(255, 255, 255, 0.5);
	z-index: 5;
}

.pub_box .left_nav>ul>li {
	margin-bottom: 25px;
	line-height: 40px;
}

.pub_box .left_nav>ul>li>font {
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 10px;
	border: 1px solid #06903b;
}

.pub_box .left_nav>ul>li>a {
	color: #000000;
	float: left;
	font-size: 18px;
	position: relative;
}

.pub_box .left_nav>ul>li:hover>a::before,
.pub_box .left_nav>ul>li.active>a::before {
	position: absolute;
	content: "";
	width: 6px;
	height: 11px;
	background: url(../img/ico/01.png) no-repeat center;
	right: -25px;
	top: 50%;
	margin-top: -5.5px;
}

.pub_box .left_nav>ul>li ul {
	width: 100%;
	float: left;
	padding-left: 50px;
}

.pub_box .left_nav>ul>li ul li:first-child {
	margin-top: 10px;
}

.pub_box .left_nav>ul>li ul li {
	line-height: 1;
	margin-bottom: 20px;
}

.pub_box .left_nav>ul>li ul li a {
	color: #666666;
	font-size: 16px;
}

.pub_box .left_nav>ul>li:hover>a,
.pub_box .left_nav>ul>li.active>a,
.pub_box .left_nav>ul>li ul li:hover a,
.pub_box .left_nav>ul>li ul li.active a {
	color: #06903b;
}

.pub_box .con_body {
	float: right;
}

.puc_head {
	border-left: 3px solid #06903b;
	padding-left: 10px;
}

.puc_head h1 {
	color: #000000;
	font-size: 24px;
}

.puc_head span {
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
}


/*分页*/

.page {
	margin-top: 50px;
	text-align: center;
}

.page a:first-child,
.page a:last-child {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	margin: 0px 10px;
	color: #666666;
	font-size: 14px;
}

    .page a:not(:first-of-type):not(:last-of-type) {
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        color: #666666;
        font-size: 14px;
        border-radius: 50%;
        margin: 0 5px;
    }

.page a:not(:first-of-type):not(:last-of-type).active,
.page a:not(:first-of-type):not(:last-of-type):hover {
	color: #FFFFFF;
	background: #06903b;
}

.page a:first-child:hover,
.page a:last-child:hover {
	color: #06903b;
}


/**/

.back_list {
	margin-top: 50px;
	width: 100%;
	border-top: 1px solid #e6e6e6;
	padding-top: 33px;
	position: relative;
}

.back_list p {
	margin-bottom: 10px;
}

.back_list p a {
	color: #666666;
	font-size: 14px;
}

.back_list p:hover a {
	color: #06903b;
}

.bs {
	position: absolute;
	width: 130px;
	height: 30px;
	right: 0px;
	top: 33px;
	text-align: center;
	line-height: 30px;
}

.bs a {
	float: left;
	width: 100px;
	height: 30px;
	display: block;
	border: 1px solid #e5e5e5;
	border-right: none;
	color: #999999;
	font-size: 14px;
	transition: all 0.4s ease-in-out;
}

.bs font {
	display: block;
	width: 30px;
	height: 30px;
	float: right;
	background: #06903b url(../img/news/04.png) no-repeat center;
	transition: all 0.4s ease-in-out;
}

.bs:hover a {
	background: #06903b;
	border-color: #06903b;
	color: #FFFFFF;
}

.bs:hover font {
	background: url(../img/news/04_.png) no-repeat center;
}


/**/

.context p {
	font-family: "微软雅黑";
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
	line-height: 27px;
}

.context img {
	width: auto !important;
	height: auto !important;
}

.context table {
	width: auto !important;
	height: auto !important;
}


/**/

.public_left {
	position: fixed;
	top: 60%;
	right: 0px;
	z-index: 30;
	width: 180px;
	/*height: 175px;*/
	background: #FFFFFF;
	box-shadow: 0px 0px 10px #EEEEEE;
}

.public_left_open {
	position: fixed;
	top: 60%;
	right: -70px;
	cursor: pointer;
	z-index: 30;
}

.public_left>img {
	position: absolute;
	left: -50px;
	top: -40px;
	z-index: -1;
}

.public_left div {
	padding-left: 20px;
}

.public_left div:nth-child(1) {
	width: 100%;
	height: 54px;
	line-height: 54px;
	background: rgba(6, 144, 59, 0.8);
	position: relative;
}

.public_left div:nth-child(1) p {
	color: #ffffff;
	font-size: 14px;
}

.public_left div:nth-child(1) a {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	margin-top: -10px;
	right: 10px;
	background: url(../img/fix/01.png) no-repeat center;
}

.public_left div:nth-child(2) {
	height: 50px;
	line-height: 50px;
	    display: none;
}

.public_left div:nth-child(2) a,
.public_left div:nth-child(3) a {
	color: #999999;
	font-size: 14px;
	padding-left: 30px;
}

.public_left div:nth-child(2) a {
	background: url(../img/fix/02.png) no-repeat center left;
}

.public_left div:nth-child(3) {
	height: 70px;
	padding-top: 15px;
}

.public_left div:nth-child(3) p {
	color: #666666;
	font-size: 20px;
}

.public_left div:nth-child(3) a {
	background: url(../img/fix/04.png) no-repeat center left;
}

.public_left div:nth-child(2):hover,
.public_left div:nth-child(3):hover {
	background: #f7f7f7;
}

.public_left div:nth-child(2):hover a {
	color: #06903b;
	background: url(../img/fix/03.png) no-repeat center left;
}

.public_left div:nth-child(3):hover a {
	color: #06903b;
	background: url(../img/fix/05.png) no-repeat center left;
}

.public_left div:nth-child(3):hover p {
	color: #06903b;
}

@media only screen and (min-width: 100px) and (max-width: 1480px) {
	header .head .logo {
		width: 400px;
	}
	header .head .nav ul li {
		width: 100px;
	}
	/*#back_top {
		top: -10px;
		right: 90px;
	}*/
	.w1200 {
		width: 1000px;
	}
}

@media only screen and (min-width: 1480px) and (max-width: 1660px) {
	header .head .logo {
		width: 400px;
	}
}