@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: 57%

}

.index4bk1r {

	float: left;

	width: 43%

}

.index4bk1l h2 {

	color: red;

	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: red;

    font-size: 30px;
    font-weight: 700;
    line-height: 41px;

}
.index4bk1rr h2 span{ color:#333; font-size:20px}

.index4bk1rr p {

	color: #1B1B1B;

	font-size: 20px;

	font-weight: 700;

	line-height: 20px;

	margin-top: 30px

}

.index4bk1rl {

	float: left

}

.index4bk1rl {

	margin-top: 34px;
	margin-right:18px

}

.index4bk1rr {

	margin-top: 22px

}

.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: 248px;

	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: 18px;

	font-weight: 700;

	line-height: 40px

}
.index4bk1rr h2 span{ font-size:14px}

.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: 30px

}

.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;

}

}