@charset "utf-8";
@font-face {
	font-family: 'OPENSANS';
	src: url("OPENSANS-REGULAR_0.TTF");
	font-weight: normal;
	font-style: normal
}

a,
body,
dd,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
input,
li,
ol,
p,
span,
table,
td,
textarea,
tr,
ul {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0
}

body,
html {
	width: 100%;
	height: 100%
}

body {
	font-family: 'OPENSANS', "微软雅黑", arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 0.75em;
	overflow-x: hidden;
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input,
option,
select,
textarea {
	border: none;
	outline: none;
	font-family: 'OPENSANS'
}

img {
	border: none
}

a,
a:active,
a:hover,
a:link,
a:visited {
	text-decoration: none;
	outline: 0
}

ul li {
	margin: 0
}

li,
ul {
	list-style: none
}

.left {
	float: left
}

.right {
	float: right
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	overflow: hidden
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table;
	clear: both
}

.none {
	display: none
}

.block {
	display: block
}

.w {
	width: 1390px;
	margin: 0 auto
}

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.ellipsis-4 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.ellipsis-5 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

::-webkit-input-placeholder {
	color: #999999
}

:-moz-placeholder {
	color: #999999
}

::-moz-placeholder {
	color: #999999
}

:-ms-input-placeholder {
	color: #999999
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none
}

.h {
	height: 0
}

.bsBox,
.bsBox * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	transition: all 0.8s;
	width: 100%;
	background: rgba(0, 102, 153, 0.8);
	border-bottom: 1px solid rgba(198, 203, 208, 0.4)
}

header.fixed .head {
	line-height: 70px
}

header.fixed .nav nav>ul>li>a {
	height: 70px;
	line-height: 70px
}

header.fixed .head .logo img {
	height: 55px
}

header.fixed .head .logot img {
	height: 55px
}

header.fixed .head_top {
	display: none
}

.head_top {
	background: #222432;
	height: 30px;
	line-height: 30px
}

.head_top .tel {
	display: block;
	font-size: 16px;
	color: #A7A7AD;
	padding-left: 30px;
	background: url("../images/top1.png") no-repeat left center
}

.head_top .tel:hover {
	color: #fff;
	opacity: 0.8
}

.head_top .mail {
	display: block;
	margin-left: 40px;
	font-size: 14px;
	color: #A7A7AD;
	padding-left: 30px;
	background: url("../images/top2.png") no-repeat left center
}

.head_top .mail:hover {
	color: #fff;
	opacity: 0.8
}

.lang {
	margin-left: 15px;
	font-size: 14px;
	color: #fff
}

.lang a {
	display: inline-block;
	color: #fff
}

.lang a:hover {
	opacity: 0.8
}

.head {
	line-height: 108px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.head .logo {
	font-size: 0
}

.head .logo img {
	height: 79px;
	vertical-align: middle
}

.head .logot {
	font-size: 0
}

.head .logot img {
	height: 79px;
	vertical-align: middle
}

header.fixed .search_box {
	margin-top: 17px
}

.search_box {
	position: relative;
	float: right;
	margin-left: 10px;
	margin-top: 36px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.head_search {
	height: 36px;
	line-height: 36px;
	font-size: 0
}

.search_box .head_search1 {
	padding: 0 15px;
	height: 36px;
	width: 36px;
	background: url("../images/search.png") no-repeat center;
	cursor: pointer;
	vertical-align: middle
}

.search_box:hover .head_search1 {
	border: 1px solid #fff
}

.search_box .head_search2 {
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -18px;
	background-color: #f7f7f7;
	height: 36px;
	line-height: 36px;
	border-right: none;
	width: 0;
	z-index: 9999;
	transition: width 500ms;
	-moz-transition: width 500ms;
	-webkit-transition: width 500ms;
	-o-transition: width 500ms
}

.head_search:hover .head_search2 {
	width: 170px;
	padding: 0 10px
}

.head .nav {
	position: relative;
	z-index: 10;
	margin-right: 20px
}

.nav nav>ul>li {
	float: left;
	margin-left: 50px;
	position: relative
}

.nav nav>ul>li>a {
	display: block;
	height: 108px;
	line-height: 108px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.nav nav>ul>li>a:after {
	content: "";
	position: absolute;
	right: -20px;
	top: 0;
	width: 12px;
	height: 100%;
	background: url("../images/arrow.png") no-repeat center center
}

.nav nav>ul>li.on>a,
.nav nav>ul>li:hover>a {
	color: #ccc
}

.nav nav>ul>li ol {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -63px;
	width: 150px;
	padding: 20px 20px 30px;
	display: none;
	border-top: 4px solid #009F46;
	background: rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 2px 2px 10px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 2px 2px 10px rgba(187, 187, 187, 0.3);
	box-shadow: 2px 2px 10px rgba(187, 187, 187, 0.3)
}

.nav nav>ul>li ol li {
	width: 100%;
	float: none;
	text-align: center;
	padding-left: 5px;
	border-bottom: 1px solid #afacac
}

.nav nav>ul>li ol li:hover {
	border-color: #009F46
}

.nav nav>ul>li ol li a {
	line-height: 34px;
	color: #555555;
	font-size: 14px;
	display: block;
	text-align: left;
	position: relative
}

.nav nav>ul>li ol li:hover a {
	color: #009F46
}

.phone_head {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 999999;
	height: 50px;
	line-height: 50px;
	-moz-box-shadow: 0 5px 10px rgba(239, 239, 239, 0.4);
	-webkit-box-shadow: 0 5px 10px rgba(239, 239, 239, 0.4);
	box-shadow: 0 5px 10px rgba(239, 239, 239, 0.4)
}

.phone_head .logo {
	float: left;
	font-size: 0
}

.phone_head .logo img {
	max-width: 100%;
	height: auto;
	max-height: 40px;
	vertical-align: middle
}

.phone_head .head_admin {
	height: auto;
	line-height: 55px;
	margin: 0 0 0 15px
}

.phone_head .head_admin a {
	color: #1886d1;
	font-size: 12px
}

.phone-head .menubtn>span.expand {
	vertical-align: middle;
	display: inline-block;
	height: 30px;
	width: 30px;
	background: url("../images/navbg.png") no-repeat center;
	background-size: auto 100%
}

.phone-head .mask-close {
	background: #006699 none repeat scroll 50% 50% / auto padding-box border-box;
	cursor: pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	position: absolute;
	top: 11px;
	right: 3%;
	height: 30px;
	line-height: 30px;
	width: 30px;
	overflow: hidden
}

.maskbg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%
}

#menu a {
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

#menu a:hover {
	color: #fff
}

#menu h1 {
	font-weight: 300
}

#menu h2 {
	font-weight: 300;
	margin: 3em 0 1em
}

#menu p {
	margin: 20px 0
}

#menu .nav {
	height: auto;
	background: #006699
}

#menu {
	margin: 4em auto;
	width: 100%
}

#menu {
	background: #006699
}

.sliding-menu a.back {
	background: #d2d2d2
}

.sliding-menu a:hover {
	background: #d2d2d2
}

.banner {
	background: #fff
}

.banner img {
	display: block;
	width: 100%
}

.bannerswiper {
	width: 100%
}

.bannerswiper .swiper-pagination {
	bottom: 50px
}

.bannerswiper .swiper-pagination-bullet {
	width: 40px;
	height: 2px;
	border-radius: 0;
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 1
}

.bannerswiper .swiper-pagination-bullet-active {
	background: #009E45
}

.bannerswiper .swiper-button-next,
.bannerswiper .swiper-button-prev {
	width: 20px;
	height: 36px;
	margin-top: -18px;
	background-size: 100% auto
}

.bannerswiper .swiper-button-next {
	right: 50px
}

.bannerswiper .swiper-button-prev {
	left: 50px
}

.intitle {
	position: relative;
	text-align: center
}

.intitle:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -34px;
	width: 68px;
	height: 2px;
	background: #3A3943
}

.intitle .ch {
	font-size: 30px;
	color: #152E5B;
	font-weight: bold;
	position: relative;
	z-index: 2
}

.intitle .en {
	position: absolute;
	top: -28px;
	left: 0;
	width: 100%;
	font-size: 60px;
	color: #152E5B;
	opacity: 0.05;
	text-transform: uppercase;
	z-index: 1
}

.intitle .pos {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0;
	top: -130px;
	background: red
}

.in1_sec {
	padding: 80px 0;
	background: #fff
}

.in1_sec .main {
	margin-top: 60px
}

.in1_sec .main .tbox {
	float: left;
	width: 52.6%
}

.in1_sec .main .tbox .t {
	position: relative;
	font-size: 16px;
	color: #0B0900;
	line-height: 40px;
	/*height: 350px;*/
	overflow: hidden
}

.aboutmore {
	float: right;
	position: absolute;
	right: 0;
	bottom: 2.5px;
	width: 97px;
	height: 35px;
	line-height: 35px;
	background: #152E5B;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	color: #fff
}

.aboutmore:hover {
	opacity: 0.8
}

.in1_sec .main .pic {
	float: right;
	width: 45.6%
}

.in1_sec .main .pic img {
	display: block;
	width: 100%
}

.tb {
	margin-top: 60px;
	text-align: center
}

.tb ul li {
	float: left;
	width: 19.4%;
	margin-left: 7.46%;
	padding: 15px 0;
	border: 1px solid #F0F0F0;
	border-radius: 10px;
	text-align: center;
	background: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.tb ul li:first-child {
	margin-left: 0
}

.tb ul li:hover {
	background: #009F47
}

.tb ul li .tu {
	width: 34px;
	height: 34px;
	margin: 0 auto;
	background: url("../images/tu1.png") no-repeat center center;
	background-size: 100% auto;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.tb ul li:nth-child(2) .tu {
	background-image: url("../images/tu2.png")
}

.tb ul li:nth-child(3) .tu {
	background-image: url("../images/tu3.png")
}

.tb ul li:nth-child(4) .tu {
	background-image: url("../images/tu4.png")
}

.tb ul li:hover .tu {
	background-image: url("../images/tu1on.png")
}

.tb ul li:nth-child(2):hover .tu {
	background-image: url("../images/tu2on.png")
}

.tb ul li:nth-child(3):hover .tu {
	background-image: url("../images/tu3on.png")
}

.tb ul li:nth-child(4):hover .tu {
	background-image: url("../images/tu4on.png")
}

.tb ul li .text {
	margin-top: 10px;
	font-size: 17px;
	color: #3A3943;
	font-weight: bold
}

.tb ul li:hover .text {
	color: #fff
}

.in2_sec {
	padding: 120px 0 0
}

.in2_sec .main {
	position: relative
}

.in2tabs {
	position: absolute;
	left: 0;
	top: -70px;
	width: 38.8%;
	background: #004566;
	padding: 60px 0;
	z-index: 3
}

.in2tabs ul li {
	position: relative;
	padding: 20px 30px 20px 0;
	font-size: 20px;
	text-align: right;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.in2tabs ul li.active:before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: #009F47
}

.in2tabs ul li a {
	color: #ccc
}

.in2tabs ul li.active a {
	color: #fff
}

.in2tabs ul li a>strong {
	width: 220px
}

.in2tabs ul li strong {
	font-weight: normal;
	display: inline-block;
	text-align: left
}

.in2tabs ul li.active strong {
	font-weight: bold
}

.in2tabs ul li span {
	position: relative;
	display: inline-block;
	width: 120px;
	text-align: right;
	color: #8B90BE;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.in2tabs ul li span:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	width: 60px;
	background: #ccc
}

.in2tabs ul li.active span {
	color: #fff
}

.in2tabs-con {
	margin-top: 30px;
	background: #006699
}

.in2tabs-con .swiper-slide {
	position: relative
}

.in2tabs-con .pic {
	float: right;
	width: 61.2%;
	overflow: hidden
}

.in2tabs-con .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.in2tabs-con .pic:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.in2tabs-con .tbox {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 38.8%;
	background: #006699;
	color: #fff;
	display: table;
	table-layout: fixed;
	height: 340px
}

.t_table {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px 0 48%
}

.t_table:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 31px;
	right: -16px;
	top: 50%;
	margin-top: -15px;
	background: url("../images/in2img2.png") no-repeat center center;
	z-index: 5
}

.in2tabs-con .tbox .t1 {
	margin-top: 20px;
	font-size: 30px;
	font-weight: bold
}

.in2tabs-con .tbox .t2 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px
}

.in3_sec {
	padding: 80px 0;
	background: #EBF0F4
}

.in3_sec .main {
	margin-top: 60px
}

.newsswiper {
	position: relative;
	padding: 0 100px
}

.newsswiper .swiper-button-next,
.newsswiper .swiper-button-prev {
	width: 61px;
	height: 61px;
	margin-top: -30px;
	opacity: 0.8
}

.newsswiper .swiper-button-next:hover,
.newsswiper .swiper-button-prev:hover {
	opacity: 1
}

.newsswiper .swiper-button-next {
	right: 0;
	background: url("../images/newsr.png") no-repeat center center
}

.newsswiper .swiper-button-prev {
	left: 0;
	background: url("../images/newsl.png") no-repeat center center
}

.newsbox {
	display: block;
	position: relative;
	background: #fff;
	overflow: hidden
}

.newsbox .pic img {
	display: block;
	width: 100%
}

.newsbox .tbox {
	padding: 40px
}

.hovertbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 70px 40px;
	border: 2px solid #C4D3DC;
	background: #EBF0F4;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	transform: rotateY(0deg);
	/*transform: rotateY(180deg);*/
	opacity: 0
}

.newsbox:hover .hovertbox {
	opacity: 1;
	transform: rotateY(0deg)
}

.newsbox .t1 {
	height: 24px;
	font-size: 18px;
	color: #2C2C2C;
	font-weight: bold
}

.newsbox .t2 {
	position: relative;
	margin-top: 10px;
	font-size: 14px
}

.newsbox .tbox .t2 {
	color: #333;
	line-height: 22px;
	height: 44px
}

.hovertbox .t2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 2px;
	background: #E84539
}

.hovertbox .t2 {
	padding-top: 20px;
	color: #5F667E;
	line-height: 26px
}

.newsbox .tbox .t3 {
	position: relative;
	margin-top: 50px;
	font-size: 14px;
	color: #666
}

.newsbox .tbox .t3:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -0.5px;
	width: 30px;
	height: 1px;
	background: #B8CAD6
}

.newsbox .tbox .t3 strong {
	float: right;
	font-size: 12px
}

.newsmore {
	display: block;
	margin-top: 70px;
	width: 168px;
	height: 58px;
	line-height: 58px;
	background: #009F47;
	border-radius: 50px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer
}

.newsmore:hover {
	opacity: 0.8
}

.in4_sec .intitle:after {
	display: none
}

.in4_sec .intitle .en {
	color: #fff
}

.in4_sec .intitle .ch {
	color: #fff
}

.in4_sec .main {
	background: #006699
}

.in4_sec .tbox {
	padding-top: 90px;
	float: left;
	width: 44.4%;
	background: #006699
}

.in4_sec .pic {
	float: left;
	width: 55.6%
}

.in4_sec .pic img {
	display: block;
	width: 100%
}

.in4_sec .w {
	position: relative
}

.form {
	position: absolute;
	left: 0;
	bottom: -130px;
	width: 100%;
	padding: 10px 430px 0 60px;
	background: #fff url("../images/in4img2.jpg") no-repeat right center;
	-moz-box-shadow: 0 0 20px rgba(204, 204, 204, .25);
	-webkit-box-shadow: 0 0 20px rgba(204, 204, 204, .25);
	box-shadow: 0 0 20px rgba(204, 204, 204, .25);
	z-index: 2
}

.form ul {
	font-size: 0
}

.form ul li {
	display: inline-block;
	width: 26.6%;
	margin-right: 5%;
	padding-bottom: 5px;
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
	line-height: 16px;
	font-size: 16px;
	color: #333
}

.form ul li.w3 {
	width: 36.8%;
	margin-right: 0
}

.form ul li.w100 {
	width: 100%;
	margin-right: 0
}

.form ul li label {}

.form ul li .inputext {
	width: 60%;
	font-size: 16px;
	color: #333
}

.form ul li .selectext {
	width: 60%;
	font-size: 16px;
	color: #333;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: 16px;
	background: url("../images/index_gai_r2_c2.jpg") no-repeat right center
}

.form ul li .selectext::-ms-expand {
	display: none
}

.form .textarea {
	width: 100%;
	height: 60px;
	font-size: 16px;
	color: #333;
	line-height: 20px;
	resize: none;
	border: none!important
}

.submit {
	display: inline-block;
	margin: 35px 10px 35px 0;
	width: 168px;
	height: 58px;
	line-height: 58px;
	background: #009F47;
	border-radius: 50px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer
}

.submit:hover {
	opacity: 0.8
}

.reset {
	display: inline-block;
	margin: 35px 0;
	width: 168px;
	height: 58px;
	line-height: 58px;
	background: #999;
	border-radius: 50px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer
}

.reset:hover {
	opacity: 0.8
}

.in5_sec {
	padding: 240px 0 100px;
	background: #fff
}

.in5_sec .main {
	margin-top: 75px;
	text-align: center
}

.in5_sec .main a {
	display: block;
	padding-bottom: 40px
}

.in5_sec .main .pic {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff
}

.in5_sec .main .pic:hover {
	-moz-box-shadow: 0 0 20px rgba(204, 204, 204, .8);
	-webkit-box-shadow: 0 0 20px rgba(204, 204, 204, .8);
	box-shadow: 0 0 20px rgba(204, 204, 204, .8)
}

.in5_sec .main .pic img {
	display: block;
	width: 100%
}

.in5_sec .main .tbox {
	margin-top: 10px;
	font-size: 18px;
	color: #333
}

.in5_sec .swiper-pagination {
	bottom: 0
}

.footer {
	position: relative;
	padding: 85px 0 60px;
	background: #006699
}

.footer:before {
	content: "";
	position: absolute;
	top: -40px;
	left: 0;
	height: 40px;
	width: 100%;
	background: url("../images/footer.png") no-repeat top center;
	background-size: cover
}

.fleft {
	float: left;
	width: 32.3%
}

.flogo {}

.flogo {
	line-height: 79px
}

.flogo .logo {
	font-size: 0;
	width: 16.2%
}

.flogo .logo img {
	max-width: 100%;
	vertical-align: middle
}

.flogo .logot {
	font-size: 0;
	width: 83.8%;
	opacity: 0.5
}

.flogo .logot img {
	max-width: 100%;
	vertical-align: middle
}

.finfo {
	margin-top: 5px;
	font-size: 16px;
	color: #fff
}

.finfo ul li {
	margin-top: 16px;
	padding-left: 50px;
	background: url("../images/f1.jpg") no-repeat 15px center
}

.finfo ul li:nth-child(2) {
	background-image: url("../images/f3.jpg")
}

.finfo ul li:nth-child(3) {
	background-image: url("../images/f2.jpg")
}

.fnav {
	float: right;
	width: 60%
}

.fnav dl {
	float: left;
	width: 16.6%
}

.fnav dt {
	font-size: 16px;
	color: #fff;
	margin-bottom: 25px
}

.fnav dd a {
	display: block;
	font-size: 14px;
	color: #B7E2FF;
	line-height: 26px
}

.fnav dd a:hover {
	color: #fff
}

.copyright {
	line-height: 54px;
	background: #303349;
	font-size: 14px;
	color: #fff;
	text-align: right
}

.copyright a {
	color: #fff
}

.nybanner {
	position: relative
}

.nybanner img {
	display: block;
	width: 100%
}

.nynav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(51, 51, 51, 0.7);
	line-height: 67px
}

.nynav .w {
	position: relative
}

.nav1 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 141px;
	line-height: 110px;
	background: #009F46
}

.nav2 {
	position: relative;
	float: left;
	margin-left: 141px;
	padding-left: 40px;
	background: url("../images/home.png") no-repeat 25px center;
	z-index: 2
}

.nav2 a {
	float: left;
	display: block;
	font-size: 14px;
	color: #ccc;
	margin-left: 10px;
	cursor: pointer
}

.nav2 a:hover {
	color: #fff
}

.nav3 {
	float: right
}

.nav3 a {
	position: relative;
	float: left;
	display: block;
	font-size: 16px;
	color: #fff;
	padding: 0 10px;
	margin-left: 40px;
	cursor: pointer;
	z-index: 2
}

.nav3 a.on,
.nav3 a:hover {
	color: #FA7734;
	font-weight: bold
}

.nav3 a.on:before,
.nav3 a:hover:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #FA7734
}

.about1_sec {
	padding: 60px 0;
	background: #fff
}

.about1_sec .main {
	display: table;
	table-layout: fixed;
	width: 100%
}

.in1_sec .main .pic {
	float: none;
	display: table-cell;
	vertical-align: middle
}

.in1_sec .main .tbox {
	float: none;
	display: table-cell;
	vertical-align: middle
}

.about2_sec {
	padding: 60px 0 140px;
	background: #F9F9F9
}

.about2_sec .main {
	margin-top: 60px;
	position: relative
}

.about2_sec .main .tbox {
	width: 62.2%;
	padding: 50px 200px 50px 50px;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	background: #fff;
	-moz-box-shadow: 4px 4px 7px rgba(153, 153, 153, 0.65);
	-webkit-box-shadow: 4px 4px 7px rgba(153, 153, 153, 0.65);
	box-shadow: 4px 4px 7px rgba(153, 153, 153, 0.65)
}

.about2_sec .main .pic {
	position: absolute;
	right: 0;
	top: 30px;
	width: 50.1%;
	overflow: hidden
}

.about2_sec .main .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.about2_sec .main .pic:hover img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.about3_sec {
	padding: 60px 0 100px;
	width: 100%;
	background-color: #5CADE5;
	background-image: url("../images/about_bg.jpg");
	background-position: center 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	zoom: 1
}

.about3_sec .main {
	margin-top: 90px;
	padding: 80px 0;
	background: rgba(255, 255, 255, 0.76)
}

.about3_sec .main .tb {
	width: 740px;
	margin: 0 auto
}

.about3_sec .main .tb ul li .tu {
	width: 40px;
	height: 40px
}

.cultext {
	margin-top: 30px;
	padding-left: 130px
}

.cultext ul {
	font-size: 0
}

.cultext ul li {
	display: inline-block;
	padding: 10px 0 10px 15px;
	margin-right: 40px;
	margin-top: 50px;
	background: url("../images/about_r2_c2.jpg") no-repeat left center
}

.cultext ul li:last-child {
	display: block;
	width: 100%
}

.cultext ul li .t1 {
	font-size: 18px;
	color: #152E5B;
	font-weight: bold
}

.cultext ul li .t2 {
	margin-top: 5px;
	font-size: 16px;
	color: #666
}

.contact_sec {
	padding: 60px 0 170px;
	background: #fff
}

.contact_sec .main {
	margin-top: 60px
}

.contact_sec .main ul li {
	float: left;
	display: table;
	table-layout: fixed;
	width: 49.2%;
	margin-left: 1.6%;
	background: #fff;
	margin-bottom: 30px
}

.contact_sec .main ul li:nth-child(2n+1) {
	margin-left: 0
}

.contact_sec .main ul li .pic {
	display: table-cell;
	vertical-align: middle;
	width: 35.67%;
	overflow: hidden
}

.contact_sec .main ul li .pic img {
	display: block;
	width: 100%;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.contact_sec .main ul li:hover .pic img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.contact_sec .main ul li .tbox {
	display: table-cell;
	vertical-align: middle;
	width: 64.33%;
	padding: 0 20px 0 70px;
	border: 1px solid #E4E4E4;
	background: #F9F9F9
}

.contact_sec .main ul li .tbox .t1 {
	font-size: 22px;
	color: #333;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 15px 0
}

.contact_sec .main ul li .tbox .t2 a {
	display: block;
	font-size: 17px;
	color: #333;
	padding-left: 30px;
	line-height: 50px;
	background: url("../images/con1.png") no-repeat left center
}

.contact_sec .main ul li .tbox .t2 a:nth-child(1) {
	font-weight: bold;
	font-size: 18px
}

.contact_sec .main ul li .tbox .t2 a:nth-child(2) {
	background-image: url("../images/con4.png")
}

.contact_sec .main ul li .tbox .t2 a:nth-child(3) {
	background-image: url("../images/con2.png")
}

.contact_sec .main ul li .tbox .t2 a:nth-child(4) {
	background-image: url("../images/con3.png")
}

.zxzx {
	float: right;
	width: 98px;
	height: 40px;
	line-height: 40px;
	background: #009F46;
	color: #fff;
	font-size: 15px;
	text-align: center
}

.zxzx:hover {
	opacity: 0.8
}

@media only screen and (max-width:1366px) {
	.contact_sec .main ul li .tbox .t2 a {
		line-height: 40px
	}
}

@media only screen and (max-width:1280px) {
	.contact_sec .main ul li .tbox .t2 a {
		line-height: 34px
	}
}

@media only screen and (max-width: 1024px) {
	.contact_sec .main ul li .tbox {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width: 960px) {
	.contact_sec .main ul li {
		width: 100%!important;
		margin: 0 0 30px 0!important;
	}
}

@media only screen and (max-width: 560px) {
	.contact_sec .main ul li .pic {
		display: block;
		width: 100%!important
	}
	.contact_sec .main ul li .tbox {
		display: block;
		width: 100%!important
	}
	.zxzx {
		float: none;
		display: inline-block
	}
}

.map {
	margin-top: 70px;
	height: 500px
}

#dituContent {
	height: 100%;
	width: 100%
}

.hx_sec {
	padding: 60px 0 180px;
	background: #fff
}

.hx_sec .main {
	margin-top: 30px
}

.hx_sec .main ul li {
	position: relative;
	margin-top: 45px
}

.hx_sec .main ul li a {
	display: block;
	background: #fff
}

.hx_sec .main ul li .pic {
	float: left;
	width: 43.2%;
	background: #152E5B;
	position: relative;
	padding: 20px 0
}

.hx_sec .main ul li:nth-child(even) .pic {
	float: right
}

.hx_sec .main ul li .pic img {
	width: 100%;
	display: block;
	margin-left: 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.hx_sec .main ul li:hover .pic img {
	margin-left: 25px
}

.hx_sec .main ul li:nth-child(even) .pic img {
	margin-left: -20px
}

.hx_sec .main ul li:nth-child(even):hover .pic img {
	margin-left: -25px
}

.hx_sec .main ul li:before {
	content: "";
	width: 56.8%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #ccc;
	border-left: none;
	-moz-box-shadow: 0 0 13px rgba(204, 204, 204, .7);
	-webkit-box-shadow: 0 0 13px rgba(204, 204, 204, .7);
	box-shadow: 0 0 13px rgba(204, 204, 204, .7);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.hx_sec .main ul li:nth-child(even):before {
	right: auto;
	left: 0;
	border-left: 1px solid #ccc;
	border-right: none
}

.hx_sec .main ul li .tbox {
	float: left;
	height: 100%;
	width: 56.8%;
	padding: 20px 50px;
	position: relative;
	z-index: 2
}

.hx_sec .main ul li .tbox .t1 {
	display: inline-block;
	font-size: 24px;
	color: #152E5B;
	font-weight: bold;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #009F47
}

.hx_sec .main ul li .tbox .t2 {}

.hx_sec .main ul li .tbox .t2 {
	font-size: 16px;
	color: #3A3943;
	line-height: 28px;
	height: 224px;
	overflow: hidden;
	overflow-y: auto
}

.hx_sec .main ul li .tbox .t2::-webkit-scrollbar {
	width: 5px;
	height: 1px
}

.hx_sec .main ul li .tbox .t2::-webkit-scrollbar-thumb {
	background: #009F47 url("../images/thumb.jpg") repeat-y center center
}

.hx_sec .main ul li .tbox .t2::-webkit-scrollbar-track {
	background: #fff url("../images/track.jpg") repeat-y center center
}

.hx_sec .main ul li .tbox .t2::-webkit-scrollbar-button {
	background: #fff
}

.news_sec {
	padding: 60px 0 150px
}

.news_sec .main {
	width: 1180px;
	margin: 30px auto 0;
	max-width: 100%
}

.news_sec ul li {
	float: left;
	width: 31.3%;
	margin-left: 3.05%;
	margin-top: 40px;
	-moz-box-shadow: 0 0 13px rgba(204, 204, 204, .4);
	-webkit-box-shadow: 0 0 13px rgba(204, 204, 204, .4);
	box-shadow: 0 0 13px rgba(204, 204, 204, .4)
}

.news_sec ul li:nth-child(3n+1) {
	margin-left: 0
}

.news_sec ul li .newsbox {
	display: block
}

.news_sec ul li .newsbox .pic {
	display: none
}

.news_sec ul li:nth-child(1) .newsbox .pic,
.news_sec ul li:nth-child(2) .newsbox .pic,
.news_sec ul li:nth-child(3) .newsbox .pic {
	display: block
}

.news_sec ul li .hovertbox {
	display: none
}

.news_sec ul li:nth-child(1) .hovertbox,
.news_sec ul li:nth-child(2) .hovertbox,
.news_sec ul li:nth-child(3) .hovertbox {
	display: block
}

.news_sec ul li:hover .newsbox {
	background: #EBF0F4
}

.newsxq_sec {
	padding: 30px 0 100px;
	background: #fff
}

.newsleft {
	float: left;
	width: 74%;
	border: 2px solid #eff3f6;
	padding: 30px 60px
}

.newsleft .tit {
	padding: 30px 0;
	border-bottom: 1px solid #eff3f6
}

.newsleft .tit .t1 {
	font-size: 26px;
	color: #333333
}

.newsleft .tit .t2 {
	font-size: 14px;
	color: #666666
}

.newsleft .details {
	margin-top: 40px;
	font-size: 16px;
	color: #666666;
	line-height: 26px
}

.newsleft .details p {
	text-indent: 2em
}

.newsleft .details img {
	/*display: block;
	margin: 40px auto;*/
	max-width: 100%!important;
	text-indent: -2em;
}

.details2 {
	margin-top: 20px;
	font-size: 0;
	line-height: 30px
}

.details2 .tag {
	float: left
}

.details2 .tag span {
	padding-right: 10px;
	font-size: 14px;
	color: #ca9c47;
	font-weight: bold;
	border-right: 1px solid #999999;
	padding-left: 30px;
	background: url("../images/biaoqian.png") no-repeat left center
}

.details2 .tag a {
	display: inline-block;
	padding: 0 10px;
	margin: 0 5px;
	font-size: 12px;
	color: #999999;
	background: #dfe3e6;
	border-radius: 5px
}

.details2 .tag a:hover {
	color: #006699
}

.details2 .share {
	float: right;
	font-size: 14px;
	color: #337AB6;
	font-weight: bold
}

.details2 .share .bshare-custom {
	display: inline-block!important;
	vertical-align: middle
}

.details2 .share .bshare-custom a {
	padding-left: 18px!important;
	height: 18px!important
}

.details2 .share .bshare-custom .bshare-more.more-style-addthis {
	background-image: url(../images/more-style-addthis.png)!important
}

.page2 {
	margin-top: 70px;
	padding: 0 20px;
	background: #eff3f6;
	font-size: 0
}

.page2 a {
	display: inline-block;
	font-size: 14px;
	color: #333333;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	width: 40%
}

.page2 .pre {
	position: relative;
	padding-left: 15px;
	background: url("../images/prev2.png") no-repeat left center
}

.page2 .next {
	float: right;
	text-align: right;
	padding-right: 15px;
	background: url("../images/next2.png") no-repeat right center
}

.page2 a:hover {
	color: #006699
}

.newsright {
	float: right;
	width: 23%
}

.newsright .tit {
	font-size: 22px;
	color: #ffffff;
	line-height: 50px;
	padding: 0 20px
}

.xgnews .list {
	border: 2px solid #eff3f6;
	border-top: none;
	padding: 25px 20px
}

.xgnews .tit {
	background: #006699
}

.xgnews .list ul li {
	line-height: 26px;
	font-size: 14px;
	color: #666666
}

.xgnews .list ul li a {
	color: #666666
}

.xgnews .list ul li a:hover {
	color: #2a5ea4
}

@media only screen and (max-width:560px) {
	.newsxq_sec {
		padding: 30px 0
	}
	.newsleft {
		width: 100%;
		padding: 20px
	}
	.newsright {
		display: none
	}
	.newsleft .tit {
		padding: 0 0 15px;
		border-bottom: 1px solid #eff3f6
	}
	.newsleft .tit .t1 {
		font-size: 18px
	}
	.newsleft .tit .t2 {
		font-size: 12px
	}
	.newsleft .details {
		margin-top: 20px;
		font-size: 14px;
		line-height: 22px
	}
	.newsleft .details img {
		display: block;
		/*margin: 15px auto*/
	}
	.page2 {
		margin-top: 30px;
		padding: 0 15px
	}
	.details2 {
		display: none
	}
}

.ly_sec {
	padding: 60px 0 180px;
	background: #fff
}

.ly_sec .main {
	margin-top: 30px
}

.ly_sec .main ul li {
	position: relative;
	margin-top: 45px
}

.ly_sec .main ul li a {
	width: 100%
}

.ly_sec .main ul li .pic {
	float: left;
	width: 31.65%;
	position: relative;
	padding: 20px 0;
	overflow: hidden;
	z-index: 2
}

.ly_sec .main ul li .pic img {
	width: 100%;
	display: block;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.ly_sec .main ul li:hover .pic img {
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-o-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.ly_sec .main ul li .tbox {
	height: 100%;
	width: 79.64%;
	text-align: center;
	padding: 30px 30px 0 15.5%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	background: #F9F9F9;
	-moz-box-shadow: 3px 3px 4px rgba(102, 102, 102, .4);
	-webkit-box-shadow: 3px 3px 4px rgba(102, 102, 102, .4);
	box-shadow: 3px 3px 4px rgba(102, 102, 102, .4)
}

.ly_sec .main ul li .tbox .t1 {
	display: inline-block;
	font-size: 24px;
	color: #152E5B;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #009F47
}

.ly_sec .main ul li .tbox .t2 {
	text-align: left;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	height: 120px;
	overflow: hidden
}

.ly_sec .main ul li .tbox .t3 {
	float: right;
	margin-top: 15px;
	font-size: 14px;
	color: #fff;
	width: 97px;
	height: 35px;
	line-height: 35px;
	background: #152E5B;
	border-radius: 5px
}

.ly_sec .main ul li .tbox .t3:hover {
	opacity: 0.8
}

.join_sec {
	padding: 60px 0 120px;
	background: #fff
}

.join_sec .main {
	margin-top: 60px
}

.c-head {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 59px;
	background: #9E9E9E
}

.join_sec .c-li {
	background: #fff;
	border-bottom: 1px solid #ccc
}

.join_sec .c-t {
	overflow: hidden;
	cursor: pointer;
	line-height: 70px;
	height: 70px;
	font-size: 16px;
	color: #666
}

.c-x {
	float: left
}

.m-c-head {
	display: none
}

.c-address,
.c-name,
.c-num,
.c-year {
	width: 26.33%;
	text-align: center
}

.c-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.c-time {
	width: 13%
}

.c-xq {
	width: 8%;
	text-align: center
}

.c-t .c-xq {
	font-size: 22px;
	color: #009F46;
	font-weight: bold
}

.c-xq:hover {
	opacity: 0.8
}

.c-li.on .c-xq {
	font-weight: normal
}

.join_sec .c-b {
	position: relative;
	background: #fff;
	padding: 30px 40px;
	display: none;
	overflow: hidden
}

.join_sec .c-b dl {
	float: left;
	width: 38%;
	margin-bottom: 20px
}

.join_sec .c-b dl:nth-child(2) {
	float: right;
	width: 59%
}

.join_sec .c-b dt {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px
}

.join_sec .c-b dd {
	color: #666666;
	font-size: 14px;
	line-height: 26px
}

.btns {
	display: block;
	height: 47px;
	line-height: 47px;
	font-size: 18px;
	text-align: center;
	width: 152px;
	color: #fff;
	background: #009F46;
	border-radius: 5px
}

.btns:hover {
	background: #006699
}

@media only screen and (max-width:1680px) {
	.in2tabs-con .tbox {
		height: 257px
	}
}

@media only screen and (max-width:1440px) {
	.in2tabs {
		padding: 30px 0
	}
	.in2tabs ul li {
		padding: 15px 30px 15px 0
	}
	.contact_sec .main ul li .tbox .t2 a {
		font-size: 16px
	}
}

@media only screen and (max-width:1366px) {
	.w {
		width: 1200px
	}
	.head .logo img,
	.head .logot img {
		height: 55px
	}
	.form {
		padding-right: 300px
	}
	.cultext {
		padding-left: 230px
	}
	.cultext ul li {
		width: 30%
	}
}

@media only screen and (max-width:1200px) {
	.w {
		width: 1024px
	}
}

@media only screen and (max-width:1024px) {
	.w {
		width: 960px
	}
	header {
		display: none
	}
	.phone_head {
		display: block
	}
	.h {
		height: 50px
	}
	.in2tabs {
		position: static;
		width: 100%;
		padding: 30px
	}
	.in2tabs ul li {
		text-align: left;
		padding: 10px
	}
	.in2tabs ul li.active:before {
		left: 0;
		right: auto
	}
	.in2tabs-con .tbox {
		float: left;
		position: static;
		height: 100%
	}
	.t_table {
		padding: 20px;
		height: 100%
	}
	.form {
		padding-right: 100px;
		bottom: -307px
	}
	.in5_sec {
		padding-top: 380px
	}
	.cultext {
		padding: 0;
		text-align: center
	}
	.cultext ul li {
		width: 100%;
		background: none;
		margin: 10px 0 0
	}
	.about2_sec .main .tbox {
		width: 100%;
		padding: 30px
	}
	.about2_sec .main .pic {
		position: static;
		width: 100%
	}
	.hx_sec .main ul li .tbox .t2 {
		height: 140px
	}
	.nav3 a {
		margin-left: 10px
	}
	.ly_sec .main ul li .tbox .t2 {
		height: 72px
	}
	.contact_sec .main ul li .tbox .t2 a {
		word-break: break-all
	}
	.contact_sec .main ul li {
		width: 48%;
		margin: 0 1% 20px!important;
	}
	.contact_sec .main ul li .tbox {
		padding: 0 20px 20px
	}
	.map {
		margin-top: 10px
	}
}

@media only screen and (max-width:960px) {
	.w {
		width: 100%;
		padding: 0 3%
	}
	.footer {
		padding: 20px 0
	}
	.footer:before {
		display: none
	}
	.fleft {
		width: 100%
	}
	.flogo,
	.fnav {
		display: none
	}
	.copyright {
		text-align: center
	}
	.form {
		position: static
	}
	.intitle .en {
		top: -8px;
		font-size: 30px
	}
	.intitle .ch {
		font-size: 20px
	}
	.about2_sec,
	.about3_sec,
	.contact_sec,
	.hx_sec,
	.in1_sec,
	.in3_sec,
	.in5_sec,
	.join_sec,
	.ly_sec,
	.news_sec {
		padding: 30px 0
	}
	.in2_sec {
		padding: 30px 0 0
	}
	.about2_sec .main,
	.about3_sec .main,
	.in1_sec .main,
	.in2_sec .main,
	.in3_sec .main,
	.join_sec .main {
		margin-top: 30px
	}
	.in1_sec .main .tbox {
		width: 100%;
		display: block
	}
	.in1_sec .main .pic {
		margin-top: 30px;
		width: 100%;
		display: block
	}
	.in2tabs ul li {
		font-size: 14px
	}
	.in2tabs-con {
		margin-top: 0
	}
	.in2tabs-con .tbox .t1 {
		margin-top: 0;
		font-size: 18px
	}
	.in2tabs-con .tbox .t2 {
		font-size: 14px;
		line-height: 22px
	}
	.form {
		margin-top: 30px;
		padding: 20px
	}
	.form ul li,
	.form ul li.w3 {
		width: 48%;
		margin: 10px 1% 0
	}
	.reset,
	.submit {
		width: 120px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin: 10px
	}
	.about3_sec .main {
		padding: 30px 20px
	}
	.about3_sec .main .tb {
		width: 100%
	}
	.hx_sec .main ul li {
		margin-top: 30px
	}
	.hx_sec .main ul li .tbox .t1 {
		font-size: 18px;
		padding-bottom: 10px
	}
	.ly_sec .main ul li {
		margin-top: 30px
	}
	.ly_sec .main ul li .tbox .t1 {
		font-size: 16px;
		padding-bottom: 10px
	}
	.ly_sec .main ul li .tbox .t2 {
		font-size: 14px;
		line-height: 22px;
		height: 44px
	}
	.news_sec ul li {
		margin-top: 30px
	}
	.newsbox .tbox {
		padding: 20px
	}
}

@media only screen and (max-width:780px) {
	.nynav {
		line-height: 30px
	}
	.nav1 {
		display: none
	}
	.nav2 {
		margin-left: 0;
		padding-left: 20px;
		background-position-x: 0
	}
	.nav2 a {
		font-size: 12px
	}
	.nav3 {
		display: none
	}
	.about2_sec .main .tbox {
		font-size: 14px
	}
	.about3_sec .main {
		padding-top: 0
	}
	.hx_sec .main ul li .tbox {
		padding-right: 20px
	}
	.hx_sec .main ul li:nth-child(even) .tbox {
		padding-left: 20px;
		padding-right: 50px
	}
	.hx_sec .main ul li .tbox .t2 {
		font-size: 14px;
		line-height: 22px;
		height: 110px
	}
	.newsbox .hovertbox {
		display: none!important
	}
}

@media only screen and (max-width:560px) {
	.c-head {
		display: none
	}
	.m-c-head {
		display: inline-block
	}
	.join_sec .c-t {
		line-height: 22px;
		height: auto;
		font-size: 14px;
		color: #333333;
		padding: 20px
	}
	.c-address,
	.c-name,
	.c-num,
	.c-time,
	.c-year {
		width: 100%;
		text-align: left
	}
	.c-xq {
		width: 100%;
		line-height: 30px;
		margin-top: 20px
	}
	.join_sec .c-b {
		padding: 20px
	}
	.bannerswiper .swiper-pagination {
		bottom: 10px
	}
	.in1_sec .main .tbox .t {
		font-size: 14px;
		height: auto;
		overflow: auto
	}
	.in1_sec .main .tbox .t p {
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-wrap: break-word;
		word-break: break-all;
		white-space: normal !important;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		line-height: 22px;
		height: 110px
	}
	.aboutmore {
		float: none;
		display: block;
		position: static;
		margin-top: 20px
	}
	.tb {
		margin-top: 0
	}
	.tb ul li {
		width: 48%;
		margin-left: 4%;
		margin-top: 30px
	}
	.tb ul li:first-child {
		margin-left: 4%
	}
	.tb ul li:nth-child(2n+1) {
		margin-left: 0
	}
	.in2_sec {
		padding: 0
	}
	.in2tabs {
		padding: 20px
	}
	.in2tabs ul li a>strong {
		width: 150px
	}
	.in2tabs-con .tbox {
		width: 100%
	}
	.in2tabs-con .pic {
		width: 100%
	}
	.t_table:before {
		display: none
	}
	.in3_sec .main {
		padding: 0 40px
	}
	.newsswiper .swiper-button-next,
	.newsswiper .swiper-button-prev {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background-size: 100% auto
	}
	.newsbox .tbox {
		padding: 20px
	}
	.newsbox .t1 {
		font-size: 16px
	}
	.in4_sec {
		padding-top: 30px
	}
	.in4_sec .main {
		background: #fff
	}
	.in4_sec .tbox {
		padding-top: 0;
		background: #fff;
		width: 100%
	}
	.in4_sec .intitle .en {
		color: #152E5B
	}
	.in4_sec .intitle .ch {
		color: #152E5B
	}
	.in4_sec .intitle:after {
		display: block
	}
	.in4_sec .pic {
		width: 100%;
		margin-top: 30px
	}
	.form {
		background: #fff
	}
	.form ul li,
	.form ul li.w3 {
		width: 98%
	}
	.in5_sec .main {
		margin-top: 30px
	}
	.finfo {
		margin-top: 0;
		font-size: 14px
	}
	.finfo ul li {
		margin-top: 5px
	}
	.copyright {
		line-height: 20px;
		height: auto
	}
	.hx_sec .main ul li:before {
		display: none
	}
	.hx_sec .main ul li .pic {
		width: 100%;
		padding: 0
	}
	.hx_sec .main ul li .pic img {
		margin: 0!important;
	}
	.hx_sec .main ul li .tbox {
		width: 100%;
		padding: 20px!important;
		border: 1px solid #ccc;
		-moz-box-shadow: 0 0 13px rgba(204, 204, 204, .7);
		-webkit-box-shadow: 0 0 13px rgba(204, 204, 204, .7);
		box-shadow: 0 0 13px rgba(204, 204, 204, .7)
	}
	.hx_sec .main ul li .tbox .t2 {
		height: auto
	}
	.ly_sec .main ul li .pic {
		width: 100%;
		padding: 0
	}
	.ly_sec .main ul li .tbox {
		float: right;
		width: 100%;
		padding: 20px;
		position: static
	}
	.ly_sec .main ul li .tbox .t3 {
		float: none;
		margin: 20px auto 0
	}
	.news_sec ul li {
		width: 100%;
		margin-left: 0
	}
	.join_sec .c-li {
		border: 1px solid #ccc;
		margin-bottom: 20px
	}
	.c-xq {
		background: #f5f5f5
	}
	.join_sec .c-b dl {
		float: left!important;
		width: 100%!important
	}
	.contact_sec .main ul li {
		width: 100%;
		margin: 0 0 20px 0!important;
	}
	#dituContent,
	.map {
		height: 320px
	}
}

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

@media only screen and (max-width:380px) {
	.form ul li,
	.form ul li .inputext,
	.form ul li .selectext {
		font-size: 14px
	}
	.cultext ul li .t1,
	.tb ul li .text {
		font-size: 16px
	}
	.cultext ul li .t2 {
		font-size: 14px
	}
}

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

.contact1_sec {
	padding: 60px 0
}

.contact1_sec .main {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 80px;
	padding: 20px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 2px 5px #d6d6d6;
	-webkit-box-shadow: 0 2px 5px #d6d6d6;
	box-shadow: 0 2px 5px #d6d6d6
}

.map {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	margin: 0
}

.cominfo {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding-left: 75px;
	padding-right: 75px
}

.cominfo .t1 {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc
}

.cominfo .t1 .logo {
	display: inline-block;
	font-size: 0;
	margin-right: 10px;
	vertical-align: middle
}

.cominfo .t1 .logo img {
	display: block;
	height: 79px
}

.cominfo .t1 .logot {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	color: #333
}

.cominfo .t1 .logot .ch {
	font-size: 25px
}

.cominfo .t1 .logot .en {
	font-size: 17px;
	text-transform: uppercase
}

.cominfo .t2 {
	margin-top: 20px
}

.cominfo .t2 a {
	display: block;
	background: url("../images/con2.png") no-repeat 10px center;
	font-size: 18px;
	color: #333;
	padding-left: 50px;
	line-height: 50px
}

.cominfo .t2 a:nth-child(2) {
	background-image: url("../images/con3.png")
}

.cominfo .t2 a:nth-child(3) {
	background-image: url("../images/con3.png")
}

.cominfo .t2 a:nth-child(4) {
	background-image: url("../images/con5.png")
}

.contact2_sec {
	padding-bottom: 140px
}

.contact2_sec .main {
	margin-top: 75px
}

.contact2_sec .main ul {
	font-size: 0;
	text-align: left
}

.contact2_sec .main ul li {
	width: 33.33%;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: middle
}

.contact2_sec .main ul li:last-child {
	width: 100%
}

.contact2_sec .main ul li label {
	font-size: 20px;
	color: #333;
	display: inline-block;
	vertical-align: middle
}

.textarea {
	width: 94%;
	display: inline-block;
	vertical-align: top;
	height: 192px;
	line-height: 38px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	color: #333;
	padding: 0 10px
}

.inputtext {
	width: 82%;
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	line-height: 38px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 14px;
	color: #333;
	padding: 0 10px
}

.inputsubmit {
	width: 112px;
	height: 40px;
	background: #009F46;
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-left: 60px;
	margin-right: 10px;
	cursor: pointer
}

.inputreset {
	width: 112px;
	height: 40px;
	background: #999;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer
}

.inputreset:hover,
.inputsubmit:hover {
	opacity: 0.8
}

@media only screen and (max-width:1024px) {
	.cominfo {
		padding-left: 15px;
		padding-right: 15px
	}
	.cominfo .t1 .logo img {
		height: 45px
	}
	.cominfo .t2 a {
		padding-left: 35px
	}
}

@media only screen and (max-width:768px) {
	.cominfo,
	.map {
		display: block;
		width: 100%
	}
	.cominfo,
	.contact2_sec .main {
		margin-top: 30px
	}
	.contact1_sec {
		padding: 30px 0
	}
	.contact1_sec .main {
		margin-top: 30px
	}
	.contact2_sec {
		padding-bottom: 30px
	}
}

@media only screen and (max-width:768px) {
	.cominfo {
		padding: 0
	}
	.cominfo .t1 .logot .ch {
		font-size: 18px
	}
	.cominfo .t1 .logot .en {
		font-size: 12px;
		text-transform: uppercase
	}
	.cominfo .t1 .logo img {
		height: 36px
	}
	.cominfo .t2 a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
		font-size: 14px;
		word-break: break-word
	}
	.contact2_sec .main ul li {
		width: 100%
	}
	.contact2_sec .main ul li label {
		font-size: 16px
	}
	.textarea {
		width: 82%
	}
}