@charset "utf-8";
.index2 {
	width: 100%
}
.index21 {
	width: 90%;
	margin: auto;
	height: 120px;
	text-align: center;
	line-height: 32px
}
.index21a {
	font-size: 26px;
	color: #333;
	height: 40px;
	line-height: 40px;
	padding-top: 30px;
	font-weight: 700
}
.index21b {
	font-size: 22px;
	color: #005198;
	height: 20px;
	line-height: 20px
}
.index22 {
	height: 470px;
	padding-top: 5%;
	width: 100%;
	background-color: #EEE
}
.index22one {
	height: 450px;
	padding-top: 5%;
	width: 100%;
	background-color: #EEE
}
.index221 {
	width: 1200px;
	margin: auto;
	height: 90%
}
.index211a {
	width: 30%;
	height: 180px;
	background-color: #fff;
	margin-right: 5%;
	float: left
}
.index211a1 {
	color: #00923F;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	font-weight: 700;
	width: 90%;
	margin: auto
}
.index211a2 {
	color: #5B5A5A;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	width: 90%;
	margin: auto
}
.index211a3 {
	color: #5B5A5A;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	width: 90%;
	margin: auto
}
.index211b {
	width: 30%;
	height: 180px;
	background-color: #fff;
	margin-right: 5%;
	float: left;
	margin-bottom: 5%
}
.index211c {
	width: 30%;
	height: 180px;
	background-color: #fff;
	float: left
}
.index211cd {
	width: 30%;
	height: 180px;
	background-color: #fff;
	float: left
}
.index211b1 {
	width: 90%;
	margin: auto;
	height: 90%
}
.index211b1l {
	float: left;
	width: 50%;
	margin-right: 5%
}
.index211b1l h2 {
	font-size: 18px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	color: #00
}
.index211b1l p {
	font-size: 13px;
	height: 100px;
	line-height: 20px;
	color: #666
}
.index211b1l span {
	font-size: 14px;
	height: 100px;
	line-height: 20px;
	color: #00923F
}
.index211b1r {
	float: left;
	width: 40%;
	margin-right: 5%;
	padding-top: 20px
}
.index211b1r img {
	width: 100%
}
.index31 {
	width: 38%;
	float: left;
	height: 90%
}
.index32 {
	width: 24%;
	float: left;
	height: 90%
}
.index33 {
	width: 38%;
	float: left;
	height: 90%
}
.index32 img {
	width: 100%
}
.index31A {
	width: 100%;
	text-align: right;
	margin-bottom: 240px
}
.index31A1 {
	float: left;
	width: 70%
}
.index31A1 h2 {
	color: #005198;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px
}
.index31A1 p {
	color: #696969;
	font-size: 13px;
	line-height: 30px
}
.index31A2 {
	float: left;
	width: 30%
}
.index31A2 img {
	width: 100%
}
.index31A22 img {
	width: 100%
}
.index31A11 {
	float: left;
	width: 70%;
	text-align: left
}
.index31A11 h2 {
	color: #005198;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px
}
.index31A11 p {
	color: #696969;
	font-size: 13px;
	line-height: 30px
}
.index31A22 {
	float: left;
	width: 30%
}
.index4bk {
	background-color: #fff;
	height: 180px;
	width: 100%
}
.index41bk {
	width: 1200px;
	margin: auto
}
.index4bk1 {
	width: 90%;
	margin: auto
}
.index4bk1l {
	float: left;
	width: 70%
}
.index4bk1r {
	float: left;
	width: 30%
}
.index4bk1l h2 {
	color: #005198;
	font-size: 40px;
	font-weight: 700;
	line-height: 100px
}
.index4bk1l p {
	color: #1B1B1B;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px
}
.index4bk1rr h2 {
	color: #005198;
	font-size: 30px;
	font-weight: 700;
	line-height: 70px
}
.index4bk1rr p {
	color: #1B1B1B;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	margin-top: 30px
}
.index4bk1rl {
	float: left
}
.index4bk1rl {
	margin-top: 30px
}
.index4bk1rr {
	margin-top: 50px
}
.index5 {
	background-color: #fff
}
.index51a {
	width: 50%;
	float: left;
	background-image: url(../img/index5b1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51a:hover {
	width: 50%;
	float: left;
	background-image: url(../img/index5b11.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51b {
	width: 50%;
	float: left;
	background-image: url(../img/index5b12.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51b:hover {
	width: 50%;
	float: left;
	background-image: url(../img/index5b112.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51a1 {
	width: 50%;
	float: left;
	height: 230px
}
.index51a2 {
	width: 50%;
	float: left;
	height: 230px;
	background-color: #fff
}
.index51a2x {
	width: 50%;
	float: left;
	height: 230px;
	background-color: #005198
}
.index5121 {
	width: 20%;
	margin: auto;
	margin-top: 20px
}
.index5121 img {
	width: 100%
}
.index5122 {
	text-align: center;
	font-size: 20px;
	color: #2B2A2A;
	line-height: 60px
}
.index5123 {
	text-align: center;
	font-size: 14px;
	color: #2B2A2A;
	line-height: 30px
}
.index5124 {
	text-align: center;
	font-size: 14px;
	color: #005198;
	line-height: 30px
}
.index5122x {
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 60px
}
.index5123x {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 30px
}
.index5124x {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 30px
}
.index51ax {
	width: 50%;
	float: left;
	background-image: url(../img/index5b1x.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51ax:hover {
	width: 50%;
	float: left;
	background-image: url(../img/index5b1x1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51ax2 {
	width: 50%;
	float: left;
	background-image: url(../img/index5b2x.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51ax2:hover {
	width: 50%;
	float: left;
	background-image: url(../img/index5b1x2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index22x {
	height: 500px;
	padding-top: 5%;
	width: 100%;
	background-color: #EEE
}
.footer {
	width: 100%;
	height: 300px;
	background-color: #292931;
	clear: both
}
.foot {
	width: 1200px;
	margin: auto;
	padding-top: 30px
}
.foot2 {
	color: #fff;
	font-size: 16px;
	height: 40px
}
.foot2 a:hover {
	color: #fff;
	font-size: 16px;
	height: 40px
}
.foot3 {
	color: #fff;
	font-size: 13px;
	height: 30px;
	line-height: 20px
}
.foot3 a:hover {
	color: #DFDFDF;
	text-decoration: underline;
	font-size: 12px;
	height: 30px;
	line-height: 20px;
	padding-top: 15px
}
.foot1 {
	float: left;
	width: 14%;
	height: 250px;
	background: url(../img/footx.png) no-repeat right;
	text-align: center
}
.foot1_1 {
	float: left;
	width: 14%;
	height: 200px;
	text-align: center
}
.footerr {
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 12px;
	width: 100%;
	background-color: #232228
}
.footerr1 {
	width: 1200px;
	margin: auto
}
.footerr1 font a {
	color: #fff
}
.footerr1 font a:hover {
	color: #005198
}
.foot2 a {
	color: #9c9c9c
}
.foot3 a {
	color: #9c9c9c
}
.foot_r {
	padding-left: 580px
}
.new-module-1 {
	padding-top: 5%;
	width: 100%;
	height: auto;
	background-color: #EEE;
	overflow: hidden
}
.module-content {
	width: 1200px;
	height: auto;
	margin: auto;
	padding-bottom: 20px;
	position: relative
}
.pre-bn {
	display: block;
	width: 3%;
	height: auto;
	font-size: 0;
	position: absolute;
	z-index: 10;
	left: -4%;
	top: 50%;
	cursor: pointer;
	overflow: hidden
}
.nex-bn {
	display: block;
	width: 3%;
	height: auto;
	font-size: 0;
	position: absolute;
	z-index: 10;
	right: -4%;
	top: 50%;
	cursor: pointer;
	overflow: hidden
}
.nex-bn img, .pre-bn img {
	width: 100%;
	height: auto;
	border: 0
}
.module-list {
	width: 100%;
	height: auto;
	overflow: hidden
}
.list-module-pic {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0;
	overflow: hidden
}
.list-module-pic img {
	width: 100%;
	height: auto;
	border: 0
}
.pic-tit {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 10px 0;
	background-color: rgba(170,170,170,.5);
	position: absolute;
	bottom: 0;
	color: #005198;
	overflow: hidden
}
.pic-tit:hover {
	background-color: #005198;
	background-image: url(../img/go-mk.png);
	background-repeat: no-repeat;
	background-position: 100% center;
	color: #FFF
}
.pic-tit-box {
	display: block;
	float: left;
	width: 90%;
	height: 100%;
	padding-left: 5%;
	position: relative;
	font-size: 15px;
	overflow: hidden
}
.pic-tit-box a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	overflow: hidden
}
.china-tit {
	font-style: normal;
	display: block;
	width: 100%;
	height: auto;
	font-weight: 700;
	margin-top: 5px;
	overflow: hidden
}
.list-left {
	margin-left: 1%
}
.list-right {
	margin-right: 1%
}
.index6 {
	width: 100%;
	background-color: #8397A3;
	overflow: hidden
}
.index61 {
	width: 1200px;
	margin: auto;
	overflow: hidden
}
.index61l {
	width: 30%;
	height: 200px;
	float: left;
	overflow: hidden
}
.index61l h2 {
	color: #fff;
	font-size: 30px;
	line-height: 70px;
	font-weight: 700;
	margin-top: 30px
}
.index61l p {
	color: #fff;
	font-size: 30px;
	line-height: 30px
}
.index61l span {
	color: #fff;
	font-size: 16px;
	line-height: 80px
}
.index61r {
	width: 70%;
	height: 220px;
	margin-top: 60px;
	float: left;
	position: relative
}
.new-pre {
	display: block;
	width: 3%;
	height: auto;
	position: absolute;
	left: 0;
	top: 50%;
	cursor: pointer;
	overflow: hidden
}
.new-nex {
	display: block;
	width: 3%;
	height: auto;
	position: absolute;
	right: 0;
	top: 50%;
	overflow: hidden
}
.new-nex img, .new-pre img {
	width: 100%;
	height: auto;
	border: 0
}
.new-box {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden
}
.new-content {
	width: 90%;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden
}
.new-content ul {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.new-content ul li {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.switch-box {
	width: 90%;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden
}
.switch-box ul {
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	overflow: hidden
}
.switch-box ul li {
	float: left;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-left: 8px;
	background-color: #FFF;
	cursor: pointer;
	overflow: hidden
}
.switch_on {
	background-color: #7FBE26!important
}
.new-pic {
	display: block;
	float: left;
	width: 40%;
	height: 200px;
	font-size: 0;
	border: 0;
	overflow: hidden
}
.new-pic img {
	width: 100%;
	height: 100%;
	border: 0
}
.new-detail {
	float: left;
	width: 52%;
	height: 135px;
	margin-left: 3%;
	overflow: hidden
}
.new-time {
	display: block;
	width: 100%;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	color: #18469B;
	overflow: hidden
}
.new-detail h2 {
	width: 100%;
	height: 40px;
	font-weight: 700;
	line-height: 40px;
	color: #FFF;
	font-size: 16px
}
.new-detail p {
	width: 100%;
	height: 60px;
	line-height: 20px;
	color: #FFF;
	font-size: 13px
}
.new-detail a {
	display: block;
	float: left;
	width: auto;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #18469B
}
.list-module {
	float: left;
	width: 30%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}
.list-module:nth-of-type(2) {
	margin-left: 5%;
	margin-right: 5%
}
.list-module:nth-of-type(5) {
	margin-left: 5%;
	margin-right: 5%
}
@media only screen and (max-width:767px) {
.index21 {
	width: 90%;
	margin: auto;
	height: auto;
	text-align: center;
	line-height: 32px;
	padding-bottom: 30px;
}
.index21a {
	font-size: 26px;
	color: #333;
	height: auto;
	line-height: 40px;
	padding-top: 30px;
	font-weight: 700
}
.index21b {
	font-size: 22px;
	color: #005198;
	height: auto;
	line-height: 20px
}
.module-content {
	width: 100%;
	height: auto;
	margin: auto;
	padding-bottom: 20px;
	position: relative
}
.module-list {
	width: 96%;
	height: auto;
	overflow: hidden;
	margin: 0 2%;
}
.list-module {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}
.pic-tit-box {
	display: block;
	float: left;
	min-width: 320px;
	height: 100%;
	padding-left: 0;
	position: relative;
	font-size: 15px;
	overflow: hidden;
	text-align: center;
}
.list-module:nth-of-type(2) {
	margin-left: 0;
	margin-right: 0
}
.list-module:nth-of-type(5) {
	margin-left: 0;
	margin-right: 0
}
.index22one {
	height: auto;
	padding-top: 5%;
	width: 100%;
	background-color: #EEE;
	overflow: hidden;
	padding-bottom: 5%;
}
.index221 {
	width: 100%;
	margin: auto;
	height: 90%
}
.index211a {
	width: 30%;
	height: 180px;
	background-color: #fff;
	margin-right: 5%;
	float: left
}
.index211a1 {
	color: #00923F;
	height: 80px;
	line-height: 80px;
	font-size: 30px;
	font-weight: 700;
	width: 90%;
	margin: auto
}
.index211a2 {
	color: #5B5A5A;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	width: 90%;
	margin: auto
}
.index211a3 {
	color: #5B5A5A;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	width: 90%;
	margin: auto
}
.index211b {
	width: 30%;
	height: 180px;
	background-color: #fff;
	margin-right: 5%;
	float: left;
	margin-bottom: 5%
}
.index211c {
	width: 30%;
	height: 180px;
	background-color: #fff;
	float: left
}
.index211cd {
	width: 30%;
	height: 180px;
	background-color: #fff;
	float: left
}
.index211b1 {
	width: 90%;
	margin: auto;
	height: 90%
}
.index211b1l {
	float: left;
	width: 50%;
	margin-right: 5%
}
.index211b1l h2 {
	font-size: 18px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	color: #00
}
.index211b1l p {
	font-size: 13px;
	height: 100px;
	line-height: 20px;
	color: #666
}
.index211b1l span {
	font-size: 14px;
	height: 100px;
	line-height: 20px;
	color: #00923F
}
.index211b1r {
	float: left;
	width: 40%;
	margin-right: 5%;
	padding-top: 20px
}
.index211b1r img {
	width: 100%
}
.index31 {
	width: 100%;
	float: left;
	height: 90%
}
.index32 {
	width: 100%;
	float: left;
	height: 90%
}
.index33 {
	width: 100%;
	float: left;
	height: 90%
}
.index32 img {
	width: 100%;
	display: none;
}
.index31A {
	width: 100%;
	text-align: right;
	margin-bottom: 40px
}
.index31A1 {
	float: left;
	width: 70%
}
.index31A1 h2 {
	color: #005198;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px
}
.index31A1 p {
	color: #696969;
	font-size: 13px;
	line-height: 30px
}
.index31A2 {
	float: left;
	width: 30%
}
.index31A2 img {
	width: 100%
}
.index31A22 img {
	width: 100%
}
.index31A11 {
	float: left;
	width: 70%;
	text-align: left
}
.index31A11 h2 {
	color: #005198;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px
}
.index31A11 p {
	color: #696969;
	font-size: 13px;
	line-height: 30px
}
.index31A22 {
	float: left;
	width: 30%
}
.index4bk {
	background-color: #fff;
	height: auto;
	width: 96%;
	margin: 0 2%;
	overflow: hidden;
	padding: 20px 0;
}
.index41bk {
	width: 100%;
	margin: auto
}
.index4bk1 {
	width: 90%;
	margin: auto
}
.index4bk1l {
	float: left;
	width: 100%
}
.index4bk1r {
	float: left;
	width: 100%
}
.index4bk1l h2 {
	color: #005198;
	font-size: 24px;
	font-weight: 700;
	line-height: 40px
}
.index4bk1l p {
	color: #1B1B1B;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px
}
.index4bk1rr h2 {
	color: #005198;
	font-size: 30px;
	font-weight: 700;
	line-height: 70px
}
.index4bk1rr p {
	color: #1B1B1B;
	font-size: 20px;
	font-weight: 700;
	line-height: 20px;
	margin-top: 30px
}
.index4bk1rl {
	float: left
}
.index4bk1rl {
	margin-top: 30px
}
.index4bk1rr {
	margin-top: 50px
}
.footer {
	width: 100%;
	height: 300px;
	background-color: #292931;
	clear: both;
	display: none;
}
.index22x {
	height: auto;
	padding-top: 5%;
	width: 100%;
	background-color: #EEE;
	overflow: hidden;
}
.index5 {
	background-color: #fff
}
.index51a {
	width: 100%;
	float: left;
	background-image: url(../img/index5b1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51a:hover {
	width: 100%;
	float: left;
	background-image: url(../img/index5b11.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51b {
	width: 100%;
	float: left;
	background-image: url(../img/index5b12.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51b:hover {
	width: 100%;
	float: left;
	background-image: url(../img/index5b112.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51a1 {
	width: 50%;
	float: left;
	height: 230px;
	display: none;
}
.index51a2 {
	width: 100%;
	float: left;
	height: 230px;
	background-color: #fff;
}
.index51a2x {
	width: 100%;
	float: left;
	height: 230px;
	background-color: #005198;
}
.index5121 {
	width: 20%;
	margin: auto;
	margin-top: 20px
}
.index5121 img {
	width: 100%
}
.index5122 {
	text-align: center;
	font-size: 20px;
	color: #2B2A2A;
	line-height: 60px
}
.index5123 {
	text-align: center;
	font-size: 14px;
	color: #2B2A2A;
	line-height: 30px
}
.index5124 {
	text-align: center;
	font-size: 14px;
	color: #005198;
	line-height: 30px
}
.index5122x {
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 60px
}
.index5123x {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 30px
}
.index5124x {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 30px
}
.index51ax {
	width: 100%;
	float: left;
	background-image: url(../img/index5b1x.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51ax:hover {
	width: 100%;
	float: left;
	background-image: url(../img/index5b1x1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51ax2 {
	width: 100%;
	float: left;
	background-image: url(../img/index5b2x.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index51ax2:hover {
	width: 100%;
	float: left;
	background-image: url(../img/index5b1x2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 230px
}
.index6 {
	width: 100%;
	background-color: #8397A3;
	overflow: hidden;
	display: none;
}
.footerr {
	height: 100%;
}
.footerr1 {
	width: 100%;
}
.foot_r {
	padding-left: 0px
}
.abt_r {
	width: 100%;
}
.join {
	padding: 0px;
}
}