﻿body,
div,
a,
p,
ul,
li,
b,
dl,
dt,
dd {
	padding: 0;
	margin: 0;
	outline: none;
}

/* 分页 */
.list_page {
	text-align: center;
	margin: 10px;
	display: block;
}

.list_page:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

.list_page ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
	text-align: center !important;
	transform: translateY(0) !important;
}

.list_page ul li {
	display: inline-block !important;
	border: solid 1px #ddd !important;
	border-radius: 4px;
	width: auto !important;
	opacity: 1 !important;
	margin: 0 !important;
	float: none !important;
	clear: both !important;
	transform: translateY(0) !important;
}

.list_page ul a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	background: #fff;
}

.page_group ul {
	border-right: solid 1px #ddd;
	border-radius: 4px;
}

.page_group ul li {
	border-right: none;
	border-radius: 0;
	float: left;
}

.page_group ul li:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.page_group ul li:first-child {
	border-radius: 4px 0 0 4px;
}

.page_group ul li:last-child {
	border-radius: 0 4px 4px 0;
}

.page_group ul .active a {
	background: #f3f3f3;
	border-radius: 0;
}

/* 等比缩略图 */
.embed-responsive-3by4 {
	padding-bottom: 133.3%;
}

.embed-responsive-1by1 {
	padding-bottom: 100%;
}

.embed-responsive-4by3 {
	padding-bottom: 75%;
}

.embed-responsive-3by2 {
	padding-bottom: 66.7%;
}

.embed-responsive-16by9 {
	padding-bottom: 56.2%;
}

/* CSS Document */
body a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: .3s ease-in;
	-o-transition: .3s ease-in;
	-ms-transition: .3s ease-in;
	transition: .3s ease-in;
	transition: all .3s;
	color: #282828;
}

a:active {
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #b51b13;
	text-decoration: none;
}

:focus {
	outline: 0;
}

li {
	list-style: none;
}

button {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	line-height: normal;
	color: inherit;
}

.clear {
	clear: both;
	margin: 0 0;
	padding: 0 0;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pt60 {
	padding-top: 60px;
}

.pt70 {
	padding-top: 70px;
}

.pt80 {
	padding-top: 80px;
}

.pt100 {
	padding-top: 100px;
}

.pad10 {
	padding: 0 10px;
}

.pad20 {
	padding: 0 20px;
}

.padt20 {
	padding: 20px 0;
}

.padt30 {
	padding: 30px 0;
}

.padt70 {
	padding: 70px 0;
}

.mr15 {
	margin-right: 15px;
}

.mr1g {
	margin-right: 0.5em;
}

.macr {
	margin: 0 auto;
}

.mlb28 {
	margin-left: 28%;
}

.mlb23 {
	margin-left: 24%;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f16 {
	font-size: 16px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f26 {
	font-size: 26px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.f35 {
	font-size: 35px;
}

.f36 {
	font-size: 36px;
}

.f38 {
	font-size: 38px;
}

.f40 {
	font-size: 40px;
}

.f42 {
	font-size: 42px;
}

.f45 {
	font-size: 45px;
}

.f48 {
	font-size: 48px;
}

.f50 {
	font-size: 50px;
}

.f55 {
	font-size: 55px;
}

.f60 {
	font-size: 60px;
}

.f68 {
	font-size: 68px;
}

.f75 {
	font-size: 75px;
}

.f82 {
	font-size: 82px;
}

.f100 {
	font-size: 100px;
}

.f160 {
	font-size: 160px;
}

.tszt {
	font-family: "Fjalla One", sans-serif;
}

.tsar {
	font-family: Arial, Helvetica, sans-serif;
}

.tpf {
	font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei;
}

.txiw {
	font-family: STXinwei;
}

.txtbig {
	text-transform: uppercase;
}

.fb {
	font-weight: bolder;
}

.fnor {
	font-weight: normal;
}

.trc {
	text-align: center;
}

.trr {
	text-align: right;
}

.fsnr {
	font-style: normal;
}

.color {
	color: #b51b13;
}

.white,
.white:hover {
	color: #FFFFFF;
}

.black {
	color: #000000;
}

.red {
	color: #F00;
}

.baw {
	background: #fff;
}

.opac8 {
	opacity: 0.8;
}

.opac6 {
	opacity: 0.6;
}

.opac1 {
	opacity: 0.1;
}

.pore {
	position: relative;
}

.poab {
	position: absolute;
}

.dibok {
	display: block;
}

.dinon {
	display: none;
}

.pcimg {
	display: block;
}

.wapimg {
	display: none;
}

.lihe2 {
	line-height: 2;
}

.lihe26 {
	line-height: 26px;
}

.lihe32 {
	line-height: 32px;
}

.lihe38 {
	line-height: 38px;
}

.lihe45 {
	line-height: 45px;
}

.cont {
	width: 100%;
	overflow: hidden;
}

.cona {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.conb {
	width: 96%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

img,
video {
	vertical-align: middle;
}

.imgs {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

.imgs:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

@media screen and (max-width: 1024px) and (min-width:0) {

	html,
	body {
		overscroll-behavior: none;
	}

	body {
		font: .24rem/1.6 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";
	}


	.pt10 {
		padding-top: 0.12rem;
	}

	.pt15 {
		padding-top: 0.15rem;
	}

	.pt20 {
		padding-top: 0.2rem;
	}

	.pt30 {
		padding-top: 0.3rem;
	}

	.pt40 {
		padding-top: 0.4rem;
	}

	.pt50 {
		padding-top: 0.5rem;
	}

	.pt60 {
		padding-top: 0.6rem;
	}

	.pt70 {
		padding-top: 0.7rem;
	}

	.pt80 {
		padding-top: 0.8rem;
	}

	.pt100 {
		padding-top: 0.9rem;
	}

	.padt30 {
		padding: 0.34rem 0;
	}

	.padt70 {
		padding: 0.5rem 0;
	}

	.mr15 {
		margin-right: 0.12rem;
	}

	.mr1g {
		margin-right: 0.5em;
	}

	.mlb28 {
		margin-left: 10%;
	}

	.mlb23 {
		margin-left: 10%;
	}

	.f12 {
		font-size: 0.20rem;
	}

	.f14 {
		font-size: 0.22rem;
	}

	.f16 {
		font-size: 0.24rem;
	}

	.f18 {
		font-size: 0.25rem;
	}

	.f20 {
		font-size: 0.26rem;
	}

	.f22 {
		font-size: 0.27rem;
	}

	.f24 {
		font-size: 0.28rem;
	}

	.f26 {
		font-size: 0.28rem;
	}

	.f28 {
		font-size: 0.29rem;
	}

	.f30 {
		font-size: 0.29rem;
	}

	.f35 {
		font-size: 0.34rem;
	}

	.f36 {
		font-size: 0.35rem;
	}

	.f38 {
		font-size: 0.37rem;
	}

	.f40 {
		font-size: 0.38rem;
	}

	.f45 {
		font-size: 0.39rem;
	}

	.f42 {
		font-size: 0.4rem;
	}

	.f48 {
		font-size: 0.42rem;
	}

	.f55 {
		font-size: 0.45rem;
	}

	.f60 {
		font-size: 0.5rem;
	}

	.f68 {
		font-size: 0.6rem;
	}

	.f75 {
		font-size: 0.7rem;
	}

	.f82 {
		font-size: 0.8rem;
	}

	.f100 {
		font-size: 1rem;
	}

	.f160 {
		font-size: 1.5rem;
	}

	.lihe26 {
		line-height: 1.8;
	}

	.lihe2 {
		line-height: 1.9;
	}

	.lihe32 {
		line-height: 2;
	}

	.lihe38 {
		line-height: 2.1;
	}

	.lihe45 {
		line-height: 2.3;
	}

	.container {
		padding-left: 5%;
		padding-right: 5%;
	}

	.main {
		width: 100%;
		overflow: inherit;
	}

	.qywh_top {
		width: 96%;
	}

	.cona {
		overflow: inherit;
	}

	.pcimg {
		display: none;
	}

	.wapimg {
		display: block;
	}
}

/*切图：zyjn*/
html {
	overflow-x: hidden;
	overflow-y: auto;
}

body {
	background-color: #fff;
}



ul,
ol,
li,
dl,
dd,
dt {
	list-style-type: none;
	line-height: normal;
}

body,
button,
input,
select,
textarea {
	font-family: 'Microsoft yahei', Arial;
	font-size: 12px;
}

code,
kbd,
pre,
samp {
	font-family: 'Microsoft yahei', Arial;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #333;
	transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

a:hover {
	color: #333;
	cursor: pointer;
}

img {
	border: 0;
	max-width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: normal;
	font-family: 'Microsoft yahei', Arial;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

input,
table,
tr,
td {
	margin: 0;
	padding: 0;
	border: none;
}

button,
table {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

select {
	margin: 0;
	padding: 0;
	font-family: 'Microsoft yahei', Arial;
}

textarea {
	resize: none;
	outline: 0;
}

input {
	outline: 0;
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

i {
	font-style: normal;
}

.elli {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*首页 */
/*首页顶部*/
.site-header {
	position: fixed;
}

.top1 {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.98);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.05);
	width: 100%;
	border-top: 3px solid rgba(3, 52, 126, 0.7);
	z-index: 100;
}

.top1::after {
	content: "";
	height: 103px;
}

.top1 .logo {
	width: 75px;
	height: auto;
	margin: 12px 0 0 0;
	float: left;
}

.c_search_box {
	width: 54px;
	height: 54px;
	position: relative;
	float: right;
	display: none;
}

.c_search {
	border-radius: 30px;
	border: 1px solid rgba(166, 166, 166, 0.3);
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 100;
	margin: 35px 0 0 0;
	width: 54px;
	height: 54px;
	top: 0;
	right: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.c_search button {
	display: block;
	float: right;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.c_search input {
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.c_search:hover input {
	width: 100%;
	padding: 0 54px 0 10px;
}

.c_search:hover {
	width: 200px;
}

.menu_box {
	margin: 0 auto;
}

.menu {
	margin: 0 auto;
	text-align: center;
}

.menu li {
	width: 14%;
	position: relative;
	margin-left: -1px;
	text-align: center;
	display: inline-block;
}

.menu li::before {
	width: 1px;
	height: 13px;
	background-color: #cecfd0;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -6.5px;
	left: 0;
	display: none;
}

.menu li::after {
	width: 1px;
	height: 13px;
	background-color: #cecfd0;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -6.5px;
	right: 0;
	display: none;
}

.menu li:first-child::before {
	background-color: #fff;
}

.menu li:last-child::after {
	background-color: #fff;
}

.menu li a {
	font-size: 16px;
	color: #333333;
	padding: 33px 0;
	display: block;
}

.menu li i {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	border-radius: 30px;
}

.menu li:hover i {
	background-color: #1064b0;
}

.menu li:hover a {
	color: #fff;
}

.menu li:hover {
	z-index: 1;
}

.menu li:hover::after {
	background-color: #fff;
}

.menu li:hover::before {
	background-color: #fff;
}

.menu li.hover i {
	background-color: #1064b0;
}

.menu li.hover a {
	color: #fff;
}

.menu li.hover {
	z-index: 1;
}

.menu li.hover::after {
	background-color: #fff;
}

.menu li.hover::before {
	background-color: #fff;
}


.menu li .logo {
	margin: 0;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
	margin: 0 auto;
}

.menu li .logo a {
	margin: 0;
	padding: 0;
}

.menu .ul2 {
	display: none;
}

.sub {
	position: absolute;
	top: 124px;
	left: 0;
	width: 100%;
	background-color: rgba(16, 100, 176, 0.8);
	text-align: center;
	z-index: 111;
	display: none;
}

.sub a {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	opacity: 0.9;
	padding: 0 50px;
	line-height: 64px;
	height: 64px;
}

.sub a:hover {
	opacity: 1;
	background-color: #2a59a7;
}

@media screen and (max-width:1199px) {
	.menu li {
		width: 110px;
	}

	.menu li a {
		font-size: 14px;
	}
}



/* 二级子菜单 */
.menu li dl {
	width: 150px;
	position: absolute;
	top: 120%;
	left: 50%;
	z-index: 10;
	visibility: hidden;
	opacity: 0;
	list-style: none;
	margin: 0;
	margin-left: -75px;
	padding: 0;
	background-color: #fff;
	background: rgba(255, 255, 255, 0.75);
	border-top: 2px solid #949595;
	-webkit-box-shadow: 0px 3px 11px 0px rgb(0 0 0 / 9%);
	-moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);
	box-shadow: 0px 3px 11px 0px rgb(0 0 0 / 9%);
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
}

.menu li dl dt {
	position: relative;
	display: block;
	z-index: 100;
}

.menu li dl dt a {
	font-size: 16px;
	height: auto;
	line-height: 1;
	font-weight: 500;
	color: #272023 !important;
	text-align: center;
	display: block;
	padding: 12px 15px 12px 15px !important;
	position: relative;
	text-decoration: none;
	outline: none;
	text-transform: none;
	transition: all 400ms ease;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	/* border-bottom: 1px solid rgba(183, 183, 183, 0.5); */
}

.menu li dl dt a:hover {
	background: rgba(42, 89, 167, 0.9);
	color: #ffffff !important;
}


.menu>li:hover dl {
	opacity: 1;
	visibility: visible;
	top: 100%;
}



/*手机头*/
.top2 {
	width: 100%;
	height: 60px;
	background-color: #fff;
	display: none;
	box-shadow: 0 0px 17px rgba(0, 0, 0, 0.1);
	z-index: 2000;
	position: relative;
}

.top2 .logo {
	width: 46px;
	height: auto;
	float: left;
	margin-top: 8px;
}

@media screen and (max-width:1199px) {}

@media screen and (max-width:991px) {
	.top2 {
		display: block;
	}

	.top1 {
		display: none;
	}
}



/*下拉*/
.menuph {
	float: right;
	margin: 10px 0 0 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
}

.menuph .point {
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 10px;
	position: relative;
}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
	width: 28px;
}

.menuph .navbtn {
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
	width: 21px;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #1064b0;
}

.menuph .navbtn::after,
.menuph .navbtn::before {
	position: absolute;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 1px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

	background: #1064b0;
}

.menuph .navbtn::after {
	top: -11px;
}

.menuph .navbtn::before {
	top: 10px;
}

.menuph .point.active .navbtn {
	background: transparent;
}

.menuph .point.active .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}

.menuph .point.active .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}


/*手机下拉*/
.xialaph {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	padding-bottom: 20px;
	display: none;
	z-index: 1029;
	background: #fff;
}

.xialaph .img_d {
	display: none;
}

.xialaph .ul2,
.xialaph .ul3 {
	display: none;
}

.xialaph h4 a {
	display: block;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	position: relative;
}

.xialaph h4 {
	position: relative;
}

.xialaph li:last-child h4::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dddddd;
	/*opacity: 0.1;*/
}

.xialaph li:first-child h4::after {
	display: none;
}

.xialaph h4::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #dddddd;
	/*opacity: 0.1;*/
}

.xialaph h4 em {
	font-size: 12px;
	margin-left: 5px;
	text-transform: uppercase;
}

.xialaph h5 a {
	display: block;
	color: #333;
	font-size: 14px;
	line-height: 42px;
}

.xialaph h5 {
	position: relative;
}

.xialaph h5::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #dddddd;
	/*opacity: 0.05;*/
}

.xialaph li:last-child h5::after {
	display: none;
}

.xialaph h4 b {
	position: absolute;
	right: 5px;
	top: 50%;
	width: 9px;
	height: 9px;
	float: right;
	border-top: #999 solid 1px;
	border-right: #999 solid 1px;
	margin-top: -5px;
	cursor: pointer;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.xialaph h4.active b {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	margin-top: -7px;
}

/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3 {
	padding-top: 12px;
	padding-bottom: 18px;
	padding-left: 15px;
	position: relative;
}

.xialaph .ul3::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}

.xialaph li:last-child .ul3::after {
	display: none;
}

.xialaph .ul3 li a {
	color: #666;
	font-size: 14px;
	line-height: 35px;
	display: block;
}

.xialaph .ul3 li {
	padding-top: 5px;
}

.xialaph .ul3 li:first-child {
	padding-top: 0;
}

.xialaph h5 b {
	position: absolute;
	right: 5px;
	top: 50%;
	width: 9px;
	height: 9px;
	float: right;
	border-top: #999 solid 1px;
	border-right: #999 solid 1px;
	margin-top: -5px;
	cursor: pointer;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.xialaph h5.active b {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	margin-top: -7px;
}

.xialaph .searchP {
	margin-top: 15px;
	height: 35px;
	border: #dddddd solid 1px;
	width: 60%;
	float: left;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
}

.xialaph .searchP button {
	float: right;
	width: 21px;
	height: 21px;
	margin: 6px 12px 0 0;
	line-height: 0;
}

.xialaph .searchP .searchLeft {
	padding: 0 34px 0 0;
}

.xialaph .searchP .searchLeft .Iminput {
	float: left;
	width: 100%;
	height: 33px;
	padding: 0 0 0 14px;
	color: #333;
	font-size: 14px;
	border: 0;
	background: 0;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	-webkit-appearance: none;
	outline: 0;
}


.phonemeng {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 196;
	display: none;
}

.phonemeng.active {
	display: block;
}



@media screen and (max-width:1199px) {
	.top2 {
		background-color: #fff;
	}
}

.is-sticky {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 555;
}

.is-sticky .menu li a {
	padding: 22px 0;
}

.is-sticky .menu li#nav_logo a {
	padding: 0;
}

.is-sticky .menu li#nav_logo a img {
	height: 62px;
}

.is-sticky .sub {
	top: 84px;
}

/*banner*/
.pz_banner {
	clear: both;
}

.homeleft .downk {
	margin: -150px auto auto auto;
	width: 93%;
	position: relative;
}

.bg_white {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 50px;
	left: 0;
	opacity: 0.8;
}

.homeleft .downk .homedown {
	padding: 10px 5px 0 5px;
	width: 100%;
	margin: auto;
}

.homeleft .downk .homedown .imgk {
	width: 97%;
	margin: auto;
	padding-top: 50px;
}

.imgk2 {
	position: relative;
}

.img_on {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 22;
	background: url(images/p3.png) center bottom no-repeat;
}

.img_on span {
	display: block;
	width: 64px;
	height: 64px;
	margin: -20px auto auto auto;
	display: none;
}

.img_on i {
	width: 1px;
	height: 36px;
	background-color: #fff;
	margin: 15px auto 10px auto;
	display: none;
}

.img_on h5 {
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 2%;
	width: 96%;
}

.homeleft .downk .homedown .imgk:hover .imgk2 {
	position: relative;
	z-index: 99;
}

.homeleft .downk .homedown .imgk:hover .c_img {
	transform: scale(1, 1.7);
	position: relative;
	z-index: 2;
	background-color: rgba(42, 89, 167, 0.9);
}

.homeleft .downk .homedown .imgk:hover .c_img img {
	opacity: 0.2;
}

.homeleft .downk .homedown .imgk:hover .img_on {
	height: 100%;
}

.homeleft .downk .homedown .imgk:hover .img_on span,
.homeleft .downk .homedown .imgk:hover .img_on i {
	display: block;
}

.homeleft .downk .homedown .imgk:hover .img_on h5 {
	position: static;
}

.homeleft .downk .homedown .slick-prev,
.homeleft .downk .homedown .slick-next {
	width: 50px;
	height: 110px;
	top: 63%;
	border-radius: 8px;
	display: none !important;
}

@media screen and (max-width:767px) {

	.homeleft .downk .homedown .slick-prev,
	.homeleft .downk .homedown .slick-next {
		border-radius: 4px;
		display: block !important;
	}
}



.homeleft .downk .homedown .slick-prev {
	left: -50px;
	background: url(images/p4.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.4);
}

.homeleft .downk .homedown .slick-next {
	right: -50px;
	background: url(images/p5.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.4);
}

.homeleft .downk .homedown .slick-prev:hover,
.homeleft .downk .homedown .slick-next:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

/*3.20*/
.homeleft .topk .hometop .slick-prev,
.homeleft .topk .hometop .slick-next {
	width: 50px;
	height: 110px;
	border-radius: 8px;
	display: none !important;
}

.homeleft .topk .hometop .slick-prev {
	left: 30px;
	background: url(images/p4.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.4);
}

.homeleft .topk .hometop .slick-next {
	right: 30px;
	background: url(images/p5.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.4);
}

.homeleft .topk .hometop .slick-prev:hover,
.homeleft .topk .hometop .slick-next:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

/*3.20end*/

@media screen and (max-width:1437px) {
	.homeleft .downk {
		margin: -130px auto auto auto;
	}

	.homeleft .downk .homedown .slick-prev,
	.homeleft .downk .homedown .slick-next {
		top: 62%;
	}
}

@media screen and (max-width:1199px) {
	.homeleft .downk .homedown .imgk .img_on i {
		height: 20px;
		margin: 10px auto;
	}

	.homeleft .downk .homedown .slick-prev,
	.homeleft .downk .homedown .slick-next {
		height: 80px;
		top: 63%;
		width: 30px;
	}

	.homeleft .downk .homedown .slick-prev {
		left: -30px;
	}

	.homeleft .downk .homedown .slick-next {
		right: -30px;
	}

	.homeleft .downk {
		margin: -120px auto auto auto;
		width: 100%;
	}

	/*	3.20*/
	.homeleft .topk .hometop .slick-prev,
	.homeleft .topk .hometop .slick-next {
		width: 30px;
		height: 66px;
	}

	.homeleft .topk .hometop .slick-prev {
		left: 0;
	}

	.homeleft .topk .hometop .slick-next {
		right: 0;
	}

	/*	3.20end*/
}

@media screen and (max-width:991px) {
	.homeleft .downk .homedown .imgk:hover .c_img {
		transform: scale(1);
		background: none;
	}

	.homeleft .downk .homedown .imgk:hover .c_img img {
		opacity: 1;
	}

	.img_on {
		height: 100%;
	}

	.homeleft .downk .homedown .imgk:hover .img_on span,
	.homeleft .downk .homedown .imgk:hover .img_on i {
		display: none;
	}

	.homeleft .downk .homedown .imgk:hover .img_on h5 {
		position: absolute;
	}

	.homeleft .downk .homedown .slick-prev,
	.homeleft .downk .homedown .slick-next {
		top: 48%;
	}

	.homeleft .downk {
		margin: -80px auto auto auto;
		width: 80%;
	}

	.homeleft .downk .homedown .imgk {
		padding-top: 0px;
	}

	.bg_white {
		top: 0;
	}
}

@media screen and (max-width:767px) {
	.img_on h5 {
		font-size: 12px;
		bottom: 10px;
	}

	.homeleft .downk {
		margin: -20px auto auto auto;
		width: 90%;
	}

	.homeleft .downk .homedown .slick-prev,
	.homeleft .downk .homedown .slick-next {
		top: 48%;
		width: 20px;
		height: 60px;
	}

	.homeleft .downk .homedown .slick-prev {
		left: -20px;
	}

	.homeleft .downk .homedown .slick-next {
		right: -20px;
	}
}

/*main*/

.yf {
	display: block;
}

.yf_img {
	width: 44.81%;
	float: left;
}

.yf_r {
	width: 55.19%;
	float: right;
	padding: 0 3.55%;
	background: url(images/j3.jpg) center bottom no-repeat;
	background-size: 100% auto;
}

.yf_r h3 {
	font-size: 32px;
	color: #333333;
	font-weight: bold;
	margin-top: 44px
}

.yf_r h4 {
	font-size: 22px;
	color: #333333;
	text-transform: uppercase;
	padding: 15px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(157, 159, 162, 0.2);
}

.yf_r .p {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

.c_more {
	display: inline-block;
	margin: 20px 0 42px 0;
	position: relative;
}

.c_more::after {
	width: 0;
	height: 41px;
	background-color: #3082cd;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.c_more h5 {
	width: 107px;
	height: 41px;
	background-color: #1064b0;
	line-height: 41px;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #fff;
}

.c_more span {
	float: left;
	width: 41px;
	height: 41px;
	background-color: #3082cd;
}

.c_more:hover::after {
	width: 100%;
}

@media screen and (max-width:1437px) {
	.yf_r h3 {
		margin-top: 10px;
	}

	.c_more {
		margin: 18px 0 10px 0;
	}
}

@media screen and (max-width:991px) {
	.yf {
		margin: 0;
	}

	.yf_r {
		width: 100%;
		padding: 0;
		float: left;
	}

	.yf_img {
		width: 100%;
		margin: auto;
	}
}

@media screen and (max-width:767px) {
	.yf_r h3 {
		font-size: 20px;
		margin: 0;
	}

	.yf_r h4 {
		font-size: 18px;
		padding: 10px 0;
		margin-bottom: 10px;
	}

	.yf_r .p {
		line-height: 20px;
		height: 100px;
		font-size: 13px;
	}

	.c_more h5 {
		font-size: 12px;
		height: 34px;
		line-height: 34px;
	}

	.c_more span {
		width: 34px;
		height: 34px;
	}
}

.yf2 {
	padding-bottom: 50px;
}

.in_new {
	width: 45.3%;
	float: left;
}

.in_new_title {
	position: relative;
	z-index: 1;
}

.in_new_title_l {
	float: left;
}

.in_new_title_l h4 {
	float: left;
	font-size: 74px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 59px;
}

.in_new_title_l div {
	float: left;
	margin-top: 5px;
}

.in_new_title_l div h5 {
	font-size: 24px;
	line-height: 1;
	color: #333333;
}

.in_new_title_l div h6 {
	font-size: 24px;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	letter-spacing: 1px;
}

.new_new {
	float: right;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	text-transform: uppercase;
	opacity: 0.1;
	line-height: 22px;
}

.new_new:hover {
	opacity: 1;
}

.in_new_tab {
	margin-top: -22px;
	position: relative;
	z-index: 2;
}

.in_new_tab .hd {
	text-align: right;
}

.in_new_tab .hd li {
	display: inline-block;
	font-size: 14px;
	color: #666666;
	margin-left: 15px;
	position: relative;
	cursor: pointer;
}

.in_new_tab .hd li::after {
	width: 3px;
	height: 14px;
	background-color: #1064b0;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -1.5px;
	content: "";
	display: none;
}

@media screen and (min-width:992px) {
	.in_new_tab .hd li:hover {
		color: #1064b0;
	}

	.in_new_tab .hd li:hover::after {
		display: block;
	}
}

.in_new_tab .hd li.hover {
	color: #1064b0;
}

.in_new_tab .hd li.hover::after {
	display: block;
}

.in_new_tab .bd {
	margin-top: 30px;
}

.in_new_tab .bd ul {
	overflow: hidden;
}

.slick_ul .li h4 {
	font-size: 18px;
	color: #1064b0;
	font-weight: bold;
	letter-spacing: 1px;
}

.slick_ul .li .p {
	font-size: 14px;
	line-height: 26px;
	color: #666666;
	margin: 20px 0 20px 0;
	text-align: justify;
	height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.slick_ul .li .p div span {
	border: 1px solid #bebebe;
	display: inline-block;
	margin-right: 2px;
	padding: 0px 8px;
}

.slick_ul .li .p div span:hover {
	background: #1064b0;
	color: #fff;
	border-color: #1064b0;
}

.slick_ul .li h5 {
	text-align: right;
	font-size: 14px;
	color: #9d9fa2;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #dedee0;
}

.slick_ul .li:hover h4 {
	color: #c00037;
}

.slick_ul .slick-prev,
.slick_ul .slick-next {
	width: 40px;
	position: absolute;
	height: 40px;
	border-top: 3px solid #9d9fa2;
	bottom: 1px;
	top: auto;
	transform: translate(0);
	left: 0;
}

.slick_ul .slick-next {
	left: 105px;
	right: auto;
}

.slick_ul .slick-prev::after {
	position: absolute;
	width: 100%;
	height: 40px;
	content: "prev";
	font-size: 14px;
	color: #0f0f0f;
	text-transform: uppercase;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
}

.slick_ul .slick-next::after {
	position: absolute;
	width: 100%;
	height: 40px;
	content: "next";
	font-size: 14px;
	color: #0f0f0f;
	text-transform: uppercase;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 40px;
	background-color: #fff;
}

.slick_ul .slick-next:hover,
.slick_ul .slick-prev:hover {
	border-color: #1064b0;
}

.slick_ul .slick-next:hover::after,
.slick_ul .slick-prev:hover::after {
	color: #1064b0;
}

.in_map {
	width: 51.6%;
	float: right;
}

/*.in_map_img{width:64.87%; height: auto; margin: auto; position: relative;}
.in_map_img > img{margin-top:-28px;}*/

/*3.27*/
.in_map_img {
	width: 100%;
	height: auto;
	margin: auto;
	position: relative;
}

/**/

@media screen and (max-width:1199px) {

	/*.in_map_img{width:100%;}
	.in_map_img img{margin:0;}*/
	/*	3.27*/
	.in_map_img {
		width: 80%;
	}

	/*	*/
}

@media screen and (max-width:991px) {
	.in_new {
		width: 100%;
	}

	.in_new_title_l h4 {
		font-size: 50px;
		line-height: 40px;
	}

	.in_new_title_l div h5 {
		font-size: 20px;
	}

	.in_new_title_l div,
	.in_new_title_l div h6 {
		font-size: 16px;
		margin-top: 0;
	}

	.in_new_tab {
		margin-top: 0 !important;
	}

	.in_new_tab .bd {
		margin-top: 20px;
	}

	.slick_ul .li .p {
		margin: 20px 0;
	}

	.in_map {
		width: 100%;
		margin-top: 30px;
	}

	.in_map_img {
		width: 60%;
	}
}

@media screen and (max-width:767px) {
	.in_new_title_l h4 {
		font-size: 40px;
		line-height: 34px;
	}

	.in_new_title_l div h5 {
		font-size: 16px;
	}

	.new_new {
		font-size: 16px;
		line-height: 22px;
	}

	.slick_ul .li h4 {
		font-size: 15px;
	}

	.slick_ul .li .p {
		font-size: 13px;
		line-height: 22px;
		height: 90px;
		margin: 10px 0;
	}

	.in_map_img {
		width: 100%;
	}

	.yf2 {
		padding-bottom: 30px;
	}

	.projects-body .slick-slide .c_tit {
		padding: 5px 0;
	}

}

/*bottom*/
.bottom {
	background-color: #353535;
	padding: 22px 0;
	padding-bottom: 0;
	background-image: url(images/footBg.jpg);
	background-position: center center;
}

.b_r {
	float: right;
}

.b_r .list {
	float: left;
	position: relative;
	padding: 0 10px;
}

.b_r .list::after {
	width: 1px;
	height: 16px;
	background-color: #fff;
	opacity: 0.4;
	top: 0;
	right: 0;
	content: "";
	position: absolute;
	z-index: 300;
}

.b_r .list:last-child::after {
	display: none;
}

.b_r .list h5 {
	font-size: 14px;
	color: #fff;
	opacity: 0.4;
	line-height: 16px;
	cursor: pointer;
}

.b_r .list>a {
	font-size: 14px;
	color: #fff;
	opacity: 0.4;
	line-height: 16px;
}

.b_r .list:hover>a {
	opacity: 1;
}

.list_link_box {
	position: absolute;
	bottom: 16px;
	left: 50%;
	margin-left: -62px;
	height: 0;
	overflow: hidden;
	width: 124px;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.list_link {
	width: 104px;
	padding: 10px 0;
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.15);
	margin: 10px 10px 17px 10px;
}

.list_link span {
	position: absolute;
	bottom: -10px;
	left: 0;
}

.list_link_scroll {
	max-height: 170px;
	overflow-y: auto;
	overflow-x: hidden;
}

.list_link_scroll a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #666666;
	padding: 7px 5px;
	;
	position: relative;
}

.list_link_scroll a::after {
	width: 86%;
	left: 7%;
	position: absolute;
	top: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	content: "";
}

.list_link_scroll a:first-child::after {
	border-top: none;
}

.list_link_scroll a:hover {
	background-color: #2382db;
	color: #fff;
}

.b_l {
	float: left;
	line-height: 16px;
	font-size: 14px;
	color: #fff;
	opacity: 0.4;
	letter-spacing: 1px;
}

.b_r .list:hover .list_link_box {
	height: 110px;
}

.b_r .list:hover h5 {
	opacity: 1;
}

@media screen and (max-width:991px) {
	.b_r {
		width: 100%;
		text-align: center;
	}

	.b_r .list {
		display: inline-block;
		float: none;
	}

	.b_r .list.active .list_link_box {
		height: 217px;
	}

	.b_r .list.active h5 {
		opacity: 1;
	}

	.b_l {
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
}

@media screen and (max-width:767px) {
	.bottom {
		padding: 10px 0;
	}

	.b_l {
		font-size: 12px;
	}

	.list_link span {
		bottom: -12px
	}
}

/*关于我们*/
.PageNav {
	border-bottom: 1px solid #dedede;
	text-align: center;
	font-size: 0;
}

.PageNav a {
	display: inline-block;
	width: 12.78%;
	height: 64px;
	line-height: 64px;
	text-align: center;
	font-size: 16px;
	color: #333333;
	border-right: 1px solid #dedede;
}

.PageNav a:first-child {
	border-left: 1px solid #dedede;
}

.PageNav a:hover {
	background-color: #2382db;
	color: #fff;
}

.PageNav a.hover {
	background-color: #2382db;
	color: #fff;
}

@media screen and (max-width:991px) {
	.PageNav {
		display: none;
	}
}

/*内页下拉*/
.babyserBox {
	position: relative;
	height: 49px;
	width: 100%;
	display: none;
}

.babyser {
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
}

.babyser h2 {
	float: left;
	width: 100%;
	padding: 0 15px;
	border-bottom: #e1e1e1 solid 1px;
	color: #333333;
	font-size: 18px;
	line-height: 48px;
}

.babyser h2 .imgr {
	float: right;
	margin: 16px 0 0 0;
}

@media screen and (max-width:991px) {
	.babyser h2 .imgr {
		float: right;
		margin: 16px 0 0 0;
		transition: all 0.2s linear;
	}

	.babyser h2.active .imgr {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}

.pz_SideLayerph {
	display: none;
	background-color: #fff;
}

.pz_SideLayerph .l1 h3 {
	color: #333;
	font-size: 14px;
	line-height: 40px;
	cursor: pointer;
	border-bottom: #e1e1e1 dashed 1px;
	position: relative;
}

.pz_SideLayerph .l1 h3 a {
	display: block;
	color: #333;
	padding-left: 15px;
}

.pz_SideLayerph .l1 h3.active a {
	color: #337ab7;
}

.pz_SideLayerph .l1 h3 img {
	position: absolute;
	right: 0;
	top: 0;
	margin: 17px 15px 0 0;
}

.pz_SideLayerph .l1 h3 img.img3 {
	display: block;
}

.pz_SideLayerph .l1 h3 img.img3h {
	display: none;
}

.pz_SideLayerph .l1 h3.active img.img3 {
	display: none;
}

.pz_SideLayerph .l1 h3.active img.img3h {
	display: block;
}

.pz_SideLayerph .l1 .l1ul {
	display: none;
}

.pz_SideLayerph .l1 .l1ul li {
	border-bottom: #e1e1e1 solid 1px;
	padding: 10px 10px 10px 29px;
	font-size: 14px;
	line-height: 22px;
}

.pz_SideLayerph .l1 .l1ul li:last-child {
	border: 0;
}

.pz_SideLayerph .l1 .l1ul li a {
	color: #999999;
}

@media screen and (max-width:991px) {
	.babyserBox {
		display: block;
	}
}

.AboutUs {
	padding: 60px 0 85px 0;
}

.AboutUs_title {
	text-align: center;
}

.AboutUs_title h3 {
	font-size: 78px;
	color: #6d6d6d;
	text-transform: uppercase;
	opacity: 0.1;
}

.AboutUs_title h4 {
	font-size: 30px;
	color: #2f2f2f;
	font-weight: bold;
	margin-top: -40px;
}

.AboutUs_title span {
	display: block;
	width: 3px;
	height: 33px;
	background-color: #2382db;
	margin: 20px auto auto auto;
}

.AboutUs_d .p {
	font-size: 16px;
	color: #666666;
	line-height: 36px;
	text-align: center;
	margin: 30px 0;
}


.comCount {
	width: 60%;
	margin: auto;
}

.comCount .countLi {
	float: left;
	width: 25%;
	position: relative;
}

.comCount .countLi::after {
	width: 1px;
	height: 47px;
	position: absolute;
	top: 50%;
	margin-top: -23px;
	left: 0;
	border-left: #dadada solid 1px;
	content: "";
}

.comCount .countLi:first-child::after {
	border-left: none;
}

.comCount .countLi .big {
	text-align: center;
}

.comCount .countLi .big .bigCen {
	display: inline-block;
	vertical-align: top;
	color: #2382db;
	font-size: 38px;
	line-height: 1;
	position: relative;
	margin-left: -20px;
}

.comCount .countLi .big .bigCen .bigS {
	position: absolute;
	left: 100%;
	font-size: 24px;
	padding-left: 10px;
	bottom: 0;
	font-weight: normal;
}

.comCount .countLi .big .bigCen .bigS i {
	font-size: 38px;
}


.comCount .countLi .bigText {
	color: #666666;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	margin-top: 16px;
}

@media screen and (max-width:1199px) {
	.comCount {
		width: 80%;
	}
}

@media screen and (max-width:991px) {
	.AboutUs {
		padding: 50px 0;
	}
}

@media screen and (max-width:767px) {
	.comCount .countLi:last-child .big .bigCen .bigS {
		min-width: 0;
	}

	.AboutUs {
		padding: 30px 0;
	}

	.AboutUs_title h3 {
		font-size: 50px;
	}

	.AboutUs_title h4 {
		font-size: 20px;
		margin-top: -30px;
	}

	.AboutUs_title span {
		width: 2px;
		height: 20px;
		margin-top: 10px;
	}

	.AboutUs_d .p {
		font-size: 13px;
		line-height: 22px;
		margin: 10px 0 !important;
	}

	.comCount {
		width: 100%;
	}

	.comCount .countLi {
		width: 50%;
	}

	.comCount .countLi::after {
		border: none;
	}

	.AboutUs_d .p br {
		display: none;
		display: block;
	}

	.AboutUs_d .p {
		text-align: justify;
	}

	.comCount .countLi .big .bigCen {
		font-size: 20px;
	}

	.comCount .countLi .big .bigCen .bigS {
		font-size: 13px;
	}

	.comCount .countLi .big .bigCen .bigS i {
		font-size: 16px;
	}

	.comCount .countLi .bigText {
		font-size: 12px;
		margin: 10px 0 20px 0;
	}
}

.AboutUs2 {
	padding: 75px 0 70px 0;
}

.AboutUs2_title {
	text-align: center;
}

.AboutUs2_title h3 {
	font-size: 34px;
	color: #fff;
	position: relative;
	z-index: 1;
}

.AboutUs2_title span {
	display: block;
	margin-top: -20px;
}

.AboutUs2 .p {
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	opacity: 0.8;
	margin: 34px 0;
	text-align: center;
}

.AboutUs2_ul {
	text-align: center;
}

.AboutUs2_ul li {
	display: inline-block;
	width: 9.94%;
	margin: 2.48%;
	vertical-align: top;
}

.AboutUs2_ul li span {
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.2);
	width: 100%;
	display: block;
}

.AboutUs2_ul li span img:nth-child(2) {
	display: none;
}

.AboutUs2_ul li h6 {
	font-size: 18px;
	color: #fff;
	margin-top: 16px;
}

.AboutUs2_ul li:hover span {
	background-color: #fff;
}

.AboutUs2_ul li:hover span img:nth-child(1) {
	display: none;
}

.AboutUs2_ul li:hover span img:nth-child(2) {
	display: block;
}

@media screen and (max-width:991px) {
	.AboutUs2 {
		padding: 50px 0;
	}

	.AboutUs2_title h3 {
		font-size: 28px;
	}
}

@media screen and (max-width:767px) {
	.AboutUs2 {
		padding: 30px 0;
	}

	.AboutUs2_title h3 {
		font-size: 22px;
	}

	.AboutUs2 .p {
		font-size: 13px;
		line-height: 22px;
		margin: 20px 0;
		text-align: justify;
	}

	.AboutUs2 .p br {
		display: none;
	}

	.AboutUs2_ul li {
		width: 30%;
		margin: 0;
	}

	.AboutUs2_ul li span {
		width: 80%;
		margin: auto;
	}

	.AboutUs2_ul li h6 {
		font-size: 13px;
		margin: 10px 0 15px 0;
	}
}

.AboutUs3 {
	padding: 75px 0;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}

@media screen and (max-width:991px) {
	.AboutUs3 {
		padding: 50px 0;
	}
}

@media screen and (max-width:767px) {
	.AboutUs3 {
		padding: 30px 0;
		font-size: 13px;
		line-height: 22px;
		text-align: justify;
	}

	.AboutUs3 br {
		display: none;
	}
}



.aboutPic {
	display: block;
	padding: 30px 60px 60px;
}

@media screen and (max-width:767px) {
	.aboutPic {

		padding: 0;
		padding-top: 15px;
		padding-bottom: 30px;
	}

	.aboutPic .col-xs-6 {
		margin-bottom: 20px;
	}
}

.aboutPic .row [class*=col-] {
	padding-left: 10px;
	padding-right: 10px;
}




/*发展历程*/
.del {
	padding: 75px 0 85px 0;
}

.AboutUs2_title2 h3 {
	color: #333333;
}

.del_ul_box_bg {
	width: 96%;
	position: absolute;
	top: 34%;
	left: 0;
}

.del_ul {
	margin: 52px auto auto auto;
	width: 86%;
}

.del_li {
	width: 100%;
	position: relative;
}

.del_li .list {
	float: left;
	width: 23.66%;
	position: relative;
	z-index: 1;
}

.del_li .list1 {
	margin-right: 1.41%;
	margin-top: 40px;
}

.del_li .list2 {
	width: 24.33%;
}

.del_li .list3 {
	width: 25.5%;
	margin-top: 40px;
}

.del_li .list4 {
	width: 24.16%;
	margin-top: 10px;
}

.list_t {
	background: url(images/p21.png) left top no-repeat;
	padding: 12px 0 0 25px;
	height: 203px;
	overflow: hidden;
	margin-left: 25px;
}

.del_li .list4 .list_t {
	height: 260px;
	background-image: url(images/p22.png);
}

.list_t h3 {
	font-size: 16px;
	color: #1064b0;
	font-weight: bold;
}

.list_t .p {
	font-size: 14px;
	color: #555555;
	line-height: 24px;
	height: 96px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 7px;
}

.del_li .list2 .list_t .p {
	height: 120px;
}

.del_li .list4 .list_t .p {
	height: 168px;
}

.list_m {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.01);
	box-shadow: 0 0 12px rgba(171, 171, 171, 0.38);
	padding: 10.5px;
	margin-left: 43px;
	margin-top: -10px;
}

.list_m span {
	display: block;
	width: 79px;
	height: 79px;
	border: 2px solid #fff;
	box-shadow: 0 0 12px rgba(171, 171, 171, 0.38);
	line-height: 79px;
	text-align:
		center;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	border-radius: 50%;
	background-color: #1064b0;
}

.list_d {
	width: 210px;
	background-color: #1064b0;
	padding: 10px;
	margin-top: 38px;
}

.list_d h5 {
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 18px 0 8px 0;
}

.list4 .list_d {
	margin-top: 8px;
}

.del_ul .slick-prev,
.del_ul .slick-next {
	width: 55px;
	height: 110px;
	top: 55%;
}

.del_ul .slick-prev {
	background: url(images/p24.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.5);
	left: -120px;
}

.del_ul .slick-next {
	background: url(images/p25.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.5);
	right: -80px;
}

.del_ul .slick-prev:hover,
.del_ul .slick-next:hover {
	background-color: #e95681;
}

.del_ul_ph {
	display: none;
}

@media screen and (max-width:1437px) {
	.del_ul .slick-next {
		right: -38px;
	}

	.del_ul .slick-prev {
		left: -60px;
	}

	.del_ul {
		width: 96%;
	}
}

@media screen and (max-width:991px) {
	.del_ul_pc {
		display: none;
	}

	.del_ul_ph {
		display: block;
	}

	.del_li .list {
		width: 48%;
		margin: 0 1%;
	}

	.del_ul_box_bg {
		width: 100%;
		top: 30%;
	}

	.del {
		padding: 50px 0;
	}

	.del_ul .slick-prev,
	.del_ul .slick-next {
		width: 30px;
		height: 60px;
		top: 50%;
	}

	.del_ul .slick-next {
		right: 0;
	}

	.del_ul .slick-prev {
		left: 0;
	}
}

@media screen and (max-width:767px) {
	.del {
		padding: 30px 0;
	}

	.del_ul_ph {
		width: 100%;
		margin-top: 20px;
	}

	.list_t .p {
		font-size: 12px;
		line-height: 20px;
		height: 80px !important;
	}

	.list_t {
		height: 140px !important;
		margin-left: 0;
	}

	.list_t {
		background-size: auto 100%;
	}

	.del_ul_box_bg {
		top: 100px;
		width: 96%
	}

	.list_d {
		width: 80%;
		margin-top: 20px !important;
		padding: 5px;
	}

	.list_m span {
		font-size: 16px;
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.list_m {
		width: 70px;
		height: 70px;
		padding: 5px;
		margin-left: 10px;
	}

	.list_d h5 {
		font-size: 12px;
	}

	.del_ul .slick-prev,
	.del_ul .slick-next {
		top: 40%;
	}
}

@media screen and (max-width:580px) {
	.del_ul_box_bg {
		top: 130px;
	}
}

/*企业文化*/
.culture {
	padding: 0 5.56%;
}

.culture1 {
	padding: 60px 0 160px 0;
}

.culture1_img {
	width: 50%;
	float: left;
}

.culture1_r {
	width: 46%;
	float: right;
	position: relative;
}

.culture1_r h3 {
	font-size: 34px;
	color: #2382db;
	font-weight: bold;
	margin: 52px 0 30px 0;
	letter-spacing: 2px;
}

.culture1_r .p {
	font-size: 16px;
	line-height: 32px;
	color: #555555;
}

.culture1_r .p .h5 {
	font-size: 16px;
	color: #555555;
	font-weight: bold;
	margin-bottom: 10px;
}

.c_dot {
	width: 57px;
	height: 53px;
	position: absolute;
}

.c_dot1 {
	top: -30px;
	left: -58px;
}

.c_dot2 {
	bottom: 0px;
	right: 0;
}

@media screen and (max-width:1550px) {
	.culture1_r h3 {
		margin: 20px 0;
	}

	.c_dot2 {
		right: -40px;
	}
}

@media screen and (max-width:1229px) {
	.culture1_img {
		width: 40%;
	}

	.culture1_r {
		width: 55%;
	}

	.c_dot {
		width: 30px;
		height: auto;
	}

	.culture1_r h3 {
		font-size: 26px;
		margin: 10px 0 20px 0;
	}

	.culture1_r .p {
		font-size: 14px;
		line-height: 24px;
	}

	.c_dot1 {
		top: 0;
	}

	.culture {
		padding: 0;
	}
}

@media screen and (max-width:991px) {
	.culture1 {
		padding: 50px 0;
	}
}

@media screen and (max-width:767px) {
	.culture1 {
		padding: 30px 0;
	}

	.culture1_img,
	.culture1_r {
		width: 100%;
	}

	.culture1_r h3 {
		font-size: 20px;
	}

	.culture1_r .p {
		font-size: 13px;
		line-height: 20px;
	}

	.c_dot1 {
		left: 0;
		top: -20px;
	}

	.c_dot2 {
		right: 0;
		bottom: 0px;
	}

	.culture {
		padding: 0;
	}
}

.culture2 li {
	margin-top: 44px;
}

.culture2 li:first-child {
	margin-top: 0;
}

.culture2_l {
	float: left;
	width: 70%;
}

.culture2_l h3 {
	font-size: 34px;
	color: #2382db;
	margin: 5px 0 15px 0;
	letter-spacing: 6px;
}

.culture2_l h5 {
	font-size: 18px;
	color: #666666;
}

.culture2_r {
	width: 92px;
	border-radius: 50%;
	background-color: #2382db;
	float: right;
}

.culture2 li:nth-child(2n) .culture2_l {
	float: right;
	text-align: right;
}

.culture2 li:nth-child(2n) .culture2_r {
	float: left;
}

@media screen and (max-width:991px) {
	.culture2_l h3 {
		font-size: 26px;
	}

	.culture2_l h5 {
		font-size: 16px;
		line-height: 22px;
	}
}

@media screen and (max-width:767px) {
	.culture2_l h3 {
		font-size: 20px;
		margin: 5px 0 0 0;
	}

	.culture2_l h5 {
		font-size: 13px;
	}

	.culture2_r {
		width: 60px;
		height: 60px;
	}

	.culture2 li {
		margin-top: 10px;
	}
}

.culture3 {
	padding: 150px 0 70px 0;
}

.culture3 .AboutUs2_title2 h3 {
	color: #2382db;
}

.culture3_time {
	margin-top: 40px;
	position: relative;
	padding: 50px 0 58px 0;
}

.culture3_time::after {
	width: 1px;
	height: 100%;
	content: "";
	background-color: #c9c9c9;
	position: absolute;
	top: 0;
	left: 50%;
}

.culture3_time li {
	width: 100%;
	margin-top: -40px;
	position: relative;
	z-index: 1
}

.time_list {
	width: 50%;
	float: right;
	position: relative;
	z-index: 1;
}

.culture3_time li:nth-child(2n) .time_list {
	float: left;
}

.time_list span {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #c9c9c9;
	left: -7px;
	border: 3px solid #fff;
	top: 50%;
	margin-top: -7.5px;
}

.time_list span::after {
	width: 15px;
	height: 1px;
	background-color: #c9c9c9;
	position: absolute;
	top: 50%;
	left: 15px;
	content: "";
}

.culture3_time li:nth-child(2n) .time_list span {
	right: -7px;
	left: auto;
}

.culture3_time li:nth-child(2n) .time_list span::after {
	right: 15px;
	left: auto;
}

.time_img {
	width: 120px;
	height: 120px;
	float: left;
	border-radius: 50%;
	background-color: #f0f1f1;
	border: 6px solid #fff;
	box-shadow: 0 8px 16px rgba(51, 51, 51, 0.14);
	margin: 0 3.52% 0 7.52%;
}

.time_text {
	float: left;
	max-width: 62%;
}

.culture3_time li:nth-child(2n) .time_img {
	float: right;
	margin: 0 7.52% 0 3.52%;
}

.culture3_time li:nth-child(2n) .time_text {
	float: right;
	text-align: right;
}

.time_text {
	padding-top: 35px;
}

.time_text h4 {
	font-size: 18px;
	color: #2382db;
}

.time_text h5 {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

@media screen and (max-width:991px) {
	.culture3 {
		padding: 50px 0;
	}

	.time_img {
		width: 80px;
		height: 80px;
	}

	.time_text {
		padding-top: 10px;
	}

	.culture3_time li {
		margin-top: 0;
	}
}

@media screen and (max-width:767px) {
	.culture3 {
		padding: 30px 0;
	}

	.culture3_time::after {
		left: 10px;
	}

	.time_list {
		width: 100%;
		padding-left: 10px;
	}

	.time_list span {
		left: 3px !important;
		top: 22.5px;
		margin: 0;
	}

	.time_list span::after {
		left: 15px !important;
	}

	.time_img {
		float: left !important;
		width: 60px;
		height: 60px;
		border-width: 2px;
		margin: 0 10px 0 30px !important;
	}

	.time_text {
		float: left !important;
		text-align: left !important;
	}

	.time_text h4 {
		font-size: 15px;
	}

	.time_text h5 {
		font-size: 12px;
		line-height: 20px;
	}

	.culture3_time li {
		margin-top: 10px;
	}

	.culture3_time {
		margin-top: 20px;
		padding: 10px 0
	}
}


/*企业荣誉*/
.honor_box {
	padding: 0;
	padding-top: 60px;
}

.honor {
	position: relative;
	padding: 55px 0 15px 0;
}

.honor::after {
	width: 1px;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	background-color: #dadada;
}

.honor::before {
	width: 15px;
	height: 15px;
	content: "";
	border-radius: 50%;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -7.5px;
	background-color: #2382db;
	z-index: 1;
}

.honor li {
	margin-bottom: 35px;
	width: 100%;
	position: relative;
	z-index: 1;
}

.honor_list {
	width: 58%;
	position: relative;
	float: right;
	padding-left: 138px;
}

.honor li:nth-child(2n) .honor_list {
	float: left;
	padding: 0 138px 0 0;
}

.honor_time {
	width: 89px;
	height: 89px;
	border-radius: 50%;
	line-height: 89px;
	text-align: center;
	background-color: #666666;
	position: absolute;
	top: 50%;
	margin-top: -44.5px;
	left: 0;
	font-size: 24px;
	color: #fff;
	font-family: Arial;
	box-shadow: 0 9px 13px rgba(0, 0, 0, 0.07);
}

.honor li:nth-child(2n) .honor_time {
	right: 0;
	left: auto;
}

.honor_list span {
	width: 22px;
	height: 22px;
	background: url(images/p37.png) center no-repeat;
	background-size: cover;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 102px;
}

.honor_list span::after {
	height: 1px;
	width: 16px;
	position: absolute;
	content: "";
	top: 50%;
	left: -15px;
	background-color: #666666;
}

.honor li:nth-child(2n) .honor_list span {
	right: 102px;
	left: auto;
}

.honor li:nth-child(2n) .honor_list span::after {
	right: -15px;
	left: auto;
}

.honor_text {
	width: 84%;
	background-color: #f5f5f5;
	border-radius: 8px;
	box-shadow: 0 9px 13px rgba(0, 0, 0, 0.06);
	min-height: 89px;
	padding: 20px 30px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	float: left;
}

.honor li:nth-child(2n) .honor_text {
	float: right;
	text-align: right;
}

.honor li:hover .honor_time {
	background-color: #2382db;
}

.honor li:hover .honor_text {
	background-color: #2382db;
	color: #fff;
}

.more1 {
	width: 89px;
	height: 89px;
	border-radius: 50%;
	display: block;
	margin: auto;
	padding: 24.5px 24px;
	background-color: #2382db;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	text-align: center;
}

.more1:hover {
	color: #fff;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media screen and (max-width:1437px) {
	.honor_list {
		width: 59.5%;
	}
}

@media screen and (max-width:1199px) {
	.honor_list {
		width: 61.7%;
	}
}

@media screen and (max-width:991px) {
	.honor_list {
		width: 65.4%;
	}

	.honor_box {
		padding: 50px 0;
	}
}

@media screen and (max-width:767px) {
	.honor_box {
		padding: 30px 0;
	}

	.honor::after {
		left: 87px;
	}

	.honor::before {
		left: 87px;
		top: 0;
	}

	.honor_list {
		float: left;
		width: 100%;
	}

	.honor_time {
		width: 60px;
		height: 60px;
		margin-top: -30px;
		line-height: 60px;
		font-size: 16px;
		left: 0 !important;
	}

	.honor_list span {
		left: 76px !important;
		right: auto !important;
	}

	.honor_list span::after {
		left: -16px !important;
	}

	.honor_list {
		padding: 0 0 0 104px !important;
	}

	.honor_text {
		float: left !important;
		padding: 10px;
		font-size: 12px;
		line-height: 20px;
		text-align: left !important;
		width: 90%;
	}

	.more1 {
		width: 60px;
		height: 60px;
		font-size: 12px;
		padding: 10px 16px;
		margin-left: 56px;
	}
}


/*社会责任*/
.duty .p {
	margin: 50px 0 25px 0;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 36px;
}

.duty2_box {
	padding-bottom: 70px;
}

.duty2 {
	padding-bottom: 43px;
}

.duty2 li {
	padding: 50px 0;
}

.duty2 li:nth-child(2n) {
	background-color: #f5f5f5;
}

.duty_img {
	width: 450px;
	float: left;
}

.duty2_r {
	margin-left: 492px;
}

.duty2_r h3 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	margin-top: 18px;
}

.duty2_r h5 {
	font-size: 18px;
	color: #666666;
	font-family: Arial;
	margin: 20px 0;
}

.duty2_r .p {
	font-size: 14px;
	color: #666666;
	line-height: 23px;
	height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.duty2_r span {
	display: block;
	font-size: 14px;
	color: #666666;
	width: 135px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
	border: 1px solid #666666;
	text-align: center;
	margin-top: 60px;
}

.duty2 li:hover {
	box-shadow: 0 0 35px rgba(34, 44, 77, 0.24);
	position: relative;
	z-index: 1;
}

.duty2 li:hover h3,
.duty2 li:hover h5 {
	color: #2382db;
}

.duty2 li:hover span {
	background-color: #2382db;
	color: #fff;
	border-color: #2382db;
}


.c_page {
	text-align: center;
}

.c_page a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	color: #272727;
	margin: 0 8px;
	border: 1px solid #e1e1e1;
}

.c_page .pageup {
	width: 100px;
	background: url(images/p41.png) center no-repeat;
	background-size: cover;
}

.c_page .pagedown {
	width: 100px;
	background: url(images/p40.png) center no-repeat;
}

.c_page .pageup.hover,
.c_page .pageup:hover {
	background-image: url(images/p38.png);
}

.c_page .pagedown.hover,
.c_page .pagedown:hover {
	background-image: url(images/p39.png);
}

.c_page a:hover {
	background-color: #2382db;
	color: #fff;
}

.c_page a.hover {
	background-color: #2382db;
	color: #fff;
}

.c_page .span {
	font-size: 12px;
	display: inline-block;
	color: #333;
	margin: 0 5px;
	display: none;
}

@media screen and (max-width:991px) {
	.duty_img {
		width: 300px;
	}

	.duty2_r {
		margin-left: 320px;
	}

	.duty2_r h3 {
		font-size: 18px;
		margin-top: 10px;
	}

	.duty2_r h5 {
		font-size: 16px;
		margin: 10px 0;
	}

	.duty2_r span {
		margin-top: 20px;
	}

	.duty2_box {
		padding-bottom: 50px;
	}
}

@media screen and (max-width:767px) {
	.duty .p {
		margin: 30px 0 10px 0;
		font-size: 12px;
		line-height: 20px;
	}

	.c_page .c_a2 {
		display: none;
	}

	.c_page .span {
		display: inline-block;
	}

	.duty2 li {
		padding: 20px 0;
	}

	.duty_img {
		width: 140px;
	}

	.duty2_r {
		margin-left: 150px;
	}

	.duty2_r h3 {
		font-size: 15px;
		margin: 0;
	}

	.duty2_r h5 {
		font-size: 12px;
		margin: 10px 0 5px 0;
	}

	.duty2_r .p {
		font-size: 12px;
		line-height: 20px;
		height: 40px;
	}

	.duty2_r span {
		font-size: 12px;
		width: 100px;
		height: 30px;
		line-height: 28px;
		margin-top: 10px;
	}

	.duty2 {
		padding-bottom: 20px;
	}

	.duty2_box {
		padding-bottom: 30px;
	}
}

/*品牌项目*/
.min_height {
	min-height: 500px;
}

.product_tab {
	padding: 60px 0 70px 0;
}

.product_tab .hd {
	text-align: center;
	font-size: 0;
}

.product_tab .hd ul {
	display: inline-block;
}

.product_tab .hd ul li {
	font-size: 14px;
	color: #fff;
	min-width: 148px;
	height: 44px;
	padding: 0 14px;
	line-height: 44px;
	border-radius: 30px;
	background-color: #acacac;
	float: left;
	margin: 0 10px;
	cursor: pointer;
}

.product_tab .hd ul li a {
	color: #fff;
}

.product_tab .hd ul li.on {
	background-color: #2382db;
	color: #fff;
}

.pro_ul {
	padding-bottom: 40px;
}

.pro_li {
	width: 31.89%;
	margin: 30px 2.16% 0 0;
	float: left;
}

.pro_ul .pro_li:nth-child(3n) {
	margin-right: 0;
}

.pro_img {
	overflow: hidden;
}

.pro_img img {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.pro_d {
	border: 1px solid #e7e7e7;
	border-top: none;
	padding: 14px 28px 18px 28px;
}

.pro_d h3 {
	font-size: 16px;
	color: #282d28;
}

.pro_d span {
	display: block;
	width: 68px;
	height: 2px;
	background-color: #2382db;
	margin: 15px 0;
	position: relative;
}

.pro_d span::after {
	width: 25px;
	height: 2px;
	background-color: #afafaf;
	content: "";
	position: absolute;
	top: 0;
	right: -32px;
}

.pro_d h4 {
	font-size: 12px;
	color: #666666;
	font-family: Arial;
	text-transform: uppercase;
}

.pro_li:hover .pro_img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.pro_li:hover h3,
.pro_li:hover h4 {
	color: #2382db;
}

@media screen and (max-width:991px) {
	.product_tab {
		padding: 50px 0;
	}
}

@media screen and (max-width:767px) {
	.product_tab {
		padding: 30px 0;
	}

	.product_tab .hd ul li {
		min-width: 0;
		font-size: 13px;
		line-height: 30px;
		height: 30px;
		margin: 2px 2px;
	}

	.pro_li {
		width: 48%;
		margin-right: 4%;
		margin-top: 20px;
	}

	.pro_ul .pro_li:nth-child(3n) {
		margin-right: 4%;
	}

	.pro_ul .pro_li:nth-child(2n) {
		margin-right: 0;
	}

	.pro_d {
		padding: 10px 5px;
	}

	.pro_d h3 {
		font-size: 14px;
	}

	.pro_ul {
		padding-bottom: 20px;
	}
}

/*项目风采*/
.proDetail {
	padding: 35px 5.68% 10px 5.68%;
}

.proDetail_title {
	font-size: 24px;
	color: #333333;
	padding-bottom: 15px;
	position: relative;
	text-align: center;
}

.proDetail_title::after {
	width: 50px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.case_slide_box {
	position: relative;
	padding: 45px 0;
}

/*3.25*/
/*
.case_slide{ width:100%; position:relative; }
.case_slide .li_hp{border:1px solid rgba(0,0,0,0.1); float:left; overflow: hidden; position: relative;}
.case_slide img{ width:100%; float:left;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
border:5px solid #fff; box-sizing: border-box;
}
.case_slide .slick-slide{ padding:90px 1px 90px 1px;}
.case_slide .slick-center img{

border:6px solid #fff; box-sizing: border-box;
}
.case_slide .slick-center li{
	position: relative;
	z-index: 100;
	border:1px solid rgba(0,0,0,0.1); float: left;
	transform: scale(1.7);
	-ms-transform: scale(1.7);	
-webkit-transform: scale(1.7);
	 -o-transform: scale(1.7);	
   -moz-transform: scale(1.7);
}
.case_slide .slick-prev,.case_slide .slick-next {
	position: absolute;
	left: 170px;
	top: 50%;
	width: 71px;
	height: 68px;
	background:url(images/p42.png) no-repeat left center;
	background-size:auto 100%;
	z-index: 9;
-webkit-transition: all 0.3s ease-out 0s; 
   -moz-transition: all 0.3s ease-out 0s; 
	 -o-transition: all 0.3s ease-out 0s; 
		transition: all 0.3s ease-out 0s;
}
.case_slide .slick-next {
	background-position:right center;
	left:auto;
	right:170px;
	background:url(images/p43.png) no-repeat right center;
}
.case_slide .slick-prev:hover{background-image:url(images/p45.png);}
.case_slide .slick-next:hover{background-image:url(images/p44.png);}

 .case_slide .slick-dots{width:100%; text-align: center; bottom:-20px;}
 .case_slide .slick-dots li{display:inline-block; width:8px; height:5px; background-color:#c30009; opacity: 0.3;vertical-align: middle;}
.case_slide .slick-dots li.slick-active{opacity: 1;background-color:#c30009;}

.case_slide_ico{width:16px; height: 14px; position: absolute; bottom:0; left: 50%; margin-left:-8px;}
*/

.case_slide_ico {
	width: 16px;
	height: 14px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
}

.slideOut2 {
	width: 100%;
	position: relative;
}

.slide {
	float: left;
	width: 100%;
	min-height: 100px;
	position: relative;
}

.slide .img {
	overflow: hidden;
	position: absolute;
	transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s;
	width: 34.71%;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #e5e5e5;
}

/*
.slide .img1{
    top:23%;
    left: 0;
    z-index: 1;
	opacity: 1;
	width:37.52%;
}
*/
.slide .img2 {
	top: 64.88%;
	left: 0;
	z-index: 1;
	opacity: 1;
	width: 37.52%;
}

.slide .img3 {
	top: 0;
	left: 20.8%;
	z-index: 2;
	width: 58.48%;
	padding: 10px;
	box-sizing: border-box;

}

.slide .img4 {
	top: 64.88%;
	left: 62.64%;
	z-index: 1;
	opacity: 1;
	width: 37.52%;

}

/*
.slide .img5{
    height:auto;
    top: 8.335%;
    right: 0.85%;
    z-index: 1;
	opacity: 1;
	height:83.33%;
}
*/

.slide .img .pic {
	float: left;
	line-height: 0;
	border: 1px solid #eeeeee;
	overflow: hidden;
	width: 100%;
}

.slide .img .pic img {
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	transition: -webkit-transform 2s;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

.slide .img:hover .pic img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.slide .sd {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.slide .img2 .sd {
	display: none;
}

.slide .img4 .sd {
	display: none;
}



.slideOut2 button {
	position: absolute;
	left: 170px;
	top: 50%;
	margin-top: -34px;
	width: 71px;
	height: 68px;
	background-size: auto 100%;
	z-index: 9;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.slideOut2 .butLeft {
	position: absolute;
	left: 160px;
	background: url(images/p42.png) center no-repeat;
	outline: 0;
	z-index: 20;
	cursor: pointer;
}

.slideOut2 .butRight {
	position: absolute;
	right: 160px;
	left: auto;
	background: url(images/p43.png) center no-repeat;
	outline: 0;
	z-index: 20;
	cursor: pointer;
}

.slideOut2 .butLeft:hover {
	background-image: url(images/p45.png)
}

.slideOut2 .butRight:hover {
	background-image: url(images/p44.png)
}

@media screen and (max-width:1199px) {
	.slideOut2 .butLeft {
		left: 140px;
	}

	.slideOut2 .butRight {
		right: 140px;
	}
}

@media screen and (max-width:991px) {
	.slideOut2 .butLeft {
		left: 40px;
		width: 50px;
		height: 48px;
		background-size: cover;
		margin-top: -24px;
	}

	.slideOut2 .butRight {
		right: 40px;
		width: 50px;
		height: 48px;
		background-size: cover;
		margin-top: -24px;
	}

	.slide .img4,
	.slide .img2 {
		top: 45%;
	}
}

@media screen and (max-width:767px) {
	.slideOut2 .butLeft {
		left: 10px;
		width: 30px;
		height: 29px;
		background-size: cover;
		margin-top: -10px;
	}

	.slideOut2 .butRight {
		right: 10px;
		width: 30px;
		height: 29px;
		background-size: cover;
		margin-top: -10px;
	}

	.slide .img4,
	.slide .img2 {
		top: 30%;
	}

	.slide .img3 {
		padding: 5px;
	}
}

@media screen and (max-width:420px) {

	.slide .img4,
	.slide .img2 {
		top: 20%;
	}
}

/*3.25 end*/

.proDetail_text {
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	padding: 25px 0 45px 0;
}

.proDetail_text .h5 {
	display: inline-block;
	font-weight: bold;
}

.page_a {
	border-top: 1px solid #d7d8d8;
	padding-top: 25px;
	position: relative;
}

.page_a a {
	font-size: 14px;
	color: #333333;
}

.page_a a:hover {
	color: #2382db;
}

.page_Up {
	float: left;
}

.page_Down {
	float: right;
}

.back_up {
	position: absolute;
	bottom: 0;
	left: 50%;
	padding-left: 30px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.back_up {
	font-size: 16px;
	color: #333333;
	line-height: 23px;
}

.back_up span {
	position: absolute;
	left: 0;
	top: -2px;
	width: 23px;
	height: 23px;
	float: left;
	margin-right: 8px;
}

@media screen and (max-width:1199px) {
	.proDetail {
		padding: 35px 0 10px 0;
	}
}

@media screen and (max-width:991px) {
	.case_slide_ico {
		display: none;
	}

	.case_slide .slick-slide {
		padding: 60px 1px;
	}

	.case_slide .slick-prev {
		left: 10%;
	}

	.case_slide .slick-next {
		right: 10%;
	}
}

@media screen and (max-width:767px) {
	.case_slide .slick-slide {
		padding: 25px 1px;
	}

	.case_slide .slick-center img {
		border: 3px solid #fff;
	}

	.proDetail_title {
		font-size: 18px;
	}

	.proDetail {
		padding: 20px 0 0 0;
	}

	.case_slide_box {
		padding: 20px 0;
	}

	.proDetail_text {
		font-size: 14px;
		line-height: 22px;
		padding: 10px 0;
	}

	.page_a {
		padding-top: 40px;
	}

	.page_a a {
		width: 100%;
		text-align: center;
	}

	.page_a a.back_up {
		width: 90px;
		top: 10px;
		bottom: auto;
	}
}

/*社会责任详情*/
.dutyDetail {
	margin: 38px 0 23px 0;
	padding: 35px 3.55% 50px 3.55%;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
}

.dutyDetail_title {
	font-size: 24px;
	color: #333333;
	text-align: center;
}

.dutyDetail_time {
	font-size: 14px;
	color: #979797;
	font-family: Arial;
	margin-top: 17px;
	text-align: center;
}

.dutyDetail .p {
	margin: 20px 0 30px 0;
	padding: 30px 0 60px 0;
	font-size: 14px;
	line-height: 30px;
	border-top: 1px solid #e1e0e0;
	border-bottom: 1px solid #e1e0e0;
}

.p_img {
	margin-top: 30px;
}

.dutyDetail_share .bdsharebuttonbox {
	float: left;
	margin-top: 13px;
}

.dutyDetail_share .bdsharebuttonbox a {
	margin-right: 10px;
}

.back_up2 {
	width: 117px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background-color: #2382db;
	font-size: 16px;
	color: #fff;
	float: right;
}

.back_up2:hover {
	background-color: #9c0430;
	color: #fff;
}

.page_a2 {
	border: none;
	padding: 0 3.55% 0 3.55%;
}

.dutyDetail_box {
	padding-bottom: 73px;
}

@media screen and (max-width:767px) {
	.dutyDetail {
		margin: 30px 0 20px 0;
		padding: 20px 3.55% 20px 3.55%
	}

	.dutyDetail_title {
		font-size: 18px;
		line-height: 24px;
	}

	.dutyDetail .p {
		margin: 20px 0;
		padding: 20px 0;
		font-size: 12px;
		line-height: 22px;
	}

	.p_img {
		margin-top: 10px;
	}

	.back_up2 {
		width: 100px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}

	.dutyDetail_share .bdsharebuttonbox {
		margin: 0;
	}

	.dutyDetail_box {
		padding-bottom: 30px;
	}
}

/*项目布局*/
.layout {
	margin-top: 40px;
	position: relative;
	background-color: #f3f3f3;
}

.layout_r {
	width: 50%;
	float: right;
	padding: 60px 0 50px 0;
}

.layout_r h3 {
	font-size: 40px;
	color: #2382db;
	padding-bottom: 28px;
	border-bottom: 1px solid rgba(53, 53, 53, 0.1);
	position: relative;
}

.layout_r h3::after {
	width: 103px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	background-color: #2382db;
}

.layout_r .p {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin: 22px 0 26px 0;
}

.aboutCom2 .comCount {
	width: 100%;
}

.aboutCom2 .comCount .countLi .big .bigCen {
	font-size: 64px;
	color: #2382db;
	font-weight: bold;
	line-height: 60px;
	padding: 0 12px;
	margin-right: 80px;
}

.aboutCom2 .comCount .countLi {
	width: 33%;
}

.aboutCom2 .comCount .countLi .big .bigCen .bigS {
	font-size: 18px;
	color: #fff;
	height: 32px;
	line-height: 32px;
	background-color: #2382db;
	border-radius: 20px;
	min-width: 32px;
	padding: 0;
	text-align: center;
}

.aboutCom2 .comCount .countLi:nth-child(3) .big .bigCen .bigS {
	min-width: 62px;
}

.aboutCom2 .comCount .countLi .big {
	text-align: right;
}

.aboutCom2 .comCount .countLi::after {
	height: 38px;
	border-color: #6d6d6d;
	opacity: 0.3
}

.layout_img {
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.layout_img span {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.layout2_img {
	width: 50%;
	float: left;
	cursor: pointer;
}

.layout2_img .span {
	display: block;
	width: 78.26%;
	margin: 99px auto auto auto;
	position: relative;
}

/*地点*/
.didian {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.pla {
	position: absolute;
	cursor: pointer;
}

.pla img {
	width: 70%;
}

.pla .H4 {
	font-size: 11px;
	color: #45506b;
	height: 16px;
	line-height: 16px;
}

.pla .h5 {
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	padding: 10px 13px;
	min-width: 187px;
	background-color: #2382db;
	background-color: #2382db;
	position: absolute;
	bottom: 15px;
	left: -26px;
	border-radius: 4px;
	display: none;
	/*	3.27*/
	z-index: 100;
}

/**/
.pla .h5 .p {
	width: 100%;
	white-space: nowrap;
}

.pla .h5::after {
	width: 0;
	height: 0;
	border-width: 6px 6px 0;
	border-style: solid;
	border-color: #2382db transparent transparent;
	/*灰 透明 透明 */
	content: "";
	position: absolute;
	bottom: -6px;
	left: 33px;
}

.pla1 {
	top: 13.91%;
	right: 7.81%;
}

.pla2 {
	top: 25.5%;
	right: 9.47%;
}

.pla32 {
	top: 30%;
	right: 16%;
}

.pla3 {
	top: 29.27%;
	right: 34.12%;
}

.pla4 {
	top: 38.26%;
	right: 30.56%;
}

.pla5 {
	top: 44.63%;
	right: 33.17%;
}

.pla6 {
	top: 47.24%;
	right: 23.93%;
}

.pla7 {
	top: 43.76%;
	right: 43.6%;
}

.pla8 {
	top: 51.59%;
	right: 39.81%;
}

.pla9 {
	top: 52.75%;
	right: 31.27%;
}

.pla10 {
	top: 53.91%;
	right: 17.77%;
}

.pla11 {
	top: 58.84%;
	right: 13%;
}

.pla12 {
	top: 59.13%;
	right: 23.69%;
}

.pla13 {
	top: 60.28%;
	right: 34.59%;
}

.pla14 {
	top: 64.63%;
	right: 41.23%;
}

.pla15 {
	top: 71.88%;
	right: 43.6%;
}

.pla16 {
	top: 70.43%;
	right: 34.36%;
}

.pla17 {
	top: 67.82%;
	right: 26.54%;
}

.pla18 {
	top: 64.92%;
	right: 17%;
}

.pla19 {
	top: 73.33%;
	right: 21.32%;
}

.pla20 {
	top: 79.13%;
	right: 14.69%;
}

.pla21 {
	top: 80%;
	right: 29.14%;
}

.pla22 {
	top: 80.28%;
	right: 39.81%;
}

.pla23 {
	top: 86%;
	right: 27%;
}

.pla24 {
	top: 84%;
	right: 21.32%;
}

.pla25 {
	top: 93%;
	right: 37.44%;
}

.pla26 {
	top: 77.68%;
	right: 54.5%;
}

.pla27 {
	top: 60.57%;
	right: 51.42%;
}

.pla28 {
	top: 54.78%;
	right: 76.54%;
}

.pla29 {
	top: 26.95%;
	right: 73.22%;
}

.pla30 {
	top: 35.36%;
	right: 58.53%;
}

.pla31 {
	top: 45.21%;
	right: 61.61%;
}












@media screen and (min-width:992px) {
	.pla:hover {
		z-index: 2;
	}

	.pla:hover .h5 {
		display: block;
	}
}

/*3.27*/
@media screen and (max-width:991px) {
	.pla.hover .h5 {
		display: block;
	}

	.pla img {
		width: 60%;
		margin: auto;
		display: block;
	}
}

/**/


.layout2_r {
	width: 50%;
	float: right;
	padding: 100px 0 150px 0;
}

.layout2_r_logo {
	width: 142px;
	margin: auto;
}

.layout2_r h4 {
	font-size: 66px;
	color: #2382db;
	opacity: 0.1;
	text-align: center;
	text-transform: uppercase;
	margin-top: 27px;
}

.layout2_r .p {
	font-size: 14px;
	color: #666666;
	line-height: 40px;
	margin-top: -50px;
	text-align: center;
}

/*弹窗*/
.layout2 {
	position: relative;
	z-index: 9999;
}

.layout2_pop {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url(images/p49.png) center left no-repeat;
	background-size: cover;
	padding: 0 13.28% 0 7%;
	display: none;
}

.place {
	font-size: 40px;
	color: #fff;
	line-height: 39px;
	margin-top: 100px;
}

.place span {
	width: 39px;
	float: left;
	margin-right: 22px;
	margin-top: -4px;
}

.pop_scroll {
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.pop_scroll .hd {
	width: 15.9%;
	float: left;
	height: 390px;
	text-align: center;
	padding: 0 5px 20px 15px;
	margin-top: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}

.pop_scroll .hd ul {
	position: relative;
}

.pop_scroll .hd ul::after {
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
}

.pop_scroll .hd::-webkit-scrollbar {
	background: #ddd;
	width: 4px;
	padding-right: 10px;
}

.pop_scroll .hd::-webkit-scrollbar-thumb {
	background: #611b25;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.pop_scroll .hd li {
	font-size: 18px;
	color: #fff;
	padding: 22px 0;
	cursor: pointer;
	position: relative;
}

.pop_scroll .hd li.on::after {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: -5px;
	background-color: #fff;
	z-index: 99;
}

.pop_scroll .bd {
	width: 76.26%;
	float: right;
}

.pop_scroll .bd li {
	height: 380px;
}

.pop_text h3 {
	font-size: 24px;
	color: #fff;
	padding: 40px 0 20px 0;
}

.pop_text h3 a {
	color: #fff;
}

.pop_text .p {
	font-size: 14px;
	color: #fff;
	opacity: 0.6;
	line-height: 28px;
	height: 280px;
	overflow-y: auto;
	overflow-x: hidden;
}

.c_close {
	width: 61px;
	height: 61px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	left: -25px;
	cursor: pointer;
}

@media screen and (max-width:1660px) {
	.layout2_pop {
		padding: 0 10% 0 7%
	}
}

@media screen and (max-width:1500px) {
	.layout2_pop {
		padding: 0 7% 0 7%
	}
}

@media screen and (max-width:1407px) {
	.aboutCom2 .comCount .countLi .big {
		text-align: center;
	}

	.aboutCom2 .comCount .countLi .big .bigCen {
		margin: 0 0 0 -20px;
	}

}

@media screen and (max-width:1199px) {
	.aboutCom2 .comCount .countLi .big .bigCen {
		font-size: 40px;
		line-height: 40px;
	}

	.pop_scroll .hd {
		padding-left: 0;
	}

	.layout2_r {
		padding: 70px 0;
	}

	.place {
		margin-top: 50px;
	}
}

@media screen and (max-width:991px) {
	.layout_img {
		width: 100%;
		height: 200px;
		position: static;
	}

	.layout_img span {
		display: none;
	}

	.layout_r {
		width: 100%;
		padding: 30px 0;
	}

	.layout_r h3 {
		font-size: 30px;
	}

	/*	3.27*/
	.layout2_img {
		width: 100%;
		margin-top: 40px;
	}

	/*	*/
	.layout2_r {
		width: 100%;
		padding: 30px 0;
	}

	.layout2_pop {
		width: 100%;
		padding: 0 15px;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-position: center;
		z-index: 9999;
		background-color: #d53060;
	}

	.c_close {
		top: 0;
		right: 0;
		margin: 0;
		left: auto;
	}

	.layout2_img .span {
		margin: auto auto 30px auto;
		/*		3.27*/
		width: 60%;
		/*		*/
	}

	.layout2_r_logo {
		width: 100px;
	}

	.pla.hover .h5 {
		font-size: 12px;
	}
}

@media screen and (max-width:767px) {
	.c_close {
		width: 40px;
		height: 40px;
	}

	.place span {
		width: 28px;
	}

	.place {
		font-size: 20px;
	}

	.pop_scroll {
		margin-top: 10px;
	}

	.pop_scroll .hd {
		width: 20%;
		height: 300px;
		padding: 10px 0;
	}

	.pop_scroll .hd ul::after {
		right: 5px;
	}

	.pop_scroll .hd li {
		font-size: 13px;
		padding: 6px 0;
	}

	.pop_scroll .hd li.on::after {
		right: 0;
	}

	.pop_text h3 {
		font-size: 16px;
		padding: 15px 0 10px 0;
	}

	.pop_scroll .bd li {
		height: 300px;
	}

	.pop_text .p {
		font-size: 12px;
		line-height: 20px;
		height: 240px;
	}

	.layout_r h3 {
		font-size: 22px;
		padding-bottom: 10px;
	}

	.layout_r h3::after {
		height: 1px;
	}

	.layout_r .p {
		font-size: 13px;
		line-height: 20px;
	}

	.aboutCom2 .comCount .countLi .big .bigCen {
		font-size: 20px;
		margin: 0 0 0 -50px;
	}

	.aboutCom2 .comCount .countLi .big .bigCen .bigS {
		min-width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		border-radius: 24px;
		bottom: 50%;
		margin-bottom: -12px;
	}

	/*	.layout2_img span{width:100%; }*/
	.layout2_r_logo {
		width: 60px;
	}

	.layout2_r h4 {
		font-size: 30px;
		margin-top: 10px;
	}

	.layout2_r .p {
		font-size: 12px;
		line-height: 20px;
		margin-top: -20px;
	}

	/*	3.27*/
	.pla.hover .h5 {
		font-size: 10px;
	}

	.pla .h5 {
		min-width: 160px;
		padding: 5px;
		left: auto;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.pla .h5::after {
		left: 50%;
		margin-left: -3px;
	}

	.pla1 .h5 {
		margin-left: -40px;
	}

	.pla1 .h5::after {
		left: auto;
		right: 30px;
		margin: 0;
	}

	.layout2_img {
		margin: 0;
	}

	.layout2_img .span {
		width: 100%;
	}

	/*	*/
}

/*新闻资讯*/
.new_box {
	padding: 40px 0 70px 0;
}

.new {
	padding: 0 5.68% 40px 5.68%;
}

.new li {
	padding: 30px 0;
	border-bottom: 1px solid rgba(77, 79, 78, 0.1);
	position: relative;
}

.new li a {
	padding: 20px 0 20px 20px;
	display: block;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0s ease-out 0s;
	-o-transition: all 0s ease-out 0s;
	transition: all 0s ease-out 0s;
}

.new li span {
	width: 260px;
	height: auto;
	float: left;
}

.new2 {
	width: 62.56%;
	float: left;
	margin-left: 3%;
}

.new2 h2 {
	font-size: 18px;
	color: #333333;
	padding: 30px 0 0 0;
}

.new2 h3 {
	font-size: 14px;
	color: #666666;
	padding: 12px 0 18px 0;
}

.new2 .p {
	font-size: 14px;
	color: #444444;
	line-height: 24px;
	height: 48px;
	padding: 0 0 0 20px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.new2 .p::after {
	position: absolute;
	left: 0;
	background-color: #e0e0e0;
	width: 1px;
	height: 65px;
	top: -6.5px;
	content: " ";
}

.new li i {
	width: 14px;
	height: auto;
	float: right;
	display: block;
	padding: 78.5px 4.4% 78.5px 4.4%;
	box-sizing: content-box;
	position: relative;
	font-size: 30px;
}

.new li i::after {
	width: 1px;
	height: 202px;
	top: 50%;
	margin-top: -101px;
	left: 0;
	content: "";
	background-color: rgba(77, 79, 78, 0.1);
	position: absolute;
}

.new li i img:nth-child(2) {
	display: none;
}

.new li:hover {
	padding: 30px 0;
}

.new li:hover a {
	background-color: #2382db;
	padding: 20px 0 20px 20px;
}

.new li:hover .new2 h2 {
	color: #fff;
}

.new li:hover .new2 h3 {
	color: #fff;
	opacity: 0.4;
}

.new li:hover .new2 .p {
	color: #fff;
	opacity: 0.4;
}

.new li:hover .new2 .p::after {
	background-color: #fff;
}

.new li:hover i {
	color: #ffffff;
}

.new li:hover i::after {
	background-color: #fff;
	opacity: 0.1;
}

.new li:hover i img:nth-child(2) {
	display: block;
}

.new li:hover i img:nth-child(1) {
	display: none;
}

@media screen and (max-width:1437px) {
	.new2 {
		width: 60%;
	}
}

@media screen and (max-width:1199px) {
	.new {
		padding: 0 0 40px 0;
	}

	.new li i {
		padding: 78.5px 3% 78.5px 3%;
	}
}

@media screen and (max-width:991px) {
	.new li span {
		width: 200px;
	}

	.new2 h2 {
		padding-top: 10px;
	}

	.new li i {
		padding: 57px 3% 57px 3%;
	}

	.new li i::after {
		height: 140px;
		margin-top: -70px;
	}
}

@media screen and (max-width:767px) {
	.new_box {
		padding: 30px 0;
	}

	.new {
		padding-bottom: 20px;
	}

	.new li span {
		width: 120px;
	}

	.new li i {
		display: none;
	}

	.new2 {
		width: auto;
		float: none;
		margin-left: 130px;
	}

	.new2 h2 {
		font-size: 15px;
		font-weight: bold;
		padding: 4px 0 0 0;
	}

	.new2 h3 {
		font-size: 12px;
		padding: 5px 0;
	}

	.new2 .p {
		font-size: 12px;
		line-height: 20px;
		height: 40px;
		padding: 0;
		border: none;
	}

	.new2 .p::after {

		display: none;
	}

	.new li {
		padding: 10px 0;
	}

	.new li a {
		padding: 10px;
		background: #f9f9f9;
	}

	.new li:hover {
		background-color: #2382db;
		padding: 10px;
	}

	.new li:hover a {
		padding: 0;
	}
}


/*新闻详情*/
.new_text_box {
	padding: 35px 5.68% 80px 5.68%;
}

.new_text h1 {
	font-size: 24px;
	color: #333;
	text-align: center;
}

.new_text_div {
	border-top: 1px solid #d7d8d8;
	border-bottom: 1px solid #d7d8d8;
	padding: 9px 0;
	margin: 28px 0 38px 0;
}

.new_text_div h2 {
	font-size: 14px;
	color: #777777;
	margin-right: 0.83%;
	float: left;
	line-height: 34px;
}

.new_text_div a {
	float: right;
	font-size: 14px;
	color: #777777;
	line-height: 36px;
}

.new_text_div a i {
	display: inline-block;
	width: 38px;
	height: auto;
	margin-left: 10px;
}

.new_text_div a:hover {
	color: #2382db
}

.new_text_con {
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}

.new_text_con p {
	margin-bottom: 10px !important;
}

.new_text_con p img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.new_text_con_img {
	margin-top: 25px;
}

.new_text_con_img div {
	width: 48.8%;
	float: left;
	margin-left: 2.4%;
}

.new_text_con_img div:first-child {
	margin-left: 0;
}

.share {
	text-align: center;
	margin: 50px 0 28px 0;
	line-height: 0;
}

.share .bdsharebuttonbox {
	display: inline-block;
}

.share .bdsharebuttonbox .bdshare-button-style0-16 {
	margin: 0;
	padding: 0;
}

.share .bdsharebuttonbox .bds_weixin {
	width: 35px;
	height: 35px;
	background: url(images/j44.jpg) center no-repeat;
	margin: 0;
}

.share .bdsharebuttonbox .bds_tsina {
	width: 35px;
	height: 35px;
	background: url(images/j45.jpg) center no-repeat;
	margin: 0 15px;
}

.share .bdsharebuttonbox .bds_qzone {
	width: 35px;
	height: 35px;
	background: url(images/j46.jpg) center no-repeat;
	margin: 0;
}


@media screen and (max-width:1199px) {
	.new_text_box {
		padding: 35px 0 80px 0;
	}
}

@media screen and (max-width:991px) {
	.new_text_box {
		padding: 35px 0 50px 0;
	}
}

@media screen and (max-width:767px) {
	.new_text_box {
		padding: 30px 0 30px 0;
	}

	.new_text h1 {
		font-size: 18px;
		line-height: 24px;
	}

	.new_text_div {
		margin: 15px 0;
	}

	.new_text_div a i {
		width: 28px;
	}

	.new_text_div a,
	.new_text_div h2 {
		line-height: 25px;
	}

	.new_text_con {
		font-size: 12px;
		line-height: 20px;
	}

	.new_text_con_img {
		margin-top: 10px;
	}

	.share {
		margin: 15px 0;
	}

	.share .bdsharebuttonbox a {
		width: 28px !important;
		height: 28px !important;
		background-size: cover !important;
	}

	.new_text_box .page_a {
		padding-top: 10px;
	}
}

/*招聘*/
.join {
	padding: 20px 5.68% 70px 5.68%;
}

.c_16 {
	padding: 0 0 40px 0;
}

.c_16 li {
	margin-top: 20px;
}

.l_recruit_t {
	display: block;
	width: 100%;
	background: #f7f7f7;
	cursor: pointer;
	border-left: 3px solid #2382db;
	position: relative;
	padding: 30px 2% 30px 2.8%;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.l_recruit_t span {
	display: block;
	float: left;
	width: 80%;
}

.l_recruit_t span h2 {
	display: block;
	font-size: 24px;
	color: #2382db;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.l_recruit_t span h5 {
	display: block;
	font-size: 14px;
	color: #333333;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.l_recruit_t font {
	display: block;
	float: right;
	margin: 8px 0 0 0;
	font-size: 14px;
	color: #808080;
	padding-right: 52px;
	position: relative;
}

.l_recruit_t font::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 2px;
	background: url(images/img_recruit_1.png) no-repeat center/100% 100%;
	width: 28px;
	height: 15px;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.l_recruit_t i {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 3.41%;
	opacity: 0;
	filter: alpha(opacity=00);
	z-index: 9;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.l_recruit_t i::before {
	content: "";
	display: block;
	float: left;
	width: 100%;
	height: 1px;
	background: #e6e6e6;
}

.l_recruit_t.on font::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.l_recruit_t.on i {
	opacity: 1;
	filter: alpha(opacity=100);
}


.l_recruit_d {
	display: none;
	width: 100%;
	background: #f7f7f7;
	border-left: 3px solid #2382db;
	position: relative;
	line-height: 34px;
	font-size: 14px;
	color: #4c4c4c;
	padding: 0 3.84% 35px 2.8%;
}

.l_recruit_d .h4 {
	display: block;
	padding: 40px 0 18px 0;
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

.l_recruit_d .h4:first-child {
	padding-top: 25px;
}

.l_recruit_d .span {
	display: block;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	margin-top: 45px;
}

.l_recruit_d .span a {
	color: #2382db;
	font-size: 16px;
}

.l_recruit_d .span a:hover {
	text-decoration: underline;
}

.l_recruit_d .span .button {
	display: block;
	float: right;
	background: #2382db;
	width: 155px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	border: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	outline: 0;
	margin-top: -5px;
	border-radius: 100px;
	padding-top: 0;
}

.l_recruit_d span .button:hover {
	opacity: 0.8;
}

@media screen and (max-width:1199px) {
	.l_recruit_t span {
		width: 75%;
	}

	.join {
		padding: 20px 0 70px 0;
	}
}

@media screen and (max-width:991px) {
	.l_recruit_t {
		padding: 20px 2%;
	}

	.l_recruit_t span h2 {
		font-size: 20px;
	}

	.l_recruit_d h4 {
		padding: 10px 0;
	}

	.l_recruit_t span {
		width: 70%;
	}
}

@media screen and (max-width:767px) {
	.join {
		padding: 10px 0 30px 0;
	}

	.c_16 {
		padding: 0 0 20px 0;
	}

	.l_recruit_t {
		padding: 10px 2%;
	}

	.l_recruit_t span h2 {
		font-size: 16px;
	}

	.l_recruit_t span h5 {
		font-size: 12px;
		margin-top: 5px;
	}

	.l_recruit_t font {
		font-size: 12px;
		padding-right: 25px;
	}

	.l_recruit_t font::after {
		width: 15px;
		height: 8px;
	}

	.l_recruit_d h4 {
		padding: 10px 0;
		font-size: 14px;
	}

	.l_recruit_d h4:first-child {
		padding-top: 10px;
	}

	.l_recruit_d {
		line-height: 20px;
		font-size: 12px;
	}

	.l_recruit_d .span {
		margin-top: 10px;
	}

	.l_recruit_d .span .button {
		width: 100px;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		margin-top: 5px;
	}

	.l_recruit_t .span {
		width: 50%;
	}
}

/*联系我们*/
.contact {
	padding: 40px 6.67% 85px 6.67%;
}

.contactMap {
	width: 100%;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.09);
	border: 6px solid #fff;
	margin-top: 30px;
}

#bdmap {
	width: 100%;
	height: 540px;
	background: no-repeat
}

#bdmap img {
	max-width: none;
}

#bdmap .iw_poi_title {
	color: #20c38c;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px !important;
}

#bdmap .iw_poi_content {
	padding-left: 187px;
	height: 87px;
	white-space: nowrap;
	font-size: 18px;
	color: #333333;
	line-height: 30px;
	width: 100%;
}

#bdmap .iw_poi_content p {
	position: absolute;
	top: 50%;
	line-height: 30px;
	transform: translate(0, -50%);
	left: 187px;
}

#bdmap .BMap_pop {
	float: right;
	background-color: #fff;
	background-repeat: no-repeat;
	border: none !important;
	width: 520px !important;
	border: 0 !important;
	height: 120px;
	margin: 30px 0 0 280px;
}

#bdmap .BMap_shadow,
.BMap_shadow img,
.BMap_shadow div {
	display: none;
}

#bdmap .BMap_pop div:nth-child(8) {
	display: none;
}

#bdmap .BMap_pop div:nth-child(3) {
	display: none;
}

#bdmap .BMap_pop div:nth-child(5) {
	display: none;
}

#bdmap .BMap_pop div:nth-child(7) {
	display: none;
}

#bdmap .BMap_pop div {
	border: none !important;
}

#bdmap .BMap_pop img:nth-child(10) {
	left: auto !important;
	right: 10px !important;
}

#bdmap .BMap_center {
	width: 100% !important;
}

#bdmap .BMap_pop div:nth-child(9) {
	width: 100% !important;
}

#bdmap .BMap_top,
#bdmap .BMap_bottom {
	left: 0 !important;
}

#bdmap .BMap_bottom {
	display: none;
}

.contact_d {
	margin-top: 0px;
}

.contact_d_r {
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.09);
	width: 67.23%;
	float: right;
	background: url(images/j38.jpg) bottom right no-repeat;
	background-size: cover;
	padding: 0 60px;
	height: 295px;
	border: 6px solid #fff;
}

.contact_d_r h4 {
	font-size: 22px;
	color: #1f1f1f;
	padding: 35px 0 17px 0;
}

.contact_d_r_list {
	padding: 12px 0;
}

.contact_d_r_list span {
	width: 20px;
	float: left;
}

.contact_d_r_list div {
	margin-left: 26px;
	font-size: 16px;
	color: #333333;
	line-height: 20px;
}

.contact_d_r_list div p {
	display: inline;
}

.contact_d_l {
	width: 30.31%;
	float: left;
	box-shadow: 0 0 17px rgba(0, 0, 0, 0.09);
	height: 295px;
}

.contact_d_l span {
	width: 38%;
	display: block;
	padding: 12px;
	background: url(images/j36.jpg) center no-repeat;
	background-size: cover;
	box-sizing: content-box;
	margin: 30px auto auto auto;
}

.contact_d_l h5 {
	font-size: 18px;
	color: #1f1f1f;
	line-height: 28px;
	text-align: center;
	margin-top: 17px;
}


@media screen and (max-width:1199px) {
	.contact {
		padding: 40px 0 85px 0;
	}
}

@media screen and (max-width:991px) {
	#bdmap {
		height: 400px;
	}

	#bdmap .BMap_pop {
		margin: 0px 0 0 0px;
		width: 288px !important;
		height: 85px;
	}

	#bdmap .iw_poi_content {
		font-size: 12px;
		width: 242px !important;
		padding-left: 110px;
		height: 60px;
		line-height: 20px;
		background-size: 100px !important;
	}

	#bdmap .iw_poi_content p {
		left: 110px;
		line-height: 20px;
	}

	.contact_d_r,
	.contact_d_l {
		height: 220px;
	}

	.contact {
		padding: 40px 0 50px 0;
	}
}

@media screen and (max-width:767px) {
	#bdmap {
		height: 200px;
	}

	.contact_d {
		margin-top: 15px;
	}

	.contact_d_r {
		width: 100%;
		padding: 10px;
		height: auto;
	}

	.contact_d_r h4 {
		font-size: 18px;
		padding: 10px 0;
	}

	.contact_d_r_list div {
		font-size: 13px;
	}

	.contact_d_r_list {
		padding: 4px 0;
	}

	.contact_d_l {
		width: 100%;
		margin-top: 15px;
		height: auto;
		padding-bottom: 15px;
	}

	.contact_d_l h5 {
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}

	.contact {
		padding: 30px 0;
	}

}


/*品牌合作*/
.brand {
	padding: 50px 5.68% 80px 5.68%;
}

.brand_title {
	text-align: center;
}

.brand_title h3 {
	font-size: 78px;
	color: #6d6d6d;
	text-transform: uppercase;
	opacity: 0.1;
}

.brand_title h4 {
	font-size: 30px;
	color: #2f2f2f;
	font-weight: bold;
	margin-top: -40px;
	letter-spacing: 1px;
}

.brand_title span {
	width: 3px;
	height: 33px;
	background-color: #2382db;
	display: block;
	margin: 20px auto auto auto;
}

.brand .p {
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 36px;
	margin: 44px 0 25px 0;
}

.brand2 {
	position: relative;
}

.brand2_r {
	width: 50%;
	float: right;
	background: url(images/j40.jpg) center no-repeat;
	background-size: cover;
	border-bottom-right-radius: 30px;
	overflow: hidden;
	height: 341px;
	padding: 70px 13.36% 0 8.8%;
}

.brand2_r h3 {
	font-size: 24px;
	color: #fff;
	line-height: 38px;
	padding-bottom: 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
	margin-bottom: 25px;
}

.brand2_r h3::after {
	width: 85px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	background-color: #fff;
}

.brand2_r .p2 {
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}

.brand2_r .p2 p {
	display: inline;
}

.brand2_l {
	position: absolute;
	left: 0;
	top: 0;
	height: 341px;
	width: 50%;
}

@media screen and (max-width:1199px) {
	.brand_title h3 {
		font-size: 60px;
	}

	.brand2_r {
		padding: 70px 4% 0 4%
	}

	.brand {
		padding: 50px 0 80px 0
	}
}

@media screen and (max-width:991px) {
	.brand_title h3 {
		font-size: 40px;
	}

	.brand2_r {
		padding: 50px 4% 0 4%
	}

	.brand {
		padding: 50px 0 50px 0
	}
}

@media screen and (max-width:767px) {
	.brand {
		padding: 30px 0;
	}

	.brand_title h3 {
		font-size: 24px;
	}

	.brand_title h4 {
		font-size: 18px;
		margin-top: -10px;
	}

	.brand_title span {
		width: 2px;
		height: 20px;
		margin-top: 10px;
	}

	.brand .p {
		font-size: 13px;
		line-height: 22px;
		margin: 20px 0;
		text-align: justify;
	}

	.brand .p br {
		display: none;
	}

	.brand2_l {
		position: static;
		height: 200px;
		width: 100%;
	}

	.brand2_r {
		width: 100%;
		padding: 20px;
		height: auto;
	}

	.brand2_r h3 {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.brand2_r .p2 {
		font-size: 13px;
		line-height: 22px;
	}
}


.z_page {
	width: 100%;
	float: left;
	padding: 40px 0;
	line-height: 30px;
	font-size: 14px;
	color: #666;
}

.sitemap {
	width: 100%;
	float: left;
}

.sitemap li {
	border-bottom: 1px dashed #d2d2d2;
	padding: 7px 0;
	float: left;
	line-height: 40px;
	width: 98%;
	padding-left: 2%;
}

.sitemap li a {
	margin-right: 10px;
	font-size: 12px;
	float: left;
	white-space: nowrap;
	font-size: 14px;
}

.sitemap li a:hover {
	color: #1064b0;
}

.sitemap li .font16 {
	font-size: 16px;
	/*color:#135fb1*/
}

.sitemap li .font14 {
	font-size: 14px;
}

.sitemap li .font12 {
	font-size: 12px;
	color: #999
}

@media screen and (max-width:767px) {
	.z_page {
		padding: 20px 10px;
		line-height: 24px;
	}
}



.bd_weixin_popup,
.bd_weixin_popup * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.none {
	display: none !important;
}




/* 首页公共标题 */
.section {
	padding: 60px 0;
}

@media (max-width: 768px) {

	.section {
		padding: 30px 0;
	}

}



.section-title {
	margin-bottom: 40px;
	text-align: center;
	font-size: 40px;
}

.section-title strong {
	color: #1064b0;
}

.section-title p {
	margin: 0;
	font-size: 0;
	margin-top: 10px;
}

.section-title span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 20px;
	padding: 0 20px;
}

.section-title span:before,
.section-title span:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #1064b0;
	margin-top: -1px;
}

.section-title span:before {
	right: 100%;
}

.section-title span:after {
	left: 100%;
}

.in-yin {
	margin: 0 0 0 -18px;
}

.in-yin li {
	float: left;
	width: 25%;
}

.in-yin li a {
	display: block;
	position: relative;
	margin: 0 0 0 18px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.in-yin li .tit {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #1064b0;
	text-align: center;
	font-size: 18px;
	line-height: 85px;
	font-weight: bold;
	color: #333;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.in-yin li .tit i {
	position: absolute;
	left: 50%;
	top: -23px;
	width: 46px;
	height: 46px;
	background: no-repeat center #142038;
	margin-left: -23px;
	border-radius: 50%;
}

.in-yin li .text {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.in-yin li .wrap {
	color: #fff;
	padding: 80px 30px 0;
}

.in-yin li .wrap i {
	width: 64px;
	height: 64px;
	background: no-repeat center #1064b0;
	margin: 0 auto;
	border-radius: 50%;
	display: block;
}

.in-yin li .wrap h4 {
	margin: 0;
	position: relative;
	line-height: 70px;
	font-size: 26px;
	text-align: center;
}

.in-yin li .wrap h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	height: 3px;
	width: 30px;
	background-color: #fff;
	margin-left: -15px;
}

.in-yin li .wrap p {
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
	margin: 15px 0 0;
}

.in-yin li a:hover {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

.in-yin li a:hover .tit {
	bottom: -108px;
}

.in-yin li a:hover .text {
	top: 0;
}





/* 首页新闻列表 */
.eyou-news .hd {
	font-size: 0;
	text-align: center;
	margin-bottom: 20px;
}

.eyou-news .hd li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}

.eyou-news .hd li a {
	display: block;
	line-height: 40px;
	width: 160px;
	font-size: 14px;
	border: 1px solid #ebebeb;
}

.eyou-news .hd li.on a {
	background-color: #1064b0;
	border-color: #1064b0;
	color: #fff;
}

.eyou-news .bd ul {
	margin-left: -40px;
}

.eyou-news .bd li {
	float: left;
	width: 50%;
}

.eyou-news .bd li a {
	display: block;
	margin-left: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	margin-top: 20px;
	overflow: hidden;
}

.eyou-news .bd li .img-center {
	overflow: hidden;
	height: 290px;
	line-height: 290px;
}

.eyou-news .bd li .img-center img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.eyou-news .bd li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.eyou-news .bd li .date {
	float: left;
	width: 110px;
	color: #666;
	padding: 26px 0;
	text-align: center;
	border-right: 1px solid #eee;
	line-height: 1;
}

.eyou-news .bd li .date strong {
	display: block;
	font-size: 50px;
	color: #333;
	font-family: Impact;
	margin-bottom: 6px;
}

.eyou-news .bd li .info {
	margin-left: 110px;
	padding: 20px;
}

.eyou-news .bd li .info h4 {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}

.eyou-news .bd li .info p {
	color: #888;
	margin: 10px 0 0;
	overflow: hidden;
	line-height: 1.8;
	height: 50px;
}

.eyou-news .bd li a:hover {
	border-color: #1064b0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* 首页 项目分布 */
.projects-body {
	margin-top: 30px;
	width: 100%;
}

.projects-body .slick-slide {
	padding: 0 10px;
}

.projects-body .slick-slide .img_on {
	background-size: cover;
}

.projects-body .slick-prev,
.projects-body .slick-next {
	width: 50px;
	height: 50px;
	top: 50%;
	border-radius: 50%;
}

.projects-body .slick-prev {
	left: 10px;
	background: url(images/p4.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.1);
}

.projects-body .slick-next {
	right: 10px;
	background: url(images/p5.png) center no-repeat;
	background-size: cover;
	background-color: rgba(0, 0, 0, 0.1);
}

.projects-body .slick-prev:hover,
.projects-body .slick-next:hover {
	background-color: rgba(0, 0, 0, 0.7);
}

.projects-body .slick-slide .c_img {
	border: 1px solid #ebebeb;
}

.projects-body .slick-slide .c_tit {
	text-align: center;
	font-size: 14px;
	line-height: 2;
	padding: 15px 0;
}

@media screen and (max-width:767px) {
	.projects-body .slick-slide .c_tit {
		padding: 5px 0;
	}
}



/* 公共底部 */
#w_grid-1594963447314 {
	width: 100%;
	max-width: 1440px;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding-top: 0px;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 0px;

}

#w_grid-1594963447314>div>.p_gridbox {
	display: flex;
	align-items: center;
}

#w_grid-1594963447314 .p_MatteIcon .iconfont:before {
	content: '\e602';
}

#w_grid-1594963447314>div {
	animation-fill-mode: both;
}

#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
	margin-left: 0px;
	clear: left;
}

@media only screen and (max-width: 768px) {
	#w_grid-1594963447314>div>.p_gridbox {
		display: block;
	}
}

@media only screen and (min-width: 769px) {
	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell {
		margin-bottom: 0rem;
		margin-top: 0rem;
		margin-left: 0px;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+0) {
		width: 29.62%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+1) {
		margin-left: 0px;
		clear: left;
		margin-right: 0px;
		width: 31.680000000000003%;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+2) {
		width: 38.690000000000005%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n) {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 1280px) {
	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+0) {
		width: 28%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+1) {
		margin-left: 0px;
		clear: left;
		margin-right: 0px;
		width: 40%;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+2) {
		width: 32%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n) {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell {
		margin-bottom: 0rem;
		margin-top: 0rem;
		margin-left: 0px;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+0) {
		width: 36%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+1) {
		margin-left: 0px;
		clear: left;
		margin-right: 0px;
		width: 22%;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n+2) {
		width: 42%;
		margin-left: 0px;
		margin-right: 0px;
		clear: none;
	}

	#w_grid-1594963447314>div>.p_gridbox>.p_gridCell:nth-child(3n) {
		margin-right: 0px;
	}
}

#c_portalResPublic_codeContainer-15963586345939601 .lan {
	width: 165px;
	height: 44px;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan span {
	display: block;
	width: 100%;
	background: url(/img/lan.png?tenantId=198413&viewType=1&v=1671425293000) no-repeat center center rgba(255, 255, 255, 0.1);
	height: 44px;
	line-height: 44px;
	border-radius: 30px;
	font-family: "pop";
	font-size: 15px;
	color: #fff;
	text-indent: 52px;
	margin-top: 18px;
	cursor: pointer;
	transition: all 0.5s;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan:hover span {
	background: url(/img/lan.png?tenantId=198413&viewType=1&v=1671425293000) no-repeat center center #2a59a7;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan dl {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	display: none;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan dl dd {
	border-bottom: 1px solid #e5e5e5;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan dl dd:last-child {
	border-bottom: none;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan dl dd a {
	display: block;
	font-size: 14px;
	line-height: 40px;
	font-family: "pop";
	color: #333;
	background: #fafafa;
}

#c_portalResPublic_codeContainer-15963586345939601 .lan dl dd:hover a {
	background: #1a1a1a;
	color: #fff;
	transition: all 0.5s;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	#c_portalResPublic_codeContainer-15963586345939601 .lan span {
		margin-top: 18px;
	}
}

#c_portalResPublic_codeContainer-15963586345939601 {
	width: 165px;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

#c_portalResPublic_codeContainer-15964093617066267 .qcode {
	font-size: 0;
	text-align: right;
}

#c_portalResPublic_codeContainer-15964093617066267 .qcode li {
	display: inline-block;
	margin-left: 20px;
	text-align: center;
}

#c_portalResPublic_codeContainer-15964093617066267 .qcode li span {
	display: block;
	font-size: 14px;
	line-height: 34px;
	color: #fff;
}

@media screen and (max-width: 768px) {
	#c_portalResPublic_codeContainer-15964093617066267 .qcode {
		text-align: center;
		margin-top: 10px;
	}

	#c_portalResPublic_codeContainer-15964093617066267 .qcode li {
		margin-left: 0px;
		margin: 0 10px;
	}
}

#c_portalResPublic_codeContainer-15964093617066267 {
	width: auto;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {}

@media screen and (max-width: 1024px) and (min-width: 769px) {}

#c_portalResPublic_codeContainer-15964061694688028 .foot-l {
	width: 100%;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-title {
	padding-left: 20px;
	border-left: 4px solid #2a59a7;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-title h2 {
	font-size: 34px;
	color: #fff;
	line-height: 40px;
	font-weight: bold;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-title h3 {
	font-size: 16px;
	color: #999;
	line-height: 16px;
	margin-top: 16px;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-contact {
	font-size: 0;
	text-align: left;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding: 20px 0 10px;
	margin-top: 20px;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-tel {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-tel span {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}

#c_portalResPublic_codeContainer-15964061694688028 .f-tel a {
	display: block;
	font-size: 24px;
	color: #fff;
	font-family: "pop";
}

#c_portalResPublic_codeContainer-15964061694688028 .f-btn {
	display: inline-block;
	width: 160px;
	height: 48px;
	line-height: 48px;
	background: url(/img/s_arrow.png?tenantId=198413&viewType=1&v=1671425293000) no-repeat center right 45px #2a59a7;
	text-indent: 45px;
	color: #fff;
	font-size: 14px;
	border-radius: 50px;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	#c_portalResPublic_codeContainer-15964061694688028 .f-title {
		padding-left: 10px;
	}

	#c_portalResPublic_codeContainer-15964061694688028 .f-title h2 {
		font-size: 30px;
		line-height: 30px;
	}

	#c_portalResPublic_codeContainer-15964061694688028 .f-contact {
		padding: 20px 0 10px;
		margin-top: 20px;
	}

	#c_portalResPublic_codeContainer-15964061694688028 .f-tel a {
		font-size: 20px;
	}

	#c_portalResPublic_codeContainer-15964061694688028 .f-btn {
		width: 150px;
		background: url(/img/s_arrow.png?tenantId=198413&viewType=1&v=1671425293000) no-repeat center right 40px #2a59a7;
		text-indent: 40px;
	}
}

#c_portalResPublic_codeContainer-15964061694688028 {
	width: auto;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#c_portalResPublic_codeContainer-15964085521502715 .f-details li {
	padding-left: 38px;
	font-size: 16px;
	line-height: 1.75;
	color: #b2b2b2;
	font-family: "pop";
	margin-bottom: 20px;
}

#c_portalResPublic_codeContainer-15964085521502715 .f-details li span {
	display: block;
	font-size: 20px;
	color: #fff;
	font-family: "pop";
	line-height: 20px;
	margin-bottom: 10px;
}

#c_portalResPublic_codeContainer-15964085521502715 .f-details li a {
	font-size: 16px;
	color: #b2b2b2;
	font-family: "pop";
	transition: all 0.5s;
}

#c_portalResPublic_codeContainer-15964085521502715 .f-details li a:hover {
	color: #fff;
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	#c_portalResPublic_codeContainer-15964085521502715 .f-details {
		margin-top: 10px;
	}

	#c_portalResPublic_codeContainer-15964085521502715 .f-details li {
		margin-bottom: 10px;
	}
}

#c_portalResPublic_codeContainer-15964085521502715 {
	width: auto;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#w_grid-1596408548354 {
	width: 100%;
	max-width: none;
	min-width: 0px;
	height: auto;
	max-height: none;
	min-height: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 24%;
	padding-right: 0px;
	padding-bottom: 0px;
}


/* 公共banner */
.abanner {
	position: relative;
	max-height: 500px;
	overflow: hidden;
	text-align: center;
}

@media (max-width: 991px) {
	.abanner {
		min-height: 180px;
	}
}

@media (max-width: 991px) {
	.abanner {
		background-size: cover;
		background-position: center center;
	}
}

.abanner::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.36;
}


.abanner.abanner2 .txt_box {
	margin-top: -90px;
}

@media (max-width: 1300px) {
	.abanner.abanner2 .txt_box {
		margin-top: -72px;
	}
}

.abanner img {
	width: 100%;
	height: auto;
}

@media (max-width: 991px) {
	.abanner img {
		height: 100%;
		width: 100%;
		max-height: 180px;
		max-width: fit-content;
		object-fit: cover;
		display: none;
	}
}

.abanner .txt_box {
	width: 1480px;
	position: absolute;
	left: 50%;
	margin-left: -740px;
	z-index: 10;
	top: 50%;
	transform: translate(0, -50%);
	margin-top: 50px;
}


@media (max-width: 991px) {
	.abanner .txt_box {
		margin-top: 0;
		transform: translate(0, -50%);
	}
}

.abanner .txt_box .t {
	font-size: 46px;
	line-height: 64px;
	font-weight: bold;
	color: #fff;
}

@media (max-width: 1300px) {
	.abanner .txt_box .t {
		font-size: 40px;
		line-height: 58px;
	}
}

@media (max-width: 991px) {
	.abanner .txt_box .t {
		font-size: 24px;
		line-height: 1.25;
	}
}

.abanner .txt_box .en {
	font-size: 22px;
	line-height: 1.5;
	color: #fff;
	margin-top: 5px;
	letter-spacing: 1px;
}

@media (max-width: 1300px) {
	.abanner .txt_box .en {
		font-size: 20px;
		line-height: 2;
	}
}

@media (max-width: 991px) {
	.abanner .txt_box .en {
		font-size: 16px;
		line-height: 1.25;
	}
}

.abanner .txt_box .line {
	width: 45px;
	height: 4px;
	background: #fff;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

@media (max-width: 1300px) {
	.abanner .txt_box .line {
		margin-top: 20px;
	}
}


/*** ====================================================================
Map Section
====================================================================***/
.map-section {
	position: relative;
	padding: 60px 0;
}

@media (max-width: 769px) {
	.map-section {
		padding: 0.6rem 0;
	}
}


.map-section .container {
	position: relative;
}

.map-section #contact-google-map {
	height: 600px;
	width: 100%;
}

@media (max-width: 769px) {
	.map-section #contact-google-map {
		height: 30vh;
		width: 100%;
	}
}


.map-section .contact-info {
	position: absolute;
	top: 30px;
	left: 5%;
	width: 300px;
	height: 540px;
	padding: 35px 20px;
	background: rgba(0, 0, 0, 0.6);
}

@media (max-width: 769px) {
	.map-section .contact-info {
		position: initial;
		width: 100% !important;
	}
}

.map-section .contact-info .section-title h2 {
	color: #ffffff;
	margin-bottom: 20px;
}

.map-section .contact-info .item {
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
}

.map-section .contact-info .item:last-child {
	margin-bottom: 0px;
}

.map-section .contact-info .item strong {
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: capitalize;
}

.map-section .contact-info .item p {
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 5px;
}

.map-section .contact-info .item p a {
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	margin-top: 5px;
}

.map-section .contact-info .item i {
	position: absolute;
	top: 5px;
	left: 0px;
	color: #fff;
	font-size: 24px;
}

.Cqrcode {
	width: 300PX;
	margin: 0 auto;
	color: #FFFFFF;
	line-height: 2;
}



/* 荣誉证书卡片 */
.main.honor .honor_box {
	background: #fafafa;
	padding-bottom: 90px;
}

.main.honor .honor_box .nbox {
	padding-top: 60px;
}

.honor-item {
	padding-left: 15px;
	padding-right: 15px;
}

.honor-item .card {
	background: #fff;
	margin: 0 auto 30px;
	border: 1px solid #eee;
}

.honor-item .card:hover {
	box-shadow: 0 5px 16px rgba(159, 159, 159, 0.2);
}

.honor-item .card:hover a .tu img {
	transform: scale(1.1);
}

.honor-item .card:hover a .cont .tit {
	color: #2a59a7;
}

.honor-item .card a {
	display: block;
	overflow: hidden;
}

.honor-item .card a .tu {
	overflow: hidden;
	max-height: 100%;
	padding: 15px;
	padding-bottom: 0;
	text-align: center;
}

@media screen and (max-width:767px) {
	.honor-item .card a .tu {
		padding: 10px;
		padding-bottom: 0;
	}
}




.honor-item .card a .tu .embed-responsive {
	overflow: hidden;
	height: auto;
	padding: 0;
}

.honor-item .card a .tu img {

	max-width: 100%;
	min-height: 95px;
	max-height: 100%;
	object-fit: contain;
	transition: all 0.5s ease-in-out;
}

.honor-item .card a .cont {
	padding: 15px 10px;
	position: relative;
}

@media screen and (max-width:767px) {
	.honor-item .card a .cont {
		padding: 0px 5px;
		position: relative;
	}
}


.honor-item .card a .cont .date {
	display: inline-block;
	font-size: 14px;
	line-height: 34px;
	color: #fff;
	background: #2a59a7;
	padding: 0 16px;
	position: absolute;
	left: 30px;
	top: 0;
	margin-top: -17px;
	z-index: 10;
}

.honor-item .card a .cont .tit {
	font-size: 14px;
	line-height: 28px;
	color: #444;
	font-weight: bold;
	text-align: center;
	transition: all 0.5s ease-in-out;
}

.honor-item .card a .cont .con {
	font-size: 14px;
	line-height: 24px;
	color: #666;
	height: 48px;
	overflow: hidden;
	margin-top: 18px;
}

.honor-item .card a .cont .more {
	display: inline-block;
	padding-right: 45px;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	margin-top: 30px;
	background: url(../img/more.png) no-repeat right center;
}

/* 响应式banner */
.hometop>div {
	position: relative;
}

.banner1_one {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.35);
}

.banner1_one .imgs2 {
	font-size: 56px;
	margin-bottom: 0.1%;
	font-weight: 600;
	letter-spacing: 10px;
}

@media (max-width: 768px) {

	.banner1_one .imgs2 {
		font-size: 26px;
		letter-spacing: 5px;
	}

}

.banner1_one .divs {
	font-size: 28px;
	letter-spacing: 12px;
}


@media (max-width: 768px) {

	.banner1_one .divs {
		font-size: 18px;
		letter-spacing: 3px;
	}

}


/* 通用底部 */
/*footer*/
.footer {
	width: 100%;
	overflow: hidden;
	background: #565656;
	color: #FFF;
	font-size: 16px;
}

@media (max-width: 768px) {
	.footer {
		padding: 30px 0;
	}
}

.footer-top {
	padding: 2.2vw 0;
}

.footer a {
	color: #FFF;
}

.footer .foot_l {
	width: auto;
	overflow: hidden;
	text-align: center;
}

@media (max-width: 768px) {
	.footer .foot_l {
		width: 100%;
	}
}

.footer .foot_l dt img {
	height: 55px;
}

@media (max-width: 768px) {
	.footer .foot_l dt img {
		height: 0.5rem;
	}
}

.footer .foot_l dd .p1 {
	font-size: 35px;
	letter-spacing: 4px;
}

@media (max-width: 768px) {
	.footer .foot_l dd .p1 {
		font-size: 0.35rem;
		letter-spacing: 0.04rem;
	}
}

.footer .foot_l dd .p2 {
	font-size: 21px;
	font-weight: normal;
	letter-spacing: 1px;
}

@media (max-width: 768px) {
	.footer .foot_l dd .p2 {
		font-size: 0.21rem;
		letter-spacing: 0.01rem;
	}
}

.foot_nav dd a {
	width: 48%;
	display: inline-block;
}

.footer .foot_nav {
	width: 13%;
	overflow: hidden;
	margin-left: 21%;
}

@media (max-width: 1200px) {
	.footer .foot_nav {
		margin: 0 60px;
		width: 180px;
	}
}


@media (max-width: 991px) {
	.footer .foot_nav {
		display: none;
	}
}

@media (max-width: 768px) {
	.footer .foot_nav {
		display: none;
	}
}

.footer .foot_lx {
	width: auto;
	overflow: hidden;
	position: relative;
}

@media (max-width: 768px) {
	.footer .foot_lx {
		width: 100%;
		margin-top: 30px;
		line-height: 32px;
	}
}

.footer .foot_lx dd {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 20px;
	line-height: 1;
}

.footer .foot_lx i {
	width: 32px;
	padding: 0;
}

.footer .foot_lx .pt30 span {
	height: 36px;
	line-height: 34px;
}

.footer .foot_lx .djw {
	width: 32px;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	background: #646464;
	text-align: center;
	border-radius: 50%;
}

.footer .foot_lx .djw i {
	padding: 0;
	font-size: 16px;
}

.footer .foot_lx .djw_ewm {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99;
	padding: 10px;
	width: 100%;
	background: rgba(54, 55, 56, 0.80);
}

.footer .foot_lx .djw_ewm em {
	position: absolute;
	right: 10px;
	top: 5%;
	z-index: 10;
	display: block;
	cursor: pointer;
}

.footer .foot_lx .djw_ewm .ewm {
	width: 120px;
	overflow: hidden;
	margin: 0 auto 0 auto;
}

.footer .foot_lx .djw_ewm p span {
	display: none;
}

.copy {
	width: 100%;
	overflow: hidden;
	background: #565656;
	color: #FFF;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
}

.copy a {
	color: #FFF;
}


.footer-fix {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}


@media (max-width: 991px) {
	.footer-fix {
		display: block;
	}
}


.footer-fix li {
	float: left;
	width: 25%;
}

.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}

.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}

.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}

.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}

.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}

.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}

.img-center {
	text-align: center;
	font-size: 0;
}

.img-center img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.img-cover {
	overflow: hidden;
}

.img-cover span {
	display: block;
	width: 100%;
	background: no-repeat center / cover;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/* 元 解决方案 */
/* 垂直居中 */
.roualc {
	line-height: 80px;
}

.tab-cell {
	display: table-cell;
	vertical-align: middle;
}

.enalc {
	font-size: 32px;
	color: #333;
	margin-top: 5%;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0 80px;
	margin: 0 auto
}

.main.news .app_box .nbox ul li {
	width: 10%;
	margin-right: 1.5%;
	float: left;
	margin-top: 15px;
	background-color: #fff;
}

.main.news .app_box .nbox ul li a .cont {
	padding: 20px 15px;
	text-align: center;
}

.block_withbg {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.block_withbg::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #333;
	opacity: 0.15;
}

.product .description,
.product .title {
	position: relative;
	text-align: center;
}

.product .content {
	width: 100%;
	position: absolute;
	top: 17.6vw;
	padding: 0px;
	margin-left: 0;
	align-items: flex-start;
}

@media (max-width: 768px) {
	.product .content {
		top: 0;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

.product .content .dlxl {

	transform: translateY(50px);
	filter: alpha(opacity=0);
	opacity: 0;

	width: 35vw;

}

@media (max-width: 768px) {
	.product .content .dlxl {
		width: 100%;

	}
}

@media (min-width: 1024px) {
	.product .content .dlxl.animate {

		transform: translateY(0px);
		filter: alpha(opacity=100);
		opacity: 1;
		transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	}

}

@media (max-width: 1024px) {
	.product .content .dlxl.animate {
		transform: translateY(0px);
		filter: alpha(opacity=100);
		opacity: 1;
		transition: transform 0.6s ease-out, opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	}
}

.product .title {
	font-size: 2vw;
	font-weight: 600;
	color: #fff;
}

@media (max-width: 768px) {
	.product .title {
		font-size: 0.3rem;
	}
}

.product .description {
	width: 100%;
	line-height: 1.75;
	margin: 1vw 0;
	font-size: 1.1vw;
	font-weight: 300;
	text-align: left;
	color: #fff;
}

@media (max-width: 768px) {
	.product .description {
		font-size: 0.2rem;
		line-height: 0.3rem;
		height: 0.9rem;
		overflow: hidden;
	}
}


.product .display_btn {
	width: auto;
	color: #fff;
	padding: 0.43vw 1.2vw;
	font-size: 1.2vw;
	border: 2px solid #fff;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
}

@media (max-width: 768px) {
	.product .display_btn {
		padding: 0.08rem 0.2rem;
		font-size: 0.18rem;
	}
}

.industry_merits {
	padding: 50px 0;
}

@media (max-width: 768px) {
	.industry_merits {
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
	}
}


.industry_merits .merits_title {
	text-align: center;
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
	margin: 0;
	margin-bottom: 30px;
}

@media (max-width: 768px) {
	.industry_merits .merits_title {
		font-size: 0.36rem;
		margin-bottom: 0.15rem;
	}
}


.product .allmerits {
	width: 60vw;
	margin: 30px auto 0 auto;
}

@media (max-width: 768px) {
	.product .allmerits {
		width: 90%;

	}
}

.merits {
	display: flex;
	flex-wrap: wrap;
	align-items: top;
	align-content: center;
	justify-content: space-between;
	align-items: flex-start;
}

@media (max-width: 768px) {
	.merits {
		justify-content: space-around;
	}
}

.merits .merits_item {
	display: flex;
	justify-content: center;
	position: relative;
}

@media (max-width: 768px) {
	.merits .merits_item {
		margin-bottom: 0.3rem;
		width: 33.3%;
	}
}



.merits .merits_item .content {
	position: relative;
	top: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.merits .merits_item .content img {
	margin-bottom: 1vw;
}

@media (max-width: 991px) {
	.merits .merits_item .content img {
		margin-bottom: 1vw;
		width: 1rem;
	}
}

.merits .merits_item .content .merits_text {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	font-size: 1.2vw;
}

@media (max-width: 768px) {
	.merits .merits_item .content .merits_text {
		font-size: 0.25rem;
	}
}

.merits .merits_item .content .merits_desc {
	font-size: 0.875vw;
	line-height: 1.5;
	margin-top: 5px;
}

@media (max-width: 768px) {
	.merits .merits_item .content .merits_desc {
		font-size: 0.2rem;
		margin-top: 3px;
		text-align: center;
	}
}


/*应用场景*/
.industry_advantage {
	clear: both;
	padding: 60px 0 60px 0;
	background: #F7F9FA;
}

@media (max-width: 768px) {
	.industry_advantage {
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
	}
}

.index_field_title {
	text-align: center;
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
	margin: 0 auto;
}

@media (max-width: 768px) {
	.index_field_title {
		font-size: 0.36rem;
	}
}

.industry_advantage_container {
	margin: 0 auto;
	padding-top: 30px;
}

.industry_advantage_plan {
	width: 25%;
	text-align: center;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 24px;
}

@media (max-width: 768px) {
	.industry_advantage_plan {
		width: 50%;
		text-align: center;
		float: left;
		padding-left: 0.15rem;
		padding-right: 0.15rem;
		margin-bottom: 0.3rem;
	}
}

.industry_advantage_planimg {
	text-align: center;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.industry_advantage_planimg img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

.industry_advantage_plan p {
	color: #262626;
	font-size: 18px;
	margin-top: 20px;
}

@media (max-width: 768px) {
	.industry_advantage_plan p {
		margin-top: 0.2rem;
		font-size: 0.26rem;
	}
}



/* 具体方式 */
.industry_lbfon {
	padding: 50px 0;
}

.lbfon {
	margin-top: 0;
	overflow: hidden;
}


.lbfon li {
	margin-top: 0;
	margin-bottom: 30px;
}

.lbfon li a {
	display: block;
	display: flex;
	align-items: center;
	background: #f4f4f4;
}

@media (max-width: 768px) {
	.lbfon li a {
		flex-direction: column;
	}
}

.lbfon li a .pic {
	width: 50%;
	float: left;
	overflow: hidden;
}

@media (max-width: 768px) {
	.lbfon li a .pic {
		width: 100%;
		float: left;
		overflow: hidden;
	}
}


.lbfon li:nth-child(2n) a .pic {
	order: 1;
}

@media (max-width: 768px) {
	.lbfon li:nth-child(2n) a .pic {
		order: 0;
	}
}


.lbfon li a .pic span {
	transition: all 0.5s ease;
	display: block;
	height: 360px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 1px;
	padding-bottom: 56.66%;
}

.lbfon li a .con {
	width: 50%;
	float: left;
	height: 360px;
	display: table;
	padding: 0 100px;
	background: #f4f4f4;
}

@media (max-width: 768px) {
	.lbfon li a .con {
		width: 100%;
		height: auto;
		padding: 0.4rem;
	}
}

.lbfon li a .con .p1 {
	font-size: 26px;
	font-weight: bold;
	color: #2a59a7;
}

@media (max-width: 768px) {
	.lbfon li a .con .p1 {
		font-size: 0.26rem;
	}
}

.lbfon li a .con .p2 {
	margin-top: 25px;
	font-size: 18px;
	line-height: 2;
	color: #333;
}

@media (max-width: 768px) {
	.lbfon li a .con .p2 {
		font-size: 0.2rem;
		margin-top: 0.15rem;
	}
}

.lbfon li a .con .p3 {
	margin-top: 15px;
	font-size: 18px;
	color: #999;
}

.lbfon li a .con .p4 {
	margin-top: 25px;
	font-size: 12px;
	color: #0bb5f3;
}

.bensol {
	margin-top: 4%;
}

.bensol span {
	font-size: 24px;
	display: block;
}

.bensol a {
	font-size: 12px;
	margin-top: 10px;
	color: #0bb5f3
}

/* 水利巡检 */


@media (max-width: 768px) {
	.product_slxj .merits .merits_item {
		margin-bottom: 0.3rem;
		width: 50%;
	}
}


@media (max-width: 768px) {
	.product_slxj .merits .merits_item .content img {
		height: 1rem;
		width: auto;
	}
}

.product_slxj .industry_advantage_plan {
	width: 33%;
}

@media (max-width: 768px) {
	.product_slxj .industry_advantage_plan {
		width: 50%;
	}
}

/* 环保监测 */


@media (max-width: 768px) {
	.product_hbjc .merits .merits_item {
		margin-bottom: 0.3rem;
		width: 50%;
	}
}


@media (max-width: 768px) {
	.product_hbjc .merits .merits_item .content img {
		height: 1rem;
		width: auto;
	}
}

.product_hbjc .industry_advantage_plan {
	width: 33%;
}

@media (max-width: 768px) {
	.product_hbjc .industry_advantage_plan {
		width: 50%;
	}
}


/* 城市网格化管理 */


@media (max-width: 768px) {
	.product_cswghgl .merits .merits_item {
		margin-bottom: 0.3rem;
		width: 25%;
	}
}


@media (max-width: 768px) {
	.product_cswghgl .merits .merits_item .content img {
		height: 1rem;
		width: auto;
	}
}

.product_cswghgl .industry_advantage_plan {
	width: 33%;
}

@media (max-width: 768px) {
	.product_cswghgl .industry_advantage_plan {
		width: 50%;
	}
}


/* 解决方案 列表 */
.solution {
	display: block;

}

.solution-list {
	display: block;
}


@media (max-width:540px) {
	.solution-list {
		margin-right: -10px;
		margin-left: -10px;
	}
}

.solution-item {
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width:540px) {
	.solution-item {
		padding-left: 10px;
		padding-right: 10px;
	}
}


.solution-item .card {
	border-radius: 3px;
	position: relative;
	padding: 12px;
	margin: 0 auto 20px;
	-webkit-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: all 200ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	border: 1px solid #eee;
	min-height: 100px;
	overflow: hidden;
	background-color: #fff;
}


@media (max-width:540px) {
	.solution-item .card {
		min-height: 2rem;
	}
}


.solution-item .card .thumb {
	position: relative;
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
	margin: -12px;
}

.solution-item .card .thumb>.preview-link::before {
	background: rgba(0, 0, 0, 0.2);
	opacity: 0;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.solution-item .card .thumb>.quickview-link {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	line-height: 40px;
	text-align: center;
	z-index: 10;
	background: #007aec;
	border-radius: 50%;
	opacity: 0;
	visibility: hidden;
	color: #fff;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 0.3s ease-out 0s;
	-webkit-transition: all 0.3s ease-out 0s;
}

.solution-item .card .thumb:hover .preview-link::before {
	opacity: 1;
}

.solution-item .card .thumb:hover .quickview-link {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
}

.solution-item .card:hover {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
	-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
	-moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
	box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.solution-item .card:hover .operate .pull-right {
	display: block;
}

.solution-item .card .image {
	position: relative;
	width: 100%;
	height: 1px;
	overflow: hidden;
	padding-bottom: 75%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.solution-item .card .title {
	padding-top: 10px;
}

.solution-item .card h2 {
	color: #000;
	padding: 0;
	margin-bottom: 5px;
	height: 24px;
	margin-top: 15px;
	font-size: .16rem;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
}

@media (max-width:540px) {
	.solution-item .card h2 {
		font-size: 0.24rem;
	}
}

.solution-item .card .operate {
	height: 31px;
	overflow: hidden;
}

.solution-item .card .operate .pull-right {
	display: none;
}