@media screen and (max-width:1370px)
{
.fp-navC {
	top: 42% !important;
}
}
.menuh90 {
	height: 90px; overflow: hidden; clear: both;
}
#indexPage {
	transition:1s cubic-bezier(0.6, 0, 0, 0.6) !important; height: 100%;
}
.aykjAnimate {
	visibility: hidden;
}
.aykjAnimate.active {
	visibility: visible;
}
.top {
	background: rgb(255, 255, 255); height: 90px; position: relative; z-index: 97; min-width: 1280px;
}
.indTop {
	width: 100%; position: fixed; z-index: 97;
}
.topC {
	background: rgb(255, 255, 255); transition:0.4s; position: relative; box-shadow: 0px 2px 10px #ccc;
}
.topC.active {
	box-shadow: none;
}
.top:hover .topC {
	top: 0px !important;
}
.logo {
	margin: 21px 0px 0px 70px; height: 69px; overflow: hidden;
}
.logo a img {
	height: 45px; display: block;
}
.headBox .wrap {
	position: relative; z-index: 2;
}
.menuBox {
	position: relative; z-index: 9;
}
.menuDl {
	padding-right: 30px; position: relative;
}
.menuDl dd {
	margin: 0px 5px; height: 90px; float: left; display: inline; position: relative; z-index: 3;
}
.menuDl dd span a {
	padding: 0px 20px; transition:0.1s linear; height: 90px; color: rgb(51, 51, 51); line-height: 90px; overflow: hidden; font-size: 16px; display: block; position: relative; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear;
}
.menuDl dd.hover span a {
	color: rgb(43, 46, 149);
}
.menuDl dd span a i {
	background: rgb(214, 0, 15); left: 0px; width: 100%; height: 2px; bottom: 0px; overflow: hidden; display: none; position: absolute;
}
.menuDl dd.hover span a i {
	display: block;
}
.menuDl dd .div_a {
	background: rgb(255, 255, 255); left: 0px; top: 108px; width: 100%; overflow: hidden; display: none; position: absolute; z-index: 99;
}
.menuDl dd .div_a a {
	height: 35px; text-align: center; color: rgb(51, 51, 51); line-height: 35px; overflow: hidden; font-size: 14px; display: block;
}
.menuDl dd .div_a a.hover {
	background: rgb(255, 255, 255);
}
.menuDl dd .div_a a:hover {
	background: rgb(255, 255, 255);
}
.subMenuDiv {
	top: 90px; width: 100%; display: none; position: absolute; z-index: 1;
}
.menuDl dd.hover .subMenuDiv {
	z-index: 3;
}
.menuDl dt {
	left: 0px; width: 100%; height: 3px; bottom: 0px; overflow: hidden; position: absolute; z-index: 2; background-color: rgb(43, 46, 149);
}
.subMenu_ul {
	width: 1000px; overflow: hidden; position: relative; z-index: 3;
}
.subMenuShadow {
	background: rgba(255, 255, 255, 0.8); left: 50%; top: 0px; width: 50000px; height: 100%; overflow: hidden; margin-left: -25000px; position: absolute; z-index: 1;
}
.subMenu_ul li {
	margin: 0px 10px; height: 50px; text-align: center; line-height: 50px; overflow: hidden; float: left; display: inline; position: relative; z-index: 2; transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px);
}
.menuDl dd.hover .subMenu_ul li {
	animation:liMove 0.3s linear forwards; opacity: 0; -webkit-animation: liMove 0.3s linear forwards; -o-animation: liMove 0.3s linear forwards;
}
.menuDl dd.hide .subMenu_ul li {
	animation:liHIde 0.3s forwards; opacity: 1; -webkit-animation: liHIde 0.3s ease forwards; -o-animation: liHIde 0.3s ease forwards;
}
.subMenu_ul li a {
	transition:0.3s linear; color: rgb(255, 255, 255); overflow: hidden; font-size: 14px; display: block; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;
}
.subMenu_ul li a span {
	color: rgb(255, 255, 255) !important;
}
.subMenu_ul li a:hover {
	text-decoration: underline;
}
.half .subMenu_ul li a {
	font-size: 14px;
}
.subMenu_ul li a span {
	position: relative;
}
.subMenu_ul li a span em {
	background: rgb(214, 0, 15); left: 0px; top: 50%; width: 2px; height: 10px; overflow: hidden; margin-top: -5px; display: block; position: absolute;
}
.subMenuR {
	padding: 20px 0px; width: 50%; overflow: hidden;
}
.menuTop {
	height: 40px; color: rgb(85, 85, 85); line-height: 40px; overflow: hidden; padding-left: 50px; font-size: 24px; display: block;
}
.subMenuCont {
	overflow: hidden; margin-right: 15px; position: relative;
}
.listBg {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute;
}
.subMenuTop {
	padding: 15px 0px 10px 50px; height: 40px; color: rgb(136, 136, 136); line-height: 40px; overflow: hidden; font-size: 16px; display: none;
}
.half {
	width: 50%; float: left; display: inline;
}
.half .subMenuTop {
	display: block;
}
.subMenuL {
	padding: 20px 0px; width: 50%;
}
.subMenuTxt {
	margin: 0px 20px; padding: 20px; height: 250px; overflow: hidden;
}
.subMenuLTop {
	text-align: center; color: rgb(51, 51, 51); overflow: hidden; font-size: 34px; display: none;
}
.subMenuIntr {
	color: rgb(64, 64, 64); line-height: 25px; overflow: hidden; font-size: 14px; display: none;
}
.menuBg {
	background: rgba(0, 0, 0, 0.6); left: 0px; top: 90px; width: 100%; height: 50px; overflow: hidden; display: none; position: absolute; z-index: -1;
}
.subMenuDiv.showMenu {
	animation:showMenu 0.5s linear forwards; -webkit-animation: showMenu 0.5s linear forwards; -o-animation: showMenu 0.5s linear forwards;
}
.subMenuDiv.hideMenu {
	animation:hideMenu 0.5s linear forwards; -webkit-animation: hideMenu 0.5s linear forwards; -o-animation: hideMenu 0.5s linear forwards;
}
.headBox .topR {
	text-align: center;
}
.headBox .topR img {
	margin: 0px auto; width: 120px; height: 120px; padding-bottom: 10px; display: block;
}
.QR-code {
	background: rgb(255, 255, 255); transition:0.3s linear; top: 100px; width: 180px; height: 50px; right: 65px; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: all 0.3s linear;
}
.topLogdl dd.dd1:hover .QR-code {
	top: 90px; visibility: visible; opacity: 1;
}
.QR-codeI {
	background: rgb(255, 255, 255); padding: 0px 8px; transition:0.3s linear; top: 100px; width: 120px; height: 120px; right: 65px; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: all 0.3s linear;
}
.QR-codeI img {
	width: 120px; height: 120px; display: block;
}
.topLogdl dd.dd2:hover .QR-codeI {
	top: 90px; visibility: visible; opacity: 1;
}
.headBox .topR span {
	color: rgb(102, 102, 102); font-size: 14px; display: block; position: relative; z-index: 9;
}
.searchT a {
	padding: 24px 20px 27px; display: block;
}
.searchT1 {
	background: rgb(245, 245, 245); overflow: hidden;
}
.searchT1 span {
	background: url("../images/topLog.png") no-repeat top; padding-top: 20px;
}
.searchT2 {
	overflow: hidden; background-color: rgb(44, 46, 146);
}
.searchT2 span {
	background: url("../images/toplog3.png") no-repeat top; color: rgb(255, 255, 255) !important; padding-top: 20px;
}
.searchT .searchT1 span:hover {
	background: url("../images/topLog5.png") no-repeat top !important; color: rgb(238, 159, 7) !important;
}
.searchT .searchT2 span:hover {
	background: url("../images/toplog4.png") no-repeat top !important; color: rgb(238, 159, 7) !important;
}
.searchTab a {
	background: url("../images/search.png") no-repeat center; width: 22px; height: 100%; display: block;
}
.search {
	margin: 35px 45px 0px 0px; border-radius: 35px; border: 1px solid rgb(221, 221, 221); border-image: none; height: 33px; display: none; position: relative;
}
.search input {
	background: none; padding: 0px 30px; border: currentColor; border-image: none; width: 300px; height: 33px; color: rgb(153, 153, 153); line-height: 33px; font-size: 12px; display: block; box-sizing: border-box;
}
.serach_a {
	background: url("../images/search1.png") no-repeat center; width: 33px; height: 33px; overflow: hidden; margin-right: 10px; display: block;
}
.topHide {
	height: 100px; position: relative;
}
.animHide {
	opacity: 0;
}
.topLog {
	height: 90px;
}
.topLog dl dd {
	float: left; display: inline;
}
.topLog dl {
	padding: 0px 55px 0px 6px; overflow: hidden;
}
.topLog dl dd span {
	margin-right: 15px;
}
.topLog1 {
	background: url("../images/images/topPhone_03.png") no-repeat center; width: 23px; height: 90px; display: block;
}
.topLog2 {
	background: url("../images/images/topWx_05.png") no-repeat center; width: 23px; height: 90px; display: block;
}
.topLog3 {
	background: url("../images/images/topQQ_07.png") no-repeat center; width: 23px; height: 90px; display: block;
}
.preload {
	background: rgb(255, 255, 255); transform-origin: 50% 42%; left: 0px; top: 0px; height: 100%; right: 0px; position: fixed; z-index: 1000; -webkit-transform-origin: 50% 42%;
}
.preload.is-loaded {
	background: 0px 0px;
}
.preload.is-animate-out {
	transition:transform 1s, opacity 1s, transform 1s; opacity: 0; transform: scale(5); -webkit-transform: scale(5); -webkit-transition: opacity 1s, -webkit-transform 1s;
}
.preload.is-paused .preload__progress {
	transform: scale(0); -webkit-transform: scale(0);
}
.preload.is-paused .preload__progress-inner {
	animation:none; -webkit-animation: none;
}
.preload.is-clean {
	background: 0px 0px; transition:none; z-index: -1; -webkit-transition: none;
}
.preload.is-clean .preload__bg {
	display: none;
}
.preload.is-clean .preload__progress {
	background: rgba(44, 46, 146, 0.5); top: 50%;
}
.preload.is-clean .preload__progress-inner {
	background: rgb(53, 55, 59);
}
.preload.is-clean-paused .preload__progress-inner {
	animation:none; -webkit-animation: none;
}
.preload__bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.preload__progress {
	background: rgba(0, 0, 0, 0.15); margin: -1px 0px 0px -100px; transition:0.3s; left: 50%; top: 50%; width: 200px; height: 1px; position: absolute; -webkit-transition: .3s;
}
.preload__progress.hide {
	left: 0px; width: 100%; margin-left: 0px;
}
.loadLogo {
	background: url("../images/loadLogo.png") no-repeat center; left: 0px; top: 38%; width: 100%; height: 69px; position: absolute;
}
.preload__progress-inner {
	background: rgb(102, 102, 102); animation:preloadLine 1.6s infinite both; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; -webkit-animation: preloadLine 1.6s both infinite;
}
.load-bg {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 999;
}
.load-bg .top {
	left: 0px; top: 0px; width: 100%; height: 50%; position: absolute; background-color: rgba(255, 255, 255, 0.5);
}
.load-bg .bot {
	left: 0px; width: 100%; height: 50%; bottom: 0px; position: absolute; background-color: rgba(255, 255, 255, 0.5);
}
.box4Tab .qq {
	left: 50%; top: 50%; width: 45px; height: 45px; margin-top: -25px; margin-left: -25px; visibility: hidden; position: absolute;
}
.box4Tab li.active .qq::after {
	background: rgba(215, 21, 25, 0.7); border-radius: 50%; transition:0.8s ease-out; animation:sideBt1 2s infinite; left: 32%; top: 25%; width: 100%; height: 100%; margin-top: -19%; margin-left: -26%; display: block; visibility: visible; position: absolute; z-index: 1; content: ""; opacity: 1;
}
.menu2 {
	margin-right: 20px;
}
.menu1 dd .yj {
	overflow: hidden;
}
.menu1 dd .yj a {
	transition:0.3s linear; width: 120px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; overflow: hidden; font-size: 16px; display: block;
}
.menu1 dd .ej {
	background: rgb(204, 204, 204); left: 0px; top: 50px; width: 100%; display: none; position: absolute;
}
.menu1 dd.hover .yj a {
	background: rgb(0, 92, 154); color: rgb(255, 255, 255);
}
.menus {
	height: 50px; position: relative; z-index: 50; background-color: rgb(0, 116, 195);
}
.menu {
	height: 50px; position: relative;
}
.menu1 {
	background: rgb(0, 116, 195); display: flex;
}
.menu1 dd {
	flex:1 1 0px; text-align: center; float: left; display: inline; position: relative;
}
.menu3 {
	margin-right: 40px;
}
.menu1 dd .ej a {
	padding: 5px 0px; text-align: center; line-height: 25px; display: block;
}
.menu1 dd a:hover {
	background: rgb(0, 92, 154);
}
.indexBanner {
	height: 832px; overflow: hidden; position: relative;
}
.indexBanner .myslide {
	background-position: center; height: 100%; position: relative; background-repeat: no-repeat; background-size: cover;
}
.indexBanner .myslide1 {
	width: 100%; height: 100%; display: none; position: relative; background-size: cover;
}
.indexBanner .slick-dots {
	width: 100%; text-align: center; bottom: 50px; position: absolute;
}
.indexBanner .slick-dots li {
	background: rgb(255, 255, 255); margin: 0px 12px; width: 91px; height: 3px; text-align: center; color: rgb(255, 255, 255); line-height: 9999px; display: inline-block; cursor: pointer;
}
.indexBanner .slick-dots li.slick-active {
	background: rgb(0, 116, 195);
}
.indexBanner .con1 {
	left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);
}
.indexBanner .myslide.slick-active .myslide1 {
	animation:fangda 20s linear infinite; display: block;
}
.notice1 {
	padding: 0px 20px;
}
.notice {
	height: 45px; background-color: rgb(255, 255, 255);
}
.noticeLF {
	background: url("../images/lb.png") no-repeat left; height: 45px; line-height: 45px; overflow: hidden;
}
.noticeLF span {
	margin-left: 29px;
}
.noticeList1 {
	overflow: hidden;
}
.noticeList1 dd {
	width: 435px; height: 45px; line-height: 45px; overflow: hidden; margin-right: 90px; float: left;
}
.noticeList1 dd a {
	color: rgb(102, 102, 102); overflow: hidden; font-size: 14px;
}
.noticeList1 dd a em {
	background: rgb(119, 119, 119); margin: 23px 10px 0px 0px; border-radius: 4px; width: 4px; height: 4px; float: left; display: inline;
}
.noticeList1 dd span {
	overflow: hidden; font-size: 14px; float: right; display: inline;
}
.noticeList1 dd:hover a {
	color: rgb(0, 116, 195);
}
.noticeFR {
	padding: 0px 30px 0px 60px; overflow: hidden; position: relative;
}
.noticeFR .bd {
	overflow: hidden;
}
.noticeTe {
	top: 50%; right: -16px; margin-top: -5px; position: absolute;
}
.noticeTe a {
	font-size: 14px; cursor: pointer;
}
.noticeTe .prev {
	background: url("../images/left3.png") no-repeat center; width: 6px; height: 12px; float: left; display: inline;
}
.noticeTe .next {
	background: url("../images/right3.png") no-repeat center; width: 38px; height: 12px; display: block;
}
.column2 .prev {
	background: url("../images/left1.png") no-repeat center rgb(32, 3, 3); width: 40px; height: 40px; text-align: center; bottom: 0px; display: block; position: absolute;
}
.column2 .next {
	background: url("../images/right1.png") no-repeat center rgb(32, 3, 3); width: 40px; height: 40px; text-align: center; right: 0px; bottom: 0px; display: block; position: absolute;
}
.next:hover {
	
}
.cloBox1 {
	overflow: hidden;
}
.cloBox1 dd {
	float: left; display: inline;
}
.clo1Banner {
	width: 580px; height: 40px; bottom: 0px; overflow: hidden; position: absolute;
}
.clo1Banner {
	width: 580px; height: 360px; overflow: hidden; position: relative;
}
.clo1Banner .bd {
	height: 100%; position: relative; z-index: 0;
}
.clo1Banner a:hover {
	background-color: rgb(29, 84, 140);
}
.clo1Banner .bd li {
	vertical-align: middle; -ms-zoom: 1;
}
.clo1Banner .bd img {
	width: 580px; height: 360px; display: block;
}
.col1ListCon {
	height: 255px; overflow: hidden;
}
.subBannerText {
	background: rgba(0, 0, 0, 0.6); width: 100%; height: 40px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; position: absolute;
}
.subBanner1 {
	height: 450px;
}
.col1Tab {
	padding: 0px 20px; overflow: hidden; position: relative;
}
.col1TabTitle {
	height: 76px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.col1TabT {
	overflow: hidden; padding-top: 20px;
}
.col1TabT li {
	background: rgb(245, 245, 245); width: 98px; height: 36px; text-align: center; line-height: 36px; margin-right: 2px; float: left; display: inline; position: relative;
}
.col1TabT li a {
	height: 100%; color: rgb(51, 51, 51); font-size: 16px; display: block;
}
.col1TabT li a:hover {
	background-color: rgb(0, 116, 195);
}
.col1TabTitle .more a {
	color: rgb(153, 153, 153); font-size: 14px;
}
.col1TabTitle .more a:hover {
	color: rgb(0, 116, 195);
}
.more {
	padding-top: 32px;
}
.col1TabT li.hover a {
	transition:0.3s linear; color: rgb(255, 255, 255); background-color: rgb(0, 116, 195);
}
.col1TabT li.hover::after {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.col1TabT li:hover::after {
	transform: scaleX(1); -webkit-transform: scaleX(1);
}
.col1List {
	overflow: hidden; padding-top: 7px;
}
.col1List dd {
	height: 37px; line-height: 37px; overflow: hidden;
}
.col1List dd a {
	color: rgb(102, 102, 102); overflow: hidden; font-size: 14px; margin-left: 15px; display: block;
}
.col1List dd a em {
	background: rgb(119, 119, 119); margin: 23px 10px 0px 0px; border-radius: 4px; width: 4px; height: 4px; float: left; display: inline;
}
.col1List dd span {
	overflow: hidden; margin-left: 50px; float: right; display: inline;
}
.col1List dd:hover a {
	color: rgb(0, 62, 154);
}
.col1List dd:hover .jx {
	background: url("../images/jx1.png") no-repeat left;
}
.col1TabTitle span.more a {
	color: rgb(153, 153, 153); font-size: 12px;
}
.col1TabTitle span.more a:hover {
	color: rgb(0, 62, 154);
}
.jx {
	background: url("../images/jx.png") no-repeat left;
}
.aboutBg {
	
}
.aboutBg .col1BgBox {
	background: url("../test/images/banner6_02.jpg") no-repeat center !important; animation:fangda 20s linear infinite; width: 100%; height: 100%; position: absolute !important;
}
.indAbout {
	height: 100%; overflow: hidden;
}
.aboutBox {
	padding-top: 215px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
@media screen and (max-width:1450px)
{
.aboutBox {
	transform: translateY(-20%) scale(0.8);
}
}
.aboutBoxLf {
	width: 314px; height: 120px; margin-top: 227px; position: relative;
}
.aboutBoxLf .aboutBoxLfT1 {
	background: rgb(238, 159, 7); border-radius: 24px; left: 0px; top: 45px; width: 24px; height: 24px; display: inline-block; position: absolute; z-index: 3;
}
.aboutBoxLf .aboutBoxLfT3 {
	background: rgb(81, 167, 228); border-radius: 12px; left: 230px; top: 53px; width: 12px; height: 12px; display: inline-block; position: absolute; z-index: 3;
}
.aboutBoxLf a {
	border-radius: 120px; transition:0.5s; left: 83px; top: 0px; width: 120px; height: 120px; display: inline-block; position: absolute; z-index: 3;
}
.aboutBoxLf a::after {
	background: rgba(0, 0, 0, 0.5); border-radius: 100%; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: "";
}
.aboutBoxLf .aboutBoxLfT2 {
	background: rgb(255, 255, 255); border-radius: 50%; transition:0.5s; height: 120px; text-align: center; color: rgb(43, 46, 149); line-height: 120px; font-size: 16px; display: block; position: relative; z-index: 10;
}
.aboutBoxLf a:hover::after {
	transform: scale(1.2);
}
.aboutBoxLf a:hover .aboutBoxLfT2 {
	transform: scale(0.8);
}
.posit {
	top: 0px; right: 0px; position: absolute;
}
.aboutBoxRf {
	width: 314px; height: 120px; margin-top: 227px; position: relative;
}
.aboutBoxRf .aboutBoxLfT1 {
	background: rgb(238, 159, 7); border-radius: 24px; top: 45px; width: 24px; height: 24px; right: 0px; display: inline-block; position: absolute; z-index: 3;
}
.aboutBoxRf .aboutBoxLfT3 {
	background: rgb(81, 167, 228); border-radius: 12px; top: 53px; width: 12px; height: 12px; right: 230px; display: inline-block; position: absolute; z-index: 3;
}
.aboutBoxRf a {
	border-radius: 120px; transition:1s; top: 0px; width: 120px; height: 120px; right: 83px; display: inline-block; position: absolute; z-index: 3;
}
.aboutBoxRf .aboutBoxLfT2 {
	background: rgb(255, 255, 255); border-radius: 120px; transition:0.5s; width: 120px; height: 120px; text-align: center; color: rgb(43, 46, 149); line-height: 120px; font-size: 16px; display: inline-block; position: relative; z-index: 9;
}
.aboutBoxRf a::after {
	background: rgba(0, 0, 0, 0.5); border-radius: 100%; transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: "";
}
.aboutBoxRf a:hover .aboutBoxLfT2 {
	transform: scale(0.8);
}
.aboutBoxRf a:hover::after {
	transform: scale(1.2);
}
.aboutBoximg {
	margin: 0px 60px; width: 452px; height: 452px; padding-top: 61px; position: relative; z-index: 999;
}
.aboutBoximg .aboutBoximg1 {
	background: url("../images/about.png") no-repeat center; transform-origin: center center; border-radius: 575px; left: -61px; top: 0px; width: 575px; height: 575px; position: absolute; animation-name: about; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode: both;
}
.aboutBoximg2 {
	border-radius: 452px; width: 452px; height: 452px; overflow: hidden; display: inline-block; position: relative; opacity: 1 !important; background-color: rgb(10, 115, 189);
}
.aboutBoximg3 {
	background: url("../images/about.jpg") no-repeat center; left: 0px; top: 0px; width: 452px; height: 452px; position: absolute; z-index: 0; opacity: 0.2;
}
.aboutBoximg3T {
	text-align: center; color: rgb(255, 255, 255);
}
.aboutBoximg3T span {
	color: rgb(255, 255, 255); display: block;
}
.aboutBoximg3T .aboutBoximg3T1 {
	color: rgb(255, 255, 255); line-height: 60px; padding-top: 93px; font-size: 48px;
}
.aboutBoximg3T .aboutBoximg3T2 {
	color: rgb(255, 255, 255); line-height: 60px; font-size: 22px;
}
.aboutBoximg3T .aboutBoximg3T3 {
	background: rgb(255, 255, 255); width: 30px; height: 4px; display: inline-block;
}
.aboutBoximg3T .aboutBoximg3T4 {
	padding: 35px 15px 0px 35px; color: rgb(255, 255, 255); line-height: 30px; font-size: 14px;
}
.aboutBoxLf::after {
	background: rgb(255, 255, 255); left: 3px; top: 58px; width: 308px; height: 1px; display: block; position: absolute; z-index: 2; content: "";
}
.aboutBoxRf::after {
	background: rgb(255, 255, 255); top: 58px; width: 308px; height: 1px; right: 3px; display: block; position: absolute; z-index: 2; content: "";
}
.box4Bg {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.box4Bg .swiper-wrapper .swiper-slide {
	animation:fangda 20s linear infinite;
}
.box4 {
	margin-top: 90px; position: relative; z-index: 99;
}
.box4 .box4Tit {
	margin: 0px auto; width: 850px; text-align: center;
}
.box4Bussiness {
	text-align: center;
}
.box4 .box4Tit .box4Tit1 span {
	color: rgb(255, 255, 255); line-height: 54px; padding-bottom: 25px; font-size: 36px; font-weight: bold; display: block;
}
.box4 .box4Tit .box4Tit2 {
	padding-bottom: 45px;
}
.box4 .box4Tit .box4Tit2 span {
	padding: 0px 20px; color: rgb(255, 255, 255); line-height: 30px; font-size: 16px; display: block;
}
.box4 .box4Tit .box4Tit3 a {
	margin: 0px auto; transition:0.4s; width: 165px; height: 50px; text-align: center; overflow: hidden; display: block; background-clip: padding-box; -webkit-background-clip: padding-box;
}
.box4 .box4Tit .box4Tit3 a:hover span {
	background: rgb(43, 46, 149); transition:0.3s linear;
}
.box4 .box4Tit .box4Tit3 span {
	background: rgb(238, 159, 7); padding: 15px 54px; border-radius: 3px; height: 50px; color: rgb(255, 255, 255); line-height: 50px; overflow: hidden; font-size: 14px;
}
.box4 .box4Tit a.btn3:hover {
	animation:gelatine 0.5s; box-shadow: 0px 0px 0px 2px #cff09e, 0px 0px 0px 4px #ff0364; transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
}
.box4 .box4Tit a.btn3:focus {
	animation:gelatine 0.5s; box-shadow: 0px 0px 0px 2px #cff09e, 0px 0px 0px 4px #ff0364; transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #ff0364;
}
a.btn3:active {
	background: rgb(78, 205, 196); box-shadow: 0px 0px 0px 2px #cff09e, 0px 0px 0px 4px #3ac7bd; transition-duration: 0s; -webkit-transition-duration: 0; -webkit-box-shadow: 0 0 0 2px #cff09e, 0 0 0 4px #3ac7bd;
}
.box4List {
	text-align: center; overflow: hidden; padding-top: 112px;
}
.box4List dl {
	display: inline-block;
}
.box4List dl dd .box4ListImg {
	background-position: center; margin: 0px auto; border-radius: 88px; border: 1px solid rgb(211, 213, 217); transition:0.3s linear; border-image: none; width: 88px; height: 88px; position: relative; background-repeat: no-repeat; -webkit-transition: all 0.4s linear;
}
.box4List dl dd :hover .box4ListImg {
	border-color: rgb(238, 159, 7); transform: rotateY(-180deg); background-color: rgb(238, 159, 7); -webkit-transform: rotateY(-180deg);
}
.box4List dl dd img {
	left: 50%; top: 50%; margin-top: -20px; margin-left: -14px; display: block; position: absolute;
}
.box4List dl dd span {
	color: rgb(255, 255, 255); line-height: 30px; font-size: 14px;
}
.box4List dl dd {
	width: 142px; float: left;
}
.box4Bg .swiper-slide {
	background-position: center; transition:3s ease-in-out; left: 0px; top: 0px; height: 100% !important; position: absolute; z-index: 1; opacity: 0; transform: scale(1.3); background-size: cover;
}
.box4Bg .swiper-wrapper {
	left: 0px !important; height: 100% !important; margin-left: -1px; transform: translate(1px) !important;
}
.box4Bg .swiper-slide-active {
	z-index: 2; opacity: 1; transform: scale(1);
}
.h150 {
	height: 150px; overflow: hidden; clear: both;
}
.h70 {
	height: 70px; overflow: hidden; clear: both;
}
.about4Slide {
	position: relative; z-index: 2;
}
.about4Slide .bd {
	height: 275px; overflow: hidden;
}
.about4_dl {
	margin: 0px -40px !important;
}
.about4Slide dd {
	width: 10%; height: 275px; float: left; display: inline; position: relative;
}
.about4Slide .list_a {
	transition:0.7s linear; width: 100%; height: 25px; text-align: center; color: rgb(204, 204, 204); line-height: 25px; padding-bottom: 30px; font-size: 16px; display: block; position: absolute;
}
.dd0 .list_a {
	top: 220px;
}
.dd1 .list_a {
	top: 215px;
}
.dd2 .list_a {
	top: 150px;
}
.dd3 .list_a {
	top: 111px;
}
.dd4 .list_a {
	top: 140px;
}
.dd5 .list_a {
	top: 142px;
}
.dd6 .list_a {
	top: 62px;
}
.dd7 .list_a {
	top: 5px;
}
.dd8 .list_a {
	top: 35px;
}
.dd9 .list_a {
	top: 62px;
}
.point {
	background: rgb(204, 204, 204); border-radius: 100%; transition:0.3s linear; left: 50%; width: 20px; height: 20px; bottom: 0px; margin-left: -10px; display: block; position: absolute; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;
}
.about4 {
	height: 805px;
}
.col1BgBox {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute !important;
}
.col1Bg {
	background-position: center; left: -2.5% !important; top: -2.5% !important; width: 105%; height: 105%; position: absolute; background-repeat: no-repeat; background-size: cover !important;
}
.about4_1 {
	background: url("../test/column6Img_73.jpg") no-repeat center; position: relative;
}
.about4_1 .columnTitle {
	padding: 103px 0px 90px !important;
}
.developDeta {
	transition:0.3s linear; left: 0px; width: 600px; color: rgb(255, 255, 255); line-height: 25px; overflow: hidden; font-size: 14px; display: block; position: absolute; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;
}
.aboutTextC div {
	float: left; display: block;
}
.aboutTextC .aboutYear {
	background: url("../images/aboutImg1.png") no-repeat center; width: 185px; height: 90px; text-align: center;
}
.aboutTextC .aboutYear span {
	margin: auto 0px; color: rgb(255, 255, 255); line-height: 36px; padding-top: 20px; font-size: 40px; display: block;
}
.aboutTextC .aboutTxt {
	background: url("../images/textC.png") no-repeat right; width: 554px; height: 90px;
}
.aboutTextC .aboutTxt span {
	padding: 20px 63px 0px 40px; color: rgb(51, 51, 51); line-height: 24px; font-size: 14px; display: block;
}
.aboutTextC {
	overflow: hidden; margin-left: 220px;
}
.lineBox {
	background: url("../images/line.png") no-repeat top; left: 50%; width: 1920px; height: 385px; bottom: 75px; overflow: hidden; margin-left: -960px; position: absolute; z-index: 0;
}
.lineBox em {
	background: url("../images/line_h.png") no-repeat left top; left: 0px; top: 0px; width: 380px; height: 100%; overflow: hidden; display: block; position: absolute; z-index: 2;
}
.lineBox::after {
	overflow: hidden; display: block; content: "";
}
.about4Slide .bt {
	width: 48px; height: 48px; overflow: hidden; display: none; position: absolute;
}
.about4Slide .prev {
	background: url("../images/developPrev.png") no-repeat center; left: 160px; top: -135px;
}
.about4Slide .next {
	background: url("../images/developNext.png") no-repeat center; top: -135px; right: 180px;
}
.cloumn4 {
	overflow: hidden;
}
.column4Bottom {
	overflow: hidden;
}
.cloBox2 {
	overflow: hidden;
}
.cloBox2 dd {
	float: left; display: inline;
}
.clo1Banner1 {
	width: 580px; height: 40px; bottom: 0px; overflow: hidden; position: absolute;
}
.clo1Banner2 {
	width: 275px; height: 180px; overflow: hidden; position: relative;
}
.clo1Banner2 .bd1 {
	height: 100%; position: relative; z-index: 0;
}
.clo1Banner2 .bd1 li {
	vertical-align: middle; -ms-zoom: 1;
}
.clo1Banner2 .bd1 img {
	width: 275px; height: 180px; display: block;
}
.picScroll-left {
	overflow: hidden; position: relative;
}
.picScroll-left .hd {
	background: rgb(244, 244, 244); padding: 0px 10px; height: 30px; overflow: hidden;
}
.picScroll-left .hd .prev {
	background: url("../images/arrow.png") no-repeat 0px 0px; width: 5px; height: 9px; overflow: hidden; margin-top: 10px; margin-right: 5px; float: right; display: block; cursor: pointer;
}
.picScroll-left .hd .next {
	background: url("../images/arrow.png") no-repeat 0px 0px; width: 5px; height: 9px; overflow: hidden; margin-top: 10px; margin-right: 5px; float: right; display: block; cursor: pointer;
}
.picScroll-left .hd .next {
	background-position: 0px -50px;
}
.picScroll-left .hd .prevStop {
	background-position: -60px 0px;
}
.picScroll-left .hd .nextStop {
	background-position: -60px -50px;
}
.picScroll-left .hd ul {
	overflow: hidden; margin-top: 10px; float: right; -ms-zoom: 1;
}
.picScroll-left .hd ul li {
	background: url("../images/icoCircle.gif") no-repeat 0px -9px; width: 9px; height: 9px; text-indent: -999px; overflow: hidden; margin-right: 5px; float: left; cursor: pointer;
}
.picScroll-left .hd ul li.on {
	background-position: 0px 0px;
}
.picScroll-left .bd {
	padding: 20px; margin-right: -20px; background-color: rgb(255, 255, 255);
}
.picScroll-left .bd ul {
	overflow: hidden; -ms-zoom: 1;
}
.picScroll-left .bd ul li {
	width: 25%; text-align: center; overflow: hidden; float: left; _display: inline;
}
.picScroll-left .bd ul li a {
	margin: 0px 20px 0px 0px; display: block;
}
.picScroll-left .bd ul li .pic {
	text-align: center; padding-top: 65.45%; margin-bottom: 15px; position: relative;
}
.picScroll-left .bd ul li .pic img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.picScroll-left .bd ul li .title {
	color: rgb(51, 51, 51); line-height: 24px; font-size: 16px; margin-bottom: 15px;
}
.cloumn5Bottom {
	overflow: hidden;
}
.cloumn5imgText1 {
	background: rgb(255, 255, 255); padding: 20px 20px 0px; overflow: hidden;
}
.cloumn5imghover {
	width: 50%; margin-bottom: 20px; float: left; display: inline;
}
.cloumn5imghover .text .title {
	padding: 13px 0px;
}
.cloumn5imghover .text .title a {
	color: rgb(51, 51, 51); line-height: 26px; font-size: 16px;
}
.cloumn5imghover .text:hover a {
	color: rgb(255, 255, 255);
}
.cloumn5imghover .text:hover .textC {
	color: rgb(255, 255, 255);
}
.cloumn5imghover .text .textC {
	padding: 0px 10px 18px 0px; color: rgb(102, 102, 102); line-height: 26px; font-size: 14px;
}
.cloumn5imghover .text {
	height: 180px; overflow: hidden; padding-left: 20px; display: block;
}
.cloumn5imghover .text:hover {
	background: rgb(0, 116, 195); transition:0.6s linear;
}
.cloumn5imghover .text1 img {
	width: 275px; height: 180px;
}
.cloumn5imgText2 {
	margin-right: 20px; background-color: rgb(245, 245, 245);
}
.column6Bottom {
	padding: 20px 0px 10px; background-color: rgb(255, 255, 255);
}
.column6Bottom1 {
	padding: 0px 20px; overflow: hidden; margin-right: -20px;
}
.column6Bottom1 dd {
	width: 33.33%; overflow: hidden; float: left; display: inline;
}
.column6Bottom1 .con {
	overflow: hidden;
}
.column6Bottom1 dd .pic {
	overflow: hidden; position: relative;
}
.column6Bottom1 dd .pic::before {
	padding-top: 65.2%; display: block; content: "";
}
.column6Bottom1 dd .con1 img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.column6Bottom1 dd .text1 {
	padding: 20px 0px 35px; text-align: center; overflow: hidden;
}
.column6Bottom1 dd .text1 span {
	height: 25px; line-height: 25px; overflow: hidden; font-size: 16px;
}
.news {
	background: url("../images/newsBg.jpg") no-repeat center / cover; left: 0px; top: 0px; right: 0px; bottom: 0px; padding-top: 90px; position: absolute;
}
.newsTitle {
	width: 32%;
}
.news .newsTitle {
	height: 100%;
}
.news .newsTitle .newsCell {
	padding: 23.24% 10.08% 0px 28.45%;
}
.sectionBox .BoxCell {
	padding: 23.24% 10.08% 0px 28.45%;
}
.news .BoxCell {
	padding-top: 0px;
}
.newsTitEn {
	width: 320px; color: rgb(51, 51, 51); font-size: 48px;
}
.newsTitCn {
	padding: 20px 0px; color: rgb(51, 51, 51); font-size: 22px;
}
.newsInfo {
	margin: 20px 0px; color: rgb(119, 119, 119); font-size: 14px;
}
.newsArrow {
	overflow: hidden; margin-bottom: 65px;
}
.newsPrev {
	transition:0.2s; width: 50px; height: 40px; float: left; cursor: pointer;
}
.newsNext {
	transition:0.2s; width: 50px; height: 40px; float: left; cursor: pointer;
}
.newsPrev {
	background: url("../test/newLeft.png") no-repeat center;
}
.newsNext {
	background: url("../test/newsRight.png") no-repeat center;
}
.newsPrev:hover {
	background: url("../test/newsLeft1.png") no-repeat center;
}
.newsNext:hover {
	background: url("../test/newsRight1.png") no-repeat center;
}
.newsMore {
	width: 155px; position: relative;
}
.newsMore a {
	border-radius: 5px; border: 3px solid rgb(43, 46, 149); transition:0.4s; border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: 40px; font-size: 14px; display: block; position: relative; z-index: 9;
}
.newsMore::after {
	background: rgb(43, 46, 149); border-radius: 5px; transition:0.3s; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: "";
}
.newsMore:hover::after {
	opacity: 0; transform: scale(1.3);
}
.newsMore:hover a {
	color: rgb(43, 46, 149);
}
.newsRight {
	height: 100%; overflow: hidden;
}
.newsList {
	height: 100%;
}
.newsList .slick-track {
	height: 100%;
}
.newsList .slick-list {
	height: 100%;
}
.newsList .imgDiv::after {
	padding-top: 66.66%; display: block; content: "";
}
.newsList .imgDiv img {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; object-fit: cover;
}
.newsList .mySlide {
	width: 25%; height: 100%; float: left; display: inline; position: relative;
}
.newsList .mySlide::after {
	left: 0px; top: 0px; height: 100%; border-left-color: rgb(234, 234, 234); border-left-width: 1px; border-left-style: solid; display: block; position: absolute; content: "";
}
.newsList .mySlide:hover img {
	transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05);
}
.newsList .mySlide img {
	transition:0.3s linear; transform: scale(1); -webkit-transform: scale(1); -webkit-transition: all 0.3s linear; -o-transform: scale(1); -o-transition: all 0.3s linear;
}
.newsList a {
	margin: 0px 20px; height: 100%; display: block;
}
.newsList .timeDay {
	color: rgb(193, 193, 193); font-size: 78px;
}
.newsList .listTime {
	color: rgb(102, 102, 102); font-size: 16px; margin-bottom: 0.5rem;
}
.newsList .listTit {
	transition:0.4s; height: 60px; color: rgb(68, 68, 68); line-height: 30px; overflow: hidden; font-size: 16px;
}
.newsList .listImg {
	margin: 15px 0px;
}
.newsList .imgDiv {
	overflow: hidden; position: relative;
}
.newsList .listInfo {
	height: 112px; color: rgb(136, 136, 136); line-height: 28px; overflow: hidden; font-size: 14px; margin-bottom: 25px;
}
.newsList .mySlide :hover .listInfo {
	color: rgb(239, 160, 65);
}
.newsList .listArrow span {
	background: url("../images/newsRight2.png") no-repeat right; height: 20px; color: rgb(153, 153, 153); line-height: 24px; padding-right: 40px; font-size: 14px;
}
.newsList a:hover .listTit {
	color: rgb(239, 160, 65);
}
.newsList a:hover .jqthumb {
	transform: scale(1.05);
}
.newsList a:hover .listArrow {
	-webkit-animation: arrowRight 1.4s infinite linear;
}
.newsListBox:hover .listBox {
	top: 230px;
}
.newsListBox:hover .listTit {
	height: 52px; white-space: normal;
}
.newsListBox:hover .listTit a {
	color: rgb(51, 51, 51);
}
.newsList .listTit a:hover {
	color: rgb(34, 133, 223);
}
.newsListBox:hover .listImg {
	top: -260px;
}
@media screen and (max-width:1600px)
{
.newsListBox:hover .listImg {
	top: -240px;
}
}
@media screen and (max-width:1366px)
{
.newsListBox:hover .listImg {
	top: -230px;
}
}
.newsListBox:hover .listInfr {
	color: rgb(102, 102, 102);
}
.newsListBox:hover .listMore {
	height: 22px; padding-top: 20px;
}
.newsListBox:hover .listTime::after {
	width: 100%;
}
.newsList .listBox .listMore a:hover {
	transform: translateX(3px);
}
.mapRight {
	width: 87.3%;
}
.mapRight .mapImg {
	margin-right: 14%; position: relative;
}
.mapImg {
	height: 420px;
}
.mapAddress {
	overflow: hidden;
}
.mapDl {
	overflow: hidden;
}
.mapRight .mapImg::after {
	padding-top: 42%; display: block; content: "";
}
.mapT1 {
	color: rgb(102, 102, 102); line-height: 35px; padding-left: 40px; font-size: 16px; display: block;
}
.mapAddress dl dd .ico1 {
	background: url("../test/log1.png") no-repeat left;
}
.mapAddress dl dd .ico2 {
	background: url("../test/photo.png") no-repeat left;
}
.mapAddress dl dd .ico3 {
	background: url("../test/mail.png") no-repeat left;
}
.mapT2 {
	color: rgb(153, 153, 153); line-height: 14px; padding-left: 40px; font-size: 14px;
}
.mapAddress dl dd {
	width: 100%; padding-bottom: 25px; float: left; display: inline;
}
.mapRight {
	width: 67.96%; overflow: hidden;
}
.mapRight .mapImg {
	padding-top: 110px;
}
.mapAddress .mapDl dd .con {
	overflow: hidden; margin-right: 30px;
}
.links {
	height: 100%; overflow: hidden; padding-top: 45px;
}
.formC {
	background: rgb(255, 255, 255); width: 234px;
}
.linkL .linkT1 {
	color: rgb(229, 229, 229); line-height: 26px; font-size: 14px;
}
.linkT span {
	color: rgb(153, 153, 153); line-height: 30px; font-size: 12px; display: block;
}
.linkT {
	padding-top: 13px;
}
.linkT span i {
	color: rgb(238, 159, 7); font-size: 16px; font-style: normal;
}
.linkL .con {
	padding-top: 15px;
}
.zpformSel {
	height: 33px; padding-right: 33px; position: relative;
}
.zpformSel .seljg {
	color: rgb(102, 102, 102); line-height: 33px; padding-left: 10px; font-size: 14px; cursor: pointer;
}
.zpformSel i {
	background: url("../images/delta.png") no-repeat center rgb(255, 255, 255); top: 0px; width: 33px; height: 33px; right: 0px; display: block; position: absolute; cursor: pointer;
}
.zpformSel .selTj {
	background: rgb(255, 255, 255); border-width: medium 1px 1px; border-style: none solid solid; border-color: currentColor rgb(222, 222, 222) rgb(222, 222, 222); border-image: none; left: -1px; top: 34px; width: 100%; overflow: hidden; display: none; position: absolute; z-index: 100000; -ms-overflow-y: auto; max-height: 120px;
}
.zpformSel:hover .selTj {
	display: block;
}
.zpformSel .selTj a {
	height: 35px; color: rgb(102, 102, 102); line-height: 35px; padding-left: 10px; font-size: 12px; margin-bottom: 1px; display: block;
}
.zpformSel .selTj a:hover {
	background: rgb(26, 131, 224); color: rgb(255, 255, 255);
}
.zpformSel .selTj a.hover {
	background: rgb(26, 131, 224); color: rgb(255, 255, 255);
}
.recruitForm {
	color: rgb(51, 51, 51); font-size: 14px; margin-right: -34px;
}
.recruitForm dd {
	padding: 10px 10px 0px 35px; width: 223px; text-align: center; float: left; display: inline;
}
.recruitForm dd .subtitle {
	height: 38px; color: rgb(218, 1, 0); line-height: 38px; font-size: 16px; font-weight: bold;
}
.recruitForm dd .title {
	height: 38px; line-height: 38px;
}
.recruitForm dd .title span {
	color: rgb(218, 1, 0);
}
.recruitForm dd .formC {
	border-radius: 5px; border: 1px solid rgb(226, 226, 226); border-image: none;
}
.recruitForm dd .formC.np {
	padding: 0px;
}
.recruitForm dd input {
	background: none; border: currentColor; border-image: none; height: 38px; line-height: 38px; display: block;
}
.recruitForm dd input.input1 {
	width: 100%;
}
.recruitForm dd textarea {
	background: none; padding: 6px 0px; border: currentColor; border-image: none; width: 100%; height: 25px; line-height: 25px; display: block;
}
.fp-tableCell {
	height: 0px; overflow: hidden; position: relative;
}
.section {
	background: rgb(255, 255, 255); height: 100%; overflow: hidden;
}
#fullpage {
	transition:1s cubic-bezier(0.6, 0, 0, 0.6) 0.4s !important;
}
.floLeftBox {
	top: 50%; height: 150px; right: 30px; overflow: hidden; position: fixed; z-index: 9; transform: translateY(-50%);
}
.floLeft {
	transition:0.4s; position: relative;
}
.floLeft dd {
	transition:0.4s; height: 30px; position: relative; cursor: pointer;
}
.floLeft i {
	width: 50px; height: 30px; float: right; position: relative;
}
.floLeft i::after {
	transition:0.4s; top: 50%; width: 50%; right: 0px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; position: absolute; content: "";
}
.floLeft dd:hover i::after {
	width: 100%;
}
.floLeft.hover i::after {
	border-color: rgb(153, 153, 153);
}
.floLeft span {
	transition:0.4s; top: 0px; width: 60px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; padding-left: 8px; font-size: 14px; float: left; position: relative; opacity: 0;
}
.floLeft.hover span {
	color: rgb(102, 102, 102);
}
.floLeft dd.active i::after {
	width: 100%;
}
.floLeft dd.active span {
	opacity: 1;
}
.floRight {
	top: 50%; right: 25px; position: fixed; transform: translateY(-50%);
}
#fp-nav li {
	margin: 5px auto; width: 20px; font-size: 0px; position: relative;
}
#fp-nav li a {
	border-radius: 50%; border: 1px solid transparent; transition:0.4s; border-image: none; width: 18px; height: 18px; display: block; position: relative; z-index: 9;
}
#fp-nav li::after {
	background: rgb(255, 255, 255); border-radius: 50%; transition:0.4s; left: 50%; top: 50%; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; display: block; position: absolute; content: "";
}
#fp-nav li.active a {
	border-color: rgb(255, 255, 255);
}
.pageNum {
	transition:0.4s; height: 20px; color: rgb(255, 255, 255); padding-top: 50px; position: relative;
}
.pageNum::after {
	left: 50%; height: 40px; bottom: 30px; border-left-color: rgb(209, 209, 209); border-left-width: 1px; border-left-style: solid; position: absolute; content: "";
}
.pageNum em {
	font-size: 20px;
}
.pageNum span {
	font-size: 14px;
}
.floRight.hover #fp-nav li.active a {
	border-color: rgb(136, 136, 136);
}
.floRight.hover #fp-nav li::after {
	background: rgb(136, 136, 136);
}
.floRight.hover .pageNum {
	color: rgb(102, 102, 102);
}
.footer {
	padding: 0px 70px; background-color: rgb(51, 51, 51);
}
.footer1 {
	overflow: hidden;
}
.footerLF {
	padding: 30px 0px; float: left; display: inline;
}
.footerMenu {
	overflow: hidden; padding-right: 197px;
}
.footerMenu dd {
	margin-right: 110px; float: left; display: inline;
}
.footerMenu dd em {
	height: 50px; line-height: 50px; overflow: hidden; font-style: normal; display: block;
}
.footerMenu dd em a {
	color: rgb(255, 255, 255); font-size: 14px;
}
.footerMenu dd em a:hover {
	color: rgb(0, 116, 195);
}
.footerMenu dd span {
	padding: 5px 0px; line-height: 20px; overflow: hidden; font-style: normal; display: block;
}
.footerMenu dd span a {
	color: rgb(153, 153, 153); font-size: 12px;
}
.footerMenu dd span a:hover {
	color: rgb(0, 116, 195);
}
.footerEwm {
	overflow: hidden;
}
.footerEwm dd {
	width: 105px; overflow: hidden; padding-right: 15px; float: left; display: inline; position: relative;
}
.footerEwm dd img {
	width: 105px; height: 105px; display: block;
}
.footerEwm dd span {
	height: 40px; text-align: center; color: rgb(102, 102, 102); line-height: 40px; font-size: 12px; display: block;
}
.footerFR .footerFT {
	height: 26px; text-align: left; color: rgb(255, 255, 255); font-size: 14px; font-style: normal; display: block;
}
.footerEwm {
	padding: 45px 45px 0px 0px; float: left;
}
.footerFTR {
	padding-top: 75px; float: left; display: inline;
}
.footerFTRD dd span {
	line-height: 30px; font-size: 12px;
}
.footerFTRD dd span i {
	color: rgb(255, 0, 0); font-size: 16px;
}
.footerBO1 {
	padding: 0px 70px; height: 50px; overflow: hidden; background-color: rgb(0, 0, 0);
}
.footerBoT {
	line-height: 50px; overflow: hidden; font-size: 14px;
}
.footerBoTe {
	background: url("../images/cnzz.png") no-repeat right; margin-top: 10px;
}
.footerBoTe span {
	line-height: 24px; overflow: hidden; font-size: 12px; margin-right: 65px;
}
.footerGS {
	padding: 50px 0px 0px 30px; overflow: hidden;
}
.footerGS img {
	margin-bottom: 25px;
}
.footerGS span {
	color: rgb(255, 254, 254); font-size: 20px; margin-left: 10px; display: block;
}
.subNav {
	background: rgb(255, 255, 255); height: 60px; position: relative; z-index: 9;
}
.subNavBox {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; position: relative; box-shadow: 0px 1px 10px rgba(0,0,0,0.05);
}
.subNavBox.fixed {
	position: fixed;
}
.subNav .location {
	border: currentColor; border-image: none; height: 60px; line-height: 60px;
}
.nav {
	height: 60px; margin-right: -15px; position: relative;
}
.nav dd {
	height: 60px; color: rgb(102, 102, 102); line-height: 60px; font-size: 14px; float: left; display: inline; position: relative; z-index: 9;
}
.nav span a {
	padding: 0px 20px; color: rgb(102, 102, 102); display: block;
}
.nav span a.hover {
	color: rgb(43, 46, 149);
}
.nav span a:hover {
	color: rgb(43, 46, 149);
}
.navLine {
	background: rgb(43, 46, 149); left: 0px; width: 0px; height: 3px; bottom: 0px; display: block; position: absolute;
}
.threeNav {
	background: rgb(255, 255, 255); border-radius: 0px 0px 3px 3px; left: 0px; top: 100%; width: 100%; display: none; position: absolute; box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1);
}
.threeNav a {
	text-align: center; line-height: 36px; display: block;
}
.threeNav a + a {
	border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid;
}
.threeNav a.hover {
	color: rgb(44, 46, 146);
}
.pageLeft {
	width: 240px; margin-right: 30px; display: none; min-height: 75px;
}
.minH450 {
	height: auto !important; min-height: 450px;
}
.pageBox .subTitle {
	display: none;
}
.subTitle {
	padding: 0px 30px; height: 66px; line-height: 65px;
}
.pageFix.fixde {
	top: 90px; width: 240px; position: fixed;
}
.subMenuTit {
	background: url("../images/jt1.png") no-repeat right 20px center rgb(30, 111, 166); padding: 0px 40px; height: 75px; color: rgb(255, 255, 255);
}
.subMenuCn {
	padding-top: 15px; font-size: 18px;
}
.subMenuEn {
	padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; display: block;
}
.subMenu1 {
	background: rgb(255, 255, 255);
}
.subMenu1 dd {
	padding: 0px 40px; line-height: 50px; position: relative;
}
.subMenu1 dd::after {
	background: rgb(249, 249, 249); transition:0.4s; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; content: ""; opacity: 0;
}
.subMenu1 dd:hover::after {
	width: 100%; opacity: 1;
}
.subMenu1 dd.hover::after {
	width: 100%; opacity: 1;
}
.subMenu1 dd + dd {
	border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.subMenu1 a {
	background-position: right; transition:0.3s; color: rgb(85, 85, 85); font-size: 14px; display: block; position: relative; z-index: 9; background-image: url("../images/menuIco1.png"); background-repeat: no-repeat;
}
.subMenu1 a:hover {
	color: rgb(0, 109, 184);
}
.subMenu1 dd:hover a {
	color: rgb(0, 109, 184);
}
.subMenu1 dd.hover a {
	color: rgb(0, 109, 184);
}
.leftContact img {
	width: 240px; height: 120px;
}
.contactText {
	padding: 20px 25px;
}
.contactText .textEn {
	padding: 5px 0px; color: rgb(153, 153, 153); font-family: Arial; font-size: 12px;
}
.contactText .textTel {
	color: rgb(0, 116, 195); font-size: 26px;
}
.location1 {
	background: url("../images/location.png") no-repeat left; color: rgb(153, 153, 153); padding-left: 20px; font-size: 14px;
}
.location1 i {
	font-style: normal;
}
.location1 a {
	color: rgb(153, 153, 153); overflow: hidden; font-size: 14px;
}
.location1 a.hover {
	color: rgb(0, 116, 195);
}
.location {
	overflow: hidden; border-bottom-color: rgb(230, 230, 230); border-bottom-width: 1px; border-bottom-style: solid;
}
.page {
	padding: 30px 0px; text-align: center; clear: both; font-size: 14px;
}
.page a {
	background: rgb(255, 255, 255); margin: 0px 3px; padding: 6px 12px; border-radius: 3px; color: rgb(153, 153, 153); overflow: hidden; display: inline-block;
}
.page span {
	padding: 6px 2px; top: -15px; display: inline-block; position: relative;
}
.page a:hover {
	background: rgb(205, 40, 30); color: rgb(255, 255, 255);
}
.page a.hover {
	background: rgb(45, 47, 148); color: rgb(255, 255, 255);
}
.page input {
	border: 1px solid rgb(230, 230, 230); border-image: none; top: -2px; height: 22px; vertical-align: middle; display: inline-block; position: relative;
}
.page input.pageDetail {
	border-radius: 3px; top: -13px; width: 30px; height: 30px; text-align: center; color: rgb(153, 153, 153); position: relative;
}
.page label {
	top: -11px; color: rgb(153, 153, 153); position: relative;
}
.page input.page_bnt {
	background: none; border: currentColor; border-image: none; top: -13px; width: 30px; height: 25px; color: rgb(153, 153, 153); position: relative; cursor: pointer;
}
.page a div {
	background-position: center; width: 11px; height: 19px; background-repeat: no-repeat;
}
.page a.firstPage div {
	background-image: url("../images/page/firstPage.png");
}
.page a.prevPage div {
	background-image: url("../images/page/prevPage.png");
}
.page a.nextPage div {
	background-image: url("../images/page/nextPage.png");
}
.page a.lastPage div {
	background-image: url("../images/page/lastPage.png");
}
.page a.firstPage:hover div {
	background-image: url("../images/page/firstPageh.png");
}
.page a.prevPage:hover div {
	background-image: url("../images/page/prevPageh.png");
}
.page a.nextPage:hover div {
	background-image: url("../images/page/nextPageh.png");
}
.page a.lastPage:hover div {
	background-image: url("../images/page/lastPageh.png");
}
.page a.firstPage.disabled {
	background: rgb(226, 226, 226);
}
.page a.prevPage.disabled {
	background: rgb(226, 226, 226);
}
.page a.nextPage.disabled {
	background: rgb(226, 226, 226);
}
.page a.lastPage.disabled {
	background: rgb(226, 226, 226);
}
.page a.firstPage.disabled div {
	background-image: url("../images/page/firstPage.png");
}
.page a.prevPage.disabled div {
	background-image: url("../images/page/prevPage.png");
}
.page a.nextPage.disabled div {
	background-image: url("../images/page/nextPage.png");
}
.page a.lastPage.disabled div {
	background-image: url("../images/page/lastPage.png");
}
@media only screen and (max-width:1870px)
{
.footer .footer1 .footerLF dl {
	padding-right: 100px;
}
.footer .footer1 .footerLF dl dd {
	margin-right: 100px;
}
}
@media only screen and (max-width:1745px)
{
.footer .footer1 .footerLF dl {
	padding-right: 80px;
}
.footer .footer1 .footerLF dl dd {
	margin-right: 80px;
}
}
@media only screen and (max-width:1655px)
{
.menuDl dd span a {
	padding: 0px 10px;
}
}
@media only screen and (max-width:1615px)
{
.footer .footer1 .footerLF dl {
	padding-right: 60px;
}
.footer .footer1 .footerLF dl dd {
	margin-right: 60px;
}
}
@media only screen and (max-width:1500px)
{
.menuDl dd span a {
	padding: 0px 5px;
}
}
@media only screen and (max-width:1450px)
{
.menuDl {
	padding-right: 10px;
}
.footer .footer1 .footerLF dl {
	padding-right: 40px;
}
.footer .footer1 .footerLF dl dd {
	margin-right: 40px;
}
}
@media only screen and (max-width:1400px)
{
.logo {
	transition:1s linear; margin-left: 10px;
}
}
@media only screen and (max-width:1366px)
{
.logo {
	margin-left: 5px;
}
.menuDl {
	padding-right: 5px;
}
}
@media only screen and (max-width:1325px)
{
.logo img {
	width: 430px;
}
.menuDl {
	padding-right: 0px;
}
}
@media only screen and (max-height:800px)
{
.mapRight .mapImg {
	padding-top: 60px;
}
}