@charset "utf-8";
/* CSS Document */
a {
	color: #666;
	transition: all 0.3s ease 0s;
}
li {
/*transition: all 0.3s ease 0s;*/
}
.bgsize {
	background-size: cover !important;
}
.wrap {
	padding: 0 6%;
	width: 88%;/*transition: all 0.3s ease 0s;*/
}
.wrap.m-wrap {
	/*padding: 0 3%;
	width: 94%;*/
	padding: 0 4.7%;
	width: 90.6%;
}
.m-wrap {
	padding: 0 4.7%;
	width: 90.6%;
}
.header {
	padding-top: 20px;
	position: relative;
	z-index: 20;
	height: 86px;
}
/*.header.owrap{
	padding-top: 44px;
	padding-bottom: 26px;
}
.header.twrap{
	padding-top: 34px;
	padding-bottom: 20px;
}*/
.header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 20;
}
.header.fixed.short {
	padding-top: 20px;/*height: 101px;*/
}
.header.fixed.short .nav ul {
/*padding-bottom: 10px;*/
}
/*.header.twrap{
	padding-top: 20px;
	padding-bottom: 10px;
}*/
.header.m-wrap {
	/*padding-top: 13px;
	padding-bottom: 13px;*/
	padding-top: 0;
	padding-bottom: 0;
	height: 46px;
}
.header.m-wrap.short {
	padding-top: 0;
	padding-bottom: 0;
}
.header.m-wrap.short.fixed {
	height: 46px;
}
.header.m-wrap .left {
	margin-top: 12px;
	padding-bottom: 5px;
}
.header .left {
	width: 70%;
	margin-top: 30px;
}
.header .right {
	width: 30%;
}
.header.m-wrap .right {
	display: none;
}
.header .logo {
	/*display: block;*/
	width: 206px;
	height: 37px;
}
.header .nav-ico {
	display: none;
	cursor: pointer;
	margin-right: 2.5%;
	height: 20px;
}
.header.m-wrap .nav-ico {
	display: block;
	margin-right: 0;
	width: 66px;
	height: 46px;
	background: url(../images/ico_18.jpg) no-repeat center;
	background-size: auto 40%;
	margin-right: -5%;
}
.header.m-wrap .nav-ico.hover {
	background: url(../images/ico_99.png) no-repeat center #035cac;
	background-size: auto 40%;
}
.header .nav-ico img {
	height: 100%;
}
.header .m-navwrap {
	display: none;
}
.header.m-wrap .m-navwrap {
	width: 100%;
	position: absolute;
	top: 46px;
	left: 0;
	display: none;
	background: #fff;
}
.header.m-wrap .m-navwrap ul, .header.m-wrap .m-navwrap li {
	width: 100%;
}
.header.m-wrap .m-navwrap .tit {
	display: block;
	width: 78%;
	padding: 0 17% 0 5%;
	height: 46px;
	line-height: 46px;
	font-size: 15px;
	color: #fff;
	background: url(../images/ico_100.png) no-repeat 92% center #035cac;
	background-size: auto 22%;
	cursor: pointer;
	border-right: 1px solid #035cac;
}
.header.m-wrap .m-navwrap .tit a {
	color: #fff;
	display: block;
}
.header.m-wrap .m-navwrap .tit a:hover {
	color: #b0b0b0;
}
.header.m-wrap .m-navwrap li {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #035cac;
}
.header.m-wrap .m-navwrap .sub-box {
	width: 100%;
	background-color: #004888;
	display: none;
}
.header.m-wrap .m-navwrap .sub-box a {
	display: block;
	width: 78%;
	padding: 0 17.4% 0 4.6%;
	height: 34px;
	line-height: 34px;
	border-top: 1px solid #5484af;
	color: #fff;
	font-size: 13px;
}
.header.m-wrap .m-navwrap .sub-box a:hover {
	background-color: #013c71;
}
.header.m-wrap .logo {
	margin-left: 2%;
	/*height: 20px;*/
	height: 24px;
	width: 50%;
	max-width: 100%;
}
.header.m-wrap .logo img {
	/*width: 100%;*/
	height: 100%;
}
.header .nav {
	width: 950px;
	/*margin-top: 16px;*/
	line-height: 44px;
}
.header.m-wrap .left .nav {
	display: none;
}
/*.header .nav ul{
	padding-bottom: 30px;
}*/
.header .nav li {
	padding-top: 5px;
	padding-right: 40px;
	/*padding-bottom: 12px;*/
	position: relative;
}
/*.header .nav li:hover,.header .nav li.hover{
	background: url(../images/bg_55.png) no-repeat center top;
}
.header.twrap .nav li:hover,.header.twrap .nav li.hover{
	background: url(../images/bg_56.png) no-repeat center top;
}
.header .nav li.home:hover,.header .nav li.home.hover{
	background: url(../images/bg_57.png) no-repeat center top;
}
.header.twrap .nav li.home:hover,.header.twrap .nav li.home.hover{
	background: url(../images/bg_58.png) no-repeat center top;
}*/
.header .nav li:hover, .header .nav li.hover {
	color: #035cac;
}
.header .nav li .subbox {
	position: absolute;
	top: 44px;
	left: 0;
	width: 240px;
	display: none;
	border-top: 3px solid #035cac;
}
.header .nav li .subbox .top-line {
	display: block;
	width: 100%;
	height: 10px;
	background: url(../images/bg_54.png) no-repeat center top;
}
.header .nav li .subbox a {
	display: block;
	padding-left: 25px;
	width: 213px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	font-size: 16px;
	color: #666;
	background-color: #fff;
}
.header .nav li:hover .subbox a, .header .nav li.hover .subbox a {
	color: #666;
}
.header .nav li .subbox a.bot {
	border-bottom: none;
}
.header .nav li .subbox a:hover {
	color: #035cac;
}
.header.short .nav li {
/*padding-bottom: 10px;*/
}
.header.short .nav li:hover, .header.short .nav li.hover {
/*padding-bottom: 8px;*/
}
.header.twrap .nav li {
	padding: 0 18px 12px 0;
}
.header .nav li a {
	color: #333;
	font-size: 16px;
	line-height: 1.1em;
	display: block;
	padding-top: 10px;
}
.header .nav li:hover a, .header .nav li.hover a {
	color: #035cac;
}
.header .nav li a label {
	display: block;
	font-size: 11px;
	color: #bbb;
}
.header .sharebox {
	margin-top: 10px;
	width: 100%;
	/*height: 26px;*/
	font-size: 14px;
	position: relative;
}
.header .search-box-head {
	border: 1px solid #dbdbdb;
	border-radius: 14px;
	width: 238px;
}
.header .search-box-head .tex {
	width: 184px;
	margin-left: 11px;
	font-size: 14px;
	height: 15px;
	line-height: 14px;
	padding: 7px 0 6px;
	border: none;
}
.header .search-box-head .sub-btn {
	width: 36px;
	height: 28px;
	background: url(../images/ico_138.png) no-repeat center;
	margin-right: 4px;
	border: none;
}
.header .site-link-box .sub-box {
	width: 160px;
	background-color: #fff;
	position: absolute;
	top: 40px;
	right: -12px;
	padding: 21px 10px 18px 20px;
	box-shadow: 0 2px 15px 0 #dbdbdb;
	border-radius: 5px;
	display: none;
}
.header .site-link-box .sub-box .point {
	display: inline-block;
	width: 21px;
	height: 10px;
	background: url(../images/ico_137.png) no-repeat center;
	position: absolute;
	top: -10px;
	right: 28px;
}
.header .site-link-box .sub-box .line {
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 19px;
	background-color: #f2f2f2;
	top: 0;
}
.header .site-link-box {
	/*padding-bottom: 14px;*/
	position: relative;
}
.header .site-link-box .sub-box a {
	float: none;
	transition: all 0.3s ease 0s;
	padding-left: 9px;
	border-left: 2px solid #fff;
	line-height: 20px;
	display: inline-block;
}
.header .site-link-box .sub-box p {
	line-height: 20px;
	padding: 5px 0;
	transition: all 0.3s ease 0s;
}
.header .site-link-box .sub-box p:hover a {
	color: #035cac;
	border-left: 2px solid #035cac;
}
.header .sharebox .link {
	float: right;
	margin: 0 0 0 20px;
	display: block;
	/*width: 26px;*/
	height: 26px;
	padding: 0;
	color: #333;
}
.header .sharebox .link:hover {
	color: #035cac;
}
.header .sharebox .sina {
	background: url(../images/ico_109.png) no-repeat center;
}
.header .sharebox .wei {
	background: url(../images/ico_108.png) no-repeat center;
	position: relative;
}
.header .sharebox .sina:hover {
	background: url(../images/ico_02.png) no-repeat center;
}
.header .sharebox .wei:hover {
	background: url(../images/ico_01.png) no-repeat center;
}
.header .sharebox .wei img {
	position: absolute;
	left: -100px;
	top: 100%;
	width: 200px;
	display: none;
}
.header .s-nav {
	width: 100%;
	/*margin-top: 22px;*/
	line-height: 32px;/*height: 36px;*/
}
.header .s-nav a {
	float: right;
	color: #333;
	line-height: 36px;
	font-size: 12px;
}
.header .s-nav a.en {
	font-family: "Arial";
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.header .s-nav a:hover {
	color: #035cac;
}
.header .s-nav .line {
	display: inline-block;
	float: right;
	color: #e5e5e5;
	width: 32px;
	text-align: center;
}
.header.twrap .s-nav .line {
	width: 14px;
}
.header .s-nav a.search-btn {
	display: inline-block;
	width: 18px;
	height: 17px;
	background: url(../images/ico_114.png) no-repeat center;
	margin-top: 10px;
}
.search-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background-color: #000;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	display: none;
}
.searchbox {
	width: 50%;
	position: fixed;
	top: 169px;
	left: 50%;
	margin-left: -25%;
	height: 68px;
	border: 1px solid #535353;
	z-index: 51;
	display: none;
}
.m-search-box {
	width: 93%;
	border: 1px solid #aaa;
	position: fixed;
	left: 3%;
	top: 54px;
	height: 40px;
	z-index: 51;
	display: none;
}
.searchbox input.tex {
	border: none;
	background: none;
	font-size: 36px;
	font-family: "Arial";
	color: #a7a7a7;
	height: 37px;
	line-height: 36px;
	padding: 16px 2% 15px;
	width: 80%;
}
.m-search-box input.tex {
	border: none;
	background: none;
	font-size: 12px;
	font-family: "Arial";
	color: #a7a7a7;
	height: 13px;
	line-height: 12px;
	padding: 14px 2% 13px;
	width: 80%;
}
.searchbox input.search-btn {
	border: none;
	width: 7%;
	margin-right: 1%;
	height: 68px;
	background: url(../images/ico_115.png) no-repeat center;
	background-size: 50% auto;
	min-width: 40px;
}
.m-search-box input.search-btn {
	border: none;
	width: 7%;
	margin-right: 1%;
	height: 40px;
	background: url(../images/ico_115.png) no-repeat center;
	background-size: 60% auto;
}
.close-search {
	display: block;
	width: 37px;
	height: 37px;
	background: url(../images/ico_116.png) no-repeat center;
	position: fixed;
	right: 3%;
	top: 50px;
	cursor: pointer;
	z-index: 51;
	display: none;
}
.m-close-search {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/ico_116.png) no-repeat center;
	background-size: 100% auto;
	position: fixed;
	right: 4.6%;
	top: 15px;
	cursor: pointer;
	z-index: 51;
	display: none;
}
.m-searchbtn {
	width: 28px;
	height: 15px;
	background: url(../images/ico_117.png) no-repeat left center;
	background-size: auto 100%;
	border-right: 1px solid #ccc;
	margin-top: 16px;
	cursor: pointer;
	display: none;
}
.m-wrap .m-searchbtn {
	display: block;
}
/****************底部***************/
.footer.m-footer {
	display: block;
}
.footer.recruit-m-footer .footer-main {
	background-color: #045dac;
	padding-bottom: 0;
}
.recruit-m-footer .footer-main.m-wrap dd:last-child {
	border-bottom: 1px solid #1e6eb4;
}
.recruit-m-footer .footer-main.m-wrap dt {
	border-bottom: 1px solid #1e6eb4;
}
.recruit-m-footer .footer-main dd a {
	color: #a4bad8;
}
.footer.m-footer.recruit-m-footer .m-botwrap {
	background-color: #045dac;
}
.footer.m-footer.recruit-m-footer .m-botwrap .botbox p {
	color: #dde5f0;
}
.footer.m-footer.recruit-m-footer .m-botwrap .botlink a {
	color: #dde5f0;
}
.footer.m-footer.recruit-m-footer .m-botwrap .botlink .line {
	color: #1e6eb4;
	width: 24px;
}
.footer-main {
	padding-top: 28px;
	padding-bottom: 24px;
	background-color: #272727;
}
.footer-main .wx-link {
	display: none;
}
.footer-main .m-search-box {
	display: none;
}
.footer-main.m-wrap {
	padding: 10px 4.7% 20px;
	width: 90.6%;
}
.footer-main.m-wrap .m-search-box {
	margin-top: 18px;
	width: 99%;
	border: 1px solid #393939;
	height: 30px;
	margin-bottom: 15px;
}
.footer-main.m-wrap .m-search-box .tex {
	width: 81%;
	height: 15px;
	line-height: 14px;
	font-size: 14px;
	color: #fff;
	padding: 8px 4% 7px;
	background: none;
	border: none;
}
.footer-main.m-wrap .m-search-box .sub-btn {
	border: none;
	width: 10%;
	height: 30px;
	background: url(../images/ico_15.png) no-repeat center;
	background-size: auto 35%;
}
.footer-main.m-wrap .wx-link {
	display: inline-block;
	padding-left: 28px;
	line-height: 18px;
	height: 18px;
	color: #fff;
	background: url(../images/ico_26.png) no-repeat left center;
	background-size: auto 100%;
}
.footer-main dl {
	float: left;
	margin-right: 10%;
	transition: all 0.5s ease 0s;
	margin-bottom: 15px;
}
.footer-main.twrap dl {
	margin-right: 15%;
}
.footer-main.m-wrap .left-wrap {
	width: 100%;
}
.footer-main.m-wrap dl {
	width: 100%;
	margin-right: 0;
	margin-bottom: 0;
}
.footer-main dt {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 8px;
}
.footer-main.m-wrap dt {
	line-height: 38px;
	border-bottom: 1px solid #393939;
	color: #fff;
	/*background: url(../images/ico_25.png) no-repeat 96% center;
	background-size: auto 40%;*/
	cursor: pointer;
}
.footer-main.m-wrap dt.hover {
/*background: url(../images/ico_27.png) no-repeat 96% center;
	background-size: auto 40%;*/
}
.footer-main dt a {
	color: #ccc;
	display: block;
}
.footer-main dt a:hover {
	color: #fff;
}
.footer-main.m-wrap dd {
	display: none;
}
.footer-main.m-wrap dd:last-child {
	border-bottom: 1px solid #393939;
	padding-bottom: 6px;
}
.footer-main dd a {
	color: #b0b0b0;
	line-height: 29px;
	font-size: 14px;
}
.footer-main.m-wrap dd a {
	font-size: 12px;
	display: block;
}
.footer-main dd a:hover {
	color: #fff;
}
.footer-main .right {
	width: 18%;
	padding-top: 9px;
}
.footer-main.m-wrap .right {
	display: none;
}
.footer-main.m-wrap .searchbox {
	display: block;
}
.footer-main .searchbox {
	width: 99%;
	height: 40px;
	border: 1px solid #393939;
	margin-bottom: 30px;
}
.footer-main .searchbox .tex {
	border: none;
	background: none;
	width: 81%;
	height: 15px;
	font-size: 14px;
	line-height: 14px;
	padding: 13px 3% 12px 3%;
	color: #fff;
}
.footer-main .searchbox .butn {
	border: none;
	width: 13%;
	height: 40px;
	background: url(../images/ico_15.png) no-repeat center;
	background-size: auto 40%;
}
.footer-main .wxbox {
	width: 50%;
	margin-left: 7%;
}
.footer-main .wxbox img {
	width: 100%;
}
.footer-main .wxbox p {
	text-align: center;
	line-height: 32px;
	color: #fff;
}
.footer-main .left-wrap {
	width: 55%;
}
.footer-main .left-wrap .text {
	margin-top: 20px;
	clear: both;
}
.footer-main .left-wrap .text p {
	line-height: 20px;
	color: #ccc;
}
.footer .secbox {
	height: 28px;
	line-height: 28px;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #000;
	border-top: 1px solid #424141;
}
.footer .secbox a {
	color: #b0b0b0;
}
.footer .secbox a:hover {
	color: #fff;
}
.footer .secbox .left a {
	float: left;
}
.footer .secbox .line {
	display: inline-block;
	width: 22px;
	text-align: center;
	color: #333;
}
.footer .secbox .left .line {
	float: left;
}
.footer .secbox .right a {
	float: right;
}
.footer .secbox .right .line {
	float: right;
}
.footer .thibox {
	padding-top: 15px;
	padding-bottom: 18px;
	background-color: #272727;
	color: #b0b0b0;
	line-height: 35px;
}
.footer .thibox .link {
	width: 240px;
	position: relative;
}
.footer .thibox.twrap .link {
	width: 186px;
}
.footer .thibox .tit {
	display: block;
	width: 238px;
	height: 33px;
	border: 1px solid #333;
	line-height: 33px;
	text-align: center;
	color: #878787;
	background: url(../images/ico_16.png) no-repeat 160px center;
	cursor: pointer;
}
.footer .thibox.twrap .tit {
	width: 186px;
	background: url(../images/ico_16.png) no-repeat 160px center;
}
.footer .thibox .link:hover .tit {
	background: url(../images/ico_17.png) no-repeat 160px center;
}
.footer .thibox .subbox {
	position: absolute;
	bottom: 35px;
	left: 0;
	width: 238px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #000;
	z-index: 2;
	display: none;
	transition: normal;
}
.footer .thibox.twrap .subbox {
	width: 186px;
}
.footer .thibox .subbox ul {
	width: 100%;
}
.footer .thibox .subbox li {
	position: relative;
	width: 100%;
	border-top: 1px solid #333;
}
.footer .thibox .subbox a {
	display: block;
	width: 100%;
	line-height: 33px;
	text-align: center;
	color: #878787;
}
.footer .thibox .subbox a.tt {
	margin-left: -6px;
	padding-right: 6px;
	position: relative;
	z-index: 2;
}
.footer .thibox .subbox li:hover a.tt {
	background: url(../images/bg_52.png) no-repeat left center;
}
.footer .thibox .second-level {
	width: 238px;
	position: absolute;
	bottom: 0;
	left: -240px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	display: none;
	z-index: 1;
}
.footer .thibox .second-level a {
	display: block;
	width: 100%;
	line-height: 33px;
	text-align: center;
	color: #878787;
	background-color: #1c1c1c;
	border-top: 1px solid #333;
}
.footer .thibox .second-level a:hover {
	background-color: #333;
}
.footer .m-botwrap {
	display: none;
}
.footer.m-footer .secbox, .footer.m-footer .thibox {
	display: none;
}
.footer.m-footer .m-botwrap {
	display: block;
	background-color: #000;
	padding-bottom: 25px;
}
.footer.m-footer .m-botwrap .topbox {
	width: 100%;
	padding-top: 16px;
	padding-bottom: 12px;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #1a1a1a;
}
.footer.m-footer .m-botwrap .topbox .line {
	display: inline-block;
	width: 8px;
	text-align: center;
	color: #333;
}
.footer.m-footer .m-botwrap .topbox a {
	color: #b0b0b0;
}
.footer.m-footer .m-botwrap .botbox {
	padding-top: 10px;
}
.footer.m-footer .m-botwrap .botbox p {
	line-height: 27px;
	text-align: center;
	color: #b0b0b0;
}
.footer.m-footer .m-botwrap .botlink {
	width: 100%;
	text-align: center;
	line-height: 27px;
}
.footer.m-footer .m-botwrap .botlink a {
	color: #b0b0b0;
}
.footer.m-footer .m-botwrap .botlink .line {
	display: inline-block;
	width: 8px;
	text-align: center;
	color: #333;
}
.footer.m-footer .bot-linkbox {
	width: 41%;
	height: 24px;
	border: 1px solid #333;
	margin: 10px auto 0;
	position: relative;
	display: none;
}
.footer.m-footer .bot-linkbox .tt {
	display: block;
	width: 100%;
	line-height: 24px;
	color: #b0b0b0;
	text-align: center;
	background: url(../images/ico_16.png) no-repeat 90% center;
	background-size: auto 28%;
	cursor: pointer;
}
.footer.m-footer .bot-linkbox .tt.hover {
	background: url(../images/ico_17.png) no-repeat 90% center;
	background-size: auto 28%;
}
.footer.m-footer .bot-linkbox .subbox {
	position: absolute;
	bottom: 26px;
	width: 99%;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #000;
	display: none;
	transition: normal;
}
.footer.m-footer .bot-linkbox .subbox a {
	width: 100%;
	display: block;
	height: 24px;
	line-height: 24px;
	border-top: 1px solid #333;
	text-align: center;
	color: #b0b0b0;
	transition: normal;
}
.footer .info .qr {
	float: left;
	width: 106px;
}
.footer .info .qr img {
	display: block;
}
.footer .info .qr p {
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: rgba(255,255,255,.6);
	font-size: 12px;
}
.footer .info .txt {
	margin-left: 132px;
	padding-top: 22px;
	color: rgba(255,255,255,.6);
	font-size: 12px;
}
.footer .info .txt p {
	padding-left: 22px;
	line-height: 26px;
	background-position: left center;
	background-repeat: no-repeat;
}
.footer .info .txt p.p1 {
	background-image: url(../images/ico-g-4.png);
}
.footer .info .txt p.p2 {
	background-image: url(../images/ico-g-5.png);
}
.footer .info .txt p.p3 {
	background-image: url(../images/ico-g-6.png);
}
@media screen and (min-width: 800px) { 
 /*.ui-homenews >.l {
 	margin-right: 0;
 	margin-top: -39px;
 	width: calc(100% - 360px);
 	width: -moz-calc(100% - 360px);
	width: -webkit-calc100% - 360px);
 }*/
 .ui-homenews .news {
 	/*margin-top: -160px;*/
 }
}

/**************首页**************/
.banner {
	width: 100%;
	position: relative;
	display: inline-block;
	background: url(../images/loading.gif) no-repeat center;
}
.banner.margin {
	top: 106px;
	margin-bottom: 100px;
	z-index: 2;
}
.banner img {
	width: 100%;
	display: block;
}
.banner ul {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.banner li {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.banner .btnbox {
	position: absolute;
	left: 50%;
	bottom: 29px;
}
.banner .btnbox span {
	display: block;
	width: 13px;
	height: 13px;
	background: url(../images/ico_03.png) no-repeat center;
	float: left;
	cursor: pointer;
	margin-left: 11px;
}
.banner .btnbox span.on {
	background: url(../images/ico_04.png) no-repeat center;
}
.banner .i-ban-hei {
	margin-top: 35.4%;
	width: 100%;
	height: 0;
}
.m-banner {
	display: none;
	width: 100%;
	position: relative;
	background: url(../images/loading.gif) no-repeat center;
	cursor: grab;
}
.m-banner img {
	width: 100%;
	float: left;
}
.m-banner li {
	width: 100%;
}
.m-banner .pagination {
	position: absolute;
	bottom: 5%;
	left: 50%;
	z-index: 2;
}
.m-banner .pagination span {
	display: block;
	width: 6px;
	height: 6px;
	margin-left: 4px;
	background: url(../images/ico_03.png) no-repeat center;
	background-size: auto 100%;
	float: left;
	margin-right: 0;
}
.m-banner .pagination span.swiper-pagination-bullet-active {
	background: url(../images/ico_04.png) no-repeat center;
	background-size: auto 100%;
}
.i-wrap1 {
	/*margin-top: 30px;*/
	position: relative;
	overflow: hidden;
}
.i-wrap1 ul {
	width: 100%;
}
.i-wrap1 li {
	width: 33%;
	position: relative;
	overflow: hidden;
	margin-right: 1px;
}
.i-wrap1 li a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.i-wrap1 li img {
	width: 100%;
	float: left;
}
.i-wrap1 li .upbox {
	background: url(../images/bg_01.png) repeat center;
	width: 82%;
	padding: 9%;
	position: absolute;
	left: 0;
	top: 0;
	height: 82%;
	display: none;
}
.i-wrap1 li .more {
	display: inline-block;
	padding-right: 34px;
	background: url(../images/ico_05.png) no-repeat right center;
	margin-top: 10%;
	line-height: 26px;
	height: 26px;
	color: #fff;
}
.i-wrap1 li .f24 {
	font-style: italic;
	width: 100%;
	display: block;
	color: #fff;
	line-height: 36px;
}
.i-wrap1.twrap li .f24 {
	font-size: 18px;
}
.i-wrap1 li .word {
	display: block;
	width: 100%;
	color: #bacbe1;
	margin-top: 7.7%;
	line-height: 24px;
}
.i-wrap1.m-wrap {
	display: none;
}
.i-wrap2 {
/*margin-top: 30px;*/
}
.i-wrap2.i-mwrap {
	display: none;
}
.i-wrap2 .navbox {
	background-color: #fff;
	height: 80px;
	position: relative;
	z-index: 1;
}
.i-wrap2 .navbox.m-wrap {
	display: none;
}
.i-wrap2 .navbox ul {
	width: 100%;
}
.i-wrap2 .navbox li {
	width: 16.6%;
	text-align: center;
	height: 80px;
	color: #555;
	font-size: 18px;
	cursor: pointer;
	transition: normal 0s ease 0s;
}
.i-wrap2 .navbox.twrap li {
	font-size: 16px;
}
.i-wrap2 .navbox li:hover {
	background: url(../images/bg_59.png) no-repeat center top;
	padding-bottom: 9px;
	margin-bottom: -9px;
}
.i-wrap2 .navbox li.hover {
	background: url(../images/bg_02.png) no-repeat center top;
	padding-bottom: 9px;
	margin-bottom: -9px;
}
.i-wrap2 .navbox li:hover .tt, .i-wrap2 .navbox li.hover .tt {
	color: #fff;
}
.i-wrap2 .navbox li:hover .ico, .i-wrap2 .navbox li.hover .ico {
	background-position: center bottom !important;
}
.i-wrap2 .navbox .ico {
	display: inline-block;
	width: 21px;
	height: 80px;
	margin-right: 3.5%;
	transition: normal;
	background-position: center top !important;
}
/*.i-wrap2 .navbox .ico1{
	
}
.i-wrap2 .navbox .ico2{
	background: url(../images/ico_07.png) no-repeat center top;
}
.i-wrap2 .navbox .ico3{
	background: url(../images/ico_08.png) no-repeat center top;
}
.i-wrap2 .navbox .ico4{
	background: url(../images/ico_09.png) no-repeat center top;
}
.i-wrap2 .navbox .ico5{
	background: url(../images/ico_10.png) no-repeat center top;
}
.i-wrap2 .navbox .ico6{
	background: url(../images/ico_11.png) no-repeat center top;
}*/
.i-wrap2 .navbox li .tt {
	line-height: 24px;
	display: inline-block;
	vertical-align: 34px;
	transition: normal;
}
.i-wrap2 .contwrap {
	/*height: 395px;*/
	background: url(../images/bg_03.jpg) no-repeat center #f4f4f4;
	position: relative;
	z-index: 0;
	padding-bottom: 12px;
}
.i-wrap2 .contwrap.m-wrap {
	display: none;
}
.i-wrap2 .contwrap .leftbox {
	width: 50%;
	margin-left: 3.3%;
	margin-top: 12px;
}
.i-wrap2 .contwrap .f42 {
	line-height: 42px;
	/*margin-top: 18px;*/
	color: #035cac;
	font-size: 28px;
	display: block;
}
.i-wrap2 .contwrap .f24 {
	font-size: 28px;
}
.i-wrap2 .contwrap.twrap .f42 {
	font-size: 28px;
	line-height: 47px;
}
.i-wrap2 .contwrap.twrap .leftbox {
	margin-top: 60px;
}
.i-wrap2 .contwrap.twrap .f24 {
	font-size: 18px;
	line-height: 24px;
}
.i-wrap2 .contwrap.twrap .i-wrap2 .contwrap .f24 {
	line-height: 41px;
	display: block;
	width: 100%;
}
.i-wrap2 .contwrap .line {
	display: block;
	width: 80px;
	height: 3px;
	margin-top: 20px;
	margin-bottom: 32px;
	background-color: #c3c3c3;
}
.i-wrap2 .contwrap .word {
	display: block;
	line-height: 26px;
	margin-bottom: 49px;
	width: 79%;
	font-size: 14px;
	margin-top: 10px;
}
.i-wrap2 .contwrap .word .more {
	color: #035cac;
	font-size: 16px;
	line-height: 30px;
}
.i-wrap2 .leftbox a.butn {
	display: block;
	width: 141px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	float: left;
}
.i-wrap2 .leftbox a.red {
	background-color: #e6101a;
	margin-right: 20px;
}
.i-wrap2 .leftbox a.blue {
	background-color: #035cac;
}
.i-wrap2 .contwrap img {
	margin-top: 10px;
	width: 44%;
}
.i-wrap3 {
	width: 100%;
	position: relative;
	background-color: #fff;
}
/*.i-wrap3.owrap{
	padding-bottom: 120px;
}
.i-wrap3.twrap{
	padding-bottom: 200px;
}*/
.i-wrap3.i-mwrap {
	display: none;
}
.i-wrap3 .bg {
	width: 100%;
}
.i-wrap3 .contwrap {
	position: absolute;
	left: 0;
	top: 0;
	transition: normal;
}
.i-wrap3 .contwrap .tit {
	width: 100%;
	height: 107px;
}
.i-wrap3 .contwrap .f48 {
	font-size: 48px;
	color: #035cac;
	line-height: 107px;
}
.i-wrap3 .contwrap.owrap .tit, .i-wrap3 .contwrap.twrap .tit {
	height: 60px;
}
.i-wrap3 .contwrap.owrap .f48, .i-wrap3 .contwrap.twrap .f48 {
	font-size: 30px;
	line-height: 60px;
}
.i-wrap4 .contwrap.owrap .left .f48, .i-wrap4 .contwrap.twrap .left .f48 {
	font-size: 30px;
}
.i-wrap3 .contwrap.owrap .access, .i-wrap3 .contwrap.twrap .access {
	margin-top: 10px;
	font-size: 20px;
}
.i-wrap3 .contwrap .access {
	display: inline-block;
	line-height: 40px;
	color: #b8c8e0;
	font-size: 24px;
	margin-top: 45px;
}
.i-wrap3 .vid-box {
	width: 100%;
	position: relative;
}
.i-wrap3 .vid-box .upbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
	height: 350px;
	z-index: 2;
}
.i-wrap3 .vid-box .upbox.uop {
	opacity: 0;
	filter: Alpha(opacity=0);
}
.i-wrap3 .vid-box .obj-box {
	width: 100%;
	position: relative;
	;
	height: 100%;
	z-index: 1;
}
.i-wrap3 .vid-box .obj-box.uop {
	z-index: 3;
}
.i-wrap3 .vid-box .obj-box .obj {
	height: 100%;
	width: 86%;
	margin: 0 auto;
}
.i-wrap3 .vid-box .obj-box .close {
	display: block;
	cursor: pointer;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 44%;
	background: url(../images/ico_131.jpg) no-repeat left center;
	width: 46px;
	height: 46px;
}
.i-wrap3 .vid-box .obj-box .close:hover {
	background: url(../images/ico_131.jpg) no-repeat right center;
}
.i-wrap3 .vid-box .upbox img {
	/*width: 100%;*/
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.i-wrap3 .vid-box .upbox:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.i-wrap3 .vid-box .upbox .ico {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	top: 40%;
	background: url(../images/ico_12.png) no-repeat center;
}
.i-wrap3 .twrap .vid-box .upbox .ico {
	width: 35px;
	height: 35px;
	background: url(../images/ico_12.png) no-repeat center;
	background-size: auto 100%;
	top: 43%;
	margin-left: -18px;
}
.i-wrap3 .vid-box .upbox p {
	width: 100%;
	text-align: center;
	line-height: 38px;
	position: absolute;
	left: 0;
	top: 53%;
	font-size: 24px;
	color: #fff;
}
.i-wrap3 .twrap .vid-box .upbox p {
	top: 55%;
	font-size: 18px;
}
.i-wrap4 {
	width: 100%;
	position: relative;
	background: url(../images/bg_04.jpg) no-repeat center #f5f5f5;
	/*height: 420px;*/
	padding-bottom: 12px;
}
.i-wrap4.i-mwrap {
	display: none;
}
.i-wrap4 .bg {
	width: 100%;
}
.i-wrap4 .contwrap {
	/*position: absolute;
	top: 26%;
	left: 0;*/
	padding-top: 28px;/*padding-bottom: 30px;*/
}
.i-wrap4 .contwrap.twrap {
	top: 9%;
}
.i-wrap4 .tit-box .more {
	color: #b8c8e0;
	display: inline-block;
	font-size: 24px;
	line-height: 40px;
	margin-top: 26px;
}
.i-wrap4 .left {
	width: 24%;
}
.i-wrap4 .owrap .left .f48, .i-wrap4 .twrap .left .f48 {
	line-height: 42px;
}
.i-wrap4 .owrap .tit-box .more, .i-wrap4 .twrap .tit-box .more {
	margin-top: 6px;
	font-size: 20px;
}
.i-wrap4 .left .f48 {
	font-size: 48px;
	line-height: 80px;
	display: block;
	width: 100%;
	color: #035cac;
}
.i-wrap4 .left .f48 a {
	color: #035cac;
}
.i-wrap4 .twrap .left .f48 {
	font-size: 36px;
	line-height: 44px;
}
.i-wrap4 .twrap .left .f36 {
	font-size: 21px;
	line-height: 32px;
}
.i-wrap4 .left .f36 {
	font-size: 36px;
	line-height: 52px;
	color: #888;
	display: block;
	text-transform: uppercase;
}
.i-wrap4 .left .line {
	display: block;
	width: 80px;
	height: 3px;
	background-color: #e5e5e5;
	margin-top: 4%;
}
.i-wrap4 .left .more {
	display: inline-block;
	padding-right: 46px;
	line-height: 32px;
	font-size: 18px;
	color: #333;
	margin-top: 22px;
	background: url(../images/bg_60.png) no-repeat right top;
}
.i-wrap4 .left .more:hover {
	background: url(../images/bg_61.png) no-repeat right bottom;
	color: #035cac;
}
.i-wrap4 ul {
	width: 109.6%;
}
.i-wrap4 li {
	width: 21%;
	margin-right: 12%;
}
.i-wrap4 li .f16 {
	line-height: 22px;
	display: block;
	height: 22px;
	overflow: hidden;
	margin-top: 21px;
}
.i-wrap4 li .f16 a {
	color: #000;
}
.i-wrap4 li .f16 a:hover {
	color: #035cac;
}
.i-wrap4 li .date {
	display: block;
	line-height: 16px;
	margin-top: 6px;
	color: #8a8a8a;
	font-family: "Arial";
	font-size: 14px;
}
.i-wrap4 li .word {
	display: block;
	line-height: 24px;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 13px;
	max-height: 204px;
	overflow: hidden;
}
.i-wrap4 li .word a:hover {
	color: #035cac;
}
.i-wrap4 li .more {
	display: block;
	width: 25px;
	height: 25px;
	margin-top: 37px;
	background: url(../images/ico_13.png) no-repeat center;
}
/*.i-wrap4 .linkico{
	display: block;
	width: 27px;
	height: 49px;
	background: url(../images/ico_14.png) no-repeat center;
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -25px;
}*/
.i-wrap4 .scroll {
	width: 100%;
	position: relative;
	margin-top: 18px;
}
.i-wrap4 .scroll .butn {
	display: inline-block;
	width: 18px;
	height: 33px;
	position: absolute;
	top: 50%;
	margin-top: -58px;
	cursor: pointer;
}
.i-wrap4 .scroll .prev {
	background: url(../images/ico_136.png) no-repeat center;
	left: 0;
}
.i-wrap4 .scroll .next {
	background: url(../images/ico_135.png) no-repeat center;
	right: 0;
}
.i-wrap4 .center-list {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.i-wrap4 .center-list li {
	width: 28.6%;
	margin-right: 2.6%;
}
.i-wrap4 .owrap .center-list li {
	width: 28.6%;
	margin-right: 4.6%;
}
.i-wrap4 .twrap .center-list li {
	width: 28.6%;
	margin-right: 4.6%;
}
.i-wrap4 .center-list .img {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.i-wrap4 .center-list .img img {
	display: block;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}
.i-wrap4 .center-list .img:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.i-m-wrap {
	display: none;
}
.i-m-wrap .wrap-fir {
	margin-top: 15px;
	padding-bottom: 7px;
}
.i-m-wrap .wrap-fir ul {
	width: 100%;
}
.i-m-wrap .wrap-fir li {
	width: 100%;
	margin-bottom: 5px;
}
.i-m-wrap .wrap-fir li a {
	display: block;
	width: 100%;
}
.i-m-wrap .wrap-fir li .img {
	display: block;
	width: 100%;
}
.i-m-wrap .wrap-fir li img {
	width: 100%;
}
.i-m-wrap .wrap-fir li p {
	text-align: center;
	line-height: 30px;
	color: #666;
}
.i-m-wrap .wrap-sec {
	padding-top: 20px;
	background-color: #f5f5f5;
	padding-bottom: 5px;
}
.i-m-wrap .wrap-sec ul {
	width: 100%;
}
.i-m-wrap .wrap-sec li {
	width: 31%;
	margin-right: 3.5%;
	line-height: 22px;
	margin-bottom: 15px;
	text-align: center;
}
.i-m-wrap .wrap-sec li.right {
	margin-right: 0;
}
.i-m-wrap .wrap-sec li a {
	color: #333;
	display: block;
	padding-top: 43px;
	padding-bottom: 11px;
	width: 100%;
}
.i-m-wrap .wrap-sec .li1 {
	background: url(../images/ico_19.jpg) no-repeat center 30% #fff;
	background-size: auto 30%;
}
.i-m-wrap .wrap-sec .li2 {
	background: url(../images/ico_20.jpg) no-repeat center 30% #fff;
	background-size: auto 30%;
}
.i-m-wrap .wrap-sec .li3 {
	background: url(../images/ico_21.jpg) no-repeat center 30% #fff;
	background-size: auto 30%;
}
.i-m-wrap .wrap-sec .li4 {
	background: url(../images/ico_22.jpg) no-repeat center 30% #fff;
	background-size: auto 30%;
}
.i-m-wrap .wrap-sec .li5 {
	background: url(../images/ico_23.jpg) no-repeat center 30% #fff;
	background-size: auto 30%;
}
.i-m-wrap .wrap-sec .li6 {
	background: url(../images/ico_24.jpg) no-repeat center 30% #fff;
	background-size: auto 30%;
}
.i-m-wrap .wrap-thi {
	background: url(../images/img_09.png) no-repeat center 16% #035cac;
	background-size: 100% auto;
	padding-top: 10px;
	padding-bottom: 34px;
}
.i-m-wrap .wrap-thi .tit {
	display: block;
	line-height: 37px;
	height: 37px;
	width: 100%;
}
.i-m-wrap .wrap-thi .tit .f18 {
	color: #fff;
}
.i-m-wrap .wrap-thi .tit .link {
	display: inline-block;
	color: #a4b9d8;
}
.i-m-wrap .wrap-thi .video-box {
	width: 100%;
	position: relative;/*padding-bottom: 14px;*/
}
.i-m-wrap .wrap-thi li {
	position: relative;
	transiton: normal;
}
.i-m-wrap .wrap-thi video {
	width: 100%;
	height: 100%;
}
.i-m-wrap .wrap-thi .up-box {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
}
.i-m-wrap .wrap-thi .up-box img {
	width: 100%;
}
.i-m-wrap .wrap-thi .up-box .ico {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/ico_12.png) no-repeat center;
	left: 50%;
	margin-left: -15px;
	top: 50%;
	margin-top: -30px;
	position: absolute;
	z-index: 3;
}
.i-m-wrap .wrap-thi .up-box p {
	line-height: 22px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 3;
}
.i-m-wrap .wrap-thi .v-pagination {
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 4px;
}
.i-m-wrap .wrap-thi .v-pagination span {
	display: block;
	width: 8px;
	height: 4px;
	background-color: #81aed6;
	border-radius: 3px;
	margin-left: 4px;
	float: left;
}
.i-m-wrap .wrap-thi .v-pagination .swiper-pagination-bullet-active {
	width: 13px;
	background-color: #fff;
}
.i-m-wrap .wrap-fou {
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(../images/img_10.png) no-repeat center 30%;
	background-size: 100% auto;
}
.i-m-wrap .wrap-fou .left {
	width: 36%;
}
.i-m-wrap .wrap-fou .f18 {
	line-height: 28px;
	color: #035cac;
}
.i-m-wrap .wrap-fou .en {
	color: #888;
	line-height: 19px;
	text-transform: uppercase;
}
.i-m-wrap .wrap-fou .line {
	background-color: #dedede;
	width: 20%;
	height: 2px;
	margin-top: 10px;
	display: block;
}
.i-m-wrap .wrap-fou .newslist {
	width: 100%;
	padding-bottom: 21px;
	margin-top: 17px;
	cursor: grab;
}
.i-m-wrap .wrap-fou .newslist ul {
	width: 100%;
}
.i-m-wrap .wrap-fou .newslist li {
	width: 100%;
}
.i-m-wrap .wrap-fou .newslist li a {
	display: block;
	width: 100%;
}
.i-m-wrap .wrap-fou .newslist li img {
	display: block;
}
.i-m-wrap .wrap-fou .newslist .tit {
	color: #000;
	line-height: 16px;
	font-size: 14px;
	display: block;
	margin-top: 6px;
}
.i-m-wrap .wrap-fou .newslist .date {
	line-height: 14px;
	color: #8d8d8d;
	font-family: "Calibri";
	display: block;
}
.i-m-wrap .wrap-fou .newslist .font {
	display: block;
	line-height: 14px;
	margin-top: 4px;
	color: #666;
}
.i-m-wrap .wrap-fou .newslist .ico {
	display: block;
	width: 13px;
	height: 13px;
	background: url(../images/ico_13.png) no-repeat center;
	margin-top: 8px;
}
.i-m-wrap .wrap-fou .n-pagination {
	position: absolute;
	left: 50%;
	bottom: 0;
}
.i-m-wrap .wrap-fou .n-pagination span {
	float: left;
	display: block;
	height: 4px;
	width: 8px;
	border-radius: 3px;
	background-color: #bbbbbb;
	margin-left: 8px;
}
.i-m-wrap .wrap-fou .n-pagination .swiper-pagination-bullet-active {
	width: 13px;
	background-color: #035cac;
}
.i-m-wrap .wrap-fou .more {
	display: block;
	width: 14px;
	height: 25px;
	background: url(../images/ico_14.png) no-repeat center;
	margin-top: 6px;
}
/****************海量世界**************/
.ins-banner {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 10;
}
/*.ins-banner.margin{
	padding-top: 141px;
}*/
.ins-banner img {
	float: left;
	width: 100%;
}
.bg-gray {
	background-color: #f5f5f5;
}
.about-home-fir {
	padding-top: 30px;
	padding-bottom: 60px;
}
.about-home-fir.m-wrap {
	padding-bottom: 30px;
}
.about-home-fir h2 {
	font-size: 48px;
	font-weight: normal;
	color: #035cac;
}
.about-home-fir h2 a {
	color: #035cac;
}
.about-home-fir.m-wrap h2 {
	font-size: 25px;
	line-height: 60px;
	padding-top: 5px;
}
.about-home-fir .contwrap {
	width: 100%;
	background-color: #fff;
	height: 420px;
}
.about-home-fir.m-wrap .contwrap {
	height: auto;
}
.about-home-fir .left {
	width: 24.7%;
	margin-top: 72px;
	margin-left: 4.8%;
}
.about-home-fir.m-wrap .left {
	float: none;
	width: 84%;
	margin: 0 auto;
	padding-top: 42px;
	padding-bottom: 40px;
}
.about-home-fir.m-wrap .right {
	float: none;
	width: 84%;
	padding: 40px 8% 18px;
	background: #555;
	line-height: 18px;
	height: auto;
}
.about-home-fir.twrap .left {
	margin-top: 36px;
}
.about-home-fir .left .f22 {
	line-height: 36px;
}
.about-home-fir .left .f22 .about-home-fir.owrap .left .f22 {
	font-size: 18px;
	line-height: 30px;
}
.about-home-fir.twrap .left .f22 {
	font-size: 16px;
	line-height: 24px;
}
.about-home-fir .left .f22 a {
	color: #000;
}
.about-home-fir .line {
	width: 10px;
	height: 3px;
	background-color: #000;
	margin-top: 22px;
	display: block;
}
.about-home-fir .font {
	margin-top: 14px;
	display: block;
	line-height: 24px;
}
.about-home-fir .more {
	line-height: 38px;
	display: inline-block;
	padding-right: 78px;
	font-size: 22px;
	color: #035cac;
	background: url(../images/ico_28.png) no-repeat right center;
	margin-top: 55px;
}
.about-home-fir.m-wrap .more {
	margin-top: 35px;
}
.about-home-fir .right {
	width: 56.4%;
	padding-top: 72px;
	height: 348px;
	padding-left: 4.7%;
	padding-right: 4.4%;
	background: url(../images/bg_05.jpg) no-repeat right top;
	font-size: 13px;
	line-height: 30px;
	color: #ddd;
}
.about-home-fir.twrap .right {
	line-height: 24px;
	height: 388px;
	padding-top: 32px;
}
.about-home-sec {
	height: 650px;
	background: url(../images/bg_06.jpg) no-repeat center;
	position: relative;
	overflow: hidden;
}
.about-home-sec.m-wrap {
	background-size: auto 100%;
	height: 546px;
}
.about-home-sec .titbox {
	padding-top: 61px;
	width: 100%;
}
.about-home-sec.m-wrap .titbox {
	padding-top: 50px;
}
.about-home-sec h2 {
	font-weight: normal;
	color: #fff;
	line-height: 65px;
	text-align: center;
	font-size: 48px;
}
.about-home-sec h2 a {
	color: #fff;
}
.about-home-sec.m-wrap h2 {
	font-size: 30px;
	line-height: 48px;
}
.about-home-sec .f36 {
	color: #fff;
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
}
.about-home-sec .f36 a {
	color: #fff;
}
.about-home-sec.m-wrap .f36 {
	font-size: 24px;
	line-height: 36px;
}
.about-home-sec .titbox .line {
	display: block;
	width: 80px;
	height: 3px;
	background-color: #fff;
	margin: 20px auto 0;
}
.about-home-sec.m-wrap .titbox .line {
	margin-top: 11px;
	width: 10%;
}
.about-home-sec .centcont {
	width: 44%;
	margin: 93px auto 0;
	overflow: hidden;
	cursor: grab;
}
.about-home-sec .pagination {
}
.about-home-sec.m-wrap .centcont {
	width: 100%;
	margin-top: 70px;
}
.about-home-sec .centcont .line {
	display: block;
	width: 20px;
	height: 8px;
	margin-top: 32px;
	background-color: #fff;
}
.about-home-sec.owrap .centcont .line {
	margin-top: 25px;
	height: 5px;
}
.about-home-sec.twrap .centcont .line {
	margin-top: 27px;
	height: 4px;
	width: 10px;
}
.about-home-sec.m-wrap .centcont .line {
	display: none;
}
.about-home-sec .centcont .f72 {
	font-size: 72px;
	line-height: 72px;
	display: inline-block;
	margin-left: 3.5%;
	color: #fff;
}
.about-home-sec.owrap .centcont .f72 {
	font-size: 53px;
	line-height: 60px;
}
.about-home-sec.twrap .centcont .f72 {
	font-size: 30px;
	line-height: 60px;
}
.about-home-sec.m-wrap .centcont .f72 {
	font-size: 30px;
	line-height: 40px;
}
.about-home-sec .centcont .word {
	width: 66%;
	line-height: 36px;
	color: #fff;
	font-size: 20px;
	display: block;
}
.about-home-sec.owrap .centcont .word {
	font-size: 16px;
	line-height: 28px;
}
.about-home-sec.twrap .centcont .word {
	font-size: 15px;
	line-height: 25px;
}
.about-home-sec.m-wrap .centcont .word {
	font-size: 14px;
	line-height: 26px;
}
.about-home-sec .butn {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 317px;
	cursor: pointer;
}
.about-home-sec.m-wrap .butn {
	display: none;
}
.about-home-sec .prev {
	background: url(../images/ico_30.png) no-repeat left center;
	left: 9.8%;
}
.about-home-sec .next {
	background: url(../images/ico_30.png) no-repeat right center;
	right: 9.8%;
}
.about-home-sec .yearlist {
	width: 100%;
	margin-top: 133px;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_51.png) repeat-x left 13px;
	height: 106px;
}
.about-home-sec.m-wrap .yearlist {
	margin-top: 60px;
}
.about-home-sec .yearlist li {
	width: 181px;
	padding-top: 51px;
	line-height: 55px;
	/*background: url(../images/bg_07.png) no-repeat center 13px;*/
	cursor: pointer;
}
.about-home-sec .yearlist li .year {
	display: block;
	text-align: center;
	font-size: 30px;
	color: #a4b9d8;
}
.about-home-sec .yearlist li .ico {
	width: 30px;
	height: 48px;
	background: url(../images/ico_29.png) no-repeat center top;
	margin: -51px auto 0;
	display: none;
}
.about-home-sec .yearlist li.active .year {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
	margin-top: 3px;
}
.about-home-sec .yearlist li.active .ico {
	display: block;
}
.about-home-thi {
	padding-top: 60px;
}
.about-home-thi.m-wrap {
	padding-top: 30px;
}
.about-home-thi ul {
	width: 100%;
}
.about-home-thi li {
	width: 100%;
	margin-bottom: 60px;
	background-color: #fff;
}
.about-home-thi.m-wrap li {
	margin-bottom: 30px;
}
.about-home-thi li .cont {
	width: 23.8%;
	margin-left: 4.7%;
	margin-top: 72px;
}
.about-home-thi li .cont.rig {
	margin-right: 6%;
}
.about-home-thi.m-wrap li .cont {
	float: none;
	width: 70%;
	margin-left: 8.6%;
	margin-top: 30px;
	margin-bottom: 40px;
}
.about-home-thi.owrap li .cont {
	margin-top: 30px;
}
.about-home-thi.twrap li .cont {
	margin-left: 3%;
	margin-top: 8px;
}
.about-home-thi li .img {
	display: block;
	width: 65.5%;
	position: relative;
	overflow: hidden;
}
.about-home-thi.m-wrap li .img {
	float: none;
	width: 100%;
}
.about-home-thi li .img img {
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}
.about-home-thi li .img:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.about-home-thi li .f48 {
	font-size: 48px;
	display: block;
	line-height: 62px;
}
.about-home-thi.m-wrap li .f48 {
	font-size: 36px;
	line-height: 55px;
}
.about-home-thi.owrap li .f48 {
	font-size: 38px;
}
.about-home-thi.twrap li .f48 {
	font-size: 28px;
	line-height: 40px;
}
.about-home-thi li .f48 a {
	color: #035cac;
}
.about-home-thi li .font {
	line-height: 23px;
	display: block;
	margin-top: 6.6%;
}
.about-home-thi li .font a {
	color: #666;
}
.about-home-thi.m-wrap li .font {
	margin-top: 24px;
}
.about-home-thi.twrap li .font {
	line-height: 18px;
	margin-top: 4%;
}
.about-home-thi li .more {
	display: inline-block;
	font-size: 20px;
	color: #000;
	padding-right: 79px;
	background: url(../images/ico_31.png) no-repeat right center;
	line-height: 38px;
	margin-top: 90px;
}
.about-home-thi li .more:hover {
	color: #035cac;
}
.about-home-thi.owrap li .more {
	margin-top: 40px;
}
.about-home-thi.twrap li .more {
	margin-top: 10px;
	padding-right: 56px;
	background-size: auto 80%;
}
.about-home-thi.m-wrap li .more {
	margin-top: 65px;
}
/***************海量世界内页*************/
.ins-navbox {
	height: 75px;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}
.ins-navbox.m-wrap {
	display: none;
}
.ins-navbox.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
.ins-navbox li {
	margin-right: 23px;
	font-size: 16px;
	line-height: 74px;
}
.ins-navbox.twrap li {
	margin-right: 10px;
}
.ins-navbox li a {
	display: block;
	padding: 0 18px;
}
.ins-navbox.twrap li a {
	padding: 0 10px;
}
.ins-navbox li a:hover, .ins-navbox li a.hover {
	color: #035cac;
	border-bottom: 2px solid #035cac;
	position: relative;
	margin-bottom: -1px;
}
.ins-navbox .return-top {
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 25px;
	padding-right: 54px;
	background: url(../images/ico_32.png) no-repeat 95px center;
	border: 1px solid #dbdbdb;
	font-size: 14px;
	cursor: pointer;
	margin-top: 19px;
}
.ins-navbox .return-top:hover {
	color: #fff;
	background: url(../images/ico_33.png) no-repeat 95px center #035cac;
	border: 1px solid #035cac;
}
.ins-navbox.twrap .return-top {
	padding-right: 30px;
	padding-left: 15px;
	background: url(../images/ico_32.png) no-repeat 80px center;
}
.ins-navbox.twrap .return-top:hover {
	color: #fff;
	background: url(../images/ico_33.png) no-repeat 80px center #035cac;
	border: 1px solid #035cac;
}
.profile-wrap {
	padding-top: 32px;
	padding-bottom: 40px;
	transition: normal;
}
.profile-wrap.m-wrap {
	padding-top: 25px;
	padding-bottom: 30px;
	position: relative;
	transition: normal;
}
.m-wrap .blackbg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	display: none;
	z-index: 10;
}
.profile-wrap .f48 {
	font-size: 42px;
	color: #0056a9;
	line-height: 50px;
}
.profile-wrap.m-wrap .f48 {
	font-size: 18px;
	line-height: 24px;
}
.profile-wrap .f36 {
	font-size: 30px;
	line-height: 36px;
	color: #e5e5e5;
	text-transform: uppercase;
}
.profile-wrap.m-wrap .f36 {
	font-size: 15px;
	line-height: 18px;
}
.profile-wrap .cont {
	width: 100%;
	margin-top: 14px;
}
.profile-wrap .cont:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.profile-wrap .cont .boxs {
	width: 43%;
	margin-right: 6%;
	font-size: 14px;
	line-height: 26px;
	float: left;
}
.profile-wrap.m-wrap .cont .boxs {
	float: none;
	width: 100%;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
}
.profile-wrap .bot-box {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 28px;
}
.profile-wrap.m-wrap .botlist {
	display: none;
}
.profile-wrap .botlist {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
}
.profile-wrap .botlist ul {
	width: 100%;
}
.profile-wrap .botlist li {
	width: 25%;
	position: relative;
}
.profile-wrap .botlist li a {
	display: block;
	width: 100%;
	cursor: pointer;
}
.profile-wrap .botlist li img {
	width: 100%;
	height: 100%;
	display: block;
}
.profile-wrap .botlist .upbox {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../images/bg_08.png) repeat center;
}
.profile-wrap .botlist .upbox p {
	width: 150px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	opacity: 0;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	top: 0;
	margin-top: -24px;
}
.profile-wrap .botlist .butn {
	display: block;
	width: 45px;
	height: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	z-index: 10;
	cursor: pointer;
}
.profile-wrap .botlist .prev {
	left: 0;
	background: url(../images/ico_34.png) no-repeat left top;
}
.profile-wrap .botlist .prev:hover {
	background: url(../images/ico_34.png) no-repeat left bottom;
}
.profile-wrap .botlist .next {
	right: 0;
	background: url(../images/ico_34.png) no-repeat right top;
}
.profile-wrap .botlist .next:hover {
	background: url(../images/ico_34.png) no-repeat right bottom;
}
.m-ins-navbox {
	width: 100%;
	height: 38px;
	background-color: #fff;
	display: none;
	position: relative;
	z-index: 11;
}
.m-ins-navbox.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
.m-ins-navbox .left {
	width: 15%;
	cursor: pointer;
}
.m-ins-navbox .left .ico {
	display: block;
	width: 100%;
	height: 38px;
	background: url(../images/ico_35.png) no-repeat center #035cac;
	background-size: auto 50%;
}
.m-ins-navbox .ret-subbox {
	position: absolute;
	top: 38px;
	width: 100%;
	background-color: #035cac;
	left: 0;
	z-index: 2;
	display: none;
}
.m-ins-navbox .ret-subbox a {
	display: block;
	width: 95%;
	padding-left: 5%;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #4882b6;
	color: #fff;
	font-size: 14px;
	background: url(../images/ico_38.png) no-repeat 92% center;
	background-size: auto 35%;
}
.m-ins-navbox .right {
	width: 85%;
	position: relative;
}
.m-ins-navbox .right .tit {
	display: block;
	width: 95%;
	padding-left: 5%;
	font-size: 14px;
	color: #035cac;
	line-height: 38px;
	background: url(../images/ico_36.png) no-repeat 93% center;
	background-size: auto 50%;
	cursor: pointer;
}
.m-ins-navbox .right .subbox {
	width: 100%;
	position: absolute;
	top: 38px;
	background-color: #fff;
	z-index: 2;
	display: none;
	left: 0;
}
.m-ins-navbox .right .subbox a {
	display: block;
	width: 95%;
	padding-left: 5%;
	line-height: 38px;
	height: 38px;
	border-top: 1px solid #e5e5e5;
	background: url(../images/ico_37.png) no-repeat 92% center;
	background-size: auto 35%;/*border-left: 1px solid #fff;
	margin-left: -1px;*/
}
.profile-wrap .m-botbox {
	width: 100%;
	display: none;
	position: relative;
}
.profile-wrap.m-wrap .m-botbox {
	display: block;
}
.profile-wrap .m-botbox li {
	width: 100%;
	transition: normal;
}
.profile-wrap .m-botbox li a {
	display: block;
	width: 100%;
	position: relative;
	transition: normal;
}
.profile-wrap .m-botbox li img {
	width: 100%;
	display: block;
}
.profile-wrap .m-botbox li p {
	width: 100%;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	background: url(../images/bg_09.png) repeat center;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.profile-wrap .m-botbox .butn {
	display: block;
	position: absolute;
	width: 23px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	z-index: 2;
}
.profile-wrap .m-botbox .prev {
	left: 0;
	background: url(../images/ico_34.png) no-repeat left top;
	background-size: auto 200%;
}
.profile-wrap .m-botbox .next {
	right: 0;
	background: url(../images/ico_34.png) no-repeat right top;
	background-size: auto 200%;
}
/**********发展历程**********/
.course-wrap {
	padding-top: 32px;
	padding-bottom: 40px;
	transition: normal;
}
.course-wrap.m-wrap {
	padding-top: 15px;
	position: relative;
}
.course-wrap p.f48 {
	font-size: 42px;
	line-height: 50px;
	color: #035cac;
}
.course-wrap.m-wrap p.f48 {
	font-size: 20px;
	line-height: 34px;
}
.course-wrap span.f14 {
	display: block;
	width: 100%;
	line-height: 26px;
}
.course-wrap.m-wrap span.f14 {
	line-height: 22px;
}
.course-wrap .course-list {
	margin-top: 30px;
	width: 100%;
	position: relative;
}
.course-wrap.m-wrap .course-list {
	margin-top: 20px;
}
.course-wrap .course-list .ovh {
	width: 91%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_12.png) repeat-x left center;
}
.course-wrap.m-wrap .course-list .ovh {
	background: none;
	width: 100%;
}
.course-wrap .course-list li {
	width: 300px;
	position: relative;
	margin-right: -93px;
}
.course-wrap.m-wrap .course-list li {
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}
.course-wrap .course-list .main {
	padding: 17px 20px 27px;
	background-color: #fff;
	width: 260px;
	color: #777;
}
.course-wrap .course-list .main p {
	padding-left: 18px;
	background: url(../images/ico_125.jpg) no-repeat left 9px;
}
.course-wrap.m-wrap .course-list .main {
	width: 94%;
	padding: 17px 3% 27px;
}
.course-wrap .course-list li .top {
	background: url(../images/bg_10.png) no-repeat left top;
	padding-top: 45px;
	height: 42px;
	line-height: 42px;
	font-family: "Arial";
	font-size: 18px;
	text-align: center;
}
.course-wrap.m-wrap .course-list li .top {
	padding-top: 0;
	padding-left: 3%;
	width: 97%;
	text-align: left;
	background: #e8e8e8;
}
.course-wrap .course-list li.odd {
	margin-top: 0;
}
.course-wrap.m-wrap .course-list li.odd {
	position: relative;
}
.course-wrap .course-list li.odd .top {
	background: url(../images/bg_11.png) no-repeat left bottom;
	padding-bottom: 45px;
	padding-top: 0;
}
.course-wrap.m-wrap .course-list li.odd .top {
	padding-bottom: 0;
	background: #e8e8e8;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.course-wrap.m-wrap .course-list li.odd .main {
	margin-top: 42px;
}
.course-wrap .course-list .butn {
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	cursor: pointer;
}
.course-wrap.m-wrap .course-list .butn {
	display: none;
}
.course-wrap .course-list .prev {
	background: url(../images/ico_40.png) no-repeat center top;
	left: 0;
}
.course-wrap .course-list .next {
	background: url(../images/ico_39.png) no-repeat center top;
	right: 0;
}
.course-wrap .course-list .butn:hover {
	background-position: center bottom;
}
.course-wrap .course-list li:hover .top {
	background: url(../images/bg_10.png) no-repeat right top;
	color: #fff;
}
.course-wrap.m-wrap .course-list li:hover .top, .course-wrap.m-wrap .course-list li.odd:hover .top {
	background: #e8e8e8;
	color: #666;
}
.course-wrap .course-list li.odd:hover .top {
	background: url(../images/bg_11.png) no-repeat right top;
	color: #fff;
}
/*************企业荣誉************/
.honor-wrap {
	padding-top: 32px;
	padding-bottom: 20px;
	transition: normal;
}
.honor-wrap.m-wrap {
	padding-top: 25px;
	padding-bottom: 10px;
}
.honor-wrap p.f48 {
	font-size: 42px;
	line-height: 50px;
	color: #035cac;
}
.honor-wrap.m-wrap p.f48 {
	line-height: 25px;
	font-size: 18px;
	margin-bottom: 3px;
}
.honor-wrap span.f14 {
	display: block;
	line-height: 26px;
}
.honor-wrap.m-wrap span.f14 {
	line-height: 18px;
}
.honor-wrap .honor-list {
	margin-top: 20px;
	width: 100%;
}
.honor-wrap .honor-list {
	width: 100%;
}
.honor-wrap .honor-list ul {
	width: 100%;
}
.honor-wrap .honor-list li {
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
	transition: normal;
}
.honor-wrap .honor-list .img {
	display: block;
	width: 35%;
	position: relative;
	overflow: hidden;
	transition: normal;
	height: 100%;
}
.honor-wrap .honor-list .img img {
	position: relative;
	/*height: 100%;*/
	top: 0;
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
	display: block;
}
.honor-wrap.m-wrap .honor-list .img {
	width: 100%;
	float: none;
}
.honor-wrap .honor-list .img:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.honor-wrap .honor-list .right {
	width: 60%;
	padding-top: 2%;
	margin-left: 3.5%;
	margin-right: 1%;
}
.honor-wrap.m-wrap .honor-list .right {
	width: 88%;
	float: none;
	margin: 0;
	padding: 15px 6% 24px;
}
.honor-wrap.twrap .honor-list .right {
	padding-top: 0;
}
.honor-wrap .honor-list .tit {
	width: 100%;
	line-height: 54px;
	height: 56px;
}
.honor-wrap.owrap .honor-list .tit {
	line-height: 55px;
	height: 55px;
}
.honor-wrap.twrap .honor-list .tit {
	line-height: 34px;
	height: 34px;
}
.honor-wrap.m-wrap .honor-list .tit {
	height: auto;
	overflow: hidden;
}
.honor-wrap .honor-list .tit .f30 {
	color: #035cac;
	display: inline-block;
	margin-right: 19px;
	font-size: 26px;
	line-height: 50px;
}
.honor-wrap.owrap .honor-list .tit .f30 {
	line-height: 50px;
}
.honor-wrap.twrap .honor-list .tit .f30 {
	line-height: 31px;
	font-size: 20px;
}
.honor-wrap.m-wrap .honor-list .tit .f30 {
	width: 100%;
	line-height: 30px;
	font-size: 20px;
}
.honor-wrap .honor-list .tit .f36 {
	text-transform: uppercase;
	color: #eee;
	font-size: 30px;
}
.honor-wrap.twrap .honor-list .tit .f36 {
	font-size: 20px;
}
.honor-wrap.m-wrap .honor-list .tit .f36 {
	font-size: 20px;
	line-height: 22px;
}
.honor-wrap .honor-list .list {
	width: 100%;
	overflow: hidden;
}
.honor-wrap .honor-list .list span {
	display: block;
	float: left;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	width: 27%;
	padding-left: 2%;
	margin-right: 4%;
}
.honor-wrap .honor-list .list1 span {
	display: block;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	width: 100%;
	text-align:center;
	padding-left: 2%;
	margin-right: 4%;
}
.honor-wrap.owrap .honor-list .list span {
	width: 34%;
	line-height: 38px;
}
.honor-wrap.twrap .honor-list .list span {
	width: 46%;
	line-height: 24px;
	padding: 0;
}

.honor-wrap.m-wrap .honor-list .list span {
	width: 96%;
	padding-left: 4%;
	line-height: 38px;
}

.honor-wrap.m-wrap .honor-list .list1 span {
	width: 96%;
	padding-left: 4%;
	line-height: 38px;
}
.target-wrap {
	transition: normal;
	position: relative;
	z-index: 10;
}
.target-wrap .tit {
	padding-top: 32px;
}
.target-wrap.m-wrap .tit {
	padding-top: 20px;
}
.target-wrap .tit .f14 {
	line-height: 34px;
}
.target-wrap.m-wrap .tit .f14 {
	line-height: 22px;
	font-size: 12px;
}
.target-wrap .tit .f18 {
	color: #333;
	line-height: 37px;
}
.target-wrap.m-wrap .tit .f18 {
	line-height: 24px;
	font-size: 14px;
	margin-top: 6px;
}
.target-wrap .tit span {
	display: block;
}
.target-wrap .tit .f48 {
	font-size: 42px;
	color: #035cac;
	line-height: 50px;
}
.target-wrap.m-wrap .tit .f48 {
	font-size: 20px;
	line-height: 34px;
}
.target-wrap .target-list {
	margin-top: 20px;
	padding-bottom: 21px;
}
.target-wrap.m-wrap .target-list {
	margin-top: 14px;
}
.target-wrap .target-list ul {
	width: 100%;
}
.target-wrap .target-list li {
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
	padding: 30px 0;
}
.target-wrap.m-wrap .target-list li {
	padding: 18px 0;
}
.target-wrap .target-list .left {
	width: 54%;
	margin-left: 5%;
}
.target-wrap.m-wrap .target-list .left {
	padding-left: 8.6%;
	margin-left: 0;
	width: auto;
	float: none;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
}
.target-wrap .target-list .img {
	display: block;
	width: 37%;
}
.target-wrap.m-wrap .target-list .img {
	float: none;
	width: 100%;
	text-align: center;
}
.target-wrap .target-list .img img {
	width: 100%;
}
.target-wrap.m-wrap .target-list .img img {
	width: 85%;
}
.target-wrap .target-list .f36 {
	font-size: 30px;
	color: #035cac;
	line-height: 40px;
	margin-top: 40px;
}
.target-wrap .target-list .f24 {
	font-size: 18px;
}
.target-wrap.owrap .target-list .f36 {
	margin-top: 0;
}
.target-wrap.twrap .target-list .f36 {
	margin-top: 0;
	font-size: 24px;
	line-height: 34px;
}
.target-wrap.m-wrap .target-list .f36 {
	font-size: 18px;
	line-height: 20px;
	margin-top: 10px;
}
.target-wrap .target-list .f68 {
	font-size: 50px;
	color: #f7f7f7;
	line-height: 75px;
	text-transform: uppercase;
}
.target-wrap.owrap .target-list .f68 {
	font-size: 56px;
}
.target-wrap.twrap .target-list .f24 {
	font-size: 18px;
}
.target-wrap.m-wrap .target-list .f24 {
	font-size: 12px;
}
.target-wrap.twrap .target-list .f68 {
	font-size: 32px;
	line-height: 50px;
}
.target-wrap.m-wrap .target-list .f68 {
	font-size: 24px;
	line-height: 40px;
}
.strategic-wrap {
	position: relative;
	transition: normal;
}
.strategic-wrap .tit {
	padding: 40px 0 0;
}
.strategic-wrap.m-wrap .tit {
	padding: 10px 0 0;
}
.strategic-wrap .tit .f48 {
	color: #035cac;
	font-size: 48px;
	line-height: 86px;
}
.strategic-wrap.m-wrap .tit .f48 {
	font-size: 18px;
	line-height: 34px;
}
.strategic-wrap .strategic-list {
	margin-top: 20px;
}
.strategic-wrap.m-wrap .strategic-list {
	margin-top: 10px;
}
.strategic-wrap .strategic-list ul {
	width: 100%;
}
.strategic-wrap .strategic-list li {
	width: 100%;
	margin-bottom: 50px;
	background-color: #fff;
}
.strategic-wrap.m-wrap .strategic-list li {
	padding-bottom: 47px;
}
.strategic-wrap .strategic-list .img {
	display: block;
	width: 35%;
}
.strategic-wrap.m-wrap .strategic-list .img {
	float: none;
	width: 100%;
	transition: normal;
}
.strategic-wrap .strategic-list .img img {
	width: 100%;
	display: block;
}
.strategic-wrap .strategic-list .right {
	margin-left: 6%;
	width: 59%;
	padding-top: 4%;
}
.strategic-wrap.twrap .strategic-list .right {
	padding-top: 0;
}
.m-wrap .strategic-list .right {
	width: 88%;
}
.strategic-list .right .f48 {
	font-size: 48px;
	line-height: 86px;
	color: #035cac;
}
.twrap .strategic-list .right .f48, .owrap .strategic-list .right .f48 {
	font-size: 25px;
	line-height: 40px;
	margin-top: 20px;
}
.twrap .strategic-list .right .f18, .owrap .strategic-list .right .f18 {
	line-height: 32px;
}
.m-wrap .strategic-list .right .f48 {
	font-size: 20px;
	line-height: 36px;
}
.strategic-list .right .f18 {
	line-height: 40px;
	display: block;
	width: 90%;
}
.twrap .strategic-list .right .f18 {
	line-height: 22px;
	font-size: 14px;
	margin-top: 10px;
}
.m-wrap .strategic-list .right .f18 {
	font-size: 14px;
	line-height: 18px;
}
.company-wrap {
	transition: normal;
}
.company-wrap.m-wrap {
	position: relative;
}
.company-wrap .company-list {
	padding-top: 40px;
	padding-bottom: 21px;
}
.company-wrap.m-wrap .company-list {
	padding-top: 20px;
}
.company-wrap .company-list ul {
	width: 100%;
}
.company-wrap .company-list li {
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
	position: relative;
	transition: normal;
}
.company-wrap .company-list .cent {
	width: 49%;
	padding-top: 4px;
}
.company-wrap.m-wrap .company-list .cent {
	float: none;
	width: 100%;
	padding-top: 0;
	border-bottom: 1px solid #e5e5e5;
}
.company-wrap .company-list .cent .img {
	display: block;
	width: 100%;
	transiton: normal;
}
.company-wrap .company-list .cent img {
	width: 100%;
	display: block;
}
.company-wrap .company-list .num {
	display: block;
	width: 10%;
	text-align: center;
	font-size: 100px;
	color: #035cac;
	padding-top: 0;
	line-height: 140px;
	font-family: "Bebas", "Arial";
}
.company-wrap.owrap .company-list .num {
	font-size: 56px;
	line-height: 86px;
}
.company-wrap.twrap .company-list .num {
	font-size: 50px;
	line-height: 58px;
}
.company-wrap.m-wrap .company-list .num {
	float: none;
	display: inline-block;
	font-size: 18px;
	width: auto;
	line-height: 71px;
	padding-top: 0;
	left: 3%;
	position: absolute;
}
.company-wrap .company-list .ttbox {
	width: 100%;
	display: block;
	line-height: 70px;
	height: 70px;
}
.company-wrap.twrap .company-list .cent .ttbox {
	line-height: 50px;
	height: auto;
	overflow: hidden;
	max-height: 100px;
}
.company-wrap.m-wrap .company-list .ttbox {
	height: 70px;
}
.company-wrap.twrap .company-list .link {
	float: left;
	line-height: 30px;
	margin: 5px 0;
}
.company-wrap .company-list .link {
	display: inline-block;
	padding-right: 48px;
	background: url(../images/ico_41.png) no-repeat right center;
	font-size: 18px;
}
.company-wrap.m-wrap .company-list .link {
	font-size: 14px;
	background-size: auto 30%;
	padding-right: 28px;
	margin-right: 3%;
}
.company-wrap .company-list .link:hover {
	color: #035cac;
}
.company-wrap .company-list .word {
	display: block;
	width: 100%;
	margin-top: 16px;
	line-height: 26px;
	font-size: 14px;
}
.company-wrap.m-wrap .company-list .word {
	font-size: 14px;
	line-height: 24px;
	width: 90%;
	padding: 10px 5% 20px;
}
.company-wrap .company-list .right {
	width: 29%;
	padding: 4px 4% 0;
	background-color: #fcfcfc;
}
.company-wrap.m-wrap .company-list .right {
	float: none;
	width: 90%;
	padding: 0 5%;
	background-color: #fff;/*height: 350px;*/
}
.company-wrap .company-list .ttbox .f30 {
	font-size: 26px;
	color: #035cac;
}
.company-wrap.owrap .company-list .right .ttbox .f30 {
	width: 100%;
}
.company-wrap.twrap .company-list .ttbox .f30 {
	display: block;
	width: 100%;
}
.company-wrap.m-wrap .company-list .ttbox .f30 {
	font-size: 14px;
}
.company-wrap.m-wrap .company-list .right .ttbox .f30 {
	width: 100%;
}
.company-wrap.m-wrap .company-list .cent .ttbox .f30 {
	padding-left: 12%;
}
.company-wrap .company-list .graph {
	display: block;
	width: 100%;
	height: 75%;
}
.company-wrap.owrap .company-list .ttbox .f14 {
	float: left;
	margin-bottom: 14px;
	line-height: 20px;
}
.company-wrap.twrap .company-list .ttbox .f14 {
	line-height: 24px;
	float: left;
}
.company-wrap .company-list .right .ttbox {
	height: 94px;
}
.company-wrap.twrap .company-list .right .ttbox {
	line-height: 50px;
}
/*.company-wrap.owrap .company-list .right{
	height: 460px;
}
.company-wrap.twrap .company-list .right{
	height: 440px;
}*/
.company-wrap.m-wrap .company-list .right .ttbox {
	line-height: 60px;
	height: 80px;
}
.company-wrap.m-wrap .company-list .right .f14 {
	display: inline-block;
	font-size: 12px;
	float: left;
	line-height: 20px;
	margin-top: -16px;
}
/****************新闻媒体**************/
.news-home .wrap1 {
	padding-top: 30px;
	padding-bottom: 70px;
	transition: normal;
}
.news-home .wrap1.m-wrap {
	padding-top: 0;
	transition: normal;
	padding-bottom: 20px;
}
.news-home .wrap1 h2 {
	font-size: 48px;
	line-height: 106px;
	font-weight: normal;
	color: #035cac;
}
.news-home .wrap1.m-wrap h2 {
	font-size: 20px;
	line-height: 45px;
}
.news-home .wrap1 .boxs {
	width: 49%;
}
.news-home .wrap1.m-wrap .boxs {
	display: none;
}
.news-home .wrap1 .boxs a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.news-home .wrap1 .boxs img {
	width: 100%;
}
.news-home .wrap1 .boxs .cont {
	width: 93%;
	padding: 0 4% 30px;
	background-color: #035cac;
	position: absolute;
	left: 0;
	bottom: -106px;
	color: #fff;
}
.news-home .wrap1.twrap .boxs .cont {
	padding-bottom: 10px;
	bottom: -32px;
}
.news-home .wrap1 .boxs .f24 {
	display: block;
	line-height: 70px;
	height: 70px;
	overflow: hidden;
}
.news-home .wrap1.twrap .boxs .f24 {
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.news-home .wrap1 .boxs .date {
	line-height: 20px;
	font-size: 14px;
	color: #a4b9d8;
	display: block;
}
.news-home .wrap1 .boxs .word {
	display: block;
	line-height: 24px;
	font-size: 14px;
	color: #b0c2dd;
	margin-top: 9px;
	max-height: 48px;
	position: relative;
	overflow: hidden;
}
.news-home .wrap1.twrap .boxs .word {
	display: none;
}
.news-home .wrap2 {
	padding-top: 34px;
}
.news-home .wrap2.m-wrap {
	transition: normal;
	padding-top: 12px;
}
.news-home .wrap2 .navbox {
	width: 100%;
	border-bottom: 1px solid #d4d4d4;
	height: 105px;
	font-size: 48px;
}
.news-home .wrap2.twrap .navbox {
	font-size: 36px;
	height: 85px;
}
.news-home .wrap2.m-wrap .navbox {
	height: 43px;
	text-align: center;
}
.news-home .wrap2 .navbox a {
	float: left;
	margin-right: 17px;
	height: 103px;
	display: inline-block;
	padding: 0 24px;
}
.news-home .wrap2.m-wrap .navbox a {
	font-size: 20px;
	line-height: 42px;
	height: 42px;
	float: none;
	padding: 0;
	vertical-align: top;
}
.news-home .wrap2.twrap .navbox a {
	height: 83px;
}
.news-home .wrap2 .navbox a:hover, .news-home .wrap2 .navbox a.hover {
	border-bottom: 3px solid #035cac;
	margin-bottom: -1px;
	color: #035cac;
}
.news-home .wrap2.m-wrap .navbox a.hover {
	border-bottom: 2px solid #035cac;
}
.news-home .wrap2 .main {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 30px;
	border-bottom: 1px solid #d4d4d4;
	opacity: 0;
	filter: Alpha(opacity=0);
}
.news-home .wrap2 .box {
	background-color: #fff;
	float: left;
}
.news-home .wrap2.m-wrap .box {
	width: 90%;
	padding: 5%;
	margin-bottom: 18px;
}
.news-home .wrap2.m-wrap .box:hover {
	background-color: #035cac;
}
.news-home .wrap2 .box a {
	display: block;
	/*width: 345px;*/
	width: 260px;
	padding: 30px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.news-home .wrap2.m-wrap .box a {
	transition: normal;
	width: 100%;
	padding: 0;
}
.news-home .wrap2 .box a:hover {
	background-color: #035cac;
}
.news-home .wrap2 .box a:hover .f18 {
	color: #fff;
}
.news-home .wrap2 .box .f18 {
	line-height: 26px;
	display: block;
	color: #035cac;
}
.news-home .wrap2 .box .more {
	line-height: 24px;
	display: inline-block;
	padding-right: 16px;
	background: url(../images/ico_42.png) no-repeat right center;
	color: #333;
	margin-top: 19px;
	color: #333;
}
.news-home .wrap2 .box a:hover .more {
	color: #fff;
	background: url(../images/ico_43.png) no-repeat right center;
}
.news-home .wrap2 .box .date {
	line-height: 32px;
	color: #888;
	display: block;
}
.news-home .wrap2 .box a:hover .date {
	color: #82a0cb;
}
.news-home .wrap2 .box .img {
	display: block;
	width: 100%;
	margin-top: 9px;
}
.news-home .wrap2 .box .img img {
	display: block;
	width: 100%;
}
.news-home .wrap2 .box .word {
	margin-top: 13px;
	width: 100%;
	display: block;
	color: #666;
}
.news-home .wrap2 .box a:hover .word {
	color: #c2d0e4;
}
.news-home .wrap2 .look-more {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 52px;
	text-align: center;
}
.news-home .wrap2 .look-more span {
	display: inline-block;
	line-height: 40px;
	cursor: pointer;
	color: #828282;
	font-size: 24px;
}
.news-home .wrap3 {
	padding-top: 31px;
	padding-bottom: 60px;
	transition: normal;
}
.news-home .wrap3.twrap {
	padding-top: 10px;
}
.news-home .wrap3.m-wrap {
	padding-top: 12px;
	padding-bottom: 23px;
}
.news-home .wrap3 h2 {
	font-size: 48px;
	color: #035cac;
	font-weight: normal;
}
.news-home .wrap3.twrap h2 {
	font-size: 34px;
	line-height: 90px;
}
.news-home .wrap3.m-wrap h2 {
	font-size: 20px;
}
.news-home .wrap3 .titbox {
	width: 100%;
	height: 105px;
	line-height: 105px;
}
.news-home .wrap3.twrap .titbox {
	height: 90px;
	line-height: 90px;
}
.news-home .wrap3.m-wrap .titbox {
	line-height: 46px;
	height: 46px;
}
.news-home .wrap3 .titbox .more {
	font-size: 24px;
	color: #8ea9d0;
	display: inline-block;
}
.news-home .wrap3 .titbox .more {
	font-size: 14px;
}
.news-home .wrap3 .list {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.news-home .wrap3 .m-list {
	display: none;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 18px;
}
.news-home .wrap3.m-wrap .m-list {
	display: block;
}
.news-home .wrap3.m-wrap .list {
	display: none;
}
.news-home .wrap3 .list ul {
	width: 104%;
}
.news-home .wrap3 .m-list ul {
	width: 100%;
}
.news-home .wrap3 .list li {
	width: 23%;
	margin-right: 2%;
}
.news-home .wrap3 .m-list li {
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	transition: normal;
}
.news-home .wrap3 li span {
	transition: normal;
}
.news-home .wrap3 .list .img {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.news-home .wrap3 .m-list .img, .news-home .wrap3 .m-list .img a {
	display: block;
	width: 100%;
}
.news-home .wrap3 .list .img a {
	display: block;
	width: 100%;
}
.news-home .wrap3 .list .img img {
	width: 100%;
	display: block;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}
.news-home .wrap3 .list .img:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.news-home .wrap3 .m-list .img img {
	display: inline-block;
	width: 100%;
}
.news-home .wrap3 .list .f18, .news-home .wrap3 .m-list .f18 {
	display: block;
	margin-top: 21px;
	width: 100%;
}
.news-home .wrap3 .list .f18 a, .news-home .wrap3 .m-list .f18 a {
	color: #333;
}
.news-home .wrap3 .list .f18 a:hover {
	color: #035cac;
}
.news-home .wrap3 .list .word, .news-home .wrap3 .m-list .word {
	line-height: 22px;
	display: block;
	margin-top: 6px;
	width: 100%;
}
.news-home .wrap3 .list .word a {
	color: #666;
}
.news-home .wrap3 .list .word a:hover {
	color: #035cac;
}
.news-home .wrap3 .list .more, .news-home .wrap3 .m-list .more {
	display: inline-block;
	padding-right: 16px;
	background: url(../images/ico_42.png) no-repeat right center;
	margin-top: 18px;
	color: #333;
}
.news-home .wrap3 .list .more:hover {
	color: #035cac;
}
.news-home .wrap3.m-wrap .m-list .pagination-s {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.news-home .wrap3.m-wrap .m-list .pagination-s span {
	display: block;
	width: 15px;
	height: 7px;
	background: url(../images/ico_51.png) no-repeat left center;
	margin-right: 8px;
	float: left;
	border-radius: 0;
}
.news-home .wrap3.m-wrap .m-list .pagination-s span.swiper-pagination-bullet-active {
	width: 25px;
	background: url(../images/ico_51.png) no-repeat right center;
}
.news-home .wrap4 {
	background-color: #035cac;
	padding-top: 68px;
	padding-bottom: 66px;
}
.news-home .wrap4.m-wrap {
	padding-top: 26px;
	padding-bottom: 47px;
}
.news-home .wrap4 .left {
	width: 32%;
}
.news-home .wrap4.m-wrap .left {
	width: 100%;
	float: none;
}
.news-home .wrap4 .left .f48 {
	font-size: 48px;
	color: #fff;
	line-height: 67px;
	display: block;
}
.news-home .wrap4.m-wrap .left .f48 {
	font-size: 25px;
	line-height: 34px;
}
.news-home .wrap4.twrap .left .f48 {
	font-size: 36px;
}
.news-home .wrap4 .left .f36 {
	font-size: 36px;
	line-height: 44px;
	color: #fff;
	display: block;
	text-transform: uppercase;
}
.news-home .wrap4.m-wrap .left .f36 {
	font-size: 15px;
	line-height: 22px;
}
.news-home .wrap4.twrap .left .f36 {
	font-size: 24px;
	line-height: 24px;
}
.news-home .wrap4 .left .line {
	display: block;
	width: 80px;
	height: 3px;
	background-color: #1d6db4;
	margin-top: 50px;
}
.news-home .wrap4.twrap .left .line {
	margin-top: 30px;
}
.news-home .wrap4.m-wrap .left .line {
	margin-top: 17px;
}
.news-home .wrap4 .right {
	width: 52%;
	padding: 0 4% 0 3%;
	background-color: #024a8a;
	border-radius: 4px;
	margin-top: 7px;
	color: #fff;
	line-height: 36px;
}
.news-home .wrap4.m-wrap .right {
	float: none;
	width: 100%;
	padding-left: 0;
	background: none;
	margin-top: 20px;
}
.news-home .wrap4 .right .fl {
	display: block;
	width: 69%;
	padding: 26px 0;
	font-size: 20px;
	border-right: 1px solid #1c5c96;
}
.news-home .wrap4.owrap .right .fl {
	width: 63%;
	font-size: 16px;
}
.news-home .wrap4.twrap .right .fl {
	width: 63%;
	font-size: 16px;
}
.news-home .wrap4.m-wrap .right .fl {
	float: none;
	width: 95%;
	border: none;
	background-color: #024a8a;
	border-radius: 4px;
	padding: 14px 0 14px 5%;
	font-size: 14px;
	line-height: 28px;
}
.news-home .wrap4 .right .more {
	display: inline-block;
	padding-right: 63px;
	background: url(../images/ico_44.png) no-repeat right center;
	line-height: 42px;
	margin-top: 54px;
	color: #fff;
	font-size: 24px;
}
.news-home .wrap4.owrap .right .more {
	font-size: 20px;
	background-size: auto 80%;
	padding-right: 44px;
}
.news-home .wrap4.twrap .right .more {
	font-size: 16px;
	background-size: auto 68%;
	padding-right: 38px;
	margin-top: 76px;
}
.news-home .wrap4.m-wrap .right .more {
	float: none;
	margin-top: 22px;
	font-size: 14px;
	padding-right: 36px;
	background-size: auto 56%;
}
.news-home .wrap1 .m-topscroll {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 22px;
	display: none;
}
.news-home .wrap1.m-wrap .m-topscroll {
	display: block;
}
.news-home .wrap1 .m-topscroll ul {
	width: 100%;
}
.news-home .wrap1 .m-topscroll li {
	width: 100%;
}
.news-home .wrap1 .m-topscroll li img, .news-home .wrap1 .m-topscroll li a {
	display: block;
	width: 100%;
}
.news-home .wrap1 .m-topscroll li .tit {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 34px;
	line-height: 34px;
	background-color: #035cac;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.news-home .wrap1 .m-topscroll .pagination {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.news-home .wrap1 .m-topscroll .pagination span {
	display: block;
	float: left;
	width: 15px;
	height: 7px;
	margin-right: 8px;
	background: url(../images/ico_51.png) no-repeat left center;
	border-radius: 0;
}
.news-home .wrap1 .m-topscroll .pagination span.swiper-pagination-bullet-active {
	width: 25px;
	height: 7px;
	background: url(../images/ico_51.png) no-repeat right center;
}
.news-infor {
	position: relative;
}
.news-infor .top-wrap {
	padding-top: 40px;
	padding-bottom: 20px;
	transition: normal;
}
.news-infor .top-wrap.m-wrap {
	padding: 20px 0 20px;
	width: 100%;
}
.news-infor .top-wrap .left-scroll {
	width: 49%;
	background: url(../images/loading.gif) no-repeat center;
	min-height: 40px;
}
.news-infor .top-wrap .left {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: none;
}
.news-infor .top-wrap.long-wrap .left, .news-infor .top-wrap.long-wrap .left-scroll {
	width: 100%;
}
.news-infor .top-wrap.long-wrap .right {
	width: 100%;
	margin-top: 30px;
}
.news-infor .top-wrap.m-wrap .left, .news-infor .top-wrap.m-wrap .right {
	display: none;
}
.news-infor .top-wrap .left .bd {
	width: 100%;
}
.news-infor .top-wrap .left .butn {
	display: block;
	width: 49px;
	height: 81px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
}
.news-infor .top-wrap.twrap .left .butn {
	width: 30px;
	height: 50px;
	background-size: 100% auto;
}
.news-infor .top-wrap .left .prev {
	background: url(../images/ico_45.png) no-repeat center top;
	left: 0;
}
.news-infor .top-wrap .left .next {
	background: url(../images/ico_46.png) no-repeat center top;
	right: 0;
}
.news-infor .top-wrap .left .butn:hover {
	background-position: center bottom;
}
.news-infor .top-wrap .left li a {
	display: block;
	position: relative;
	cursor: pointer;
	width: 100%;
}
.news-infor .top-wrap .left li img {
	width: 100%;
	display: block;
}
.news-infor .top-wrap .left li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 70px;
	font-size: 24px;
	color: #fff;
	background: url(../images/bg_09.png) repeat center;
}
.news-infor .top-wrap.owrap .left li p {
	line-height: 44px;
	font-size: 16px;
}
.news-infor .top-wrap.twrap .left li p {
	line-height: 50px;
	font-size: 17px;
}
.news-infor .top-wrap .left .btnbox {
	position: absolute;
	bottom: 16%;
	left: 50%;
	overflow: hidden;
}
.news-infor .top-wrap .btnbox span {
	width: 15px;
	height: 7px;
	margin-left: 8px;
	cursor: pointer;
	background: url(../images/ico_47.png) no-repeat right center;
	text-indent: 9999;
	display: block;
	float: left;
	transition: normal;
}
.news-infor .top-wrap .btnbox span.on {
	background: url(../images/ico_47.png) no-repeat left center;
	width: 25px;
}
.news-infor .top-wrap .right {
	width: 48%;
}
.news-infor .top-wrap .right ul {
	width: 100%;
}
.news-infor .top-wrap .right li {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 40px;
}
.news-infor .top-wrap.owrap .right li {
	margin-bottom: 10px;
	padding-bottom: 6px;
}
.news-infor .top-wrap.twrap .right li {
	margin-bottom: 8px;
	padding-bottom: 6px;
}
.news-infor .top-wrap .right li a {
	display: block;
	cursor: pointer;
}
.news-infor .top-wrap .right .f24 {
	display: block;
	color: #333;
	line-height: 24px;
	height: 24px;
	font-size: 16px;
	overflow: hidden;
}
.news-infor .top-wrap.twrap .right .f24 {
	font-size: 20px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
}
.news-infor .top-wrap .right .date {
	display: inline-block;
	line-height: 22px;
	color: #a5a5a5;
	margin-top: 4px;
	font-size: 14px;
}
.news-infor .top-wrap .right .word {
	display: block;
	line-height: 22px;
	color: #666;
	margin-top: 9px;
	height: 48px;
	overflow: hidden;
	font-size: 12px;
}
/*.news-infor .top-wrap.twrap .right .word{
	display: none;
}*/
.news-infor .top-wrap .right li a:hover .f24 {
	color: #035cac;
}
.news-infor .top-wrap .right li a:hover .date {
	color: #a3b9d8;
}
.news-infor .top-wrap .right li a:hover .word {
	color: #5986be;
}
.news-infor .top-wrap .m-scroll {
	display: none;
	padding-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.news-infor .top-wrap.m-wrap .m-scroll {
	display: block;
}
.news-infor .top-wrap .m-scroll ul {
	width: 100%;
}
.news-infor .top-wrap .m-scroll li {
	width: 100%;
}
.news-infor .top-wrap .m-scroll li a {
	display: block;
	position: relative;
	width: 100%;
}
.news-infor .top-wrap .m-scroll li img {
	display: block;
	width: 100%;
}
.news-infor .top-wrap .m-scroll li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	background-color: #035cac;
	color: #fff;
}
.news-infor .top-wrap .m-scroll .page-btn {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.news-infor .top-wrap .m-scroll .page-btn span {
	display: block;
	width: 15px;
	height: 7px;
	float: left;
	margin-right: 8px;
	background: url(../images/ico_51.png) no-repeat left center;
	border-radius: 0;
}
.news-infor .top-wrap .m-scroll .page-btn span.swiper-pagination-bullet-active {
	width: 25px;
	background: url(../images/ico_51.png) no-repeat right center;
}
.news-infor .wrap2 {
	padding-top: 60px;
}
.news-infor .wrap2.m-wrap {
	transition: normal;
	width: 100%;
	padding: 0 5%;
	margin-left: -5%;
}
.news-infor .wrap2 .main {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 30px;
	border-bottom: 1px solid #d4d4d4;
	opacity: 0;
	filter: Alpha(opacity=0);
}
.news-infor .wrap2 .box {
	background-color: #fff;
	float: left;
}
.news-infor .wrap2.m-wrap .box {
	width: 100%;
}
.news-infor .wrap2 .box a {
	display: block;
	/*width: 345px;*/
	width: 260px;
	padding: 30px;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.news-infor .wrap2.m-wrap .box a {
	width: 88%;
	padding: 15px 6%;
}
.news-infor .wrap2 .box a:hover {
	background-color: #035cac;
}
.news-infor .wrap2 .box a:hover .f18 {
	color: #fff;
}
.news-infor .wrap2 .box img {
	display: block;
	width: 100%;
}
.news-infor .wrap2.m-wrap .box img {
	display: none;
}
.news-infor .wrap2 .box .f18 {
	line-height: 26px;
	display: block;
	color: #035cac;
	height: 52px;
	position: relative;
	overflow: hidden;
}
.news-infor .wrap2.m-wrap .box .f18 {
	font-size: 16px;
}
.news-infor .wrap2 .box .more {
	line-height: 24px;
	display: inline-block;
	padding-right: 16px;
	background: url(../images/ico_42.png) no-repeat right center;
	color: #333;
	margin-top: 19px;
	color: #333;
}
.news-infor .wrap2.m-wrap .box .more {
	display: none;
}
.news-infor .wrap2 .box a:hover .more {
	color: #fff;
	background: url(../images/ico_43.png) no-repeat right center;
}
.news-infor .wrap2 .box .date {
	line-height: 32px;
	color: #888;
	display: block;
}
.news-infor .wrap2.m-wrap .box .date {
	font-size: 12px;
	line-height: 24px;
}
.news-infor .wrap2 .box a:hover .date {
	color: #82a0cb;
}
.news-infor .wrap2 .box .img {
	display: block;
	width: 100%;
	margin-top: 9px;
}
.news-infor .wrap2 .box .word {
	margin-top: 13px;
	width: 100%;
	display: block;
	color: #666;
	height: 44px;
	overflow: hidden;
}
.news-infor .wrap2.m-wrap .box .word {
	margin-top: 0;
}
.news-infor .wrap2 .box a:hover .word {
	color: #c2d0e4;
}
.news-infor .wrap2 .box .img {
	display: block;
	position: relative;
}
.news-infor .wrap2 .box .img .bg-pic {
	width: 100%;
}
.news-infor .wrap2 .box .img .up-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.news-infor .wrap2.m-wrap .page {
	display: none;
}
.page {
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 60px;
}
.news-infor .wrap2 .look-more {
	display: none;
	width: 100%;
	line-height: 40px;
	font-size: 16px;
	color: #878787;
	cursor: pointer;
	text-align: center;
	padding-bottom: 10px;
}
.news-infor .wrap2.m-wrap .look-more {
	display: block;
}
.header-special {
	padding-top: 36px;
	padding-bottom: 36px;
	background-color: #fff;
}
.header-special.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
}
.header-special.owrap {
	padding-top: 28px;
	padding-bottom: 28px;
}
.header-special.twrap {
	padding-top: 20px;
	padding-bottom: 20px;
}
.header-special.m-wrap {
	display: none;
}
.header-special .logo {
	display: inline-block;
	margin-right: 28px;
}
.header-special .font {
	color: #333;
	display: inline-block;
	line-height: 28px;
	margin-top: 8px;
}
.header-special .nav {
	line-height: 38px;
}
.header-special .nav a {
	display: inline-block;
	padding-left: 45px;
	font-size: 16px;
	color: #333;
	margin-left: 37px;
	float: right;
	background: url(../images/ico_49.png) no-repeat left center;
}
.header-special .nav a:hover {
	color: #035cac;
}
.special-focus .wrap1 {
	padding-top: 60px;
	padding-bottom: 43px;
}
.special-focus .wrap1.m-wrap {
	padding-top: 26px;
}
.special-focus .wrap1 .left {
	width: 32%;
	position: relative;
	overflow: hidden;
	display: none;
}
.special-focus .wrap1.m-wrap .left {
	display: none;
}
.special-focus .wrap1 .left li {
	width: 100%;
	transition: normal;
}
.special-focus .wrap1 .left a {
	display: block;
	width: 100%;
	cursor: pointer;
	position: relative;
	height: 100%;
}
.special-focus .wrap1 .left p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
	line-height: 50px;
	background: url(../images/bg_09.png) repeat center;
	font-size: 14px;
	color: #fff;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.special-focus .wrap1.twrap .left p {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.special-focus .wrap1 .left img {
	display: block;/*height: 100%;*/
}
.special-focus .wrap1 .left .btnbox {
	position: absolute;
	right: 4%;
	bottom: 20px;
	z-index: 2;
}
.special-focus .wrap1 .left .btnbox span {
	display: block;
	float: left;
	margin-left: 8px;
	width: 10px;
	height: 10px;
	background: url(../images/ico_48.png) no-repeat right center;
	cursor: pointer;
	transition: normal;
}
.special-focus .wrap1 .left .btnbox span.on {
	background: url(../images/ico_48.png) no-repeat left center;
}
.special-focus .wrap1 .m-scroll {
	display: none;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 33px;
	margin-bottom: 30px;
}
.special-focus .wrap1.m-wrap .m-scroll {
	display: block;
}
.special-focus .wrap1 .m-scroll ul, .special-focus .wrap1 .m-scroll li {
	width: 100%;
}
.special-focus .wrap1 .m-scroll li a {
	display: block;
	width: 100%;
	position: relative;
}
.special-focus .wrap1 .m-scroll li img {
	display: block;
	width: 100%;
}
.special-focus .wrap1 .m-scroll li p {
	width: 90%;
	line-height: 38px;
	height: 38px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/bg_09.png) repeat center;
	padding: 0 5%;
	color: #fff;
}
.special-focus .wrap1 .m-scroll .pagination {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.special-focus .wrap1 .m-scroll .pagination span {
	display: block;
	width: 15px;
	height: 7px;
	background: url(../images/ico_51.png) no-repeat left center;
	float: left;
	margin-right: 8px;
	border-radius: 0;
}
.special-focus .wrap1 .m-scroll .pagination span.swiper-pagination-bullet-active {
	background: url(../images/ico_51.png) no-repeat right center;
	width: 25px;
}
.special-focus .wrap1 .right {
	width: 68%;
}
.special-focus .wrap1.m-wrap .right {
	width: 100%;
}
.special-focus .wrap1 .right ul {
	width: 100%;
}
.special-focus .wrap1 .right li {
	width: 47%;
	background-color: #f1f1f1;
	margin-left: 3%;
	transition: all 0.2s ease 0s;
	margin-bottom: 20px;
}
.special-focus .wrap1.m-wrap .right li {
	width: 100%;
	margin-left: 0;
	margin-bottom: 14px;
}
.special-focus .wrap1 .right li a {
	display: block;
	padding: 25px 5% 28px;
	width: 90%;
}
.special-focus .wrap1.owrap .right li a {
	padding: 14px 5%;
}
.special-focus .wrap1.twrap .right li a {
	padding: 10px 5% 10px;
}
.special-focus .wrap1.m-wrap .right li a {
	padding: 25px 5% 40px;
}
.special-focus .wrap1 .right li span {
	transition: all 0.2s ease 0s;
}
.special-focus .wrap1 .right .f18 {
	display: block;
	line-height: 28px;
	color: #666;
	height: 28px;
	overflow: hidden;
}
.special-focus .wrap1.owrap .right .f18 {
	font-size: 16px;
}
.special-focus .wrap1.m-wrap .right .f18 {
	color: #035cac;
	font-size: 16px;
	line-height: 24px;
}
.special-focus .wrap1 .right .word {
	line-height: 24px;
	color: #b1b1b1;
	display: block;
	margin-top: 9px;
	font-size: 14px;
	height: 48px;
	overflow: hidden;
}
/*.special-focus .wrap1.twrap .right .word{
	display: none;
}*/
.special-focus .wrap1.m-wrap .right .word {
	color: #666;
	margin-top: 4px;
	position: relative;
}
.special-focus .wrap1 .right .date {
	color: #b1b1b1;
}
.special-focus .wrap1.m-wrap .right .date {
	color: #666;
	position: absolute;
	left: 0;
	bottom: -24px;
	font-size: 12px;
}
.special-focus .wrap1 .right li:hover {
	background-color: #035cac;
}
.special-focus .wrap1 .right li:hover .f18 {
	color: #fff;
}
.special-focus .wrap1 .right li:hover .word {
	color: #a4b9d8;
}
.special-focus .wrap1 .right li:hover .date {
	color: #d4deec;
}
.special-focus .wrap2 {
	padding-top: 31px;
	padding-bottom: 65px;
	position: relative;
	overflow: hidden;
}
.special-focus .wrap2.m-wrap {
	padding-top: 12px;
	padding-bottom: 24px;
}
.special-focus .wrap .titbox {
	width: 100%;
	overflow: hidden;
}
.special-focus .wrap h2 {
	font-size: 42px;
	font-weight: normal;
	color: #035cac;
	line-height: 75px;
}
.special-focus .wrap.m-wrap h2 {
	font-size: 22px;
	line-height: 46px;
}
.special-focus .wrap.twrap h2 {
	font-size: 36px;
	line-height: 80px;
}
.special-focus .wrap2 ul {
	width: 103%;
}
.special-focus .wrap2.m-wrap ul {
	width: 100%;
}
.special-focus .wrap2 .look-more {
	font-size: 24px;
	color: #8ea9d0;
	line-height: 42px;
	display: inline-block;
	margin-top: 44px;
}
.special-focus .wrap2.twrap .look-more {
	margin-top: 25px;
}
.special-focus .wrap2.m-wrap .look-more {
	font-size: 16px;
	line-height: 46px;
	margin-top: 0;
}
.special-focus .wrap2 li {
	width: 31%;
	margin-right: 2%;
}
.special-focus.marg-bot .wrap2 li {
	margin-bottom: 20px;
}
.special-focus .wrap2.m-wrap li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 18px;
}
.special-focus .wrap2 li img {
	display: block;
	width: 100%;
}
.special-focus .wrap2 li a {
	display: block;
	cursor: pointer;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.special-focus .wrap2 li .cont {
	width: 90%;
	padding: 0 5% 25px 5%;
	background: url(../images/bg_13.png) repeat center;
	color: #fff;
	position: absolute;
	bottom: -110px;
	left: 0;
	transition: all 0.5s ease 0s;
}
.special-focus .wrap2.twrap li .cont {
	bottom: -31px;
	padding-bottom: 10px;
}
.special-focus .wrap2.m-wrap li .cont {
	bottom: 0;
	padding-bottom: 0;
}
.special-focus .wrap2 li .f18 {
	display: block;
	line-height: 28px;
	padding: 13px 0;
}
.special-focus .wrap2.twrap li .f18 {
	line-height: 20px;
}
.special-focus .wrap2.m-wrap li .f18 {
	line-height: 38px;
	font-size: 14px;
}
.special-focus .wrap2 li .word {
	line-height: 22px;
	display: block;
	height: 44px;
}
.special-focus .wrap2.twrap li .word {
	display: none;
}
.special-focus .wrap2.m-wrap li .word {
	display: none;
}
.special-focus .wrap2 li .more {
	display: inline-block;
	padding-right: 16px;
	background: url(../images/ico_43.png) no-repeat right center;
	margin-top: 18px;
}
.special-focus .wrap2.twrap li .more {
	margin-top: 0;
}
.special-focus .wrap2.m-wrap li .more {
	display: none;
}
.special-focus .wrap2 li:hover .cont {
	bottom: 0;
	background: url(../images/bg_09.png) repeat center;
}
.special-focus .wrap3 {
	padding-top: 18px;
	padding-bottom: 60px;
	position: relative;
}
.special-focus .wrap3 .more {
	display: inline-block;
	position: absolute;
	right: 6%;
	top: 35px;
	color: #8ea9d0;
	font-size: 24px;
	line-height: 40px;
}
.special-focus .wrap3.twrap .more {
	top: 45px;
}
.special-focus .wrap3.m-wrap .more {
	top: 25px;
	font-size: 16px;
}
.special-focus .wrap3 .imgwrap {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.special-focus .wrap3 ul {
	width: 101%;
}
.special-focus .wrap3 li {
	width: 33%;
	margin-right: 1px;
}
.special-focus .wrap3.m-wrap li {
	width: 100%;
	margin: 0;
}
.special-focus .wrap3 li a {
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.special-focus .wrap3 li a.big {
	margin-bottom: 1px;
}
.special-focus .wrap3 li img {
	display: block;
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}
.special-focus .wrap3 li a:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.special-focus .wrap3 span.small {
	display: block;
	width: 102%;
	overflow: hidden;
	margin-bottom: 1px;
}
.special-focus .wrap3.m-wrap span.small {
	float: right;
}
.special-focus .wrap3 span.small a {
	width: 49%;
	margin-right: 1px;
}
/************新闻详情**************/
.news-info {
	padding-top: 40px;
	padding-bottom: 50px;
	transition: normal;
	position: relative;
}
.news-info .leftwrap {
	width: 66%;
	margin-right: 2%;
}
.news-info.twrap .leftwrap, .news-info.m-wrap .leftwrap {
	margin-right: 0;
	width: 100%;
}
.news-info.m-wrap .leftwrap {
	padding-top: 10px;
}
.news-info .rightwrap {
	width: 32%;
}
.news-info.twrap .rightwrap, .news-info.m-wrap .rightwrap {
	width: 100%;
}
.news-info h1 {
	font-weight: normal;
	margin-bottom: 14px;
	color: #505050;
	/*font-size: 42px;
	line-height: 50px;*/
	font-size: 18px;
	line-height: 30px;
}
.news-info.m-wrap h1 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.news-info .entry-meta {
	padding: 8px 20px;
	background: #edf1f7;
	overflow: hidden;
	color: #505050;
	line-height: 36px;
	font-size: 14px;
}
.news-info .contwrap {
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 40px;
	color: #555;
}
.news-info .contwrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.news-info.m-wrap .contwrap {
	padding-bottom: 0;
}
.news-info .rightwrap h4 {
	font-weight: bold;
	padding: 12px 14px;
	line-height: 23px;
	margin-bottom: 20px;
	background: #035cac;
	font-size: 16px;
	color: #fff;
}
.news-info.m-wrap .rightwrap h4 {
	font-size: 15px;
	padding: 6px 14px;
	margin-bottom: 0;
}
.news-info .rightwrap ul {
	width: 94%;
	padding: 0 3%;
}
.news-info.twrap .rightwrap ul {
	width: 96%;
	padding: 0 2%;
}
.news-info .rightwrap li {
	width: 100%;
	padding-bottom: 14px;
	padding-top: 7px;
	border-bottom: 1px solid #dadada;
}
.news-info .rightwrap li:last-child {
	border-bottom: none;
}
.news-info .rightwrap li a {
	color: #333;
	font-weight: bold;
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
}
.news-info.m-wrap .rightwrap li a {
	font-size: 15px;
	line-height: 24px;
}
.news-info .rightwrap li a:hover {
	color: #035cac;
}
.news-info .rightwrap li .post-date {
	display: block;
	line-height: 21px;
	font-size: 13px;
	color: #555;
	margin-top: 1px;
}
.news-info.m-wrap .rightwrap li .post-date {
	margin-top: 5px;
}
.news-info .paging {
	width: 100%;
 height:
}
.news-info .paging {
	height: 48px;
	padding: 20px 0;
	width: 100%;
}
.news-info.m-wrap .paging {
	height: auto;
}
.news-info .paging .fl {
	font-size: 12px;
	line-height: 22px;
}
.news-info.m-wrap .paging .fl {
	float: none;
	display: block;
	width: 100%;
}
.news-info .paging a {
	color: #666;
}
.news-info .paging a:hover {
	color: #035cac;
}
.news-info .paging .return {
	border: 1px solid #ddd;
	display: block;
	height: 34px;
	line-height: 34px;
	margin-top: 10px;
	text-align: center;
	width: 100px;
	font-size: 14px;
}
.news-info.m-wrap .paging .return {
	float: none;
}
.news-info .paging .return:hover {
	border: 1px solid #035cac;
	background-color: #035cac;
	color: #fff;
}
.video-info .m-video {
	display: none;
}
.video-info.m-wrap .m-video {
	display: block;
}
.video-info.m-wrap .p-video {
	display: none;
}
.social-recruit .section2 .sub-wrap {
	height: 100%;
}
.load-bg {
	width: 100%;
	height: 32px;
	background: url(../images/loading.gif) no-repeat center;
}
.social-recruit {
	padding: 40px 0 100px;
	background: #f5f5f5;
}
.floor-nav {
	display: block;
}
.floor-nav a {
	display: inline;
	display: inline-block;
	width: 94px;
	margin-top: 20px;
	padding-left: 48px;
	margin-right: 2%;
	height: 40px;
	line-height: 40px;
	background: #e3e3e3;
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 14px;
	color: #666;
}
.floor-nav a:hover {
	color: #fff;
	background: #025bab;
}
 @media screen and (max-width: 1024px) {
.header .nav li a {
	padding-top: 16px;
}
.header .nav li a label {
	display: none;
}
.footer-main .left-wrap .text {
	display: none;
}
}
/*custom*/
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
	margin: 0;
	padding: 0
}
html {
	font-size: 62.5%
}
body {
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体";
	background: #fff;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	min-width: 320px;
	margin: 0 auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: none
}
a {
	color: #333;
	text-decoration: none
}
a:hover {
	color: #e60012;
	text-decoration: underline
}
em {
	font-style: normal
}
ul {
	list-style: none
}
img {
	border: 0;
	vertical-align: middle
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
p {
	word-wrap: break-word
}
i {
	display: inline-block;
	font-style: normal
}
a:hover, a:active, a:focus {
	text-decoration: none;
	outline: none;
	-moz-outline: none
}
textarea {
	-webkit-appearance: none;
	resize: none
}
input, button, select, textarea {
	outline: none;
	-webkit-appearance: none
}
textarea {
	resize: none
}
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}
.left, #header .headerBox .ReIndex, #header .headerBox #nav .ClassA li, #header .headerBox #nav .ClassB ul, #Banner.Hbanner .swiper-container .swiper-wrapper, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li, #content.HomeContent section.aboutWrap .aboutBox .top .txt, #content.HomeContent section.aboutWrap .aboutBox .bottom ul li {
	float: left
}
.right, #header .headerBox .searchBtn, #header .headerBox #nav, #Banner.Hbanner .swiper-container .swiperBtnBox, #content.HomeContent section.aboutWrap .aboutBox .top .img {
	float: right
}
.clearFix, #header .headerBox, #header .headerBox #nav .ClassA, #header .headerBox #nav .ClassB, #Banner.Hbanner .swiper-container, #footer .footerTopWrap .footerTopBox .clickHref, #footer .footerTopWrap .footerTopBox .webMap, #footer .footerTopWrap .footerTopBox .webMap .txt, #footer .footerBottomWrap .footerBottomBox, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul, #content.HomeContent section.aboutWrap .aboutBox .top, #content.HomeContent section.aboutWrap .aboutBox .bottom ul, #content nav ul, #content.aboutWrap .about.aboutA section, #content.aboutWrap .about.aboutC section ul li, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul, #content.aboutWrap .about.aboutE section ul, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul, #content.aboutWrap .about.newsDetailedWrap .newsDetailedJump, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a, #content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul, #content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox>div, #content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox, #content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li, #content.aboutWrap .about.serviceBWrap .serviceBbox .topBox, #content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul, #content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox, #content.aboutWrap .about.joinA .boxWrap .boxHr, #content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr, #content.aboutWrap .about.joinB .boxWrap form .formBtnBox, #content.aboutWrap .about.ContactUs .boxWrap section .topContact, #content.aboutWrap .about.ContactUs .boxWrap section .bottomContact, #content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul li, #content.aboutWrap .about.businessA .boxWrap ul, #content.aboutWrap .about.businessA .boxWrap ul li, #content.aboutWrap .about.businessA .MajorBox ul, #content.aboutWrap .about.businessB .boxWrap section .businessBTop ul, #content .newsBox ul, .contentEnterpriseAWarp .contentEnterpriseABox ul, #appMapWrap .appMapBox .txtApp .telBtnBox {
*zoom:1
}
.clearFix:after, #header .headerBox:after, #header .headerBox #nav .ClassA:after, #header .headerBox #nav .ClassB:after, #Banner.Hbanner .swiper-container:after, #footer .footerTopWrap .footerTopBox .clickHref:after, #footer .footerTopWrap .footerTopBox .webMap:after, #footer .footerTopWrap .footerTopBox .webMap .txt:after, #footer .footerBottomWrap .footerBottomBox:after, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul:after, #content.HomeContent section.aboutWrap .aboutBox .top:after, #content.HomeContent section.aboutWrap .aboutBox .bottom ul:after, #content nav ul:after, #content.aboutWrap .about.aboutA section:after, #content.aboutWrap .about.aboutC section ul li:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul:after, #content.aboutWrap .about.aboutE section ul:after, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox:after, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare:after, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul:after, #content.aboutWrap .about.newsDetailedWrap .newsDetailedJump:after, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul:after, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a:after, #content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul:after, #content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox>div:after, #content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:after, #content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li:after, #content.aboutWrap .about.serviceBWrap .serviceBbox .topBox:after, #content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul:after, #content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox:after, #content.aboutWrap .about.joinA .boxWrap .boxHr:after, #content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr:after, #content.aboutWrap .about.joinB .boxWrap form .formBtnBox:after, #content.aboutWrap .about.ContactUs .boxWrap section .topContact:after, #content.aboutWrap .about.ContactUs .boxWrap section .bottomContact:after, #content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul li:after, #content.aboutWrap .about.businessA .boxWrap ul:after, #content.aboutWrap .about.businessA .boxWrap ul li:after, #content.aboutWrap .about.businessA .MajorBox ul:after, #content.aboutWrap .about.businessB .boxWrap section .businessBTop ul:after, #content .newsBox ul:after, .contentEnterpriseAWarp .contentEnterpriseABox ul:after, #appMapWrap .appMapBox .txtApp .telBtnBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.after:after, #header .headerBox .searchBtn:after, #header .headerBox #nav .ClassA li.active a:after, #header .headerBox #nav .ClassB ul:after, #header .headerBox #nav .ClassB ul li a:after, #Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide .txt h3:after, #Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination span:after, #Banner>.txt h2:after, #footer .footerTopWrap .footerTopBox .clickHref li:after, #footer .footerTopWrap .footerTopBox .webMap .map li span:after, #sideBar ul li a .find:after, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .txt p:after, #content.HomeContent section.aboutWrap .aboutBox .bottom ul li:after, #content.aboutWrap .about.aboutC section ul li .ico i:after, #content.aboutWrap .about.aboutD .architectureWrap h2:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3:after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li:after, #content.aboutWrap .about.aboutE .aboutENav li:after, #content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox h2:after, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt i:after, #content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li i:after, #content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox h2:after, #content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i:after, #content.aboutWrap .about.joinB .boxWrap form label.file .showfile:after, #content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateB:after, #content.aboutWrap .about.ContactUs .boxWrap section .topContact li i:after, #content.aboutWrap .about.ContactUs .boxWrap section .topContact li p:after, .contentEnterpriseAWarp .contentEnterpriseABox ul li .boxB h2:after {
	content: "";
	display: block
}
.before::before, #header::before, #footer .footerTopWrap .footerTopBox .webMap .map li .img::before, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .img::before, #content.aboutWrap .about.aboutC section ul li .ico i::before, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox::before, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3::before, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul::before, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3::before, #content.aboutWrap .about.serviceAWrap .map .txtWrap ul li::before, #content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i::before, #content.aboutWrap .about.joinC .boxWrap .BtnUls li::before, #appMapWrap .appMapBox .txtApp .telBtnBox a::before {
	content: "";
	display: block
}
.transition-03, #header .findNavBg, #header .headerBox #nav .ClassB ul li a::after, #content.HomeContent section.videoWrap .videoBox .BtnBox.on, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt i, #content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt i::after, #content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href, #content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href a, #content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox button, #content.aboutWrap .about.joinB .boxWrap form .formBtnBox button, #content.aboutWrap .about.joinC .boxWrap .BtnUls li::before, #content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateB {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.noscroll {
	overflow: hidden;
	height: 100%;
	padding-right: 20px
}
@media only screen and (max-width: 1365px) {
html {
	font-size: 60%
}
}
@media only screen and (max-width: 1199px) {
html {
	font-size: 55%
}
}
@media only screen and (max-width: 991px) {
html {
	font-size: 50%
}
}
.ContentWidth, #header .headerBox, #Banner>.txt, #footer .footerTopWrap .footerTopBox, #footer .footerBottomWrap .footerBottomBox, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox, #content.HomeContent section.videoWrap .videoBox, #content.HomeContent section.aboutWrap .aboutBox, #content nav ul, #content.aboutWrap .about, #content .newsBox, .contentEnterpriseAWarp .contentEnterpriseABox {
	width: 1400px;
	margin: 0 auto
}
@media only screen and (max-width: 1580px) {
.ContentWidth, #header .headerBox, #Banner>.txt, #footer .footerTopWrap .footerTopBox, #footer .footerBottomWrap .footerBottomBox, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox, #content.HomeContent section.videoWrap .videoBox, #content.HomeContent section.aboutWrap .aboutBox, #content nav ul, #content.aboutWrap .about, #content .newsBox, .contentEnterpriseAWarp .contentEnterpriseABox {
	width: 90%
}
}
@media only screen and (max-width: 991px) {
.ContentWidth, #header .headerBox, #Banner>.txt, #footer .footerTopWrap .footerTopBox, #footer .footerBottomWrap .footerBottomBox, #content.HomeContent section.BusinessAreaWrap .BusinessAreaBox, #content.HomeContent section.videoWrap .videoBox, #content.HomeContent section.aboutWrap .aboutBox, #content nav ul, #content.aboutWrap .about, #content .newsBox, .contentEnterpriseAWarp .contentEnterpriseABox {
	width: 94%
}
}
#header {
	height: 128px;
	padding-bottom: 6px;
	position: relative;
	z-index: 9
}
#header::before, #header .findNavBg {
	width: 100%;
	height: 6px;
	background: #e60012;
	position: absolute;
	left: 0;
	top: calc(100% - 6px);
	z-index: 9
}
#header .findNavBg {
	height: 0;
	background: rgba(230,0,18,0.8)
}
#header .headerBox {
	height: 128px;
	position: relative
}
#header .headerBox .ReIndex {
	padding-top: 16px
}
@media only screen and (max-width: 991px) {
#header .headerBox .ReIndex {
	padding-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
}
#header .headerBox .searchBtn {
	width: 44px;
	height: 44px;
	border: 1px solid #666;
	cursor: pointer;
	background: none;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -22px
}
#header .headerBox .searchBtn::after {
	height: 18px;
	width: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
	background: url("../images/i-2.png") no-repeat;
	background-position: -27px 0
}
#header .headerBox .searchBtn:hover {
	background: #e60012;
	border-color: #e60012
}
#header .headerBox .searchBtn:hover::after {
	background-position: 0 0
}
#header .headerBox #NavBtn {
	display: none;
	border: 0;
	width: 44px;
	height: 44px;
	background: none;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -22px;
	cursor: pointer
}
@media only screen and (max-width: 991px) {
#header .headerBox #NavBtn {
	display: block;
	z-index: 999
}
}
#header .headerBox #NavBtn span {
	display: block;
	width: 33px;
	height: 4px;
	background: #e60012;
	margin: 5px 0;
	border-radius: 2px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
#header .headerBox .phoneNavBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
@media only screen and (max-width: 991px) {
#header .headerBox .phoneNavBg {
	display: block
}
}
#header .headerBox #nav {
	margin-right: 100px;
	position: relative
}
@media only screen and (max-width: 1199px) {
#header .headerBox #nav {
	margin-right: 50px
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav {
	position: fixed;
	top: 0;
	left: -200px;
	width: 150px;
	margin-right: 0;
	height: 100%;
	background: #e60012;
	z-index: 99;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
}
#header .headerBox #nav .ClassA {
	cursor: pointer
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA {
	padding-top: 140px;
	z-index: 9;
	position: relative;
	background: #e60012
}
}
#header .headerBox #nav .ClassA li {
	font-size: 1.6rem;
	line-height: 128px;
	width: 124px
}
@media only screen and (max-width: 1365px) {
#header .headerBox #nav .ClassA li {
	width: 90px
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA li {
	line-height: 40px;
	height: 40px;
	float: none;
	font-size: 2.2rem
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA li {
	width: 100%
}
#header .headerBox #nav .ClassA li.on {
	background-image: url("../images/ydnav.png");
	background-size: 12px auto;
	background-position: 90% center;
	background-repeat: no-repeat
}
}
#header .headerBox #nav .ClassA li:nth-child(1) {
	width: 90px
}
@media only screen and (max-width: 1365px) {
#header .headerBox #nav .ClassA li:nth-child(1) {
	width: 60px
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA li:nth-child(1) {
	width: 100%
}
}
#header .headerBox #nav .ClassA li a {
	color: #333;
	box-sizing: border-box;
	display: inline-block;
	line-height: 1
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA li a {
	color: #fff;
	display: block;
	line-height: 40px;
	text-align: right;
	padding-right: 40px
}
}
#header .headerBox #nav .ClassA li.active a {
	color: #e60012;
	position: relative
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA li.active a {
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900
}
}
#header .headerBox #nav .ClassA li.active a::after {
	width: 12px;
	height: 12px;
	background: url("../images/i-1.png") no-repeat center;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -6px
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassA li.active a::after {
	display: none
}
}
#header .headerBox #nav .ClassB {
	position: absolute;
	top: 100%;
	left: 0;
	padding-left: 90px;
	padding-top: 20px;
	width: 100%;
	z-index: 911;
	visibility: hidden;
	opacity: 0
}
@media only screen and (max-width: 1365px) {
#header .headerBox #nav .ClassB {
	padding-left: 60px
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassB {
	padding: 0;
	position: fixed;
	top: 0;
	left: -140px;
	width: 140px;
	margin-right: 0;
	height: 100%;
	background: #e60012;
	z-index: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 1;
	visibility: visible;
	padding-left: 15px;
	box-sizing: border-box
}
}
#header .headerBox #nav .ClassB ul {
	width: 124px;
	font-size: 1.5rem;
	line-height: 2;
	position: relative
}
#header .headerBox #nav .ClassB ul::after {
	height: 100%;
	width: 1px;
	background: #f2f2f2;
	position: absolute;
	top: 0;
	left: -25px
}
@media only screen and (max-width: 1365px) {
#header .headerBox #nav .ClassB ul::after {
	display: none
}
}
#header .headerBox #nav .ClassB ul:nth-child(1)::after {
	display: none
}
@media only screen and (max-width: 1365px) {
#header .headerBox #nav .ClassB ul {
	width: 90px;
	font-size: 1.3rem
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassB ul {
	display: none;
	font-size: 2rem;
	padding-top: 200px;
	width: auto
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassB ul.show {
	display: block
}
}
#header .headerBox #nav .ClassB ul li a {
	color: #f2f2f2;
	position: relative
}
#header .headerBox #nav .ClassB ul li a::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #fff
}
#header .headerBox #nav .ClassB ul li a:hover {
	color: #fff
}
#header .headerBox #nav .ClassB ul li a:hover::after {
	width: 100%
}
#header .headerBox #nav .ClassB ul li.active a::after {
	width: 100%
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassB ul li.active a::after {
	display: none
}
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassB ul li.active a {
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900
}
}
#header .headerBox #nav .ClassB ul:nth-child(2) li:nth-child(1) {
	position: relative;
	left: -13px
}
@media only screen and (max-width: 991px) {
#header .headerBox #nav .ClassB ul:nth-child(2) li:nth-child(1) {
	left: 0
}
}
#header.navOn .findNavBg {
	height: 220px
}
@media only screen and (max-width: 991px) {
#header.navOn .findNavBg {
	display: none
}
}
#header.navOn #NavBtn {
	display: block;
	z-index: 999;
	position: fixed;
	left: 30px;
	top: 50px
}
#header.navOn #NavBtn span {
	background: #fff
}
#header.navOn .headerBox #nav .ClassB {
	height: auto;
	opacity: 1;
	visibility: visible;
	animation-duration: .6s;
	-webkit-animation-duration: .6s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-delay: 0s;
	-webkit-animation-delay: 0s
}
#header.active .headerBox #NavBtn {
	position: fixed;
	left: 30px;
	top: 50px
}
#header.active .headerBox #NavBtn span {
	background: #fff
}
#header.active .headerBox #NavBtn span:nth-child(1) {
	-webkit-transform: rotate(42deg);
	-moz-transform: rotate(42deg);
	-ms-transform: rotate(42deg);
	-o-transform: rotate(42deg);
	transform: rotate(42deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 34px;
	position: relative;
	top: -3px
}
#header.active .headerBox #NavBtn span:nth-child(2) {
	opacity: 0
}
#header.active .headerBox #NavBtn span:nth-child(3) {
	-webkit-transform: rotate(-42deg);
	-moz-transform: rotate(-42deg);
	-ms-transform: rotate(-42deg);
	-o-transform: rotate(-42deg);
	transform: rotate(-42deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	width: 34px;
	position: relative;
	top: 2px
}
#header.active .headerBox #nav {
	left: 0
}
#header.active .headerBox #nav .ClassB.show {
	left: 150px
}
#header.active .headerBox .phoneNavBg {
	visibility: visible;
	opacity: 1
}
#searchBox {
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999999999999;
	width: 100%;
	height: 100%;
	background: #0C1721
}
#searchBox .close {
	position: absolute;
	top: 10%;
	right: 10%;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease
}
#searchBox .close:hover {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg)
}
#searchBox .close img {
	width: 100%
}
#searchBox .search-con {
	display: block;
	width: 60%;
	height: 70px;
	margin: 200px auto;
	position: relative
}
@media only screen and (max-width: 767px) {
#searchBox .search-con {
	width: 90%;
	height: 40px
}
}
#searchBox .search-con #search {
	display: block;
	width: 100%;
	height: 70px;
	padding-left: 1%;
	background: #0C1721;
	border: 1px solid #535353;
	font: 30px "microsoft yahei", Arial, Helvetica, sans-serif;
	color: #A9A9A9
}
@media only screen and (max-width: 767px) {
#searchBox .search-con #search {
	height: 40px;
	font-size: 2rem
}
}
#searchBox .search-con .searchBtn {
	display: block;
	position: absolute;
	right: 15px;
	top: 5px;
	width: 84px;
	height: 60px;
	background: #0C1721 url("../images/icon_01.png") no-repeat center;
	background-size: 40px;
	cursor: pointer;
	border: 0
}
@media only screen and (max-width: 767px) {
#searchBox .search-con .searchBtn {
	top: auto;
	right: 50%;
	margin-right: -42px;
	bottom: -100px
}
}
#searchBox.on {
	opacity: 1;
	visibility: visible
}
#Banner {
	position: relative;
	width: 100%
}
@media only screen and (max-width: 767px) {
#Banner {
	height: 200px;
	overflow: hidden
}
}
@media only screen and (max-width: 767px) {
#Banner.Hbanner {
	height: auto
}
}
#Banner.Hbanner .swiper-container .swiper-wrapper {
	width: 87%
}
@media only screen and (max-width: 991px) {
#Banner.Hbanner .swiper-container .swiper-wrapper {
	width: 100%
}
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	width: 100% !important
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next {
	opacity: 0 !important
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%
}
@media only screen and (max-width: 767px) {
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide img {
	height: auto
}
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide .txt {
	color: #fff;
	position: absolute;
	top: 35%;
	left: 15%;
	width: 580px
}
@media only screen and (max-width: 767px) {
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide .txt {
	display: none
}
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide .txt h3 {
	font-size: 4rem;
	padding-bottom: 30px;
	position: relative;
	font-weight: normal
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide .txt h3::after {
	width: 3em;
	height: 6px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: -10px
}
#Banner.Hbanner .swiper-container .swiper-wrapper .swiper-slide .txt p {
	font-size: 2.6rem;
	line-height: 1.2;
	padding-top: 30px
}
#Banner.Hbanner .swiper-container .swiperBtnBox {
	width: 13%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-image: url("../images/homebanner.jpg");
	background-size: cover;
	background-repeat: no-repeat
}
@media only screen and (max-width: 991px) {
#Banner.Hbanner .swiper-container .swiperBtnBox {
	position: static;
	width: 100%;
	height: auto
}
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-next, #Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-prev {
	left: 50%;
	width: 60px;
	margin-left: -30px;
	height: 106px;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .5
}
@media only screen and (max-width: 1365px) {
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-next, #Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-prev {
	width: 40px;
	height: 70px
}
}
@media only screen and (max-width: 991px) {
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-next, #Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-prev {
	display: none
}
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-next:hover, #Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-prev:hover {
	opacity: 1
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-next {
	background-image: url("../images/h-br.png");
	top: calc(20% + 110px)
}
@media only screen and (max-width: 1365px) {
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-next {
	top: calc(10% + 70px)
}
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-prev {
	background-image: url("../images/h-bl.png");
	top: 20%
}
@media only screen and (max-width: 1365px) {
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-button-prev {
	top: 10%
}
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 40px
}
@media only screen and (max-width: 991px) {
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination {
	bottom: 10px
}
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination span {
	display: block;
	padding: 15px;
	font-size: 2rem;
	color: #fff;
	width: auto;
	height: auto;
	border-radius: 0;
	position: relative;
	background: none;
	opacity: .4
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination span.swiper-pagination-bullet-active {
	opacity: 1
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination span::after {
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	left: 0;
	bottom: 0;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg)
}
@media only screen and (max-width: 991px) {
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination span {
	display: inline-block;
	padding: 5px
}
#Banner.Hbanner .swiper-container .swiperBtnBox .swiper-pagination span::after {
	display: none
}
}
#Banner>img {
	width: 100%
}
@media only screen and (max-width: 767px) {
#Banner>img {
	width: auto;
	min-width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
}
#Banner>.txt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff
}
#Banner>.txt h2 {
	font-size: 5rem;
	position: relative;
	text-transform: uppercase
}
#Banner>.txt h2::after {
	width: 3em;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 0;
	top: -30px
}
@media only screen and (max-width: 767px) {
#Banner>.txt h2 {
	display: none
}
}
#Banner>.txt h3 {
	font-size: 4.4rem;
	margin-top: 40px
}
@media only screen and (max-width: 767px) {
#Banner>.txt h3 {
	margin-top: 0;
	text-align: center
}
}
#Banner>.txt p {
	font-size: 2.2rem;
	margin-top: 30px
}
@media only screen and (max-width: 767px) {
#Banner>.txt p {
	display: none
}
}
#footer .footerTopWrap {
	background: #f6f6f6
}
#footer .footerTopWrap .footerTopBox .clickHref {
	border-bottom: 1px solid #dbdbdb
}
#footer .footerTopWrap .footerTopBox .clickHref li {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 2rem;
	position: relative
}
#footer .footerTopWrap .footerTopBox .clickHref li::after {
	width: 1px;
	height: 30px;
	background: #dbdbdb;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px
}
#footer .footerTopWrap .footerTopBox .clickHref li a {
	display: block;
	color: #333;
	padding: 25px 0
}
@media only screen and (max-width: 767px) {
#footer .footerTopWrap .footerTopBox .clickHref li a {
	padding: 15px 0
}
}
#footer .footerTopWrap .footerTopBox .clickHref li a i {
	width: 32px;
	height: 42px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-bottom: -13px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out
}
@media only screen and (max-width: 767px) {
#footer .footerTopWrap .footerTopBox .clickHref li a i {
	display: none
}
}
#footer .footerTopWrap .footerTopBox .clickHref li a:hover {
	color: #e60012
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(1)::after {
	display: none
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(1) a i {
	background-image: url("../images/h-i-1.png");
	background-position: center 0
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(1) a:hover i {
	background-position: center -47px
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(2) a i {
	background-image: url("../images/h-i-2.png");
	background-position: center 0
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(2) a:hover i {
	background-position: center -48px
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(3) a i {
	background-image: url("../images/h-i-3.png");
	background-position: center 0
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(3) a:hover i {
	background-position: center -48px
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(4) a i {
	background-image: url("../images/h-i-4.png");
	background-position: center 0
}
#footer .footerTopWrap .footerTopBox .clickHref li:nth-child(4) a:hover i {
	background-position: center -48px
}
#footer .footerTopWrap .footerTopBox .webMap {
	padding: 50px 0
}
@media only screen and (max-width: 767px) {
#footer .footerTopWrap .footerTopBox .webMap {
	display: none
}
}
#footer .footerTopWrap .footerTopBox .webMap .txt {
	float: left;
	width: calc(100% - 270px)
}
#footer .footerTopWrap .footerTopBox .webMap .txt li {
	float: left;
	width: 16.666%
}
#footer .footerTopWrap .footerTopBox .webMap .txt li h4 {
	font-size: 1.8rem;
	color: #333;
	font-weight: normal;
	margin-bottom: 15px
}
#footer .footerTopWrap .footerTopBox .webMap .txt li a {
	font-size: 1.4rem;
	color: #666;
	margin-bottom: 10px;
	display: inline-block
}
#footer .footerTopWrap .footerTopBox .webMap .txt li a:hover {
	color: #e60012
}
#footer .footerTopWrap .footerTopBox .webMap .map {
	width: 270px;
	float: right
}
#footer .footerTopWrap .footerTopBox .webMap .map li h4 {
	font-size: 1.8rem;
	color: #333;
	font-weight: normal;
	margin-bottom: 15px
}
#footer .footerTopWrap .footerTopBox .webMap .map li .img {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	position: relative
}
#footer .footerTopWrap .footerTopBox .webMap .map li .img::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0;
	border-color: rgba(0,0,0,0.2) #f6f6f6;
	border-radius: 0 0 0 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
#footer .footerTopWrap .footerTopBox .webMap .map li .img img {
	width: 100%
}
#footer .footerTopWrap .footerTopBox .webMap .map li .img:hover::before {
	border-right-width: 20px;
	border-bottom-width: 20px
}
#footer .footerTopWrap .footerTopBox .webMap .map li span {
	padding-left: 25px;
	box-sizing: border-box;
	font-size: 1.4rem;
	color: #666;
	margin-bottom: 10px;
	display: inline-block;
	position: relative
}
#footer .footerTopWrap .footerTopBox .webMap .map li span::after {
	width: 14px;
	height: 18px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-image: url("../images/h-i-5.png");
	position: absolute;
	left: 0
}
#footer .footerTopWrap .footerTopBox .webMap .map li span.add::after {
	background-position: center top;
	top: 3px
}
#footer .footerTopWrap .footerTopBox .webMap .map li span.Tel::after {
	background-position: center bottom;
	top: 0
}
#footer .footerBottomWrap {
	background: #222
}
#footer .footerBottomWrap .footerBottomBox {
	padding: 30px 0
}
@media only screen and (max-width: 767px) {
#footer .footerBottomWrap .footerBottomBox {
	padding: 15px 0
}
}
#footer .footerBottomWrap .footerBottomBox p {
	float: left;
	font-size: 1.4rem;
	color: #f2f2f2
}
#footer .footerBottomWrap .footerBottomBox .share {
	float: right
}
@media only screen and (max-width: 767px) {
#footer .footerBottomWrap .footerBottomBox .share {
	display: none
}
}
#footer .footerBottomWrap .footerBottomBox .share a {
	display: inline-block;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 20px;
	border-radius: 50%
}
#footer .footerBottomWrap .footerBottomBox .share a.WeChat {
	background-image: url("../images/icon_WeChat.png")
}
#footer .footerBottomWrap .footerBottomBox .share a.microBlog {
	background-image: url("../images/icon_microBlog.png")
}
#footer .footerBottomWrap .footerBottomBox .share a:hover {
	opacity: 0.8
}
#sideBar {
	width: 60px;
	position: fixed;
	right: 15px;
	bottom: 400px
}
@media only screen and (max-width: 1580px) {
#sideBar {
	right: 0
}
}
@media only screen and (max-width: 767px) {
#sideBar {
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
	width: 40px
}
}
#sideBar ul li {
	margin: 2px 0;
	position: relative;
	right: -100px
}
#sideBar ul li.show {
	right: 0
}
#sideBar ul li a {
	display: block;
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 1.6rem;
	position: relative
}
@media only screen and (max-width: 767px) {
#sideBar ul li a {
	height: 40px
}
}
#sideBar ul li a span {
	background-color: #ccc;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px;
	box-sizing: border-box;
	color: #fff
}
@media only screen and (max-width: 767px) {
#sideBar ul li a span {
	background-size: 20px auto;
	padding: 2px
}
}
#sideBar ul li a .find {
	position: absolute;
	top: 50%;
	right: 110%;
	background: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 4px;
	z-index: 3;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	visibility: hidden;
	opacity: 0
}
#sideBar ul li a .find.er {
	padding: 6px
}
@media only screen and (max-width: 767px) {
#sideBar ul li a .find.tel {
	display: none
}
}
#sideBar ul li a .find::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid #fff;
	border-bottom: 10px solid transparent
}
#sideBar ul li a .find strong {
	line-height: 60px;
	width: 240px;
	font-weight: normal;
	word-break: keep-all;
	white-space: nowrap;
	display: block;
	font-size: 1.8rem;
	color: #666
}
#sideBar ul li a .find>img {
	width: 128px;
	height: 128px
}
#sideBar ul li a:hover span {
	background-color: #e60012
}
#sideBar ul li a:hover .find {
	right: 100%;
	visibility: visible;
	opacity: 1
}
#sideBar ul li:nth-child(1) {
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
#sideBar ul li:nth-child(1) span {
	background-image: url("../images/i-18.png")
}
#sideBar ul li:nth-child(2) {
	-webkit-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out
}
#sideBar ul li:nth-child(2) span {
	background-image: url("../images/i-19.png")
}
#sideBar ul li:nth-child(3) {
	-webkit-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out
}
#sideBar ul li:nth-child(3) span {
	background-image: url("../images/i-20.png")
}
#pagination {
	text-align: center;
	margin-top: 40px
}
@media only screen and (max-width: 767px) {
#pagination .whj_jqueryPaginationCss-1 .whj_padding {
	padding: 3px 10px
}
}
@media only screen and (max-width: 767px) {
#pagination {
	margin-top: 20px
}
}
#content.enterpriseABg {
	background: #fafafa url("../images/i-3.png")
}
#content .homeTitle {
	text-align: center;
	margin-bottom: 50px
}
@media only screen and (max-width: 1365px) {
#content .homeTitle {
	margin-bottom: 30px
}
}
@media only screen and (max-width: 767px) {
#content .homeTitle {
	margin-bottom: 20px
}
}
#content .homeTitle span {
	text-transform: uppercase;
	font-size: 2.4rem;
	color: #808080
}
@media only screen and (max-width: 767px) {
#content .homeTitle span {
	display: none
}
}
#content .homeTitle h3 {
	font-size: 3.2rem;
	color: #333
}
#content.HomeContent section.BusinessAreaWrap {
	padding: 80px 0
}
@media only screen and (max-width: 991px) {
#content.HomeContent section.BusinessAreaWrap {
	padding: 30px 0
}
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul {
	width: calc(100% + 30px)
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul {
	width: calc(100% + 10px)
}
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li {
	width: calc(33.3% - 30px);
	margin-right: 30px;
	text-align: center
}
@media only screen and (max-width: 991px) {
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li {
	width: calc(50% - 30px);
	margin-bottom: 30px
}
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li {
	width: calc(50% - 10px);
	margin-bottom: 10px;
	margin-right: 10px
}
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a {
	display: block
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .img {
	width: 100%;
	overflow: hidden;
	position: relative
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .img img {
	width: 100%
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .img::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0;
	border-color: rgba(0,0,0,0.2) #fff;
	border-radius: 0 0 0 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .txt p {
	font-size: 1.6rem;
	color: #999;
	text-transform: uppercase;
	padding: 20px 0;
	position: relative
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .txt p {
	height: 74px;
	box-sizing: border-box;
	display: none
}
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .txt p::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px;
	height: 1px;
	background: #999;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .txt h4 {
	font-size: 2.4rem;
	color: #333;
	font-weight: normal;
	padding-top: 20px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	position: relative
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a .txt h4 {
	padding-top: 10px
}
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a:hover .img::before {
	border-right-width: 50px;
	border-bottom-width: 50px
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a:hover .txt p::after {
	width: 100px;
	background: #e60012;
	height: 2px
}
#content.HomeContent section.videoWrap {
	position: relative
}
#content.HomeContent section.videoWrap .videoBg {
	width: 100%
}
#content.HomeContent section.videoWrap .txt {
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	text-align: center;
	background: url("../images/vbo.png") no-repeat center bottom;
	padding-bottom: 40px
}
#content.HomeContent section.videoWrap .txt h4 {
	font-size: 2.4rem;
	color: #ccc;
	font-weight: normal
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.videoWrap .txt h4 {
	font-size: 1.6rem
}
}
#content.HomeContent section.videoWrap .txt p {
	font-size: 4rem;
	color: #e5e5e5;
	padding-top: 2%;
	font-weight: bold
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.videoWrap .txt p {
	font-size: 2rem
}
}
#content.HomeContent section.videoWrap .videotxtBtn {
	position: absolute;
	bottom: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: url(../images/videoicon.png) no-repeat;
	background-size: 100% auto;
	cursor: pointer;
	display: none
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.videoWrap .videotxtBtn {
	display: block
}
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.videoWrap .videotxtBtn {
	width: 30px;
	height: 30px;
	bottom: 20px
}
}
#content.HomeContent section.videoWrap .videoBox {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 600px;
	overflow: hidden
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.videoWrap .videoBox {
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #0C1721;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%)
}
#content.HomeContent section.videoWrap .videoBox.on {
	opacity: 1;
	visibility: visible
}
}
#content.HomeContent section.videoWrap .videoBox #video {
	height: 100%;
	display: block;
	margin: 0 auto
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.videoWrap .videoBox #video {
	width: 100%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
}
#content.HomeContent section.videoWrap .videoBox .ImgBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.videoWrap .videoBox .ImgBox {
	display: none !important
}
}
#content.HomeContent section.videoWrap .videoBox .ImgBox img {
	min-width: 100%;
	min-height: 100%
}
#content.HomeContent section.videoWrap .videoBox .BtnBox {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: url("../images/videoicon.png") no-repeat;
	background-size: 100% auto;
	cursor: pointer
}
#content.HomeContent section.videoWrap .videoBox .BtnBox.on {
	background: url("../images/videoiconStop.png") no-repeat;
	background-size: 100% auto;
	visibility: hidden;
	opacity: 0
}
#content.HomeContent section.videoWrap .videoBox .close {
	display: none;
	position: absolute;
	top: 10%;
	right: 10%;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease
}
#content.HomeContent section.videoWrap .videoBox .close:hover {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg)
}
#content.HomeContent section.videoWrap .videoBox .close img {
	width: 100%
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.videoWrap .videoBox .close {
	display: block
}
}
#content.HomeContent section.videoWrap .videoBox:hover .BtnBox.on {
	opacity: 1;
	visibility: visible
}
#content.HomeContent section.aboutWrap {
	background: #f7f7f7;
	padding-top: 440px
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.aboutWrap {
	padding: 30px 0
}
}
#content.HomeContent section.aboutWrap .aboutBox .top {
	position: relative
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.aboutWrap .aboutBox .top {
	padding-top: 100px
}
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .top {
	padding-top: 60px
}
}
#content.HomeContent section.aboutWrap .aboutBox .top .img {
	width: 47%
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .top .img {
	width: 100%;
	margin-bottom: 20px
}
}
#content.HomeContent section.aboutWrap .aboutBox .top .txt {
	width: 47%
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .top .txt {
	width: 100%
}
}
#content.HomeContent section.aboutWrap .aboutBox .top .txt .homeTitle {
	text-align: left
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.aboutWrap .aboutBox .top .txt .homeTitle {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	text-align: center
}
}
#content.HomeContent section.aboutWrap .aboutBox .top .txt .wen h4 {
	font-size: 2.2rem;
	color: #333;
	font-weight: normal;
	margin-bottom: 40px
}
@media only screen and (max-width: 1439px) {
#content.HomeContent section.aboutWrap .aboutBox .top .txt .wen h4 {
	margin-bottom: 20px
}
}
#content.HomeContent section.aboutWrap .aboutBox .top .txt .wen p {
	font-size: 1.6rem;
	color: #666;
	line-height: 1.8;
	margin-bottom: 30px
}
@media only screen and (max-width: 1439px) {
#content.HomeContent section.aboutWrap .aboutBox .top .txt .wen p {
	margin-bottom: 15px
}
}
#content.HomeContent section.aboutWrap .aboutBox .top .More {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 30px;
	font-size: 1.6rem;
	border: 1px solid #999;
	color: #999;
	border-radius: 3px
}
#content.HomeContent section.aboutWrap .aboutBox .top .More i {
	margin-left: 5px
}
#content.HomeContent section.aboutWrap .aboutBox .top .More:hover {
	background: #e60012;
	color: #fff;
	border-color: #e60012
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .top .More {
	bottom: -40px
}
}
#content.HomeContent section.aboutWrap .aboutBox .bottom {
	background: #fff;
	position: relative;
	bottom: -80px;
	-moz-box-shadow: 3px 1px 15px #ccc;
	-webkit-box-shadow: 3px 1px 15px #ccc;
	box-shadow: 3px 1px 15px #ccc
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .bottom {
	bottom: 0;
	margin-top: 60px
}
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li {
	width: 25%;
	text-align: center;
	padding: 30px 0;
	position: relative
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li {
	width: 50%
}
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li h3 {
	font-size: 6.4rem;
	color: #666;
	font-weight: normal
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li h3 {
	font-size: 4rem
}
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li h3 span {
	color: #e60012
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li h3 sup {
	font-size: 3rem;
	position: relative;
	top: -20px
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li p {
	font-size: 1.6rem;
	color: #808080
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li::after {
	width: 1px;
	height: 70px;
	background: #dbdbdb;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -35px
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li:nth-child(1)::after {
	display: none
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li:nth-child(3)::after {
	display: none
}
}
#content.HomeContent section.aboutWrap .aboutBox .bottom ul li:nth-child(4) h3 sup {
	font-size: 2rem;
	color: #e60012
}
#content.HomeContent section.newsWrap {
	padding: 200px 0 100px
}
@media only screen and (max-width: 1199px) {
#content.HomeContent section.newsWrap {
	padding: 80px 0 40px
}
}
@media only screen and (max-width: 767px) {
#content.HomeContent section.newsWrap {
	padding: 30px 0
}
}
#content nav {
	background: #ededed
}
@media only screen and (max-width: 767px) {
#content nav {
	height: 40px
}
#content nav::-webkit-scrollbar {
display:none
}
}
@media only screen and (max-width: 767px) {
#content nav ul {
	margin: 0 0 0 3%;
	height: 40px
}
}
#content nav ul li {
	float: left;
	border-right: 1px solid #fff;
	box-sizing: border-box
}
#content nav ul li a {
	display: block;
	padding: 24px 40px;
	font-size: 1.6rem;
	color: #666
}
#content nav ul li a:hover {
	color: #e60012
}
@media only screen and (max-width: 991px) {
#content nav ul li a {
	padding: 15px 24px;
	font-size: 1.8rem
}
}
@media only screen and (max-width: 767px) {
#content nav ul li a {
	padding: 10px 20px
}
}
#content nav ul li.active a {
	color: #fff;
	background: #e60012
}
#content.aboutWrap .about {
	padding: 100px 0
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about {
	padding: 50px 0
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about {
	padding: 20px 0
}
}
#content.aboutWrap .about.aboutA section {
	position: relative
}
#content.aboutWrap .about.aboutA section .txt {
	padding-top: 150px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.aboutA section .txt {
	padding-top: 80px
}
}
#content.aboutWrap .about.aboutA section .txt p {
	font-size: 1.6rem;
	color: #4c4c4c;
	line-height: 1.8;
	text-indent: 2em;
	margin-bottom: 30px
}
#content.aboutWrap .about.aboutA section .img {
	float: right;
	width: 50%;
	margin-left: 80px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.aboutA section .img {
	margin-left: 30px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutA section .img {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px
}
}
#content.aboutWrap .about.aboutA section .homeTitle {
	position: absolute;
	left: 0;
	top: 0;
	text-align: left
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutA section .homeTitle {
	position: static;
	text-align: center
}
}
#content.aboutWrap .about.aboutA section ul {
	margin-top: 30px
}
#content.aboutWrap .about.aboutA section ul li {
	border-bottom: 1px solid #ededed;
	margin-bottom: 30px;
	padding-bottom: 10px
}
#content.aboutWrap .about.aboutA section ul li h3 {
	font-size: 1.6rem;
	color: #e60012;
	margin-bottom: 10px
}
#content.aboutWrap .about.aboutA section ul li p {
	font-size: 1.6rem;
	color: #4c4c4c;
	line-height: 1.8
}
#content.aboutWrap .about.aboutC {
	overflow: hidden
}
#content.aboutWrap .about.aboutC section h3 {
	font-size: 4rem;
	color: #333;
	font-weight: normal;
	margin: 40px 0
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutC section h3 {
	margin-bottom: 0;
	text-align: center;
	color: #e60012
}

}
#content.aboutWrap .about.aboutC section ul li {
	padding: 40px 40px 0;
	font-size: 1.8rem;
	position: relative
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutC section ul li {
	padding: 15px;
	margin-top: 15px;
	background: #f5f5f5
}
}
#content.aboutWrap .about.aboutC section ul li .time {
	float: left;
	width: 130px;
	color: #333
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutC section ul li .time {
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 10px
}
}
#content.aboutWrap .about.aboutC section ul li .ico {
	width: 22px;
	height: 22px;
	background: #ebebeb;
	border-radius: 50%;
	float: left
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutC section ul li .ico {
	display: none
}
}
#content.aboutWrap .about.aboutC section ul li .ico i {
	width: 16px;
	height: 16px;
	background: #e60012;
	border-radius: 50%;
	margin: 3px 0 0 3px
}
#content.aboutWrap .about.aboutC section ul li .ico i::after {
	position: absolute;
	top: 90%;
	left: 180px;
	width: 2px;
	height: 100%;
	background: #e60012
}
#content.aboutWrap .about.aboutC section ul li .ico i::before {
	position: absolute;
	bottom: 6px;
	left: 44px;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: 2
}
@media only screen and (max-width: 1365px) {
#content.aboutWrap .about.aboutC section ul li .ico i::before {
	bottom: 5px
}
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.aboutC section ul li .ico i::before {
	bottom: 4px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutC section ul li .ico i::before {
	display: none
}
}
#content.aboutWrap .about.aboutC section ul li p {
	float: left;
	padding-left: 50px;
	color: #666;
	width: calc(100% - 160px);
	box-sizing: border-box
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutC section ul li p {
	width: 100%;
	float: none;
	padding-left: 0
}
}
#content.aboutWrap .about.aboutC section ul li:last-child .ico i::after {
	display: none
}
#content.aboutWrap .about.aboutD .architectureWrap {
	text-align: center
}
#content.aboutWrap .about.aboutD .architectureWrap h2 {
	font-size: 2.2rem;
	color: #fff;
	background: #e60012;
	display: inline-block;
	padding: 10px 40px;
	border-radius: 3px;
	font-weight: normal;
	position: relative
}
#content.aboutWrap .about.aboutD .architectureWrap h2::after {
	position: absolute;
	bottom: -50px;
	height: 50px;
	width: 1px;
	left: 50%;
	background: #e60012
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox {
	margin-top: 50px;
	position: relative
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox::before {
	width: 54.5%;
	height: 1px;
	background: #e60012;
	position: absolute;
	top: 0;
	right: 14.5%
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox::before {
	right: 50%;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	transform: translateX(50%);
	width: 50%
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox {
	width: 62%;
	float: left
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox {
	width: 50%
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3 {
	font-size: 2.2rem;
	color: #fff;
	font-weight: normal;
	background: #0092e6;
	border-radius: 3px;
	padding: 10px 40px;
	display: inline-block;
	margin: 30px 0;
	position: relative
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3::after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3::before {
	width: 1px;
	height: 30px;
	position: absolute;
	left: 50%;
	background: #e60012
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3::after {
	top: -30px
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox h3::before {
	bottom: -30px
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul {
	position: relative
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul::before {
	width: 1px;
	height: calc(100% - 25px);
	background: #e60012;
	position: absolute;
	left: 50%;
	top: 0
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li {
	width: calc(50% - 30px);
	font-size: 2.2rem;
	color: #e60012;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e60012;
	border-radius: 3px;
	margin-top: 30px;
	position: relative
}
@media only screen and (max-width: 1365px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li {
	font-size: 1.8rem
}
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li {
	font-size: 1.2rem
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li {
	width: 98%;
	background: #fff;
	margin-top: 10px;
	line-height: 1.5;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	font-size: 1.8rem
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li::after {
	position: absolute;
	top: 50%;
	height: 1px;
	width: 30px;
	background: #e60012
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li::after {
	display: none
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(odd) {
	float: left
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(odd)::after {
	right: -30px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(odd) {
	float: none
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(even) {
	float: right
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(even)::after {
	left: -30px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(even) {
	float: none
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(1), #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(2) {
	margin-top: 0
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(1), #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(2) {
	margin-top: 10px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .leftBox ul li:nth-child(1) {
	margin-top: 0
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox {
	width: 29%;
	float: right
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox {
	width: 50%
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3 {
	font-size: 2.2rem;
	color: #fff;
	font-weight: normal;
	background: #7b9dfe;
	border-radius: 3px;
	padding: 10px 40px;
	display: inline-block;
	margin: 30px 0;
	position: relative
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3::after, #content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3::before {
	width: 1px;
	height: 30px;
	position: absolute;
	left: 50%;
	background: #e60012
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3::after {
	top: -30px
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox h3::before {
	bottom: -30px
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li {
	width: 100%;
	font-size: 2.2rem;
	color: #e60012;
	padding: 10px 0;
	border: 1px solid #e60012;
	border-radius: 3px;
	margin-top: 30px;
	position: relative
}
@media only screen and (max-width: 1365px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li {
	font-size: 1.8rem
}
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li {
	font-size: 1.2rem
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li {
	font-size: 1.8rem;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 10px;
	background: #fff;
	line-height: 1.5;
	width: 98%;
	float: right
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li::after {
	position: absolute;
	left: 50%;
	top: -30px;
	height: 30px;
	width: 1px;
	background: #e60012
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li::after {
	z-index: -1
}
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li:nth-child(1) {
	margin-top: 0
}
#content.aboutWrap .about.aboutD .architectureWrap .architectureBox .rightBox ul li:nth-child(1)::after {
	display: none
}
#content.aboutWrap .about.aboutE .aboutENav {
	text-align: center
}
#content.aboutWrap .about.aboutE .aboutENav li {
	display: inline-block;
	cursor: pointer;
	color: #666;
	font-size: 1.6rem;
	padding: 10px 20px;
	border-radius: 3px;
	margin: 0 8px;
	position: relative
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutE .aboutENav li {
	padding: 8px
}
}
#content.aboutWrap .about.aboutE .aboutENav li::after {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -8px;
	height: 14px;
	width: 1px;
	background: #dbdbdb
}
#content.aboutWrap .about.aboutE .aboutENav li:nth-child(1)::after {
	display: none
}
#content.aboutWrap .about.aboutE .aboutENav li:hover {
	color: #e60012
}
#content.aboutWrap .about.aboutE .aboutENav li.on {
	color: #fff;
	background: #e60012
}
#content.aboutWrap .about.aboutE section {
	display: none
}
#content.aboutWrap .about.aboutE section.on {
	display: block
}
#content.aboutWrap .about.aboutE section ul {
	width: calc(100% + 30px);
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.aboutE section ul {
	width: calc(100% + 20px)
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutE section ul {
	width: calc(100% + 10px)
}
}
#content.aboutWrap .about.aboutE section ul li {
	float: left;
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-top: 60px
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.aboutE section ul li {
	width: calc(33.333% - 20px);
	margin-right: 20px;
	margin-top: 30px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutE section ul li {
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-top: 20px
}
}
#content.aboutWrap .about.aboutE section ul li img {
	width: 100%
}
#content.aboutWrap .about.aboutE section ul li p {
	text-align: center;
	font-size: 1.6rem;
	color: #666;
	margin-top: 20px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutE section ul li p {
	padding: 0 10px;
	box-sizing: border-box;
	margin-top: 10px
}
}
#content.aboutWrap .about.aboutE .aboutFTabBox section ul li {
	width: calc(20% - 30px)
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.aboutE .aboutFTabBox section ul li {
	width: calc(25% - 30px)
}
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.aboutE .aboutFTabBox section ul li {
	width: calc(33.333% - 20px)
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.aboutE .aboutFTabBox section ul li {
	width: calc(50% - 10px)
}
}
#content.aboutWrap .about.aboutE .aboutFTabBox section ul li .img {
	border: 1px solid #e6e6e6
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox {
	float: left;
	width: calc(79% - 60px)
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox {
	width: 100%
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox h2 {
	font-size: 2.4rem;
	color: #333;
	font-weight: normal;
	margin-bottom: 40px;
	line-height: 1
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox h2 {
	line-height: 1.5
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare {
	padding: 15px 20px;
	background: #f2f6fa
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare span {
	font-size: 1.4rem;
	color: #666;
	display: inline-block;
	line-height: 36px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>span {
	float: left
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>span {
	float: none
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div {
	float: right
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div {
	float: none
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div a {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-image: url("../images/newsiocn.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 5px;
	line-height: 1;
	margin-bottom: -6px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-trident-transition: 0.4s;
	-gecko-transition: 0.4s
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div a:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-trident-transform: rotate(360deg);
	-gecko-transform: rotate(360deg)
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div a.wb {
	background-position: 0 0
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div a.wx {
	background-position: 0 -37px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div a.kj {
	background-position: 0 -74px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .newsShare>div a.qq {
	background-position: 0 -111px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .txt {
	font-size: 1.6rem;
	color: #666;
	line-height: 1.8;
	padding: 50px 0
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .txt {
	padding: 30px 0
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .txt p {
	text-indent: 2em;
	margin-bottom: 20px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .LeftBox .txt img {
	max-width: 100%;
	margin-bottom: 20px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox {
	float: right;
	width: 21%
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox {
	width: 100%
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox h2 {
	font-size: 2.4rem;
	color: #333;
	font-weight: normal;
	margin-bottom: 40px;
	position: relative;
	line-height: 1;
	padding-left: 20px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox h2::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background: #e60012
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul {
	width: calc(100% + 20px)
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul {
	width: calc(100% + 10px)
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li {
	margin-bottom: 30px
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li {
	float: left;
	width: calc(33.33% - 20px);
	margin-right: 20px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li {
	width: calc(33.33% - 10px);
	margin-right: 10px
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a {
	display: block
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a .img {
	overflow: hidden
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a .img img {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-moz-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-ms-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-o-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1)
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a p {
	font-size: 1.8rem;
	color: #333;
	line-height: 1.8;
	margin-top: 10px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a p {
	line-height: 1.5;
	font-size: 1.4rem
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a:hover .img img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15)
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedBox .RightBox ul li a:hover p {
	color: #e60012
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump {
	padding-top: 50px;
	border-top: 1px solid #e6e6e6;
	position: relative
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump .leftBox {
	float: left
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump .leftBox a {
	display: block;
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 10px
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump .leftBox a:hover {
	color: #e60012
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump .ReturnList {
	float: right;
	font-size: 1.6rem;
	color: #666;
	padding: 15px 40px;
	border: 1px solid #dbdbdb;
	border-radius: 3px
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump .ReturnList {
	display: none
}
}
#content.aboutWrap .about.newsDetailedWrap .newsDetailedJump .ReturnList:hover {
	color: #fff;
	background: #e60012;
	border-color: #e60012
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul {
	width: calc(100% + 30px)
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul {
	width: calc(100% + 10px)
}
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li {
	width: calc(50% - 30px);
	margin-bottom: 30px;
	float: left;
	margin-right: 30px;
	-moz-box-shadow: 3px 1px 15px #eee;
	-webkit-box-shadow: 3px 1px 15px #eee;
	box-shadow: 3px 1px 15px #eee;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li {
	width: calc(50% - 10px);
	margin-bottom: 10px;
	margin-right: 10px
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a {
	display: block;
	padding: 30px 0;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a {
	padding: 0;
	border-bottom: 0
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .img {
	width: 330px;
	float: left
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .img {
	width: 100%;
	float: none
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .img img {
	width: 100%
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt {
	width: calc(100% - 330px);
	float: left;
	box-sizing: border-box;
	padding-left: 50px;
	padding-right: 180px
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt {
	width: 100%;
	float: none;
	padding: 15px 10px 50px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt {
	padding: 5px
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt h3 {
	font-size: 1.8rem;
	color: #333;
	font-weight: normal;
	margin-top: 15px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 0
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt p {
	font-size: 1.4rem;
	color: #808080;
	line-height: 2;
	margin-top: 15px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt p {
	display: none
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt span {
	margin-top: 30px;
	display: block;
	font-size: 1.6rem;
	color: #999
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt span {
	margin-top: 0;
	font-size: 1.4rem;
	position: absolute;
	left: 10px;
	bottom: 20px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt span {
	display: none
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt i {
	width: 1px;
	height: 30px;
	background: #ccc;
	position: absolute;
	top: 50%;
	right: 50px;
	margin-top: -25px
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt i {
	display: none
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a .txt i::after {
	width: 22px;
	height: 12px;
	background: url("../images/i-21.png") no-repeat center;
	background-size: 100% auto;
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -6px;
	visibility: hidden;
	opacity: 0
}
@media only screen and (min-width: 992px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a:hover {
	-moz-box-shadow: 3px 1px 15px #ccc;
	-webkit-box-shadow: 3px 1px 15px #ccc;
	box-shadow: 3px 1px 15px #ccc;
	padding-left: 30px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a:hover .txt {
	padding-right: 150px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a:hover .txt i {
	right: 80px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseBox ul li a:hover .txt i::after {
	left: 10px;
	opacity: 1;
	visibility: visible
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul {
	width: calc(100% + 30px)
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul {
	width: calc(100% + 10px)
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li {
	float: left;
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-bottom: 60px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li {
	width: calc(33.33% - 30px);
	margin-bottom: 30px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li {
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li>a {
	display: block;
	overflow: hidden
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li>a img {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-moz-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-ms-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-o-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1)
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li>a:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15)
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox {
	height: 70px;
	background: #f5f5f5;
	overflow: hidden;
	position: relative
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox {
	height: auto
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox>div {
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .txt {
	line-height: 70px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .txt {
	line-height: 2;
	padding-top: 10px
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .txt strong {
	float: left;
	font-size: 1.8rem;
	color: #333;
	font-weight: normal
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .txt span {
	float: right;
	font-size: 1.6rem;
	color: #999
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href {
	position: absolute;
	top: 100%;
	left: 0;
	height: 70px;
	background: #f5f5f5;
	width: 100%
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href {
	position: static;
	height: auto
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href a {
	display: block;
	width: calc(50% - 7px);
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-top: 15px;
	border: 1px solid #b3b3b3;
	font-size: 1.6rem;
	color: #666;
	border-radius: 3px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href a {
	margin-top: 0;
	margin-bottom: 10px;
	height: auto;
	line-height: 1.2;
	padding: 5px 0
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href a:nth-child(1) {
	float: left;
	background: #e60012;
	border-color: #e60012;
	color: #fff
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href a:nth-child(2) {
	float: right
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li .txtBox .href a:hover {
	font-size: 2rem
}
#content.aboutWrap .about.enterpriseWrap .enterpriseEBox ul li:hover .txtBox .href {
	top: 0
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox img {
	width: 48%
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox .txt {
	width: 48%;
	font-size: 1.6rem;
	color: #666;
	line-height: 1.8
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox .txt h3 {
	font-size: 2rem;
	color: #333
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox .txt>p {
	margin-bottom: 20px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) {
	margin-bottom: 110px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) {
	margin-bottom: 20px
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) img {
	float: left;
	margin-right: 4%
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) img {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt {
	padding-top: 30px;
	float: right
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt {
	padding-top: 0
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt {
	float: none;
	width: 100%
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt h3 {
	margin-bottom: 30px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt h3 {
	margin-bottom: 10px
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li i {
	float: left;
	height: 16px;
	width: 16px;
	background: #fff;
	border: 1px solid #e60012;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	top: 7px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li i::after {
	width: 10px;
	height: 10px;
	background: #e60012;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li p {
	float: left;
	width: calc(100% - 20px);
	box-sizing: border-box;
	padding-left: 15px
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li:nth-child(2) i {
	border-color: #231815
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li:nth-child(2) i::after {
	background: #231815
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li:nth-child(3) i {
	border-color: #9fa0a0
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(1) .txt ul li:nth-child(3) i::after {
	background: #9fa0a0
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(2) img {
	float: right;
	margin-left: 4%
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(2) img {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(2) .txt {
	float: left
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(2) .txt {
	float: none;
	width: 100%
}
}
#content.aboutWrap .about.enterpriseWrap .enterpriseABox .conBox:nth-child(2) .txt ul li {
	line-height: 2
}
#content.aboutWrap .about.serviceAWrap .map {
	position: relative
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.serviceAWrap .map {
	padding: 20px 0
}
}
#content.aboutWrap .about.serviceAWrap .map .mapImg {
	width: 100%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li {
	font-size: 1.4rem;
	color: #e60012;
	position: absolute;
	cursor: pointer
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li span {
	display: none
}
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li::before {
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	box-sizing: border-box;
	background: #e60012;
	border-radius: 50%;
	margin: 0 auto 5px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li::before {
	width: 15px;
	height: 15px
}
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li::before {
	width: 10px;
	height: 10px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li::before {
	margin-bottom: -5px
}
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox {
	position: absolute;
	top: 10px;
	right: 50%;
	width: 360px;
	background: #fff;
	border-radius: 3px;
	overflow: hidden;
	z-index: 2;
	cursor: auto;
	-moz-box-shadow: 4px 7px 19px #929292;
	-webkit-box-shadow: 4px 7px 19px #929292;
	box-shadow: 4px 7px 19px #929292;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox {
	display: none
}
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox h3 {
	text-align: center;
	height: 44px;
	line-height: 44px;
	background: #e60012;
	color: #fff;
	font-size: 1.6rem
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox h3 i {
	width: 15px;
	height: 21px;
	background: url("../images/i-4.png") no-repeat center;
	background-size: 100% auto;
	position: relative;
	top: 3px;
	margin-right: 10px
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox .txt {
	box-sizing: border-box;
	padding: 20px;
	font-size: 1.4rem;
	color: #666;
	line-height: 2
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox .txt {
	display: none
}
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox .txt hr {
	border-top: 1px #d6d6d6 dashed;
	margin: 20px 0
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li .txtBox .txtApp {
	display: none
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li:hover .txtBox {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	visibility: visible;
	opacity: 1
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.hlj {
	top: 15.5%;
	left: 89%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.jl {
	top: 22.5%;
	left: 86.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.ln {
	top: 30%;
	left: 83.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.bj {
	top: 34%;
	left: 72.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.tj {
	top: 37%;
	left: 76%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.xj {
	top: 35%;
	left: 26.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.xj .txtBox {
	left: 50%;
	right: auto
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.qh {
	top: 47%;
	left: 39%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.gs {
	top: 48%;
	left: 46%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.nx {
	top: 44%;
	left: 50.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.nm {
	top: 38%;
	left: 59%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sx {
	top: 43%;
	left: 63.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.hb {
	top: 42%;
	left: 69%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sd {
	top: 47%;
	left: 75%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.hn {
	top: 49.5%;
	left: 67%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.shx {
	top: 54.5%;
	left: 58.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.js {
	top: 54.5%;
	left: 81%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sh {
	top: 58%;
	left: 83%;
	font-size: 1.6rem
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sh::before {
	width: 28px;
	height: 28px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sh::before {
	width: 25px;
	height: 25px
}
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sh::before {
	width: 15px;
	height: 15px
}
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.ah {
	top: 61%;
	left: 75%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.hub {
	top: 64%;
	left: 68%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.sc {
	top: 66%;
	left: 48%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.cq {
	top: 67%;
	left: 55%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.hun {
	top: 71%;
	left: 65%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.jx {
	top: 68%;
	left: 74%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.zj {
	top: 65%;
	left: 83%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.gz {
	top: 74%;
	left: 56%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.fj {
	top: 74%;
	left: 81.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.yn {
	top: 81.5%;
	left: 48%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.gx {
	top: 85.5%;
	left: 60.5%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.gd {
	top: 84%;
	left: 72%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.han {
	top: 94.5%;
	left: 64%
}
#content.aboutWrap .about.serviceAWrap .map .txtWrap ul li.leftBottom .txtBox {
	top: auto;
	bottom: 30px
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox {
	font-size: 1.6rem;
	color: #666;
	text-align: center;
	line-height: 2;
	margin-bottom: 50px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox {
	margin-bottom: 0
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox>p {
	margin-bottom: 50px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox>p {
	margin-bottom: 20px
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .img, #content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt {
	float: left;
	width: 50%
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .img, #content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt {
	width: 100%
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt {
	text-align: left;
	padding: 40px 70px;
	box-sizing: border-box;
	font-size: 1.8rem;
	color: #333
}
@media only screen and (max-width: 1365px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt {
	padding: 20px 70px
}
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt {
	padding: 0 70px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt {
	padding: 20px
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt h3 {
	font-size: 2.4rem;
	font-weight: normal;
	margin-bottom: 40px
}
@media only screen and (max-width: 1365px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt h3 {
	margin-bottom: 20px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .topBox .txt h3 {
	margin-bottom: 10px
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox h2 {
	text-align: center;
	font-size: 3.2rem;
	color: #333;
	position: relative;
	margin-bottom: 100px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox h2 {
	margin-bottom: 50px
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox h2::after {
	position: absolute;
	left: 50%;
	bottom: -20px;
	height: 6px;
	width: 2em;
	background: #e60012;
	margin-left: -1em
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox h2::after {
	height: 3px
}
.banner.margin{top:60px !important;margin-bottom:50px !important;}
.recruit-wrap .column-wrap li{margin-top:8px;}
.recruit-wrap .column-wrap li .upbox1 .f30{font-size: 16px !important}
.header .logo img{height:28px;margin-top:6px;}
.pageCon{font-size: 12px !important;}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul {
	width: calc(100% + 88px)
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul {
	width: calc(100% + 30px)
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul {
	width: calc(100% + 10px)
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li {
	float: left;
	width: calc(25% - 88px);
	margin-right: 88px;
	text-align: center
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li {
	width: calc(25% - 30px);
	margin-right: 30px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li {
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-bottom: 10px
}
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li .img {
	width: 100%;
	border-radius: 50%;
	overflow: hidden
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li .img img {
	width: 100%
}
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li strong {
	font-size: 1.6rem;
	color: #333;
	line-height: 2;
	padding: 46px 30px;
	display: block
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.serviceBWrap .serviceBbox .bottomBox ul li strong {
	padding: 20px
}
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .topBox {
	background: #fbfbfb
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox {
	margin-top: 100px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox {
	margin-top: 20px
}
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label {
	display: block;
	margin-bottom: 30px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label {
	margin-bottom: 10px
}
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label input, #content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label textarea {
	width: 100%;
	border: 1px solid #e6e6e6;
	background: #fbfbfb;
	box-sizing: border-box;
	font-size: 1.6rem;
	color: #999;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体"
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label input:focus, #content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label textarea:focus {
	border-color: #e60012
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label input {
	height: 60px;
	padding-left: 15px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label input {
	height: 40px
}
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label textarea {
	padding: 15px 0 0 15px;
	height: 200px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm label textarea {
	height: 100px
}
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox button {
	width: calc(50% - 10px);
	color: #fff;
	font-size: 1.8rem;
	height: 62px;
	border: 0;
	cursor: pointer
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox button {
	height: 40px
}
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox button:nth-child(1) {
	float: left;
	background: #e60012
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox button:nth-child(2) {
	float: right;
	background: #b3b3b3
}
#content.aboutWrap .about.serviceBWrap .serviceCbox .bottomBox #myForm .formBtnBox button:hover {
	font-size: 2.2rem
}
#content.aboutWrap .about.joinA .boxWrap .boxHr {
	background: #e6e6e6;
	border: 1px solid #dbdbdb;
	border-bottom: 0
}
#content.aboutWrap .about.joinA .boxWrap .boxHr strong {
	width: 20%;
	display: block;
	float: left;
	text-align: center;
	padding: 20px 0;
	box-sizing: border-box;
	font-size: 1.6rem;
	color: #666
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinA .boxWrap .boxHr strong {
	padding: 12px 0
}
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody {
	border: 1px solid #dbdbdb;
	border-top: 0
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr {
	border-top: 1px solid #dbdbdb;
	cursor: pointer
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong {
	width: 20%;
	display: block;
	float: left;
	text-align: center;
	padding: 20px 0;
	box-sizing: border-box;
	font-size: 1.6rem;
	color: #333;
	font-weight: normal
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong {
	padding: 12px 0
}
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #b3b3b3;
	position: relative;
	top: 5px;
	margin-left: 10px
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i::after, #content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i::before {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i::after {
	width: 2px;
	height: 10px;
	margin: -5px 0 0 -1px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr strong i::before {
	width: 10px;
	height: 2px;
	margin: -1px 0 0 -5px
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr.on, #content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr:hover {
	background: #f8f8f8
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr:hover strong i {
	background: #e60012
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTr.on strong i::after {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-trident-transform: rotate(90deg);
	-gecko-transform: rotate(90deg)
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt {
	border-top: 1px solid #dbdbdb;
	background: #f8f8f8;
	padding: 20px 100px;
	font-size: 1.4rem;
	line-height: 2;
	display: none
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt {
	padding: 20px 50px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt {
	padding: 20px
}
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt section {
	margin-top: 30px;
	display: block
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt section:nth-child(1) {
	margin-top: 0
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt section h3 {
	color: #333
}
#content.aboutWrap .about.joinA .boxWrap .boxTbody .boxTxtWrap .boxTxt section ol {
	color: #666;
	margin-left: 15px
}
#content.aboutWrap .about.joinA .boxWrap .Remarks {
	font-size: 1.6rem;
	color: #666;
	margin-top: 30px
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.joinA .boxWrap .Remarks {
	margin-top: 15px
}
}
#content.aboutWrap .about.joinA .boxWrap .Remarks a {
	color: #666
}
#content.aboutWrap .about.joinA .boxWrap .Remarks a:hover {
	color: #e60012
}
#content.aboutWrap .about.joinB .boxWrap form label {
	display: block;
	margin-bottom: 30px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form label {
	margin-bottom: 10px
}
}
#content.aboutWrap .about.joinB .boxWrap form label select, #content.aboutWrap .about.joinB .boxWrap form label input {
	width: 100%;
	height: 60px;
	font-size: 1.6rem;
	color: #333;
	border: 1px solid #e6e6e6;
	padding-left: 20px;
	background: #fbfbfb;
	box-sizing: border-box
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form label select, #content.aboutWrap .about.joinB .boxWrap form label input {
	height: 40px
}
}
#content.aboutWrap .about.joinB .boxWrap form label select::-webkit-input-placeholder, #content.aboutWrap .about.joinB .boxWrap form label input::-webkit-input-placeholder {
color:#333
}
#content.aboutWrap .about.joinB .boxWrap form label select:-moz-placeholder, #content.aboutWrap .about.joinB .boxWrap form label input:-moz-placeholder {
color:#333
}
#content.aboutWrap .about.joinB .boxWrap form label select::-moz-placeholder, #content.aboutWrap .about.joinB .boxWrap form label input::-moz-placeholder {
color:#333
}
#content.aboutWrap .about.joinB .boxWrap form label select:-ms-input-placeholder, #content.aboutWrap .about.joinB .boxWrap form label input:-ms-input-placeholder {
color:#333
}
#content.aboutWrap .about.joinB .boxWrap form label select:focus, #content.aboutWrap .about.joinB .boxWrap form label input:focus {
	border-color: #e60012
}
#content.aboutWrap .about.joinB .boxWrap form label select:focus+.showfile, #content.aboutWrap .about.joinB .boxWrap form label input:focus+.showfile {
	border-color: #e60012
}
#content.aboutWrap .about.joinB .boxWrap form label select option {
	width: 100%
}
#content.aboutWrap .about.joinB .boxWrap form label.file {
	position: relative
}
#content.aboutWrap .about.joinB .boxWrap form label.file input {
	opacity: 0
}
#content.aboutWrap .about.joinB .boxWrap form label.file .showfile {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 1.6rem;
	color: #333;
	border: 1px solid #e6e6e6;
	padding-left: 20px;
	background: #fbfbfb;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form label.file .showfile {
	height: 40px;
	line-height: 40px
}
}
#content.aboutWrap .about.joinB .boxWrap form label.file .showfile::after {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 12px solid #ccc;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 50%;
	left: 96%;
	margin-top: -8px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form label.file .showfile::after {
	border-top: 6px solid transparent;
	border-left: 8px solid #ccc;
	border-bottom: 6px solid transparent
}
}
#content.aboutWrap .about.joinB .boxWrap form .Prompt {
	display: block;
	font-size: 1.2rem;
	color: #e60012;
	margin-top: -15px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form .Prompt {
	margin-top: 0
}
}
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox {
	margin-top: 50px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox {
	margin-top: 15px
}
}
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox button {
	width: calc(50% - 10px);
	color: #fff;
	font-size: 1.8rem;
	height: 62px;
	border: 0;
	cursor: pointer
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox button {
	height: 40px
}
}
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox button:nth-child(1) {
	float: left;
	background: #e60012
}
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox button:nth-child(2) {
	float: right;
	background: #b3b3b3
}
#content.aboutWrap .about.joinB .boxWrap form .formBtnBox button:hover {
	font-size: 2.2rem
}
#content.aboutWrap .about.joinC .boxWrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 100px 0 200px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinC .boxWrap {
	padding: 0;
	width: 100%
}
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li {
	text-align: center;
	font-size: 1.6rem;
	color: #333;
	padding-top: 110px;
	position: absolute;
	cursor: pointer
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li::before {
	width: 100px;
	height: 100px;
	background-color: #ff2f3f;
	background-size: 90%;
	background-repeat: no-repeat;
	background-image: url("../images/joinj2.png");
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinC .boxWrap .BtnUls li {
	position: static;
	padding-top: 0
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li::before {
	display: none
}
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:hover, #content.aboutWrap .about.joinC .boxWrap .BtnUls li.on {
	color: #ff2f3f
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:hover::before, #content.aboutWrap .about.joinC .boxWrap .BtnUls li.on::before {
	transform: scale(1.15) translateX(-45%);
	-webkit-transform: scale(1.15) translateX(-45%);
	-moz-transform: scale(1.15) translateX(-45%);
	-o-transform: scale(1.15) translateX(-45%);
	-ms-transform: scale(1.15) translateX(-45%)
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(1) {
	left: 50px;
	top: 160px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(1)::before {
	background-position: center 12px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(2) {
	left: 0;
	top: 350px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(2)::before {
	background-position: center -68px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(3) {
	left: 30px;
	top: 550px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(3)::before {
	background-position: center -148px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(4) {
	left: 160px;
	top: 730px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(4)::before {
	background-position: center -235px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(5) {
	left: 350px;
	top: 820px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(5)::before {
	background-position: center -320px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(6) {
	right: 350px;
	top: 820px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(6)::before {
	background-position: center -397px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(7) {
	right: 160px;
	top: 730px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(7)::before {
	background-position: center -480px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(8) {
	right: 30px;
	top: 550px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(8)::before {
	background-position: center -560px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(9) {
	right: 0;
	top: 350px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(9)::before {
	background-position: center -645px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(10) {
	right: 50px;
	top: 160px
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li:nth-child(10)::before {
	background-position: center -730px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinC .boxWrap .BtnUls li span {
	text-align: left;
	display: block;
	font-size: 2rem;
	color: #ff2f3f;
	margin: 20px 0 10px
}
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li .txt {
	display: none;
	text-align: left
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinC .boxWrap .BtnUls li .txt {
	display: block;
	line-height: 2;
	color: #333;
	font-size: 1.8rem
}
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinC .boxWrap .BtnUls li .txt h2 {
	display: none
}
}
#content.aboutWrap .about.joinC .boxWrap .BtnUls li .img {
	display: none
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox {
	width: 675px;
	height: 675px;
	margin: 0 auto;
	position: relative
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.joinC .boxWrap .rotateBox {
	display: none
}
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateA, #content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateB, #content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateC {
	position: absolute;
	border-radius: 50%
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateA {
	width: 100%;
	height: 100%;
	background: url("../images/joinj1.png") no-repeat;
	background-size: 100% 100%;
	top: 0;
	left: 0
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateB {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: rotate(33deg);
	-webkit-transform: rotate(33deg);
	-trident-transform: rotate(33deg);
	-gecko-transform: rotate(33deg)
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateB::after {
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 3px solid #ff2f3f;
	box-sizing: border-box;
	background: #fff;
	top: 50%;
	left: -18px;
	margin-top: -16px
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateC {
	width: calc(100% - 70px);
	height: calc(100% - 70px);
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #ff2f3f;
	padding: 65px;
	box-sizing: border-box;
	color: #fff;
	overflow: hidden
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateC .box h2 {
	text-align: center;
	font-size: 3.6rem;
	margin-bottom: 40px
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateC .box p {
	font-size: 1.5rem;
	line-height: 2
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateC .img {
	max-width: 100%;
	width: 80%;
	margin: 30px auto 0
}
#content.aboutWrap .about.joinC .boxWrap .rotateBox .rotateC .img img {
	width: 100%
}
#content.aboutWrap .about.ContactUs .boxWrap section .ContactUsTitle {
	text-align: center;
	margin: 70px 0 40px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.ContactUs .boxWrap section .ContactUsTitle {
	margin: 40px 0 20px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .ContactUsTitle h4 {
	font-size: 2rem;
	color: #666;
	margin-bottom: 10px
}
#content.aboutWrap .about.ContactUs .boxWrap section .ContactUsTitle p {
	font-size: 1.4rem;
	color: #999
}
#content.aboutWrap .about.ContactUs .boxWrap section .Map {
	position: relative;
	width: 100%;
	height: 480px;
	box-sizing: border-box;
	border: 1px solid #dbdbdb
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .Map {
	height: 220px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .businessBot {
	font-size: 1.6rem;
	color: #333;
	text-align: center
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact {
	margin: 60px 0 100px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact {
	margin: 50px 0 70px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li {
	width: 20%;
	float: left;
	text-align: center;
	font-size: 1.6rem
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li {
	width: 33.333%
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li:nth-child(4), #content.aboutWrap .about.ContactUs .boxWrap section .topContact li:nth-child(5) {
	width: 50%;
	margin-top: 30px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li i {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 1px dashed #ccc;
	position: relative;
	background-image: url("../images/ContactUsi.png");
	background-size: 70% auto;
	background-repeat: no-repeat
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li i {
	width: 80px;
	height: 80px;
	background-size: 60% auto
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li i::after {
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 2px solid #ccc
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li span {
	display: block;
	margin: 34px 0 10px;
	color: #333
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li span {
	margin-top: 20px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li p {
	color: #e60012;
	position: relative
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li p::after {
	width: 2em;
	height: 2px;
	background: #e60012;
	position: absolute;
	left: 50%;
	margin-left: -1em;
	bottom: -10px
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.Tel i {
	background-position: center 14px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.Tel i {
	background-position: center 14px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.Fax i {
	background-position: center -92px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.Fax i {
	background-position: center -52px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.OfficeMap i {
	background-position: center -200px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.OfficeMap i {
	background-position: center -117px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.mail i {
	background-position: center -312px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.mail i {
	background-position: center -187px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.WeChat i {
	background-position: center -422px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.ContactUs .boxWrap section .topContact li.WeChat i {
	background-position: center -255px
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact {
	margin-top: 20px
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul {
	width: 33.333%;
	float: left
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul {
	width: 100%
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li {
	margin-bottom: 35px;
	text-align: center
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li h5 {
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 20px
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li h5 a {
	display: inline-block;
	width: 20px;
	height: 10px;
	background: url("../images/ContactUsj.png") no-repeat 0 -15px;
	background-size: 100% auto;
	margin-left: 15px
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li h5 a:hover {
	background: url("../images/ContactUsj.png") no-repeat 0 0;
	background-size: 100% auto
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul {
	font-size: 1.4rem;
	color: #666;
	line-height: 2
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul li span {
	float: left;
	width: 86px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul li span {
	float: none
}
}
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul li p {
	float: left;
	width: calc(100% - 86px)
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.ContactUs .boxWrap section .bottomContact>ul>li ul li p {
	float: none;
	display: inline-block;
	width: auto
}
}
#content.aboutWrap .about.businessA .boxWrap ul li {
	background: #f7f7f7;
	position: relative;
	margin-bottom: 30px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .boxWrap ul li {
	width: calc(50% - 10px);
	float: left;
	margin: 5px
}
}
#content.aboutWrap .about.businessA .boxWrap ul li img {
	width: 500px;
	float: left
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.businessA .boxWrap ul li img {
	width: 300px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .boxWrap ul li img {
	width: 100%
}
}
#content.aboutWrap .about.businessA .boxWrap ul li .txt {
	width: calc(100% - 500px);
	float: right;
	padding: 50px;
	box-sizing: border-box
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.businessA .boxWrap ul li .txt {
	width: calc(100% - 300px);
	padding: 30px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .boxWrap ul li .txt {
	width: 100%;
	padding: 10px
}
}
#content.aboutWrap .about.businessA .boxWrap ul li .txt h4 {
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-size: 2.2rem;
	font-weight: normal;
	border-radius: 4px;
	background: #e60012;
	margin-bottom: 30px
}
@media only screen and (max-width: 1199px) {
#content.aboutWrap .about.businessA .boxWrap ul li .txt h4 {
	margin-bottom: 10px;
	font-size: 1.8rem
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .boxWrap ul li .txt h4 {
	background: none;
	color: #333;
	padding: 0;
	font-weight: bold
}
}
#content.aboutWrap .about.businessA .boxWrap ul li .txt p {
	font-size: 1.6rem;
	color: #666;
	line-height: 2
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .boxWrap ul li .txt p {
	font-size: 1.4rem;
	line-height: 1.5
}
}
#content.aboutWrap .about.businessA .MajorBox .MajorTitle {
	text-align: center;
	padding-top: 50px
}
#content.aboutWrap .about.businessA .MajorBox .MajorTitle h4 {
	font-size: 2rem;
	color: #666;
	margin-bottom: 10px
}
#content.aboutWrap .about.businessA .MajorBox .MajorTitle span {
	font-size: 1.4rem;
	color: #999
}
#content.aboutWrap .about.businessA .MajorBox ul {
	width: calc(100% + 20px);
	padding-top: 50px
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .MajorBox ul {
	width: calc(100% + 10px)
}
}
#content.aboutWrap .about.businessA .MajorBox ul li {
	width: calc(16.66% - 20px);
	margin-right: 20px;
	float: left;
	text-align: center
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.businessA .MajorBox ul li {
	width: calc(33.33% - 20px);
	margin-bottom: 20px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessA .MajorBox ul li {
	width: calc(33.33% - 10px);
	margin-right: 10px
}
}
#content.aboutWrap .about.businessA .MajorBox ul li img {
	width: 100%;
	margin-bottom: 15px
}
#content.aboutWrap .about.businessA .MajorBox ul li span {
	font-size: 1.6rem;
	color: #333
}
#content.aboutWrap .about.businessB .boxWrap section>p {
	text-align: center;
	font-size: 1.6rem;
	color: #666;
	line-height: 2
}
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul {
	width: calc(100% + 30px)
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul {
	width: calc(100% + 20px)
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul {
	width: calc(100% + 10px)
}
}
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul li {
	width: calc(25% - 30px);
	margin-right: 30px;
	margin-top: 40px;
	text-align: center;
	float: left
}
@media only screen and (max-width: 991px) {
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul li {
	width: calc(33.33333% - 20px);
	margin-right: 20px;
	margin-top: 30px
}
}
@media only screen and (max-width: 767px) {
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul li {
	width: calc(50% - 10px);
	margin-right: 10px;
	margin-top: 15px
}
}
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul li img {
	width: 100%;
	display: block
}
#content.aboutWrap .about.businessB .boxWrap section .businessBTop ul li span {
	margin-top: 20px;
	font-size: 1.6rem;
	color: #666;
	display: block
}
#content .newsBox ul {
	width: calc(100% + 30px)
}
@media only screen and (max-width: 767px) {
#content .newsBox ul {
	width: calc(100% + 10px)
}
}
#content .newsBox ul li {
	width: calc(25% - 30px);
	margin-right: 30px;
	float: left;
	-moz-box-shadow: 3px 1px 15px #eee;
	-webkit-box-shadow: 3px 1px 15px #eee;
	box-shadow: 3px 1px 15px #eee;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	margin-bottom: 30px
}
@media only screen and (max-width: 991px) {
#content .newsBox ul li {
	width: calc(50% - 30px);
	margin-bottom: 30px
}
}
@media only screen and (max-width: 767px) {
#content .newsBox ul li {
	width: calc(50% - 10px);
	margin-bottom: 10px;
	margin-right: 10px
}
}
#content .newsBox ul li a {
	display: block
}
#content .newsBox ul li a .img {
	width: 100%;
	overflow: hidden;
	position: relative
}
#content .newsBox ul li a .img img {
	width: 100%;
	transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-moz-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-ms-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-o-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1)
}
#content .newsBox ul li a .img img.imgb {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%
}
#content .newsBox ul li a .txt {
	padding: 30px 25px 70px;
	box-sizing: border-box;
	position: relative;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
@media only screen and (max-width: 1199px) {
#content .newsBox ul li a .txt {
	padding: 15px 10px 50px
}
}
@media only screen and (max-width: 767px) {
#content .newsBox ul li a .txt {
	padding: 5px
}
}
#content .newsBox ul li a .txt strong {
	font-size: 1.4rem;
	color: #e60012;
	margin-bottom: 20px;
	display: block
}
@media only screen and (max-width: 1199px) {
#content .newsBox ul li a .txt strong {
	margin-bottom: 10px
}
}
@media only screen and (max-width: 767px) {
#content .newsBox ul li a .txt strong {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 0
}
}
#content .newsBox ul li a .txt h3 {
	min-height: 70px;
	font-size: 1.8rem;
	color: #333;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}
@media only screen and (max-width: 1199px) {
#content .newsBox ul li a .txt h3 {
	margin-bottom: 10px
}
}
@media only screen and (max-width: 767px) {
#content .newsBox ul li a .txt h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
}
#content .newsBox ul li a .txt p {
	font-size: 1.4rem;
	color: #999;
	line-height: 1.8;
	min-height: 96px
}
@media only screen and (max-width: 767px) {
#content .newsBox ul li a .txt p {
	display: none
}
}
#content .newsBox ul li a .txt .time {
	position: absolute;
	left: 25px;
	bottom: 30px;
	font-size: 1.4rem;
	color: #999
}
@media only screen and (max-width: 1199px) {
#content .newsBox ul li a .txt .time {
	left: 10px;
	bottom: 20px
}
}
@media only screen and (max-width: 767px) {
#content .newsBox ul li a .txt .time {
	display: none
}
}
#content .newsBox ul li a:hover .txt h3 {
	color: #e60012
}
#content .newsBox ul li a:hover .img img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15)
}
#content .newsBox ul li:hover {
	-moz-box-shadow: 3px 1px 15px #ccc;
	-webkit-box-shadow: 3px 1px 15px #ccc;
	box-shadow: 3px 1px 15px #ccc
}
.contentEnterpriseAWarp {
	background: #fff
}
.contentEnterpriseAWarp .contentEnterpriseABox {
	padding: 100px 0
}
@media only screen and (max-width: 991px) {
.contentEnterpriseAWarp .contentEnterpriseABox {
	padding: 30px 0
}
}
.contentEnterpriseAWarp .contentEnterpriseABox ul {
	width: calc(100% + 40px)
}
@media only screen and (max-width: 991px) {
.contentEnterpriseAWarp .contentEnterpriseABox ul {
	width: 100%
}
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li {
	float: left;
	width: calc(33.333% - 40px);
	position: relative;
	margin: 0 40px 40px 0
}
@media only screen and (max-width: 991px) {
.contentEnterpriseAWarp .contentEnterpriseABox ul li {
	width: 100%;
	float: none;
	margin: 10px 0
}
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxA {
	background: #ea3d4b;
	box-sizing: border-box;
	padding: 30px 26px
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxA h2 {
	font-size: 2.8rem;
	color: #fff;
	font-weight: normal;
	padding-bottom: 24px;
	border-bottom: 1px solid #fff
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxA .txt {
	padding-top: 24px;
	font-size: 1.6rem;
	color: #fff;
	line-height: 2
}
@media only screen and (max-width: 991px) {
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxA .txt {
	font-size: 1.8rem
}
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxB {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/enterprisep4.jpg") no-repeat;
	background-size: cover;
	transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-moz-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-ms-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	-o-transition: all 0.6s cubic-bezier(0.34, 1.01, 1, 1);
	visibility: visible;
	opacity: 1
}
@media only screen and (max-width: 991px) {
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxB {
	display: none
}
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxB i {
	width: 110px;
	height: 110px;
	background-image: url("../images/enterpriseA.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxB h2 {
	font-size: 3.2rem;
	color: #e60012;
	font-weight: normal;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li .boxB h2::after {
	width: 2.5em;
	height: 4px;
	background: #e60012;
	position: absolute;
	left: 50%;
	bottom: -50px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%)
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li:nth-child(2) .boxB i {
	background-position: 0 -126px
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li:nth-child(3) .boxB i {
	background-position: 0 -255px
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li:nth-child(4) .boxB i {
	background-position: 0 -638px
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li:nth-child(5) .boxB i {
	background-position: 0 -383px
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li:nth-child(6) .boxB i {
	background-position: 0 -508px
}
.contentEnterpriseAWarp .contentEnterpriseABox ul li:hover .boxB {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	z-index: 1;
	opacity: 0;
	visibility: hidden
}
#appMapWrap {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease;
	-webkit-transition: all .6s ease
}
@media only screen and (max-width: 767px) {
#appMapWrap {
	display: block
}
}
#appMapWrap .bg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(12,23,33,0.9)
}
#appMapWrap .Close {
	width: 25px;
	height: 25px;
	background: url("../images/icon_close.png") no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	top: 20px;
	right: 10px
}
#appMapWrap .appMapBox {
	background: #fff;
	position: absolute;
	top: -100%;
	left: 50%;
	width: 90%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	padding: 20px;
	border-radius: 6px;
	overflow: hidden;
	transition: all .6s ease;
	-webkit-transition: all .6s ease
}
#appMapWrap .appMapBox h3 {
	text-align: center;
	font-size: 3rem;
	margin-bottom: 20px
}
#appMapWrap .appMapBox .txt {
	display: none
}
#appMapWrap .appMapBox .txtApp p {
	font-size: 2rem;
	color: #333
}
#appMapWrap .appMapBox .txtApp .telBtnBox {
	margin-top: 15px
}
#appMapWrap .appMapBox .txtApp .telBtnBox a {
	display: inline-block;
	font-size: 2rem;
	width: 48%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 10px;
	border-radius: 6px;
	color: #fff;
	background: #e60012
}
#appMapWrap .appMapBox .txtApp .telBtnBox a:nth-child(odd) {
	float: left
}
#appMapWrap .appMapBox .txtApp .telBtnBox a:nth-child(even) {
	float: right
}
#appMapWrap .appMapBox .txtApp .telBtnBox a::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("../images/tel.png") no-repeat center;
	background-size: 100% auto;
	position: relative;
	top: 3px;
	margin-right: 6px
}
#appMapWrap.on {
	opacity: 1;
	visibility: visible
}
#appMapWrap.on .appMapBox {
	top: 50%
}
#zoom {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(12,23,33,0.8);
	background-image: url("../images/sf.png");
	background-repeat: no-repeat;
	background-position: center 20%;
	background-size: 200px auto;
	z-index: 999;
	display: none
}
@media only screen and (max-width: 767px) {
#zoom {
	display: block
}
}
#zoom p {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 40%;
	color: #fff;
	font-size: 3rem;
	text-align: center
}
#zoom button {
	background: #e60012;
	color: #fff;
	font-size: 3.2rem;
	border: 0;
	position: absolute;
	bottom: 20%;
	left: 50%;
	width: 200px;
	padding: 10px 0;
	border-radius: 6px;
	margin-left: -100px
}
/*# sourceMappingURL=css.css.map */
/*视频弹窗*/
.pop-video {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0,0,0,.9);
}
.pop-video .cont {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 930px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pop-video .video1 {
	width: 100%;
	height: 100%;
}
.pop-video .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 40px;
	padding: 0 20px;
}
.pop-video .title h4 {
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}
.pop-video .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background: url(../images/icon-close.png) no-repeat center center;
	cursor: pointer;
	z-index: 2;
}
#content .homeTitle h3 {
	margin: 0;
	line-height: 42px;
}
#content.HomeContent section.aboutWrap {
	padding: 80px 0;
}
.honor-wrap .honor-list {
	overflow: hidden;
}
.honor-wrap .honor-list ul {
	margin: 0 -50px;
}
.honor-wrap .honor-list ul li {
	width: 33.33%;
	float: left;
	background: none;
	padding: 0 50px;
	box-sizing: border-box;
}
.honor-wrap .honor-list .img {
	width: 100%;
}
.honor-wrap .honor-list .right {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.honor-wrap .honor-list .tit {
	text-align: center;
}
.honor-wrap .honor-list .tit .f30 {
	margin-right: 0;
	float: none !important;
}
.honor-wrap .honor-list .tit .f36 {
	display: none;
}
.honor-wrap .honor-list .list span {
	float: none;
	width: 100%;
	padding-left: 0;
	margin-right: 0;
	text-align: center;
	line-height: 1em;
	border-bottom: none;
}
.culture-main li .f48 a {
	position: relative;
	padding-bottom: 15px;
	font-size: 30px;
}
.culture-main li .f48 a:before {
	content: '';
	display: inline-block;
	width: 75%;
	height: 2px;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
}
.culture-main li .cont {
	padding-top: 170px !important;
}
.culture-main li .word {
	padding-top: 15px;
}
.culture-main.span2 ul {
	width: auto;
	margin: 0 -1%;
}
.culture-main.span2 li {
	width: 48%;
	float: left;
	margin: 0 1%;
	margin-bottom: 30px;
	box-sizing: border-box;
	height: 200px !important;
}
.culture-main.span2 li .img {
	width: 50%;
}
.culture-main.span2 li .cont {
	width: 40%;
}
.culture-main.span2 li .cont {
	padding-top: 30px !important;
}
.news-infor .wrap2 .box {
	position: relative;
}
.news-infor .wrap2 .box a {
	position: relative;
	left: -10px;
}
.news-infor .wrap2 .box:after {
	content: '';
	position: absolute;
	top: 0;
	width: 20px;
	right: 0;
	height: 100%;
	background-color: #f5f5f5;
}
#content.HomeContent section.aboutWrap .aboutBox .top .More:hover {
	background: #035cac;
	color: #fff;
	border-color: #035cac;
}
#content.HomeContent section.BusinessAreaWrap .BusinessAreaBox ul li a:hover .txt p::after {
	background: #035cac;
}
.ui-fullpart {
	padding: 40px 0;
	box-sizing: border-box;
}
.ui-fullpart.bg-g {
	background-color: #f5f5f5;
}
.ui-fullpart * {
	box-sizing: border-box;
}
.container {
	width: 1400px;
	margin: 0 auto;
}
.container.full {
	width: 100%;
	padding: 0 6%;
}
.clearfix {
	clear: both;
}
.pull-right {
	float: right;
}
.ui-homenews {
}
.ui-homenews >.r {
	width: 300px;
	border-left: 1px solid #eee;
	padding: 0 20px;
	float: right;
}
.ui-homenews >.l {
	/*margin-right: 360px;*/
	margin-top: 15px;
}
.ui-homenews .view {
	margin-top: 20px;
}
.ui-homenews .view >.hd {
}
.ui-homenews .view >.hd p {
	line-height: 1em;
	color: #333;
	font-weight: bold;
	font-size: 16px;
}
.ui-homenews .view >.ct {
	margin-top: 20px;
	position: relative;
}
.ui-homenews .view >.ct >a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/mask-video.png) no-repeat center;
	background-size: cover;
}
.ui-homenews .view >.ct img {
	width: 100%;
}
.ui-homenews .news {
	display: block;
	height: 110px;
}
.ui-homenews .news img {
	width: 172px;
	float: left;
}
.ui-homenews .news >.ct {
	margin-left: 187px;
}
.ui-homenews .news >.ct h3 {
	font-size: 16px;
	color: #333;
	font-weight: normal;
}
.ui-homenews .news:hover >.ct h3 {
	color: #035cac;
}
.ui-homenews .news >.ct p {
	font-size: 12px;
	color: #898989;
}
.ui-homenews .list {
	margin-top: 15px;
}
.ui-homenews .list ul {
	float: none;
}
.ui-homenews .list ul li {
	border-bottom: 1px solid #f5f5f5;
	float: none;
}
.ui-homenews .list p {
	color: #9d9d9d;
	font-size: 13px;
	line-height: 35px;
}
.ui-homenews .list p a {
	font-size: 14px;
	color: #555;
}
.ui-homenews .list p a:hover {
	color: #035cac;
}
.ui-head1 {
}
.ui-head1 p {
	line-height: 1em;
	color: #333;
	font-weight: bold;
	font-size: 16px;
}
.ui-head1 p small {
	color: #ccc;
	font-weight: normal;
}
.ui-head1.gt p {
	color: #035cac;
	font-size: 24px;
}
.ui-indulist {
	overflow: hidden;
}
.ui-indulist ul {
	margin: 0 -50px;
	float: none;
}
.ui-indulist ul li {
	width: 33.33%;
	float: left;
	padding: 0 50px;
}
.ui-indulist .i {
	display: block;
}
.ui-indulist .i >.hd {
	overflow: hidden;
}
.ui-indulist .i >.hd img {
	width: 100%;
	transition: transform 300ms;
}
.ui-indulist .i:hover >.hd img {
	transform: scale(1.05);
}
.ui-indulist .i >.ct {
	margin-top: 15px;
}
.ui-indulist .i >.ct p {
	line-height: 1em;
	text-align: center;
}
.ui-indulist .i >.ct p.p1 {
	font-size: 30px;
	color: #0056a9;
	padding-bottom: 15px;
	position: relative;
}
.ui-indulist .i >.ct p.p1:before {
	content: '';
	display: inline-block;
	width: 60px;
	height: 3px;
	background-color: #999;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
}
.ui-indulist .i >.ct p.p2 {
	margin-top: 15px;
	color: #333;
	font-size: 18px;
}
.ui-indulist.span4 {
	margin-top: 20px;
}
.ui-indulist.span4 ul {
	margin: 0 -20px;
}
.ui-indulist.span4 ul li {
	width: 25%;
	float: left;
	padding: 0 20px;
}
 @media screen and (max-width: 768px) {
#content.HomeContent section.aboutWrap {
	padding: 20px 0;
}
#content.HomeContent section.aboutWrap .aboutBox .top {
	padding-bottom: 40px;
}
#content.HomeContent section.aboutWrap .aboutBox .top .More {
	bottom: 0;
}
.honor-wrap .honor-list ul {
	margin: 0;
}
.honor-wrap .honor-list ul li {
	width: 100%;
	padding: 0;
}
.honor-wrap.m-wrap .honor-list .right {
	padding: 0;
	width: 100%;
}
.honor-wrap .honor-list .tit {
	line-height: 30px;
	padding-top: 10px;
}
.honor-wrap.m-wrap .honor-list .tit .f30 {
	font-size: 18px;
}
.honor-wrap.m-wrap .honor-list .list span {
	line-height: 1em;
}
.culture-main li .cont {
	padding-top: 10px !important;
}
.culture-main.span2 li .cont {
	padding-top: 10px !important
}
.culture-main.span2 ul {
	margin: 0;
}
.culture-main.span2 li {
	width: 100%;
	margin: 0;
	height: auto !important;
}
.culture-main li .f48 a {
	padding-bottom: 10px;
}
.ui-fullpart {
	padding: 20px 0;
}
.container {
	width: 100%;
	padding: 0 15px;
}
.ui-homenews >.r {
	width: 100%;
	float: none;
	padding: 0;
	float: none;
}
.ui-homenews >.l {
	margin-right: 0;
}
.ui-homenews .news {
	height: auto;
}
.ui-homenews .news img {
	width: 80px;
}
.ui-homenews .news >.ct {
	margin-left: 95px;
}
.ui-homenews .view >.hd p {
	font-size: 14px;
}
.ui-homenews .news >.ct h3 {
	font-size: 14px;
	line-height: 18px;
}
.ui-homenews .list p {
	font-size: 12px;
	line-height: 30px;
}
.ui-homenews .list p a {
	font-size: 12px;
}
.ui-indulist ul {
	margin: 0;
}
.ui-indulist ul li {
	width: 100%;
	padding: 0;
}
.ui-indulist .i >.ct p.p1 {
	font-size: 18px;
	padding-bottom: 10px;
}
.ui-indulist .i >.ct p.p1:before {
	width: 30px;
	height: 2px;
	margin-left: -15px;
}
.ui-indulist .i >.ct p.p2 {
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
.ui-indulist.span4 {
	margin-top: 20px;
}
.ui-indulist.span4 ul {
	margin: 0;
}
.ui-indulist.span4 ul li {
	padding: 0;
	width: 100%;
	margin-bottom: 10px;
}
.news-infor .wrap2 .box a {
	left: 0;
}
.news-infor .wrap2 .box:after {
	display: none;
}
}
/*************下属企业************/
.subcon-wrap {
	padding-top: 32px;
	padding-bottom: 20px;
	transition: normal;
}
.subcon-wrap.m-wrap {
	padding-top: 25px;
	padding-bottom: 10px;
}
.subcon-wrap p.f48 {
	font-size: 42px;
	line-height: 50px;
	color: #035cac;
}
.subcon-wrap.m-wrap p.f48 {
	line-height: 25px;
	font-size: 18px;
	margin-bottom: 3px;
}
.subcon-wrap span.f14 {
	display: block;
	line-height: 26px;
}
.subcon-wrap.m-wrap span.f14 {
	line-height: 18px;
}
.subcon-wrap .subcon-list {
	margin-top: 20px;
	width: 100%;
}
.subcon-wrap .subcon-list {
	width: 100%;
}
.subcon-wrap .subcon-list ul {
	width: 100%;
}
.subcon-wrap .subcon-list li {
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
	transition: normal;
}
.subcon-wrap .subcon-list .img {
	display: block;
	width: 35%;
	position: relative;
	overflow: hidden;
	transition: normal;
	height: 100%;
}
.subcon-wrap .subcon-list .img img {
	position: relative;
	/*height: 100%;*/
	top: 0;
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
	display: block;
}
.subcon-wrap.m-wrap .subcon-list .img {
	width: 100%;
	float: none;
}
.subcon-wrap .subcon-list .img:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}
.subcon-wrap .subcon-list .right {
	width: 60%;
	padding-top: 2%;
	margin-left: 3.5%;
	margin-right: 1%;
}
.subcon-wrap.m-wrap .subcon-list .right {
	width: 88%;
	float: none;
	margin: 0;
	padding: 15px 6% 24px;
}
.subcon-wrap.twrap .subcon-list .right {
	padding-top: 0;
}
.subcon-wrap .subcon-list .tit {
	width: 100%;
	line-height: 54px;
	height: 56px;
}
.subcon-wrap.owrap .subcon-list .tit {
	line-height: 55px;
	height: 55px;
}
.subcon-wrap.twrap .subcon-list .tit {
	line-height: 34px;
	height: 34px;
}
.subcon-wrap.m-wrap .subcon-list .tit {
	height: auto;
	overflow: hidden;
}
.subcon-wrap .subcon-list .tit .f30 {
	color: #035cac;
	display: inline-block;
	margin-right: 19px;
	font-size: 26px;
	line-height: 50px;
}
.subcon-wrap.owrap .subcon-list .tit .f30 {
	line-height: 50px;
}
.subcon-wrap.twrap .subcon-list .tit .f30 {
	line-height: 31px;
	font-size: 20px;
}
.subcon-wrap.m-wrap .subcon-list .tit .f30 {
	width: 100%;
	line-height: 30px;
	font-size: 20px;
}
.subcon-wrap .subcon-list .tit .f36 {
	text-transform: uppercase;
	color: #eee;
	font-size: 30px;
}
.subcon-wrap.twrap .subcon-list .tit .f36 {
	font-size: 20px;
}
.subcon-wrap.m-wrap .subcon-list .tit .f36 {
	font-size: 20px;
	line-height: 22px;
}
.subcon-wrap .subcon-list .list {
	width: 100%;
	overflow: hidden;
}
.subcon-wrap .subcon-list .list span {
	display: block;
	float: left;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	width: 27%;
	padding-left: 2%;
	margin-right: 4%;
}
.subcon-wrap.owrap .subcon-list .list span {
	width: 34%;
	line-height: 38px;
}
.subcon-wrap.twrap .subcon-list .list span {
	width: 46%;
	line-height: 24px;
	padding: 0;
}
.subcon-wrap.m-wrap .subcon-list .list span {
	width: 96%;
	padding-left: 4%;
	line-height: 38px;
}
.news-title {
	border-bottom: 1px solid #f0f0f0;
	height: 40px;
	line-height: 40px
}
.news-left-title {
	width: 48%;
	float: left;
}
.news-more {
	width: 48%;
	float: right;
}
.news-green-font {
	color: #000;
	font-size: 16px;
	font-weight: bold
}
.news-gray-txt {
	color: #b8b8b8;
	font-style: italic
}
.news-more {
	text-align: right;
	font-size: 12px;
	margin-right: 5px;
}
.news-more a {
	color: #000
}

.slide-gangcai {float: right;width: 840px;}