@charset "utf-8";



* {

	margin: 0;

	padding: 0

}

body {
	/* 官网主题色: 只需修改此处改变整个网站的主题颜色 */
	--mainColor: #2b86dc;
}



table {

	border-collapse: collapse

}



a {

	text-decoration: none

}



a:focus,a:hover {

	text-decoration: none

}



a:focus {
	outline: 0
}
input, input:focus, textarea {
	outline: none;
}
p {

	margin: 0

}



ol,ul {

	margin: 0

}

li {
	list-style: none;
}



.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5 {

	margin: 0

}



.cor_red {

	color: #da0502

}



.cor_yellow {

	color: #f5fb47

}



.cor_blue {

	color: #00eaff

}



.f22 {

	font-size: 22px

}



.clear {

	clear: both

}



.shows {

	display: block;

}



.hides {

	display: none;

}



ol {

	padding-left: 25px

}



.ellipsis {

	display: block;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.bd_weixin_popup {

	height: auto!important

}



html {

	height: 100%

}



body {

	position: relative;

	height: 100%;

	min-width: 320px;

	font-family: Arial,"微软雅黑"

}



.imgBg {

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat

}
.padding_top_mbox {
	padding-top: 60px;
	background-color: #fff;
}

/* 公司简介-banner部分 */
.imgBg img {
	width: 100%;
	height: 100%;
}

.company-profile-wrapper {
	width: 100%;
}

/* 公司简介-关于雄猫 */
.company-profile {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	margin-bottom: 100px;
}
.company-profile-title {
	width: 100%;
	height: 125px;
	margin: 0 0 30px -40px;
}
.company-profile-title-img {
	width: auto;
	height: 100%;
}
.company-profile-content {
	display: flex;
	margin-top: 30px;
}
.company-profile-text {
	flex: 0 0 600px;
	padding: 120px 120px 120px 80px;
	box-sizing: border-box;
	background-color: #ccc;
	font-size: 18px;
	box-shadow: 2px 2px 16px rgb(105 105 105 / 52%);
}
.mbox2TitEn-profile {
	font-weight: bold;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.company-profile-img-top {
	display: none;
}
.company-profile-img-right {
	display: block;
	margin: 80px 0 0 -60px;
}
.company-profile-img-right img {
	width: 687px;
	height: 444px;
	box-shadow: 2px 2px 16px rgb(105 105 105 / 52%);
}

/* 业务范围 */
.scope-of-business {
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}
.scope-of-business-content {
	width: 100%;
	height: 600px;
	display: flex;
}
.scope-of-business-content-img {
	flex: 0 0 600px;
	opacity: 0;
}
.scope-of-business-content-img img {
	width: 100%;
	height: 100%;
}
.scope-of-business-text {
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
	opacity: 0;
}

/* 发展历程 */
.development-course-wrapper {
	background-image: url(../images/company_profile/lichen_background.png);
}
.development-course {
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}
.development-course-content {
	display: flex;
	margin-top: 50px;
}
.development-course-center {
	width: auto;
	height: auto;
	margin: 0 auto;
	display: flex;
}
.development-course-center img {
	opacity: 0;
}
.development-course-left {
	flex: 1;
}
.development-course-center-img {
	flex: 0 0 20%;
	display: flex;
}
.development-course-right {
	flex: 1;
}
.development-course-right-one {
	position: relative;
	top: -5%;
}
.development-course-right-two {
	position: relative;
	top: 8%;
}
.development-course-left-one {
	position: relative;
	top: 18%;
}
.development-course-left-two {
	position: relative;
	top: 34%;
}
.development-history {
	display: none;
	flex-direction: column;
}
.development-history-list {
	display: flex;
	margin-bottom: 30px;
	padding: 10px 5px;
	opacity: 0;
}
.development-year {
	flex: 0 0 20%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.development-year span {
	display: inline-block;
	width: 90%;
	height: 0;
	padding-bottom: 80%;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid #2b86dc;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #2b86dc;
	font-weight: bold;
	position: relative;
}
.development-year strong {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 20px;
}
.development-history-items {
	flex: 1;
	margin-left: 10px;
}
.development-history-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
}
.development-history-month-item {
	color: darkgoldenrod;
	font-weight: bold;
	border-left: 6px solid darkgoldenrod;
	padding-left: 10px;
	margin-bottom: 6px;
	line-height: 20px;
}
.development-history-month-info {
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
}
.colorEee {
	background-color: #eee;
}

/* 荣誉展示 */
.company-honor {
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}
.company-honor-top {
	width: 100%;
	height: 700px;
}
.company-honor-top img {
	width: 100%;
	height: 100%;
}
.company-honor-item {
	display: inline-block;
	margin: 10px 0 0 2px!important;
}
.company-honor-item-list img {
	width: 100%;
}
.swiper-container-honor img {
	cursor: pointer;
}
.swiper-container {
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 40px;/* 设置按钮大小 */
}

/* 团队风采 */
.excellent-team {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}
.swiper-container-excellent .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-container-excellent img {
	width: 100%;
}

/* 规定公司简介宽度 */
.company-profile, .scope-of-business, .development-course, .company-honor, .excellent-team {
	width: 1230px;
	margin: 0 auto 100px;
}


/* 媒体资源/\服务内容 */
.meida-resources, .service-content, .partner-content{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 100px 0 50px;
	box-sizing: border-box;
}

/* 媒体资源/\服务内容-上面的内容 */
.media-resources-wrapper, .service-content-wrapper {
	height: auto;
}
/* 媒体资源/\服务内容-上面的内容标题 */
.media-resources-title, .service-content-wrapper-title {
	display: flex;
	justify-content: center;
	align-items: center;
}
.media-resources-title-box, .service-content-wrapper-title-box {
	width: 400px;
	height: auto;
	padding: 0 10px;
	box-sizing: border-box;
}
.m-r-t-head, .s-c-w-t-head {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	font-weight: bold;
}
.m-r-t-brief, .s-c-w-t-brief {
	width: 100%;
	height: auto;
	text-align: center;
	line-height: center;
	font-size: 24px;
	color: #666;
}
.m-r-t-footer, .s-c-w-t-footer {
	width: 100%;
	height: 30px;
}
.m-r-t-footer-box, .s-c-w-t-footer-box {
	width: 30px;
	height: 100%;
	margin: 0 auto;
	border-bottom: 2px solid var(--mainColor);
}
/* 媒体资源/\服务内容-上面的内容资源列 */
.media-resources-items-list, .service-content-wrapper-items-list {
	height: auto;
	margin: 30px 0 100px;
	display: flex;
	flex-wrap: wrap;
}
.media-resources-item {
	flex: 0 0 300px;
	margin-bottom: 40px;
	opacity: 0;
}
.service-content-item {
	flex: 33%;
	margin-bottom: 40px;
	opacity: 0;
}
.service-content-wrapper-item {
	width: 206px;
	height: auto;
	margin: 0 auto;
	border-radius: 20px;
	padding: 10px 0;
	box-sizing: border-box;
}
.media-resources-item span, .service-content-item span {
	display: block;
}
.media-resources-item-img {
	width: 170px;
	height: 170px;
	margin: 0 auto 20px;
}
.service-content-item-img {
	width: 100px;
	height: 100px;
	margin: 0 auto 20px;
}
.media-resources-item-img img, .service-content-item-img img {
	width: 100%;
}
.media-resources-item-title, .service-content-item-title {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	margin-bottom: 20px;
}
.service-content-item-title {
	font-size: 18px;
	margin-bottom: 5px;
}
.media-resources-item-info, .service-content-item-info {
	width: 206px;
	margin: 0 auto;
	font-size: 16px;
	text-align: center;
	line-height: 20px;
}

/* 媒体资源-下面的主题内容 */
.media-resources-content {
	height: auto;
}
.media-resources-content-brand {
	height: 40px;
	margin-bottom: 40px;
}
.media-resources-content-brand ul {
	display: flex;
	flex-wrap: wrap;
}
.media-resources-content-brand ul li {
	flex: 0 0 12.5%;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	cursor: pointer;
}
.media-resources-content-brand ul li:hover {
	background: #2b86dc;
    color: #fff;
    border-radius: 20px;
}
.media-resources-content-brand-list-item-selected {
	background: #2b86dc;
    color: #fff;
    border-radius: 20px;
}


/* 媒体资源-资源信息 */
.media-resources-content-brand-brief {
	height: auto;
	margin-bottom: 50px;
}
.media-resources-content-brand-brief-show {
	display: block;
}
.media-resources-content-brand-brief-hide {
	display: none;
}
.m-r-c-b-b-title {
	height: 30px;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	color: #666;
	margin-bottom: 30px;
}
.m-r-c-b-b-info {
	height: 40px;
	display: flex;
	align-items: center;
	margin-bottom: 14px;
}
.m-r-c-b-b-i-span {
	width: 800px;
	height: 26px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	color: #666;
	font-size: 20px;
}
.m-r-c-b-b-i-span span {
	flex: 50%;
}
/* 媒体资源-广告展现形式 */
.media-advertising-presentation {
	margin-bottom: 50px;
}
.media-advertising-presentation-title {
	display: flex;
}
.m-a-p-t-item {
	flex: 1;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 媒体资源-广告收费方式 */
.media-advertising-charge {
	margin-top: 40px;
	height: auto;
}
.media-advertising-charge-title {
	height: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 30px;
}
.media-advertising-charge-text {
	height: 24px;
	font-size: 18px;
	color: #4b4b4b;
	text-align: center;
	line-height: 24px;
}

/* 服务内容-精准定位-内容 */
.service-precise-positioning-content {
	width: 100%;
	height: auto;
	margin-top: 30px;
}
.service-precise-positioning-content-wrapper {
	width: 850px;
	height: auto;
	margin: 0 auto;
}
.service-precise-positioning-content-wrapper-item {
	height: 120px;
	display: flex;
	margin-bottom: 20px;
	color: #fff;
}
.s-p-p-c-w-i-color-one {
	background-color: #2b86dc;
}
.s-p-p-c-w-i-color-two {
	background-color: #4187c9;
}
.s-p-p-c-w-i-color-three {
	background-color: #6398ca;
}
.s-p-c-w-i-t-and-i {
	flex: 0 0 250px;
	display: flex;
}
.s-p-c-w-i-title {
	flex: 0 0 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
}
.s-p-c-w-i-icon {
	flex: 0 0 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.s-p-c-w-i-icon img {
	width: 80%;
}
.s-p-c-w-i-text {
	flex: 1;
	padding: 0 28px;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 16px;
	display: flex;
	align-items: center;
	opacity: 0;
}


/* 回顶部按钮 */
.siteBackToTop_small_box {
	background-image: url(../images/siteBackToTop.png);
      width: 40px;
      height: 40px;
      position: fixed;
      bottom: 50px;
      right: 10px;
      background-color: #f5f5f5;
      cursor: pointer;
      opacity: 0;
      transform: translateY(0);
      transition: all .5s linear;
}

/* 联系我们-地图 */
#container-map  {
	width: 100%;
	height: 300px;
	margin-bottom: 50px;
}
.amap-icon img {
	width: 25px;
	height: 34px;
}

.amap-marker-label{
	border: 0;
	background-color: transparent;
}
.info{
	position: relative;
	top: 3rem!important;
	right: -10rem!important;
	min-width: 0;
}

.partner_main {
	display: flex;
	height: 550px;
}

.swiper-container-partner .swiper-button-next, .swiper-container-partner .swiper-button-prev {
	top: auto;
	bottom: -30px;
	color: #333;
}
.swiper-container-partner .swiper-button-next:after,.swiper-container-partner .swiper-button-prev:after {
	font-size: 0;
}
.swiper-container-partner .swiper-button-prev {
	margin-left: 4%;
}
.swiper-container-partner .swiper-button-next {
	margin-right: 4%;
}
.partner_title_wrapper {
	margin-bottom: 30px;
}
.partner_title {
	font-size: 30px;
	text-align: center;
}
.partner_main_left li {
    text-align: center;
    line-height: 50px;
    height: 50px;
    background: #ccc;
    color: #333;
    font-size: 16px;
	cursor: pointer;
}
.partner_main_left li:hover, .partner_main_left .partner_selected {
    background: #2b86dc;
    color: #fff;
}
.partner_main_right div:nth-child(n+2) {
	display: none;
}
.partner_main_right div {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.partner_main_right a {
    display: inline-flex;
    justify-content: center;
    width: calc(25% - 20px);
    overflow: hidden;
	margin-bottom: 30px;
}
.partner_main_right img {
	background-color: #fff;
}
.partner_careful {
	margin: 10px 0;
    text-align: center;
    font-size: 12px;
    color: #666;
	line-height: 26px;
	border-bottom: 1px solid #ccc;
}

/* 首页 */
.a-btn-more {
	display: inline;
    float: left;
}
.mbox4Btn-more {
	display: inline;
    float: right;
    margin-top: 6px;
}

.menuBg {
	display: none;

	position: fixed;

	top: 0;

	right: 0;

	z-index: 2;

	padding: 20px 0 0;

	width: 60px;

	height: 100%;

	background: #FFF

}



.menuBtn {

	text-align: center;

	cursor: pointer

}



.menuBtn img {

	margin: 6px auto 10px

}



.mBtnLine {

	font-size: 0

}



.mBtnLine span {

	display: inline-block;

	width: 2px;

	height: 20px;

	background: #fff;

	vertical-align: top

}



.mBtnLine span:nth-child(2) {

	margin: -4px 3px 0

}



.mOnLine {

	position: absolute;

	right: 0;

	bottom: 0;

	padding: 25px 0;

	width: 100%;

	background: var(--mainColor);

	color: #FFF

}



.mOnLine li {

	position: relative

}



.mOnLine a {

	color: #FFF

}



.mOnLineIco {

	position: relative;

	z-index: 1;

	padding-bottom: 1px;

	background: var(--mainColor);

	font-size: 18px;

	line-height: 36px;

	cursor: pointer

}



.mOnLineCon {

	position: absolute;

	top: 0;

	right: 60px;

	z-index: 0;

	padding: 0 20px;

	background: var(--mainColor);

	white-space: nowrap;

	line-height: 36px;

	transform: translate(150%,0)

}



.mOnLineCon a {

	display: block

}



.onLineWx .mOnLineCon {

	top: auto;

	bottom: -25px;

	padding: 5px 0;

	width: 140px;

	background: 0 0;

	background: #FFF

}



.onLineWx .mOnLineCon img {

	margin: 0 auto

}



.mOnLine li:hover .mOnLineCon {

	transition: all .5s ease 0s;

	transform: translate(0,0)

}



.headerBg {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	margin-right: 60%;

	padding: 0;

	width: 100%

}



.header {
	height: 60px;
	padding-left: 10%;
	display: flex;
	align-items: center;
}



.logo {

	float: left

}



.logo a {

	display: block

}

/* 导航栏部分 */
.nav-wrapper {
	width: 100%;
}
.nav-wrapper-ul {
	margin-right: 10%;
	display: flex;
}
.nav-wrapper-li {
	height: 50px;
	flex: 1;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding: 0 20px;
}
li.nav-wrapper-li:hover .navlist-span-one {
	color: #fff!important;
}
li.nav-wrapper-li:hover .navlist-span-two {
	color: #fff!important;
}
li.nav-wrapper-li:hover > a {
	background: #2b86dc;
}
.down-introduce ul {
	text-align: center;
}

.down-introduce ul li {
	height: 34px;
	line-height: 34px;
	padding: 0 6px;
	background-color: #fff;
}
.nav-wrapper-li a {
	color: #333;
	display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.navlist-span-one {
	color: #fff;
}
.navlist-span-two {
	color: #000;
}
.down-introduce {
	font-size: 16px;
    width: 100%;
	padding: 5px 20px 0;
	position: absolute;
    top: 50px;
    right: 0;
	display: none;
}
.down-introduce a {
    width: 100%;
    height: 100%;
    display: inline-block;
	border-bottom: 1px solid #ccc;
	color: #333;
}
.down-introduce li:hover {
	background-color: #5cb0ff!important;
	transition: all .3s linear;
}
.down-introduce li:hover a {
	color: #fff;
	transition: all .3s linear;
}





.tel {
	display: none;

	float: right;

	color: #FFF;

	font-size: 18px;

	font-family: Verdana;

	line-height: 24px

}



.telIco {

	display: inline-block;

	margin-top: -4px;

	width: 20px;

	height: 16px;

	background: url(../images/tel.png) no-repeat;

	vertical-align: middle

}



.tel img {

	margin-top: -4px;

	vertical-align: middle

}



.fp-viewing-page2 .logo .hides {

	display: block

}

.fp-viewing-page2 .nav-wrapper .hides {

	display: block

}



.fp-viewing-page2 .logo .shows {

	display: none

}

.fp-viewing-page2 .nav-wrapper .shows {

	display: none

}



.navBg {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 3;

	background: #222;

	background: rgba(34,34,34,.9);

	opacity: 0;

	transition: all .5s ease 0s;

	transform: translate(-100%,0)

}



.navBg.active {

	opacity: 1;

	transform: translate(0,0)

}



.navTop {

	position: relative;

	z-index: 1;

	padding: 35px 40px;

	border-bottom: 1px solid #333;

	border-bottom: 1px solid rgba(255,255,255,.08)

}



.navClose {

	float: right;

	padding: 5px 0 0;

	width: 30px;

	height: 30px;

	cursor: pointer

}



.navClose span {

	display: block;

	width: 100%;

	height: 1px;

	background: #FFF;

	transform-origin: left center

}



.navClose span:first-child {

	transform: rotate(45deg)

}



.navClose span:last-child {

	margin-top: 20px;

	transform: rotate(-45deg)

}



.navBot {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	overflow: hidden;

	padding-top: 100px;

	height: 100%

}



.navList {

	overflow: hidden;

	height: 100%

}



.navList li {

	float: left;

	width: 12%;

	height: 100%;

	opacity: 0;

	transition: all .5s ease 0s;

	transform: translate(0,50px)

}



.navList li a {

	display: block;

	padding: 100px 0 0 20%;

	height: 100%;

	border-right: 1px solid #333;

	border-right: 1px solid rgba(255,255,255,.08);

	color: #FFF;

	transition: all .5s ease 0s

}



.navList li a span {

	display: block

}



.navEn {

	font-size: 30px

}



.navCn {

	font-size: 22px

}



.navList li a:hover {

	padding-left: 10%;

	color: var(--mainColor)

}



.navList li.text-right {

	padding: 100px 0 0;

	width: 13.5%;

	color: #FFF;

	font-size: 16px;

	line-height: 36px

}



.navTel {

	font-size: 22px;

	font-family: Verdana

}


ul.navList p.navTel a {
    display: inline-block;
    border-bottom: none;
    padding: 0;
}



.navBotCon {

	position: absolute;

	right: 2.5%;

	bottom: 65px;

	padding-left: 5px;

	width: 13.5%;

	color: #FFF;

	color: #FFF;

	font-size: 12px;

	line-height: 22px

}



.navSearch {

	position: relative;

	float: right;

	margin-bottom: 15px;

	padding-right: 34px;

	width: 77%;

	background: var(--mainColor);

	line-height: 32px

}



.navSearch input {

	display: block;

	padding: 5px 10px;

	width: 100%;

	height: 32px;

	border: none;

	background: 0 0;

	color: #FFF;

	line-height: 22px

}



.searchIco {

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	width: 34px;

	color: #FFF;

	text-align: center;

	font-size: 14px

}



.searchIco:focus,.searchIco:hover {

	color: #FFF

}



.navShare {

	font-size: 14px

}



.navShare li {

	position: relative

}



.navShare li a {

	color: #FFF

}



.navWechat {

	position: absolute;

	right: 0;

	bottom: 30px;

	width: 100px;

	opacity: 0;

	transition: all .5s ease 0s;

	transform: scaleY(0)

}



.navShare li:hover .navWechat {

	opacity: 1;

	transform: scaleY(1)

}



.active .navList li {

	opacity: 1;

	transform: translate(0,0)

}



.active .navList li {

	transition-delay: .3s

}



#navPage {

	position: fixed;

	top: 50%;

	left: 0;

	text-align: left;

	transition: all .1s ease-out 0s;

	transform: translateY(-50%)

}



#navPage.noactive {

	left: -10%

}



#navPage li {

	position: relative;

	padding-left: 40px

}



#navPage li:after {

	position: absolute;

	top: 85%;

	left: 0;

	display: block;

	width: 0;

	height: 1px;

	background: var(--mainColor);

	content: "";

	transition: all .5s ease-out 0s

}



#navPage li.active:first-child:after {

	width: 95px

}



#navPage li:first-child+li.active:after {

	width: 95px

}



#navPage li:first-child+li+li.active:after {

	width: 110px

}



#navPage li:first-child+li+li+li.active:after {

	width: 95px

}



#navPage li:first-child+li+li+li+li.active:after {

	width: 130px

}



#navPage li:first-child+li+li+li+li+li.active:after {

	width: 115px

}



#navPage li:first-child+li+li+li+li+li+li.active:after {

	width: 95px

}



#navPage li:first-child+li+li+li+li+li+li+li.active:after {

	width: 115px

}



#navPage li a {

	display: inline-block;

	color: #aaa;

	font-weight: 700;

	font-size: 0;

	font-family: Arial;

	line-height: 34px

}



#navPage li a i,#navPage li a span {

	display: inline-block;

	vertical-align: middle;

	font-size: 14px

}



#navPage li a i {

	font-style: normal

}



#navPage li a span {

	overflow: hidden;

	width: 0;

	white-space: nowrap;

	transition: all .5s ease-out 0s

}



#navPage li a:hover,#navPage li.active a {

	color: var(--mainColor)

}



#navPage li a:hover span,#navPage li.active a span {

	width: 80px

}



#hmpage {

	opacity: 0;

	-webkit-opacity: 0

}
.mbox1 .swiper-slide {

	position: relative;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	overflow: hidden;

	-webkit-box-align: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-pack: center;

	-webkit-flex-flow: column wrap;

	-ms-flex-flow: column wrap;

	flex-flow: column wrap;

	align-items: center

}



.mbox1 {

	position: relative;

	overflow: hidden;

	height: 100%

}



.banImg {

	position: relative;

	overflow: hidden;

	width: 100%;

	height: 100%

}



.banImg .imgBg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.mbox1 .swiper-slide-active .imgBg {

	animation: imageAnimation 6s linear 0s

}



.banText {

	position: absolute;

	bottom: 25%;

	left: 23%;

	z-index: 1;

	width: 478px

}
.banText4 {
	position: absolute;
	max-width: 80%;
	bottom: 92px;
}
.banTextCn3, .banTextEn3, .banTextDl {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.banText5 {
	position: absolute;
	max-width: 80%;
	height: 80%;
}
.banTextCnXx {
	width: 50%;
    position: absolute;
    top: 28%;
    left: 6%;
}
.banTextEnXx {
	position: absolute;
    left: 20%;
    top: 38%;
    width: 80%;
}
.banTextCnCom {
	width: 190%;
    position: absolute;
    top: 64%;
    left: 32%;
}
.ban5Line {
	position: absolute;
    top: 70%;
    left: 32%;
    display: block;
    margin: 20px 0;
    width: 52%;
    height: 2px;
    background: #fff;
    transition: all .5s ease 0s;
}
.banTextEnCom {
	width: 90%;
    position: absolute;
    top: 75%;
    left: 31%;
}
.banTextCnFot {
	position: relative;
    top: 84%;
    left: 6.5%;
}
.banBorder2 {
    top: 20%!important;
    left: 14%!important;
}
.banBorder2 .ban1Line1 {
	bottom: 260px;
    left: 0;
    width: 2px;
    height: 40px;
}
.banBorder2 .ban1Line2 {
	width: 140px;
}
.banBorder2 .ban1Line3 {
	right: 38px;
	height: 100px;
}
.banBorder2 .ban1Line4 {
	right: 38px;
    width: 2px;
    height: 100px;
    bottom: -50px;
	transform: rotate(180deg);
}
.banBorder2 .ban1Line5 {
	right: 40px;
    bottom: -50px;
    width: 140px;
    height: 2px;
	transform: rotate(180deg);
}
.banBorder2 .ban1Line6 {
	bottom: -50px;
    height: 40px;
    width: 2px;
	transform: rotate(180deg);
}


.ban1Line {

	display: block;

	margin: 20px 0;

	width: 100%;

	height: 1px;

	background: rgba(255,255,255,.2);

	transition: all .5s ease 0s

}



.banBorder1 {

	position: absolute;

	top: -40px;

	right: -43px;

	width: 180px;

	height: 300px

}



.banBorder1 span {

	position: absolute;

	display: block;

	transition: all .5s ease 0s

}



.banBorder1 span i {

	display: block;

	width: 100%;

	height: 100%;

	background: #FFF

}



.ban1Line1 {

	bottom: 274px;

	left: 0;

	width: 2px;

	height: 26px

}



.ban1Line1 i {

	position: absolute;

	bottom: 0;

	left: 0

}



.ban1Line2 {

	top: 0;

	left: 2px;

	width: 178px;

	height: 2px

}



.ban1Line3 {

	top: 2px;

	right: 0;

	width: 2px;

	height: 298px

}



.ban1Line4 {

	right: 0;

	bottom: 0;

	width: 178px;

	height: 2px

}



.ban1Line4 i {

	position: absolute;

	right: 0;

	bottom: 0

}



.ban1Line5 {

	bottom: 0;

	left: 0;

	width: 2px;

	height: 195px

}



.ban1Line5 i {

	position: absolute;

	bottom: 0;

	left: 0

}



.banBorder1:after {

	position: absolute;

	bottom: 30px;

	left: -35px;

	display: block;

	width: 49px;

	height: 12px;

	/* background: url(../images/banIco1.png) 0 center no-repeat; */

	content: "";

	animation: animatedBg 10s linear infinite

}



.banText2 {

	position: absolute;

	top: 50%;

	left: 50%;

	z-index: 1;

	margin: -334px 0 0 -334px;

	width: 668px;

	height: 668px

}



.banTextCn2,.banTextEn2 {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0

}



.banTextCir {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: url(../images/banner_02/banIcoCir2.png) center center no-repeat;

	background-size: cover

}



.banLine2 {

	position: absolute;

	width: 0;

	height: 0;

	background: url(../images/banner_02/ban2Line.png) center center no-repeat;

	background-size: cover;

	transition: all .5s ease 1.5s;

	animation: Yopacity 3s linear infinite .8s

}



.swiper-slide-active .banLine2 {

	width: 100%;

	height: 100%

}



.banBg3 {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: #e4e4e7

}



.banBg3:after {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 0;

	height: 100%;

	background: #242632;

	content: "";

	transition: all .8s ease .3s

}



.ban3Ico {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background-size: 100%;

	background-repeat: no-repeat

}



.ban3Ico1 {

	background-image: url(../images/ban3Ico1.png);

	background-position: left center

}



.ban3Ico2 {

	background-image: url(../images/ban3Ico2.png);

	background-position: bottom center

}



.ban3Ico3 {

	background-image: url(../images/ban3Ico3.png);

	background-position: right center

}



.banText3 {

	margin: 0 auto;

	padding: 50px 0 0;

	max-width: 60%

}



.banText3 img {

	margin: 0 auto

}



.banImg3 {

	position: relative;

	margin: 70px auto 0;

	max-width: 1150px

}



.banImg3>div {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.banImg3>div.banImg31 {

	position: relative

}



.swiper-slide-active .banBg3:after {

	width: 49.95%

}



.section {

	overflow: hidden;

	height: 100%;

	text-align: center

}



.mainbox3 {

	background: url(../images/mainbox3bg.jpg) center top no-repeat;

	background-size: cover

}



.mainbox4 {

	background: url(../images/mainbox4bg.jpg) right bottom no-repeat;

	background-size: cover

}



.mainbox5 {

	background: #f5f5f5

}



.mainbox6 {

	background: #f5f5f5

}



.main_box {

	padding-top: 86px

}



.mbox1 .swiper-pagination {

	bottom: 5%;

	margin: 0;

	padding-right: 1%;

	text-align: right

}



.mbox1 .swiper-pagination-bullet {

	width: 30px;

	height: 2px;

	border-radius: 0;

	background: #FFF;

	vertical-align: bottom;

	opacity: 1;

	transition: all .5s ease 0s

}



.mbox1 .swiper-pagination-bullet-active {

	height: 8px;

	background: var(--mainColor)

}



.welcome {

	position: absolute;

	bottom: 0;

	left: 40px;

	z-index: 1;

	display: block;

	width: 280px;

	height: 70px;

	background: var(--mainColor);

	color: #FFF;

	font-size: 14px;

	font-family: Arial;

	line-height: 70px

}



.welcome i,.welcome span,.welcome strong {

	display: inline-block;

	margin: 0 2px;

	vertical-align: middle

}



.welcomeDot {

	width: 4px;

	height: 4px;

	border-radius: 50%;

	background: #FFF

}



.welcomeLine {

	width: 46px;

	height: 1px;

	background: #FFF;

	transition: all .5s ease 0s

}



.welcome:focus,.welcome:hover {

	color: #FFF

}



.welcome:hover .welcomeLine {

	width: 60px

}



.mbox2Bg {

	background: url(../images/company_profile/box2-1Bg.jpg) center bottom no-repeat

}



.mbox3Bg {

	background: url(../images/service_content/box3Bg.jpg) center center no-repeat;

	background-size: cover

}

.mbox4Bg {
	background: url(../images/media_resources/advertising-media-bg.jpg) center bottom no-repeat;

	background-size: cover
}

.mbox7Bg {

	background: #f5f5f5

}



.mbox5Bg {

	background: url(../images/cooperative_partner/box5Bg.jpg) center bottom no-repeat;

	background-size: cover

}



.mbox6Bg {

	background: url(../images/contact_us/box6Bg.jpg) center center no-repeat;

	background-size: cover

}



.mbox8Bg {

	background: url(../images/contact_us/mboxBg5.jpg) center center no-repeat;

	background-size: cover

}



.box2ImgBg {

	position: absolute;

	top: 0;

	right: 0;

	overflow: hidden;

	width: 42%;

	height: 100%;

}



.box2ImgBg .imgBg {
	margin: 92px 50px 0 0;

	height: 90%;

	transition: all 1s ease 0s;

	transform: scale(1.05);
	
	background-image: none!important;

	/* margin-top: 30%; */

	margin-right: 50px;

}



.box2ImgBg .imgBg:hover {

	transform: scale(1)

}



.mbox2Text {

	padding-top: 50px;

	padding-left: 13%;

	width: 56%;

	text-align: left

}



.mbox2TitEn {

	color: var(--mainColor);

	font-weight: bold;

	text-transform: uppercase;

	font-size: 46px;

	font-family: Arial;

	line-height: 150%;

	opacity: 0;

	transition: all .6s ease 0s;

	transform: translateX(-50px)

}



.mbox2TitCn {

	color: #333;

	font-size: 30px;

	line-height: 150%;

	opacity: 0;

	transition: all .6s ease 0s;

	transform: translateX(-50px)

}



.mbox2Brief {

	overflow: hidden;

	margin: 20px 0;

	color: #777;

	font-size: 13px;

	line-height: 26px;

	opacity: 0;

	transition: all .8s ease 0s;

	transform: translateX(-50px)

}



.mbox2Num {

	margin: 40px -40px;

	color: #333;

	font-size: 0;

	line-height: 26px

}



.mbox2Num li {

	padding: 5px 40px;

	vertical-align: top;

	font-size: 12px

}



.mbox2NumSp {

	font-size: 38px;

	font-family: Arial

}



.mbox2Bot {

	position: relative;

	margin: 0 -2px;

	padding: 35px 35px 25px;

	background: #FFF;

	font-size: 0;

}



.mbox2Bot:after {

	position: absolute;

	top: 0;

	right: -130px;

	display: block;

	width: 130px;

	height: 100%;

	background: #FFF;

	content: ""

}



.mbox2Bot li {

	padding: 2px;

	width: 25%;

	vertical-align: top;

	text-align: center;

	opacity: 0;

	transition: all .8s ease 0s;

	transform: translateX(-20px);

}



.mbox2Bot li a {

	display: block;

	cursor: default;
}



.mbox2Img {

	margin-bottom: 10px

}



.mbox2Img img {

	margin: 0 auto;

	color: var(--mainColor)

}



.mbox2BotH3 {

	color: #333;

	font-size: 15px;

	line-height: 34px

}



/* .mbox2Bot li a:hover .mbox2Img img {

	animation: swing 1s infinite linear

} */



.mbox2More .welcome {

	position: static;

	width: 220px;

	height: 54px;

	line-height: 54px

}



.active .mbox2Bot li,.active .mbox2Brief,.active .mbox2TitCn,.active .mbox2TitEn {

	opacity: 1;

	transform: translateX(0)

}



.active .mbox2TitEn {

	transition-delay: .3s

}



.active .mbox2TitCn {

	transition-delay: .5s

}



.active .mbox2Brief {

	transition-delay: .7s

}



.mbox3 {

	margin: 0 auto;

	padding: 50px 0 0;

	max-width: 1270px

}



.mbox3Lef {

	float: left;

	width: 45%;

	text-align: left

}



.mbox3Tit {

	margin-bottom: 40px;

	margin-left: 120px;

	max-width: 350px;

	color: #FFF

}



.mbox3Tit .mbox2TitCn,.mbox3Tit .mbox2TitEn {

	color: #FFF;

	line-height: 130%

}



.mbox3Brief {

	overflow: hidden;

	margin: 5px 0 0;

	height: 44px;

	font-size: 12px;

	line-height: 22px;

	opacity: 0;

	transition: all .8s ease 0s;

	transform: translateX(-50px)

}



.active .mbox3Brief {

	opacity: 1;

	transition-delay: .7s;

	transform: translateX(0)

}



.mbox3LefCon {

	position: relative

}



.mbox3LefItem li {

	position: relative;

	padding-bottom: 32px;

	opacity: 0;

	transition: all .8s ease 0s;

	transform: translateY(20px)

}



.mbox3LefItem li:after {

	position: absolute;

	bottom: 0;

	left: 19px;

	display: block;

	width: 1px;

	height: 32px;

	background: rgba(255,255,255,.2);

	content: ""

}



.mbox3LefItem li:last-child:after {

	display: none

}



.mbox3LefItem li a {

	display: block;

	padding: 7px 0;

	height: 100%

}



.mbox3Ico,.mbox3Line,.mbox3Name {

	display: inline-block;

	color: #fefefe;

	vertical-align: top;

	font-size: 12px;

	font-family: Arial;

	line-height: 20px;

	transition: all .6s ease 0s

}



.mbox3Line {

	margin: 6px 20px 0;

	width: 40px;

	height: 1px;

	background: rgba(255,255,255,.2);

	font-size: 0

}



.mbox3H3 {

	margin-bottom: 5px;

	font-size: 15px

}



.mbox3LefItem li.active a .mbox3Line {

	width: 86px

}



.mbox3LefItem li a:hover .mbox3Name,.mbox3LefItem li.active a .mbox3Name {

	color: #fff

}



.mbox3Rig {

	position: relative;

	float: right;

	width: 55%;

	min-height: 211px;

	transition: all .6s ease 0s;

	transform: translateX(50%)

}



.box3RigImg img {

	float: right;

	max-width: 70%

}



.box3RigImgItem {

	display: none

}



.box3RigImgItem.active {

	display: block

}



.box3RigText {

	position: absolute;

	right: 60px;

	bottom: 80px;

	padding: 35px 60px;

	width: 100%;

	background: #FFF

}



.box3RigText .swiper-slide {

	text-align: left

}



.mbox3H4 {

	color: #333;

	font-size: 24px;

	line-height: 120%

}



.mbox3Con {

	overflow: hidden;

	margin: 15px 0;

	height: 48px;

	color: #777;

	font-size: 14px;

	line-height: 24px

}



.mbox3Btn {

	color: var(--mainColor);

	vertical-align: top;

	text-align: left;

	font-size: 24px

}



.mbox3Btn span {

	padding: 0 10px;

	cursor: pointer

}



.mbox3Pause img {

	margin-top: -4px

}



.active .mbox3LefItem li {

	opacity: 1;

	transform: translateY(0)

}



.active .mbox3Rig {

	transition: all .8s ease .3s;

	transform: translateX(0)

}



.fp-viewing-page4 .tel {

	color: var(--mainColor)

}



.fp-viewing-page4 .telIco {

	background-image: url(../images/telRed.png)

}



.fp-viewing-page4 .mBtnLine span {

	background: #fff

}



.mbox4Lef {

	position: absolute;

	top: 0;

	left: 0;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	width: 26%;

	height: 100%;

	background: #000;

	color: #ddd;

	-webkit-box-align: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-pack: center;

	-webkit-flex-flow: column wrap;

	-ms-flex-flow: column wrap;

	flex-flow: column wrap;

	align-items: center

}



.mbox4LefCon {

	padding-left: 32%;

	width: 100%;

	text-align: left

}



.mbox4Tit .mbox2TitCn,.mbox4Tit .mbox2TitEn {

	color: #ddd;

	line-height: 130%

}



.mbox4Tit .mbox3Brief {

	height: 22px

}



.mbox4LefItem {

	margin: 20px 0 40px;

	max-width: 180px

}



.mbox4LefItem li {

	opacity: 0;

	transition: all .5s ease 0s;

	transform: scaleY(-1) translateY(10px)

}



.mbox4LefItem li a {

	position: relative;

	display: block;

	padding: 10px 0;

	color: #bbb;

	font-size: 14px;

	line-height: 26px

}



.mbox4LefItem li a:before {

	position: absolute;

	top: 50%;

	left: 0;

	display: block;

	margin-top: -2px;

	width: 4px;

	height: 4px;

	border-radius: 50%;

	background: #FFF;

	content: "";

	opacity: 0;

	transition: all .6s ease 0s

}



.mbox4LefItem li a i.fa {

	color: #FFF;

	opacity: 0;

	transition: all .6s ease 0s;

	transform: translateX(-10px)

}



.mbox4LefLine {

	display: inline-block;

	margin: 0 7px 0 22px;

	width: 64px;

	height: 1px;

	background: rgba(255,255,255,.35);

	vertical-align: middle;

	transition: all .6s ease 0s

}



.mbox4LefItem li a:hover {

	color: #ff3431

}



.mbox4LefItem li a:hover:before {

	left: -26px;

	opacity: 1

}



.mbox4LefItem li a:hover i.fa {

	opacity: 1;

	transform: translateX(0)

}



.mbox4LefItem:hover .mbox4LefLine {

	width: 30px

}



.mbox4LefItem:hover li a:hover .mbox4LefLine {

	width: 76px;

	background: #FFF

}



.mbox4More {

	display: block;

	width: 140px;

	height: 42px;

	border: 1px solid rgba(255,255,255,.5);

	color: rgba(255,255,255,.5);

	text-align: center;

	line-height: 40px;

	transition: all .6s ease 0s

}



.mbox4MoreIco {

	position: relative;

	display: inline-block;

	margin: -3px 0 0 10px;

	width: 11px;

	height: 11px;

	vertical-align: middle

}



.mbox4MoreIco:after,.mbox4MoreIco:before {

	position: absolute;

	display: block;

	background: rgba(255,255,255,.5);

	content: "";

	transition: all .6s ease 0s

}



.mbox4MoreIco:after {

	top: 5px;

	left: 0;

	width: 100%;

	height: 1px

}



.mbox4MoreIco:before {

	top: 0;

	left: 5px;

	width: 1px;

	height: 100%

}



.mbox4More:focus,.mbox4More:hover {

	border-color: var(--mainColor);

	background: var(--mainColor);

	color: #FFF

}



.mbox4More:focus .mbox4MoreIco:after,.mbox4More:focus .mbox4MoreIco:before,.mbox4More:hover .mbox4MoreIco:after,.mbox4More:hover .mbox4MoreIco:before {

	background: #FFF

}



.mbox4 {
	margin-left: 26%;
	height: 100%;
	/* background: url(../images/media_resources/advertising-media-bg.jpg); */
	display: flex;
    justify-content: center;
    flex-direction: column;
}
.mbox4CenterImg {
	width: 80%;
    height: auto;
	background-color: #fff;
	display: flex;
	position: relative;
	top: 50px;
	transform: translateX(30%);
	transition: all .6s ease 0s;
}
.active .mbox4CenterImg {
	transition: all .8s ease .3s;
    transform: translateX(0);
}


.mbox4List {

	position: relative;

	padding: 20px!important;

	height: 100%

}



.mbox4List .swiper-wrapper {

	display: block;

	overflow: hidden

}



.mbox4List .swiper-slide {

	float: left;

	display: block;

	padding: 15px;

	width: 25%;

	height: 33.33%;

	opacity: 0;

	transition: all .8s ease 0s;

	transform: translateY(20px)

}



.mbox4Link {

	position: relative;

	display: block;

	overflow: hidden;

	height: 100%;
	border: 1px solid #eaeaea;

}



.mbox4Img {

	position: relative;

	overflow: hidden;

	height: 100%;

	transform: scale(1);

	transition: all 1s ease 0s;

}



.mbox4Img img {

	width: 100%;

	transition: all 1s ease 0s

}



.mbox4Ico {

	display: none;

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -30px 0 0 -20px;

	width: 40px;

	height: 40px;

	background: url(../images/mbox4Ico.png) center center var(--mainColor) no-repeat;

	opacity: 0;

	transition: all 1s ease 0s;

	transform: scale(10)

}



.mbox4Text {

	position: absolute;

	bottom: -100%;

	left: 0;

	padding: 9px 10px;

	width: 100%;

	background: var(--mainColor);

	color: #FFF;

	text-align: center;

	font-size: 14px;

	transition: all .6s ease 0s

}



.mbox4Text h3 {

	font-size: 14px;

	line-height: 200%

}



.mbox4Link:hover .mbox4Img {

	transform: scale(1.1);
	transition: all 1s ease 0s;
}



.mbox4Link:hover .mbox4Ico {

	opacity: 1;

	transform: scale(1)

}



.mbox4Link:hover .mbox4Text {

	bottom: 0

}



.mbox4Btn {

	position: absolute;

	top: 50%;

	display: none;

	color: var(--mainColor);

	font-size: 40px;

	cursor: pointer;

	transform: translateY(-50%)

}



.mbox4Prev {

	left: 50px

}



.mbox4Next {

	right: 50px

}



.mbox4Listm {

	display: none

}



.active .mbox4LefItem li {

	opacity: 1;

	transform: scaleY(1) translateY(0)

}



.active .mbox4List .swiper-slide {
	height: auto;

	opacity: 1;

	transition-delay: .3s;

	transform: translateY(0)

}



.active .mbox4List .swiper-slide:nth-child(2) {

	transition-delay: .5s

}



.active .mbox4List .swiper-slide:nth-child(3) {

	transition-delay: .7s

}



.active .mbox4List .swiper-slide:nth-child(4) {

	transition-delay: .9s

}



.active .mbox4List .swiper-slide:nth-child(5) {

	transition-delay: 1.1s

}



.active .mbox4List .swiper-slide:nth-child(6) {

	transition-delay: 1.3s

}



.active .mbox4List .swiper-slide:nth-child(7) {

	transition-delay: 1.5s

}



.active .mbox4List .swiper-slide:nth-child(8) {

	transition-delay: 1.7s

}



.active .mbox4List .swiper-slide:nth-child(9) {

	transition-delay: 1.9s

}

.active .mbox4List .swiper-slide:nth-child(10) {

	transition-delay: 2.1s

}

.active .mbox4List .swiper-slide:nth-child(11) {

	transition-delay: 2.3s

}

.active .mbox4List .swiper-slide:nth-child(12) {

	transition-delay: 2.5s

}

.fp-viewing-page4 .nav-wrapper .hides {

	display: none;

}



.fp-viewing-page4 .nav-wrapper .shows {

	display: block;

}

.fp-viewing-page5 .logo .hides {

	display: none;

}



.fp-viewing-page5 .logo .shows {

	display: block

}

.fp-viewing-page5 .nav-wrapper .hides {

	display: none;

}



.fp-viewing-page5 .nav-wrapper .shows {

	display: block

}



.fp-viewing-page5 .tel {

	color: var(--mainColor)

}



.fp-viewing-page5 .telIco {

	background-image: url(../images/telRed.png)

}



.fp-viewing-page5 .mBtnLine span {

	background: #fff

}



.mbox5 {

	padding-top: 50px

}
.mbox5Tit h3 {
	color: #fff;
}



.mbox5List {
	padding: 0 10px;
	box-sizing: border-box;
	margin: 10px auto;
	max-width: 62.5%;
	background-color: #fff;
	opacity: .9;
	position: relative;
}
.mbox5List .mbox2More {
	position: absolute;
	right: 0;
}


.mbox5List .swiper-container {

	padding: 30px 0

}



.mbox5List .swiper-slide {

	opacity: 0;

	transition: all .4s ease 0s;

	transform: translateY(100%)

}



.mbox5List .swiper-slide:nth-child(2n) {

	transform: translateY(-100%)

}



.mbox5List .swiper-slide a {

	position: relative;

	display: block;

	overflow: hidden;

	height: 100%;

	background: rgba(122,122,122,.05);

	transition: all .7s ease 0s

}



.mbox5List .swiper-slide img {

	width: 100%

}



.mbox5Img {

	transition: all .7s ease 0s

}



.mbox5Mask {

	position: absolute;

	display: none;

	width: 100%;

	height: 100%;

	background: var(--mainColor)

}



.mbox5Hov {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	transition: all .7s ease 0s;

	transform: scale(2)

}



.mbox5List .swiper-slide a:hover {

	background: var(--mainColor)

}



.mbox5List .swiper-slide a:hover .mbox5Img {

	opacity: 0;

	transform: scale(2)

}



.mbox5List .swiper-slide a:hover .mbox5Hov {

	opacity: 1;

	transform: scale(1)

}



.mbox5Bot {
	display: none;

	position: relative;

	padding: 10px 200px

}

div#swiper-mbox5List .swiper-button-next, div#swiper-mbox5List .swiper-button-prev {
	width: auto;
	height: auto;
	position: absolute;
    top: 98%;
}
div#swiper-mbox5List .swiper-button-prev strong {
    margin-left: 5px;
}
div#swiper-mbox5List .swiper-button-next strong {
    margin-right: 5px;
}
div#swiper-mbox5List .swiper-slide {
	margin-right: 4px!important;
}

.mbox5Btn {

	position: absolute;

	top: 50%;

	color: #333;

	font-size: 0;

	font-family: Arial;

	cursor: pointer;

	transform: translateY(-50%)

}



.mbox5Btn i,.mbox5Btn strong {

	display: inline-block;

	vertical-align: middle;

	font-size: 14px

}



.mbox5Btn i.fa {

	color: #333;

	font-size: 15px

}



.mbox5Btn strong {

	padding: 0 5px

}



.mbox5Line {

	width: 148px;

	height: 1px;

	background: #d2d2d2;

	transition: width .6s ease 0s

}



.mbox5Btn:hover .mbox5Line {

	width: 100px;

	background: var(--mainColor)

}



.swiper-button-disabled strong {

	opacity: .5

}



.swiper-button-disabled .mbox5Line {

	width: 100px

}



.swiper-button-disabled:hover .mbox5Line {

	background: #d2d2d2

}



.mbox5Prev {

	left: 0

}



.mbox5Next {

	right: 0

}



.mbox5Bot .swiper-pagination {

	position: static

}



.mbox5Bot .swiper-pagination-bullet {

	margin: 0 6px;

	width: 34px;

	height: 3px;

	border-radius: 0;

	background: #ccc;

	vertical-align: middle;

	opacity: 1

}



.mbox5Bot .swiper-pagination-bullet-active {

	background: var(--mainColor)

}



.active .mbox5List .swiper-slide {

	opacity: 1;

	transition: all .8s ease .5s;

	transform: translateY(0)

}



.mbox6 {

	padding: 50px 0 0

}



.mbox6Tit {

	padding: 0 15px;

	color: #FFF

}



.mbox6TitEn {

	letter-spacing: .6em;

	font-size: 30px;

	font-family: Arial;

	line-height: 150%;

	opacity: 0;

	transition: all .6s ease 0s;

	transform: translateX(-50%)

}



.mbox6TitCn {

	font-size: 36px;

	line-height: 150%;

	opacity: 0;

	transition: all .6s ease 0s;

	transform: translateX(50%)

}



.mbox6Text {

	position: relative;

	margin: 60px auto;

	padding: 45px 80px;

	max-width: 650px;

	border: 1px solid rgba(255,255,255,.5);

	color: #a7a7a8;

	font-size: 16px;

	line-height: 34px;

	opacity: 0;

	transition: all .6s ease 0s

}



.mbox6Text:after,.mbox6Text:before {

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 80px;

	height: 1px;

	background: rgba(255,255,255,.5);

	content: "";

	font-size: 0;

	transition: all .6s ease 0s;

	transform: rotate(0);

	transform-origin: left top

}



.mbox6Text:before {

	top: -15px;

	left: 60px

}



.mbox6Text:after {

	top: 120px;

	left: -70px

}



.mbox6Text span {

	padding: 0 4px;

	color: var(--mainColor)

}



.f16 {

	font-size: 16px

}



.f24 {

	font-size: 24px

}



.f28 {

	font-size: 28px

}



.mbox6Top {

	position: absolute;

	top: 0;

	left: 50%;

	margin: -40px 0 0 -5px;

	width: 10px;

	height: 80px;

	color: #FFF

}



.mbox6Cir {

	display: block;

	margin: 0 auto;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #FFF

}



.mbox6Line {

	display: block;

	margin: 10px auto 0;

	width: 1px;

	height: 50px;

	background: #FFF

}



.mbox6Arrow {

	line-height: 12px;

	animation: swing 1s linear infinite

}



.mbox6Ico {

	position: absolute;

	right: -24px;

	bottom: 30%;

	display: block;

	width: 49px;

	height: 12px;

	/* background: url(../images/mbox6Ico.png) 0 center no-repeat; */

	animation: animatedBg 10s linear infinite

}



.mbox6Link {

	position: absolute;

	bottom: -21px;

	left: 0;

	display: block;

	margin-left: -80px;

	width: 160px;

	background: var(--mainColor);

	color: #fff;

	text-align: center;

	font-size: 16px;

	line-height: 42px;

	opacity: 0;

	transition: all .6s ease 0s;

	animation: shake 10s linear infinite

}



.mbox6Link:focus,.mbox6Link:hover {

	color: #FFF

}

.active .mbox6TitCn,.active .mbox6TitEn {

	opacity: 1;

	transition: all 1s ease .3s;

	transform: translateX(0)

}



.active .mbox6Text {
	background-color: #fff;
	opacity: .9;
	transition: all .6s ease .6s;
	color: #000;

}



.active .mbox6Text:after,.active .mbox6Text:before {

	transition: all 1s ease 1s;

	transform: rotate(-45deg)

}



.active .mbox6Link {

	left: 50%;

	opacity: 1;

	transition: all 1s ease 1.5s

}



.fp-viewing-page7 .logo .hides {

	display: none

}



.fp-viewing-page7 .logo .shows {

	display: block

}

.fp-viewing-page7 .nav-wrapper .shows {

	display: block

}



.fp-viewing-page7 .nav-wrapper .hides {

	display: none

}



.fp-viewing-page7 .tel {

	color: var(--mainColor)

}



.fp-viewing-page7 .telIco {

	background-image: url(../images/telRed.png)

}



.fp-viewing-page7 .mBtnLine span {

	background: #fff

}



.mbox7List {

	overflow: hidden;

	margin: 45px auto;

	max-width: 1400px

}



.mbox7List li {

	position: relative;

	float: left;

	width: 50%;

	opacity: 0;

	transition: all .6s ease 0s;

	transform: translate(-50%,50%)

}



.mbox7List li:nth-child(2n) {

	transform: translate(50%,-50%)

}



.mbox7List li a {

	position: relative;

	display: block;

	overflow: hidden;

	padding-left: 50%;

	height: 100%;

	min-height: 200px;

	background: #FFF;

	transition: all .5s linear 0s

}



.mbox7Img {

	position: absolute;

	top: 0;

	left: 0;

	width: 50%;

	height: 100%

}



.mbox7Text {

	padding: 30px 50px;

	color: #888;

	font-size: 12px;

	line-height: 22px

}



.mbox7Name {

	overflow: hidden;

	height: 44px;

	color: #333;

	text-align: left;

	font-size: 14px;

	line-height: 22px;

	transition: all .5s linear 0s

}



.mbox7Time {

	height: 36px;

	color: #777;

	text-align: left;

	font-size: 12px;

	line-height: 36px;

	transition: all .5s linear 0s

}



.mbox7Brief {

	overflow: hidden;

	height: 44px;

	color: #888;

	text-align: left;

	transition: all .5s linear 0s

}



.mbox7Ico {

	position: absolute;

	top: 50px;

	left: 50%;

	display: block;

	margin-left: -8px;

	width: 16px;

	height: 3px;

	background: var(--mainColor);

	transition: all .5s linear 0s

}



.mbox7List li a:hover {

	background: var(--mainColor);

	color: #FFF

}



.mbox7List li a:hover .mbox7Brief,.mbox7List li a:hover .mbox7Name,.mbox7List li a:hover .mbox7Time {

	color: #FFF

}



.mbox7List li a:hover .mbox7Ico {

	background: #FFF

}



.mbox7List li:nth-child(3) a,.mbox7List li:nth-child(4) a {

	padding-right: 50%;

	padding-left: 0

}



.mbox7List li:nth-child(3) .mbox7Img,.mbox7List li:nth-child(4) .mbox7Img {

	right: 0;

	left: auto

}



.mbox7More {

	margin: 0 auto;

	width: 210px;

	height: 50px;

	border-color: #d2d2d2;

	color: #333;

	font-size: 16px;

	line-height: 48px

}



.mbox7More .mbox4MoreIco:after,.mbox7More .mbox4MoreIco:before {

	background: var(--mainColor)

}



.active .mbox7List li {

	opacity: 1;

	transition: all .8s ease .3s;

	transform: translate(0,0)!important

}



.mbox8 {

	padding-top: 50px

}



.mbox8Wrap {

	margin: 0 auto;

	height: 490px;

	max-width: 1060px;

	transform-style: preserve-3d;

	perspective: 1000px

}



.mbox8Left {

	float: left;

	padding: 40px 50px;

	width: 320px;

	height: 100%;

	background: var(--mainColor);

	box-shadow: -20px 0 20px rgba(0,0,0,.2) inset;

	color: #FFF;

	transition: all 1s ease 0s;

	transform: rotateY(-80deg);

	transform-origin: right center;

	transform-style: preserve-3d

}



.mbox8LefEn {

	padding: 5px 0;

	color: #FFF;

	text-align: left;

	font-size: 30px;

	font-family: Arial

}



.mbox8LefCn {

	padding: 5px 0;

	text-align: left;

	font-size: 17px

}



.mbox8Mes {

	padding: 30px 0 0

}



.mbox8Mes li {

	margin-bottom: 5px

}



.mbox8Mes li input {

	width: 100%;

	border: none;

	border-bottom: 1px solid rgba(255,255,255,.5);

	background: 0 0;

	color: #fff;

	font-size: 12px;

	line-height: 50px

}



.mbox8Mes li textarea {

	margin-top: 10px;

	width: 100%;

	border: none;

	border-bottom: 1px solid rgba(255,255,255,.5);

	background: 0 0;

	color: #fff;

	font-size: 12px;

	line-height: 30px;

	resize: none

}



.mbox8MesBtn {

	display: block;

	margin-top: 20px;

	width: 110px;

	height: 36px;

	border: 1px solid rgba(255,255,255,.5);

	color: #FFF;

	font-size: 13px;

	line-height: 34px

}



.mbox8MesBtn:focus,.mbox8MesBtn:hover {

	color: #FFF

}



.mbox8Right {

	float: right;

	padding: 60px 15px 0;

	width: 740px;

	height: 100%;

	background: #FFF;

	background: rgba(255,255,255,.95);

	color: #777;

	font-size: 12px;

	line-height: 26px

}



.mbox8RigEn {

	padding: 5px 0;

	color: var(--mainColor);

	text-transform: uppercase;

	font-weight: 700;

	font-size: 28px;

	font-family: Arial;

	line-height: 26px

}



.mbox8RigCn {

	margin: 15px auto;

	max-width: 330px;

	color: #333;

	font-size: 16px;

	line-height: 30px

}



.mbox8RigTip {

	padding: 30px 0;

	color: #777;

	font-size: 12px;

	line-height: 26px

}



.mbox8RigCon {

	margin: 0 auto;

	max-width: 520px;

	font-size: 0

}



.mbox8RigCon li {

	padding: 5px;

	width: 33.33%;

	vertical-align: top;

	font-size: 13px;

	line-height: 20px

}



.mbox8RigIco img {

	margin: 10px auto

}



.mbox8RigBot {

	position: relative;

	margin: 30px auto 0;

	max-width: 520px

}



.mbox8RigBot:after,.mbox8RigBot:before {

	position: absolute;

	top: 50%;

	display: block;

	width: 200px;

	height: 1px;

	background: #bcbcbc;

	content: "";

	font-size: 0

}



.mbox8RigBot:before {

	left: 0

}



.mbox8RigBot:after {

	right: 0

}



.mbox8RigBot li {

	position: relative;

	padding: 0 10px;

	width: 38px;

	vertical-align: top;

	text-align: center

}



.mbox8RigBot li a {

	color: #aaa;

	font-size: 18px;

	transition: all .5s ease 0s

}



.mbox8Wx {

	position: absolute;

	bottom: 35px;

	left: 50%;

	display: none;

	margin-left: -50px;

	width: 120px

}

.navmBox8Wx {
	margin-left: -80px;
}



.mbox8RigBot li a:hover {

	color: var(--mainColor)

}



.mbox8RigBot li:hover .mbox8Wx {

	display: block

}

.navShare li:hover .mbox8Wx {
	display: block;
}



.active .mbox8Left,.cut .mbox8Left {

	transform: rotateY(0)

}



.footerBg {

	overflow: visible;

	background: #111;

	color: #3c3c3c

}



.footer {

	padding: 25px 40px

}



.footer a {

	padding: 0 5px;

	color: #cdcdcd;

	transition: all .3s ease 0s

}



.footer span {

	padding: 0 5px

}



.footer a:hover {

	color: var(--mainColor)

}



.footCon {

	position: relative;

	padding-right: 200px

}



.copyright {

	max-width: 1080px;

	color: #cdcdcd;

	font-size: 13px;

	line-height: 24px

}



.FtLogo {

	position: absolute;

	top: 50%;

	right: 0;

	max-width: 190px;

	transform: translateY(-50%)

}

.FtLogo img {
	opacity: 0.5;
}



.banNews {

	position: relative;

	height: 350px

}

.banCon {
	display: none;

	position: absolute;

	top: 40%;

	left: 0;

	padding: 0 15px;

	width: 100%;

	color: #FFF

}



.banEn {

	padding: 10px 0;

	font-size: 40px;

	font-family: Arial

}



.banCn {

	font-size: 26px

}



.mainBg {

	position: relative;

	background: #F5F5F5;
	
}



.news {

	padding: 60px 0 40px

}



.newsLef {

	float: left;

	width: 69.17%

}



.newsList {

	padding: 17px 34px;

	background: #FFF

}



.newsList li {

	padding: 17px 0

}



.newsTime {

	float: left;

	width: 60px

}



.newsTime span {

	display: block;

	width: 60px;

	height: 60px;

	color: #FFF;

	text-align: center;

	font-family: Arial;

	line-height: 60px

}



.newsDate {

	margin-bottom: 1px;

	background: var(--mainColor);

	font-size: 28px

}



.newsMonth {

	background: #888;

	font-size: 18px

}



.newsText {

	position: relative;

	margin-left: 85px

}



.newsLine {

	position: absolute;

	top: 28px;

	left: -12px;

	z-index: 1;

	width: 24px;

	height: 2px;

	background: var(--mainColor);

	font-size: 0

}



.newsImg {

	position: relative;

	overflow: hidden

}



.newsImg a {

	position: relative;

	display: block;

	overflow: hidden;

	height: 100%

}



.newsImg img {

	width: 100%;

	transition: all .8s ease 0s

}



.newsTitBg {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 30%;

	background: linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0 ,0) 100%);

	background: -o-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0 0,0) 100%);

	background: -ms-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%);

	background: -moz-linear-gradient(bottom,rrgba(0,0,0,.75),rgba(0,0,0,0) 100%);

	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.75),rgba(0,0,0,0) 100%)

}



.newsImg a:hover img {

	transform: scale(1.02)

}



.newsTit {

	position: absolute;

	bottom: 10px;

	left: 0;

	padding: 10px 4%;

	width: 100%;

	color: #fff;

	font-size: 22px;

	line-height: 120%

}



.newsBrief {

	padding: 15px 0;

	color: #777;

	font-size: 13px;

	line-height: 24px

}



.newsTabLef {

	float: left;

	margin: 0 -8px

}



.newsTabLef li {

	position: relative;

	padding: 0 8px

}



.newsTabLef li:after {

	position: absolute;

	top: 50%;

	right: -2px;

	display: block;

	margin-top: -2px;

	width: 3px;

	height: 3px;

	border-radius: 50%;

	background: #aaa;

	content: ""

}



.newsTabLef li:last-child:after {

	display: none

}



.newsTabLef li a {

	padding-bottom: 2px;

	border-bottom: 1px dotted #AAA;

	color: #aaa;

	font-size: 14px;

	line-height: 26px;

	transition: all .4s ease 0s

}



.newsTabLef li a:hover {

	color: #da0502;

	border-bottom-color: #da0502

}



.newsTab #bdshare {

	float: right;

	cursor: pointer

}



.newsTab #bdshare a {

	display: block;

	width: 15px;

	height: 18px;

	background: url(../images/shareIco1.png) center center no-repeat

}



.newsLoad {

	margin: 40px auto 0;

	width: 200px;

	height: 46px;

	background: #e2e2e2;

	color: #888;

	font-size: 14px;

	line-height: 46px;

	line-height: 46px

}



.newsLoad .mbox4MoreIco:after,.newsLoad .mbox4MoreIco:before {

	background: #888

}



.newsRig {

	float: right;

	padding: 10px 34px;

	width: 28.33%;

	background: #FFF

}



.newsRigTit {

	padding: 20px 0;

	color: #333;

	font-size: 22px

}



.newsRig .newsTit {

	position: static;

	padding: 10px 0 5px;

	color: #666;

	font-size: 15px;

	line-height: 22px

}



.newsRig .newsTit:hover {

	color: #da0502

}



.newsRigBot {

	padding: 0 0 15px;

	color: #bbb;

	font-size: 13px

}



.newsRigTime {

	float: left

}



.newsRigTime i {

	padding-right: 5px

}



.newsRigBot #bdshare {

	float: right;

	cursor: pointer

}



.newsRigBot #bdshare a {

	display: block;

	width: 15px;

	height: 18px;

	background: url(../images/shareIco2.png) center center no-repeat

}



.banShare {
	display: none;

	position: absolute;

	top: -51px;

	overflow: hidden;

	width: 100%;

	height: 51px;

	border-top: 1px solid rgba(255,255,255,.3)

}



.banShareIco {

	float: left;

	margin: 0;

	border-left: 1px solid rgba(255,255,255,.3);

	font-size: 0

}



.banShareIco li {

	position: relative;

	margin-right: -1px;

	padding: 0;

	border-right: 1px solid rgba(255,255,255,.3)

}



.banShareIco>li>a {

	display: block;

	width: 50px;

	height: 50px;

	background-position: center center;

	background-repeat: no-repeat

}



.banLink {

	background-image: url(../images/banLink.png)

}



.banShareBtn {

	background-image: url(../images/banShare.png)

}



.banShareList {

	position: absolute;

	top: 0;

	left: 100%;

	overflow: hidden;

	width: 0;

	height: 50px;

	white-space: nowrap;

	transition: all .6s ease 0s

}



.banShareList.active {

	padding: 0 15px;

	width: 231px;

	border-right: 1px solid rgba(255,255,255,.3)

}



.banShareList a {

	display: inline-block;

	width: 40px;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	vertical-align: middle

}



.banShareIco1 {

	background-image: url(../images/banShareIco1.png)

}



.banShareIco2 {

	background-image: url(../images/banShareIco2.png)

}



.banShareIco3 {

	background-image: url(../images/banShareIco3.png)

}



.banShareIco4 {

	background-image: url(../images/banShareIco4.png)

}



.banShareIco5 {

	background-image: url(../images/banShareIco5.png)

}



.banPage {

	float: right;

	height: 100%;

	font-size: 0

}



.banPage a {

	display: inline-block;

	margin-left: -1px;

	width: 50px;

	height: 50px;

	border-left: 1px solid rgba(255,255,255,.3);

	background-position: center center;

	background-repeat: no-repeat;

	vertical-align: middle

}



.banPrev {

	background-image: url(../images/banPrev.png)

}



.banList {

	background-image: url(../images/banList.png)

}



.banNext {

	border-right: 1px solid rgba(255,255,255,.3);

	background-image: url(../images/banNext.png)

}



.banPage a:hover,.banShareIco>li>a:hover {

	background-color: var(--mainColor);

	transition: all .6s ease 0s

}



.banShareBtn.active {

	background-color: var(--mainColor)

}



.newsTop {

	overflow: hidden;

	padding: 50px 0 0

}



.newsName {

	padding: 30px 15px;

	color: #333;

	font-size: 28px;

	line-height: 120%

}



.newsTime2 {

	margin: 0 -10px;

	padding: 14px 15px;

	border: 1px solid #dbdbdb;

	border-right: none;

	border-left: none;

	color: #999;

	font-size: 0;

	line-height: 22px

}



.newsTime2 span {

	display: inline-block;

	padding: 0 10px;

	vertical-align: middle;

	font-size: 12px

}



.newsTime2 i {

	padding-right: 8px

}



.newsCon {

	padding: 60px 0 0;

	color: #666;

	font-size: 14px;

	line-height: 32px

}



.newsCon p {

	text-indent: 2em

}



.newsCon img {

	margin: 0 auto;

	/* height: auto!important; */

	max-width: 100%!important

}



.newsTab2 {

	margin: 35px 0;

	padding-left: 24px;

	background: url(../images/newsTabBg.png) left 5px no-repeat

}



.newsTab2 .newsTabLef li a {

	color: #e51815

}



.newsTab2 .newsTabLef li:after {

	background: #e51815

}



.pageBox {

	padding-bottom: 30px;

	line-height: 36px

}



.pagerBox {

	position: relative;

	overflow: hidden;

	border: 1px solid #dbdbdb;

	border-right: none;

	border-left: none

}



.pagerNext,.pagerPrev {

	position: relative;

	overflow: hidden;

	width: 50%;

	line-height: 70px

}



.pagerPrev {

	float: left;

	padding-right: 40px;

	padding-left: 60px

}



.pagerNext {

	float: right;

	padding-right: 60px;

	padding-left: 40px;

	text-align: right

}



.pagerTit {

	position: absolute;

	top: 1px;

	color: #777;

	text-transform: uppercase;

	font-size: 14px;

	line-height: 70px

}



.pagerPrev .pagerTit {

	left: 0

}



.pagerNext .pagerTit {

	right: 0

}



.pagerNext a,.pagerPrev a {

	display: inline-block;

	max-width: 100%;

	color: #777;

	vertical-align: middle

}



.pagerNext a:hover,.pagerPrev a:hover {

	color: var(--mainColor)

}



.pagerList {

	position: absolute;

	top: 0;

	left: 50%;

	z-index: 1;

	display: block;

	margin-left: -36px;

	padding: 30px 0 0;

	width: 72px;

	height: 100%;

	border: 1px solid #dbdbdb;

	border-top: none;

	border-bottom: none;

	transition: all .5s ease 0s

}



.pagerList span {

	display: block;

	margin: 0 auto;

	width: 20px;

	height: 2px;

	background: #aaa;

	transition: all .5s ease 0s

}



.pagerList span:first-child+span {

	margin: 3px auto

}



.pagerList:hover {

	background: var(--mainColor)

}



.pagerList:hover span {

	background: #FFF

}



.pagerList:hover span:first-child+span {

	width: 30px

}



.hotNews {

	overflow: hidden;

	padding: 0 3% 50px

}



.hotNewsTit {

	overflow: hidden;

	padding-bottom: 10px

}



.hotNewsH2 {

	float: left;

	color: #333;

	font-size: 26px;

	line-height: 26px

}



.hotNewsMore {

	float: right;

	padding-right: 20px;

	background: url(../images/hotNews.png) right center no-repeat;

	color: #666;

	font-size: 16px;

	line-height: 26px;

	transition: all .6s ease 0s

}



.hotNewsMore:hover {

	color: var(--mainColor)

}



.hotNewsList {

	margin: 0 -12px

}



.hotNewsList li {

	padding: 12px

}



.hotNewsList li a {

	display: block;

	height: 100%;

	color: #999;

	font-size: 12px;

	line-height: 22px

}



.hotNewsImg {

	position: relative;

	overflow: hidden

}



.hotNewsImg img {

	transition: all .8s ease 0s

}



.hotNewsText {

	padding: 15px 5%;

	background: #FFF

}



.hotNewsTime {

	color: #bbb;

	line-height: 36px

}



.hotNewsName {

	color: #333;

	font-size: 15px;

	line-height: 22px;

	transition: all .6s ease 0s

}



.hotNewsLine {

	display: block;

	margin: 10px 0;

	width: 20px;

	height: 1px;

	background: var(--mainColor);

	transition: all .6s ease 0s

}



.hotNewsBrief {

	overflow: hidden;

	margin: 10px 0;

	height: 44px

}



.readMore {

	display: block;

	color: #333;

	text-transform: uppercase;

	font-family: Arial;

	transition: all .6s ease 0s

}



.hotNewsList li a:hover .hotNewsImg img {

	transform: scale(1.05) rotate(1deg)

}



.hotNewsList li a:hover .hotNewsName {

	color: #da0502

}



.hotNewsList li a:hover .hotNewsLine {

	width: 40px

}



.hotNewsList li a:hover .readMore {

	color: #da0502

}



.caseFenLei {

	margin: 0 -10px

}



.caseFenLei li {

	padding: 0 10px

}



.caseFenLei li a {

	display: block;

	color: #FFF;

	line-height: 50px;

	transition: all .5s ease 0s

}



.caseFenLei li a.active,.caseFenLei li a:hover {

	color: var(--mainColor)

}



.caseBox {
	display: none;
	padding: 48px 3%

}



.caseList {

	margin: 0 -.6%

}



.caseList li {

	padding: 12px .6%

}



.caseList li a {

	display: block;

	overflow: hidden;

	height: 100%;

	transition: all .5s ease 0s

}



.caseImg {

	position: relative;

	overflow: hidden;

	padding-bottom: 67.6%;

	height: 0

}



.caseImg .imgBg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	transition: all .5s ease 0s

}



.caseBrief {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 10px 7%;

	width: 100%;

	background: rgba(0,0,0,.5);

	color: #FFF;

	font-size: 14px;

	line-height: 30px;

	transition: all .5s ease 0s;

	transform: translateY(100%)

}



.caseText {

	overflow: hidden;

	padding: 19px 7%;

	background: #FFF

}



.caseIco {

	float: right;

	width: 14px;

	height: 26px;

	background: url(../images/hotNews.png) center center no-repeat

}



.caseTit {

	color: #333;

	font-size: 16px;

	line-height: 26px

}



.caseList li a:hover {

	box-shadow: 0 0 15px rgba(0,0,0,.15)

}



.caseList li a:hover .imgBg {

	transform: scale(1.05) rotate(-1deg)

}



.caseList li a:hover .caseBrief {

	transform: translateY(0)

}



.caseList li a:hover .caseIco {

	animation: swing 1s infinite linear

}



.hotNewsList li a:hover .imgBg {

	transform: scale(1.05) rotate(-1deg)

}



.hotNewsList li a:hover .caseBrief {

	transform: translateY(0)

}



.hotNewsList li a:hover .caseIco {

	animation: swing 1s infinite linear

}



.banCase {

	height: 580px

}



.banCaseCon {

	position: absolute;

	bottom: 90px;

	left: 50%;

	margin: 0 auto;

	width: 94%;

	max-width: 1400px;

	transform: translateX(-50%)

}



.banCaseCon .container {

	padding: 0;

	width: 100%

}



.banCaseLine {

	display: block;

	margin-bottom: 10px;

	width: 72px;

	height: 4px;

	background: var(--mainColor)

}



.banCaseTit {

	padding: 20px 0;

	color: #FFF;

	font-size: 36px

}



.banCaseCon .newsTabLef {

	float: none

}



.banCaseCon .newsTabLef a {

	color: #FFF

}



.caseShare .container {

	margin: 0 auto;

	padding: 0;

	width: 94%;

	max-width: 1400px

}



.caseConBg {

	margin: 0 auto;

	padding: 60px 0;

	width: 94%;

	max-width: 1400px

}



.caseCon {

	padding: 40px 30px;

	background: #FFF

}



.caseCon img {

	display: inline-block;

	margin: 0 auto;

	height: auto!important;

	max-width: 100%!important;

	width: 100%!important;

	vertical-align: middle

}



.banContact {

	height: 700px

}
.banNewContact {
	height: auto!important;
}



.contactBg {

	overflow: hidden;

	padding: 90px 0

}



.conTit {

	overflow: hidden;

	padding-bottom: 20px;

	line-height: 26px

}



.conH2 {

	float: left;

	color: var(--mainColor);

	font-size: 26px;

	line-height: 26px

}



.conTip {

	float: right;

	color: #777;

	font-size: 14px

}



.conTop {

	padding-bottom: 60px

}



.conLef {

	float: left;

	width: 60%

}



.conText {

	color: #777;

	font-size: 14px;

	line-height: 28px

}



.conText strong {

	padding-right: 20px;

	color: #555;

	font-size: 16px

}



.conTextLef,.conTextRig {

	max-width: 340px 

}



.conTextRig {

	line-height: 40px

}



.conRig {

	float: right;

	width: 40%

}



.mesList li {

	padding-bottom: 20px

}



.mesInput {

	padding: 15px 0 5px;

	width: 100%;

	border: none;

	border-bottom: 1px solid #cacaca;

	background: 0 0;

	line-height: 24px

}



.mesBtn {

	display: block;

	margin-top: 10px;

	height: 36px;

	max-width: 110px;

	background: #da0502;

	color: #FFF;

	text-align: center;

	font-size: 13px;

	line-height: 36px

}



.joinList li {

	position: relative;

	margin: 15px 0;

	padding: 38px 250px 38px 325px;

	background: #FFF

}



.joinText {

	overflow: hidden;

	padding-left: 65px;

	height: 90px;

	border-left: 1px solid #eee;

	color: #888;

	font-size: 14px;

	line-height: 30px

}



.joinCon {

	padding-bottom: 15px

}



.joinTip {

	color: #da0502;

	font-size: 13px;

	line-height: 22px

}



.joinBtn,.joinIco,.joinInfo,.joinTit {

	position: absolute

}



.joinTit {

	top: 60px;

	left: 0;

	padding-left: 90px;

	width: 325px

}



.joinName {

	color: #333;

	font-size: 24px

}



.joinNameEn {

	color: #e4403e;

	font-size: 14px;

	font-family: Arial;

	line-height: 200%

}



.joinInfo {

	top: 190px;

	left: 0;

	display: none;

	padding-left: 90px;

	width: 325px;

	color: #888;

	font-size: 14px;

	line-height: 30px

}



.joinIco {

	top: 50px;

	right: 0;

	width: 250px

}



.joinIco img {

	margin: 0 auto

}



.joinBtn {

	top: 70px;

	right: -15px;

	width: 30px;

	height: 30px;

	background: #da0502;

	cursor: pointer

}



.joinBtn span {

	position: absolute;

	top: 50%;

	left: 50%;

	background: #FFF;

	transform: translate(-50%,-50%)

}



.joinBtn span:first-child {

	width: 12px;

	height: 1px

}



.joinBtn span:last-child {

	width: 1px;

	height: 12px;

	transition: all .5s ease 0s

}



.joinList li.active {

	min-height: 300px

}



.joinList li.active .joinText {

	height: auto

}



.joinList li.active .joinInfo {

	display: block

}



.joinList li.active .joinBtn span:last-child {

	height: 0

}



.newsLoad {

	display: none

}



#pages {

	padding: 30px 0 0;

	text-align: center

}



#pages a,#pages span {

	display: inline-block;

	padding: 5px 10px;

	border: 1px solid #333;

	color: #333;

	vertical-align: middle

}



#pages span {

	border: 1px solid #da0502;

	background: #da0502;

	color: #FFF

}



@media (min-width:1260px) {

	.container {

		width: 1230px

	}

}

@media (min-width: 1601px) {
	div#swiper-mbox5List .swiper-button-next, div#swiper-mbox5List .swiper-button-prev {
		top: 102%;
	}
}

@media (max-width:1600px) {

	.menuBg {

		width: 50px

	}



	.mOnLineCon {

		right: 50px

	}



	.onLineWx .mOnLineCon {

		width: 100px

	}


	.headerBg {

		padding: 0!important

	}



	.navTop {

		padding: 25px

	}



	.navBot {

		padding-top: 80px

	}



	.navList li a {

		padding: 50px 0 0 15%

	}



	.navEn {

		font-size: 24px

	}



	.navCn,.navTel {

		font-size: 18px

	}



	.navList li.text-right {

		padding: 50px 0 0

	}



	#navPage li {

		padding-left: 25px

	}



	#navPage li.active:first-child:after {

		width: 80px

	}



	#navPage li:first-child+li.active:after {

		width: 80px

	}



	#navPage li:first-child+li+li.active:after {

		width: 95px

	}



	#navPage li:first-child+li+li+li.active:after {

		width: 70px

	}



	#navPage li:first-child+li+li+li+li.active:after {

		width: 115px

	}



	#navPage li:first-child+li+li+li+li+li.active:after {

		width: 100px

	}



	#navPage li:first-child+li+li+li+li+li+li.active:after {

		width: 80px

	}



	#navPage li:first-child+li+li+li+li+li+li+li.active:after {

		width: 100px

	}



	.welcome {

		width: 250px;

		height: 56px;

		line-height: 56px

	}



	.banText2 {

		margin: -270px 0 0 -270px;

		width: 540px;

		height: 540px

	}



	.banImg3 {

		margin: 40px auto 0

	}



	.mbox2TitEn {

		font-size: 40px

	}



	.mbox2TitCn {

		font-size: 24px

	}



	.mbox2Brief {

		margin: 10px 0

	}



	.mbox2Num {

		margin: 20px -20px

	}



	.mbox2Num li {

		padding: 5px 20px

	}



	.mbox2NumSp {

		font-size: 34px

	}



	.mbox2Bot {

		padding: 25px 15px 15px

	}



	.mbox2Bot:after {

		right: -100px;

		width: 100px

	}



	.mbox2BotH3 {

		font-size: 14px;

		line-height: 30px

	}



	.mbox2More .welcome {

		width: 200px;

		height: 44px;

		line-height: 44px

	}



	.mbox3 {

		margin: 0 auto;

		max-width: 1000px

	}



	.mbox3Tit {

		margin-bottom: 20px;

		margin-left: 100px

	}



	.mbox3LefItem li {

		padding-bottom: 20px

	}



	.mbox3LefItem li:after {

		left: 14px;

		height: 20px

	}



	.mbox3LefItem li a {

		padding: 3px 0

	}



	.mbox3Ico {

		width: 30px

	}



	.mbox3H3 {

		margin: 0;

		font-size: 14px

	}



	.mbox3Line {

		margin: 6px 10px 0

	}



	.mbox3LefItem li.active a .mbox3Line {

		width: 65px

	}



	.mbox3Rig {

		min-height: 190px

	}



	.box3RigText {

		right: 40px;

		bottom: 40px;

		padding: 25px 40px

	}



	.mbox4LefItem {

		margin: 10px 0 20px

	}



	.mbox4LefItem li a {

		padding: 5px 0

	}



	.mbox4List {

		padding: 75px

	}



	.mbox4List .swiper-slide {

		padding: 10px

	}



	.mbox4Text {

		padding: 5px 10px

	}



	.mbox5List .swiper-container {

		padding: 20px 0 50px

	}



	.mbox6TitEn {

		font-size: 24px

	}



	.mbox6TitCn {

		font-size: 28px

	}



	.mbox6Text {

		margin: 50px auto

	}


	.mbox7List {

		margin: 25px auto;

		max-width: 80%

	}



	.mbox7List li a {

		min-height: 164px

	}



	.mbox7Text {

		padding: 20px

	}



	.mbox8Wrap {

		height: 430px

	}



	.mbox8Mes {

		padding: 20px 0 0

	}



	.mbox8Right {

		padding: 40px 15px 0

	}



	.footer {

		padding: 15px

	}



	.banNews {
		height: 350px
	}



	.banEn {

		font-size: 32px

	}



	.banCn {

		font-size: 20px

	}



	.news {

		padding: 40px 0 30px

	}



	.newsList {

		padding: 15px 25px

	}



	.newsRig {

		padding: 10px 25px

	}



	.newsLoad {

		margin: 30px auto 0

	}



	.newsTop {

		padding: 30px 0 0

	}



	.newsName {

		padding: 20px 15px;

		font-size: 24px

	}



	.hotNewsH2 {

		font-size: 22px

	}



	.hotNewsMore {

		padding-right: 15px;

		background-size: 10px;

		font-size: 14px

	}



	.hotNewsList {

		margin: 0 -6px

	}



	.hotNewsList li {

		padding: 6px

	}



	.hotNewsText {

		padding: 10px

	}



	.hotNewsTime {

		line-height: 26px

	}



	.caseBox {

		padding: 30px 2%

	}



	.caseList {

		margin: 0 -.5%

	}



	.caseList li {

		padding: 5px .5%

	}



	.caseBrief {

		padding: 5px 5%

	}



	.caseText {

		padding: 14px 5%

	}



	.caseTit {

		font-size: 14px

	}



	.banCase {

		height: 550px

	}



	.banCaseTit {

		padding: 15px 0;

		font-size: 32px

	}



	.caseConBg {

		padding: 40px 0

	}



	.caseCon {

		padding: 30px 20px

	}



	.banContact {

		height: 550px

	}
	.banNewContact {
		height: 550px;
	}



	.contactBg {

		padding: 60px 0

	}



	.conTop {

		padding-bottom: 30px

	}



	.conTit {

		padding-bottom: 10px

	}



	.conH2 {

		font-size: 22px

	}



	.joinList li {

		padding: 30px 250px 30px 325px

	}

}



@media (max-width:1400px) {

	.navEn {

		font-size: 20px

	}



	.navCn,.navTel {

		font-size: 16px

	}



	.navList li.text-right {

		line-height: 28px

	}



	.navBotCon {

		bottom: 15px

	}



	.banText2 {

		margin: -200px 0 0 -200px;

		width: 400px;

		height: 400px

	}



	.mbox2Text {

		padding-left: 10%

	}



	.mbox2TitEn {

		font-size: 28px;

		line-height: 100%

	}



	.mbox2TitCn {

		font-size: 20px;

		line-height: 100%

	}



	.mbox2Num {

		margin: 10px -10px

	}



	.mbox2Num li {

		padding: 5px 10px

	}



	.mbox2NumSp {

		font-size: 26px

	}



	.mbox2Bot {

		padding: 15px 10px 5px

	}



	.mbox3 {

		max-width: 900px

	}



	.mbox3Tit {

		margin-left: 40px

	}



	.mbox3H4 {

		font-size: 20px;

		line-height: 110%

	}



	.box3RigImg img {

		max-width: 65%

	}



	.box3RigText {

		padding: 25px

	}



	.mbox4List {

		padding: 75px 25px 25px

	}



	.mbox4List .swiper-slide {

		padding: 5px

	}



	.mbox4More {

		width: 130px;

		height: 34px;

		line-height: 34px

	}



	.mbox5List {

		max-width: 70%

	}



	.mbox6TitEn {

		font-size: 22px

	}



	.mbox6TitCn {

		font-size: 24px

	}



	.mbox6Text {

		margin: 40px auto;

		padding: 35px;

		max-width: 560px;

		font-size: 14px;

		line-height: 30px

	}



	.mbox6Text:after,.mbox6Text:before {

		width: 60px

	}



	.mbox6Text:after {

		top: 100px;

		left: -60px

	}



	.mbox6Link {

		bottom: -19px;

		margin-left: -70px;

		width: 140px;

		line-height: 38px

	}


	.mbox7More {

		width: 180px;

		height: 40px;

		font-size: 14px;

		line-height: 40px

	}



	.mbox8Wrap {

		height: 380px;

		max-width: 840px

	}



	.mbox8Left {

		padding: 20px 30px;

		width: 250px

	}



	.mbox8LefEn {

		font-size: 24px

	}



	.mbox8LefCn {

		font-size: 16px

	}



	.mbox8Mes li input {

		line-height: 40px

	}



	.mbox8Right {

		padding: 30px 15px 0;

		width: 590px

	}



	.mbox8RigTip {

		padding: 20px 0

	}



	.mbox8RigCn {

		max-width: 290px;

		font-size: 14px;

		line-height: 22px

	}



	.mbox8RigEn {

		font-size: 18px;

		line-height: 24px

	}



	.mbox8RigBot {

		margin: 20px auto 0

	}



	.footCon {

		padding-right: 160px

	}



	.FtLogo {

		max-width: 150px

	}



	.joinList {

		padding: 0 15px 0 0

	}

}



@media (max-width:1200px) {
	.meida-resources, .service-content{
		width: 900px;
	}
	.partner-content {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.company-profile-img-top {
		display: block;
		margin-bottom: 10px;
	}
	.company-profile-img-top img {
		width: 100%;
	}
	.company-profile-img-right {
		display: none;
	}
	.company-profile-text {
		margin-right: 0;
		flex: auto;
		padding: 0;
		background-color: #f5f5f5;
		box-shadow: none;
	}
	
	.development-course-right-one {
		position: relative;
		top: -2%;
	}
	.development-course-right-two {
		position: relative;
		top: 19%;
	}
	.development-course-left-one {
		position: relative;
		top: 21%;
	}
	.development-course-left-two {
		position: relative;
		top: 45%;
	}
	/* 规定公司简介宽度 */
	.company-profile, .scope-of-business, .development-course, .company-honor, .excellent-team {
		width: auto;
		margin: 0 auto 100px;
	}

	.menuBg {

		padding: 15px 0 0

	}



	.headerBg {

		padding: 15px

	}



	.logo {

		height: 20px;

		max-width: 190px

	}



	.navClose {

		padding: 0;

		height: 20px

	}



	.navTop {

		padding: 15px

	}



	.navBot {

		padding-top: 50px

	}



	.navEn {

		font-size: 18px

	}



	.navCn,.navTel {

		font-size: 14px

	}



	.navList li.text-right {

		font-size: 12px

	}



	#navPage li {

		padding-left: 15px

	}



	#navPage li.active:first-child:after {

		width: 70px

	}



	#navPage li:first-child+li.active:after {

		width: 70px

	}



	#navPage li:first-child+li+li.active:after {

		width: 85px

	}



	#navPage li:first-child+li+li+li.active:after {

		width: 60px

	}



	#navPage li:first-child+li+li+li+li.active:after {

		width: 105px

	}



	#navPage li:first-child+li+li+li+li+li.active:after {

		width: 90px

	}



	#navPage li:first-child+li+li+li+li+li+li.active:after {

		width: 70px

	}



	#navPage li:first-child+li+li+li+li+li+li+li.active:after {

		width: 90px

	}



	#navPage li a {

		line-height: 24px

	}



	.banText {

		width: 350px

	}



	.banBorder1 {

		right: -35px;

		width: 140px;

		height: 240px

	}



	.ban1Line1 {

		bottom: 214px

	}



	.ban1Line2 {

		width: 138px

	}



	.ban1Line3 {

		height: 238px

	}



	.ban1Line4 {

		width: 138px

	}



	.ban1Line5 {

		height: 155px

	}

	/* 当1200px下时最后banner线的调整 */
	.banBorder2 .ban1Line1 {
		bottom: 200px;
	}
	.banBorder2 .ban1Line2 {
		width: 120px;
	}
	.banBorder2 .ban1Line3 {
		right: 18px;
	}
	.banBorder2 .ban1Line4 {
		right: 18px;
		bottom: -90px;
	}
	.banBorder2 .ban1Line5 {
		bottom: -90px;
		width: 120px;
	}
	.banBorder2 .ban1Line6 {
		bottom: -90px;
	}



	.mbox3Brief {

		display: none

	}



	.mbox3LefItem li {

		padding-bottom: 10px

	}



	.mbox3LefItem li:after {

		height: 15px

	}



	.mbox4List {

		padding: 75px 10px 5px

	}



	.mbox4List .swiper-slide {

		padding: 2px

	}



	.banNews {

		height: 300px

	}

	.newsList {

		padding: 25px 15px

	}



	.newsRig {

		padding: 15px 15px

	}



	.newsList li {

		padding: 10px 0

	}



	.newsTabLef li {

		padding: 0 8px

	}



	.newsTime {

		width: 50px

	}



	.newsTime span {

		width: 50px;

		height: 50px;

		line-height: 50px

	}



	.newsText {

		margin-left: 75px

	}



	.newsTit {

		padding: 5px 3%;

		font-size: 20px

	}



	.newsRigTit {

		padding: 15px 0;

		font-size: 20px

	}



	.pagerNext,.pagerPrev,.pagerTit {

		line-height: 50px

	}



	.pagerList {

		margin-left: -25px;

		padding: 20px 0 0;

		width: 50px

	}



	.hotNews {

		padding: 0 2% 30px

	}



	.hotNewsList li:nth-child(4) {

		display: none

	}



	.banCase {

		height: 450px

	}



	.banCaseTit {

		padding: 10px 0;

		font-size: 26px

	}



	.caseConBg {

		padding: 30px 0

	}



	.caseCon {

		padding: 15px 10px

	}



	.banContact {

		height: 400px

	}
	.banNewContact {
		height: 413px;
	}



	.conH2 {

		font-size: 20px

	}



	.conText {

		margin: 0 -5px

	}



	.conTextLef,.conTextRig {

		padding: 0 5px

	}



	.conText strong {

		padding-right: 10px

	}



	.joinList li {

		padding: 25px 150px 25px 280px

	}



	.joinInfo,.joinTit {

		padding-left: 50px;

		width: 280px

	}



	.joinTit {

		top: 45px

	}



	.joinName {

		font-size: 22px

	}



	.joinIco {

		top: 30px;

		width: 150px

	}



	.joinBtn {

		top: 50px

	}



	.joinText {

		padding-left: 25px

	}

}

@media (max-width:992px) {
	.mbox4CenterImg {
		margin: 0 auto;
	}
	.box2ImgBg .imgBg {
		margin: auto;
		height: 100%;
	}
	.imgBg-banner00 {
		display: none;
	}
	.development-course-right-one {
		position: relative;
		top: -1%;
	}
	.development-course-right-two {
		position: relative;
		top: 22%;
	}
	.development-course-left-one {
		position: relative;
		top: 22%;
	}
	.development-course-left-two {
		position: relative;
		top: 48%;
	}
	.service-precise-positioning-content-wrapper {
		width: 768px;
	}
	.service-content-item-img {
		width: 70px;
		height: 70px;
	}
	.service-content-wrapper-item {
		width: 160px;
	}
	.service-content-item-info {
		width: 160px;
	}
	.scope-of-business-content {
		width: 100%;
		height: auto;
		flex-direction: column;
	}
	.m-r-t-head, .s-c-w-t-head {
		font-size: 26px;
	}
	.m-r-t-brief, .s-c-w-t-brief {
		font-size: 20px;
	}
	.m-r-t-footer, .s-c-w-t-footer {
		height: 26px;
	}
	.media-resources-content-brand {
		height: 80px;
	}
	.media-resources-content {
		padding: 0 15px;
		box-sizing: border-box;
	}
	.media-resources-content-brand ul li {
		flex: 0 0 25%;
	}
	.swiper-container {
		--swiper-navigation-size: 24px;/* 设置按钮大小 */
	}
	.meida-resources, .service-content, .partner-content {
		padding-top: 50px;
		width: 100%;
	}
	.media-resources-items-list {
		margin-bottom: 50px;
	}
	.media-resources-item {
		/* padding: 10px; */
		flex: 50%;
	}
	.media-resources-item-img {
		width: 90px;
		height: 90px;
		margin-bottom: 5px;
	}
	.media-resources-item-title {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.media-resources-item-info {
		width: 90%;
	}
	.media-resources-item-info, .service-content-item-info {
		font-size: 14px;
	}
	.media-resources-item-info span {
		font-size: 14px;
	}
	.headerBg {
		padding: 10px;
	}

	/* 喜讯992px */
	.banTextCnXx {
		top: 40%;
	}
	.banTextEnXx {
		top: 48%;
	}
	.banTextCnCom {
		top: 66%;
	}
	.banBorder2 .ban1Line1 {
		bottom: 120px;
	}
	.banBorder2 .ban1Line2 {
		width: 80px;
		top: 80px;
	}
	.banBorder2 .ban1Line3 {
		right: 58px;
		height: 90px;
		top: 80px;
	}
	.banBorder2 .ban1Line4 {
		right: 58px;
		height: 70px;
		bottom: -90px;
	}
	.banBorder2 .ban1Line5 {
		bottom: -90px;
		width: 80px;
	}
	.banBorder2 .ban1Line6 {
		bottom: -90px;
	}
	

	.menuBg {
		display: block;

		position: static;

		padding: 0;

		width: auto;

		height: auto

	}

	.mbox4List {

		padding: 60px 10px 5px

	}



	.menuBtn {

		position: absolute;

		top: 20px;

		right: 20px;

		z-index: 2

	}



	.menuBtn img {

		display: none

	}



	.mBtnLine {

		width: 20px;

		text-align: left

	}



	.mBtnLine span {

		width: 100%;

		height: 2px;

	}



	.mBtnLine span:nth-child(2) {

		margin: 5px 0;

		width: 80%

	}



	.mOnLine {

		position: absolute;

		right: 0;

		bottom: 0;

		z-index: 1;

		width: 50px

	}



	.header {
		margin-left: 0;
		margin-right: 50px;
		border: none;
		padding-left: 3%;
		padding: 0 0 5px 3%;
	}
	.nav-wrapper {
		display: none;
	}



	.mbox {

		margin-right: 0

	}



	#navPage {

		display: none

	}



	.navBot {

		padding-bottom: 150px

	}



	.navList {

		overflow-y: auto;

		padding: 10px 0 0

	}



	.navList li {

		float: none;

		width: 100%;

		height: auto

	}



	.navList li a,.navList li a:hover {

		padding: 5px 15px;

		border: none;

		border-bottom: 1px solid rgba(255,255,255,.08)

	}



	.navList li a span {

		display: inline-block;

		vertical-align: middle;

		font-size: 14px

	}



	.navEn {

		padding-right: 10px;

		min-width: 70px

	}



	.navList li.text-right {

		padding: 5px 15px;

		width: 100%;

		line-height: 24px

	}



	.navBotCon {

		position: static;

		padding: 0 15px 15px;

		width: 100%

	}



	.banText3 {

		max-width: 90%

	}



	.box2ImgBg {

		width: 100%;

		opacity: .14

	}



	.fp-viewing-page2 .tel {

		color: var(--mainColor)

	}



	.fp-viewing-page2 .telIco {

		background-image: url(../images/telRed.png)

	}



	.fp-viewing-page2 .mBtnLine span {

		background: var(--mainColor)

	}



	.mbox2Text {

		position: relative;

		z-index: 1;

		padding: 40px 15px 0;

		width: 100%

	}



	.mbox2Text .mbox2TitEn {

		font-size: 38px;

		line-height: 120%

	}



	.mbox2Text .mbox2TitCn {

		font-size: 24px;

		line-height: 120%

	}



	.mbox2Bot:after {

		display: none

	}



	.mbox3 {

		padding: 0 15px;

		width: 100%;

		max-width: 100%

	}



	.mbox3Lef {

		float: none;

		padding-bottom: 30px;

		width: 100%

	}



	.mbox3LefCon {

		padding-left: 40px

	}



	.mbox3Rig {

		float: none;

		overflow: hidden;

		width: 100%

	}



	.mbox3Tit .mbox2TitEn {

		font-size: 24px

	}



	.mbox3Tit .mbox2TitCn {

		font-size: 18px

	}



	.mbox3H4 img {

		display: inline!important;

		max-width: 25px

	}



	.box3RigText {

		position: relative;

		right: auto;

		bottom: auto;

		background: rgba(255,255,255,.9)

	}



	.box3RigImg {

		position: absolute;

		top: 50%;

		left: 0;

		width: 100%;

		transform: translateY(-50%)

	}



	.box3RigImg img {
		display: none;

		float: none;

		width: 100%;

		max-width: 100%

	}



	.fp-viewing-page4 .logo img.shows {

		display: block

	}



	.fp-viewing-page4 .logo img.hides {

		display: none

	}

	.fp-viewing-page4 .nav-wrapper .shows {

		display: none

	}



	.fp-viewing-page4 .nav-wrapper .hides {

		display: block

	}

	.fp-viewing-page4.active .logo img.shows {

		display: block

	}



	.fp-viewing-page4.active .logo img.hides {

		display: none

	}



	.mbox4LefBtn {

		position: absolute;

		top: 60px;

		left: 12px;

		z-index: 3;

		width: 30px;

		height: 30px;

		border-radius: 2px;

		background: var(--mainColor);

		color: #fff;

		text-align: center;

		font-size: 18px;

		line-height: 30px;

		cursor: pointer

	}



	.mbox4Lef {

		left: -250px;

		z-index: 2;

		width: 250px;

		transition: all .6s ease 0s

	}



	.mbox4Lef.active {

		left: 0

	}



	.mbox4LefCon {

		padding-left: 30px

	}



	.mbox4 {

		margin: 0

	}



	.mbox5List {

		max-width: 90%

	}



	.mbox5Bot {

		padding: 0 50px

	}



	.mbox5Btn .mbox5Line {

		display: none

	}



	.mbox5Bot .swiper-pagination-bullet {

		margin: 0 2px;

		width: 20px;

		height: 2px

	}



	.mbox7List li {

		width: 100%

	}



	.mbox7List li:nth-child(2) a {

		padding-right: 50%;

		padding-left: 0

	}



	.mbox7List li:nth-child(3) a {

		padding-right: 0;

		padding-left: 50%

	}



	.mbox7List li:nth-child(2) .mbox7Img {

		right: 0;

		left: auto

	}



	.mbox7List li:nth-child(3) .mbox7Img {

		right: auto;

		left: 0

	}



	.mbox8Wrap {

		padding: 0 15px;

		height: auto;

		max-width: 100%

	}



	.mbox8Left {

		float: none;

		width: 100%;

		box-shadow: none;

		transform: rotateY(0)

	}



	.mbox8Right {

		float: none;

		padding: 15px;

		width: 100%;

		transform: rotateY(0)

	}



	.footCon {

		padding: 0;

		text-align: center

	}



	.copyright {

		padding-bottom: 10px;

		text-align: center

	}



	.FtLogo {

		position: static;

		margin: 0 auto;

		transform: translateY(0)

	}



	.banNews {

		height: 260px

	}



	.banEn {

		padding: 5px 0;

		font-size: 26px

	}



	.banCn {

		font-size: 17px

	}



	.news {

		padding: 30px 0

	}



	.newsLef,.newsRig {

		float: none;

		width: 100%

	}



	.newsLoad {

		margin: 25px auto

	}



	.newsRigTit {

		padding: 10px 0;

		font-size: 18px

	}



	.newsRigList {

		overflow: hidden;

		margin: 0 -5px

	}



	.newsRigList li {

		float: left;

		padding: 5px;

		width: 50%

	}



	.newsRigList li:nth-child(5) {

		display: none

	}



	.newsRigBot {

		padding-bottom: 0

	}



	.newsName {

		padding: 10px 15px;

		font-size: 22px

	}



	.newsCon {

		line-height: 30px

	}



	.newsTab2 {

		margin: 28px 0

	}



	.hotNewsList li:nth-child(4) {

		display: block

	}



	.banCase {

		height: 360px

	}



	.banCaseCon {

		bottom: 70px

	}



	.banCaseLine {

		margin-bottom: 5px;

		width: 40px;

		height: 2px

	}



	.banCaseTit {

		font-size: 22px

	}



	.banContact {

		height: 340px

	}
	.banNewContact {
		height: 342px;
	}



	.contactBg {

		padding: 30px 0

	}



	.conTop {

		padding-bottom: 10px

	}



	.conTit {

		padding: 10px 0

	}



	.conLef,.conRig {

		float: none;

		width: 100%

	}



	.conLef {

		padding-bottom: 10px

	}



	.conH2,.conTip {

		float: none;

		display: block;

		width: 100%

	}



	.joinList li {

		margin: 10px 0;

		padding: 15px 10px 10px

	}



	.joinTit {

		position: static;

		padding-left: 0;

		width: 90%

	}



	.joinInfo {

		position: static;

		margin: 0 -5px;

		padding-bottom: 10px;

		padding-left: 0;

		width: 100%

	}



	.joinInfo p {

		display: inline-block;

		padding: 0 5px;

		vertical-align: middle

	}



	.joinText {

		padding-left: 0;

		height: 0;

		border: none

	}



	.joinIco {

		top: 20px;

		width: 100px

	}



	.joinIco img {

		max-width: 40%

	}



	.joinBtn {

		top: 25px

	}



	#pages {

		padding: 20px 0

	}

}



@media (max-width:767px) {
	.partner_main {
		display: flex;
		flex-direction: column;
		height: 700px;
	}
	.partner_main_left {
		flex: 0 0 80px;
	}
	.partner_main_left ul {
		display: flex;
	}
	.partner_main_left ul li {
		flex: 1;
	}
	.partner_main_right {
		margin-left: 0;
	}
	.partner_main_right div a {
		flex: 0 0 28%;
		width: 28%;
		height: auto;
		margin: 0 0 10px 0;
	}
	.m-a-p-t-item {
		font-size: 16px;
	}
	.development-history {
		display: flex;
	}
	.development-course-center {
		display: none;
	}
	.service-content-wrapper-items-list {
		margin-bottom: 60px;
	}
	.service-precise-positioning-content-wrapper {
		width: 100%;
	}
	.service-precise-positioning-content-wrapper-item {
		height: auto;
		padding: 10px;
	}
	.s-p-c-w-i-t-and-i {
		flex: 0 0 100px;
		flex-direction: column;
	}
	.s-p-c-w-i-title {
		flex: 50%;
	}
	.s-p-c-w-i-icon {
		flex: 50%;
	}
	.s-p-c-w-i-icon img {
		width: 50%;
	}
	.s-p-c-w-i-text {
		padding: 0 24px;
		font-size: 12px;
	}
	.service-content-wrapper-item {
		border: none;
	}
	.m-r-c-b-b-i-span {
		flex-direction: column;
		align-items: center;
		font-size: 14px;
	}
	.company-profile-title {
		width: 100%;
		height: 80px;
		margin: 0 0 10px -20px;
	}
	.company-profile {
		display: flex;
		flex-direction: column;
	}
	.company-profile-text {
		margin-right: 0;
		flex: auto;
		padding: 0;
		background-color: #f5f5f5;
		font-size: 14px;
		box-shadow: none;
	}
	.scope-of-business-text {
		font-size: 14px;
	}
	.scope-of-business-content-img {
		flex: 0;
	}
	.company-profile-img-top {
		display: block;
	}
	.company-profile-img-right {
		display: none;
	}

	.banImg3 {
		margin: 20px auto 0
	}
	.development-course-wrapper {
		background-image: none;
	}



	/* 规定公司简介宽度 */
	.company-profile, .scope-of-business, .development-course, .company-honor, .excellent-team {
		width: auto;
		margin: 0 auto 100px;
	}



	.swiper-slide-active .banBg3:after {

		width: 100%

	}



	.mbox7List {

		padding: 0 15px;

		max-width: 100%

	}



	.mbox7Img {

		width: 30%

	}



	.mbox7List li a {

		min-height: 0

	}



	.mbox7List li:nth-child(2n) a {

		padding-right: 30%;

		padding-left: 0

	}



	.mbox7List li:nth-child(2n+1) a {

		padding-right: 0;

		padding-left: 30%

	}



	.mbox7Ico {

		left: 30%

	}



	.mbox7List li:nth-child(2n) a .mbox7Ico {

		left: 70%

	}



	.mbox7Text {

		padding: 15px

	}



	.mbox7Name {

		overflow: hidden;

		width: 100%;

		height: 22px;

		text-overflow: ellipsis;

		white-space: nowrap

	}



	.newsTime2 {

		padding: 7px 10px

	}



	.newsCon {

		padding: 60px 0 0

	}



	.newsTab2 {

		margin: 20px 0

	}



	.pagerBox {

		padding: 5px 0

	}



	.pagerNext,.pagerPrev {

		float: none;

		padding-right: 0;

		padding-left: 55px;

		width: 100%

	}



	.pagerNext,.pagerPrev,.pagerTit {

		line-height: 30px

	}



	.pagerNext {

		text-align: left

	}



	.pagerNext .pagerTit {

		right: auto;

		left: 0

	}



	.pagerNext a,.pagerPrev a {

		display: block

	}



	.pagerTit {

		top: 0

	}



	.pagerTit i {

		display: none

	}



	.pagerList {

		position: static;

		margin: 2px 0;

		padding: 10px 0;

		width: 100%;

		border: 1px solid #DEDEDE;

		border-right: none;

		border-left: none

	}



	.hotNews {

		padding: 0 15px 25px

	}



	.caseBox {

		padding: 15px

	}



	.conTextLef,.conTextRig {

		max-width: 100%

	}



	.mesInput {

		padding: 10px 0 5px

	}



	.joinName {

		font-size: 18px

	}



	.joinNameEn {

		font-size: 12px

	}



	.joinIco {

		top: 15px

	}



	.joinBtn {

		top: 20px

	}

}



@media (max-width:640px) {

	.mbox4List .swiper-wrapper {
		margin-left: 30px;
	}

	.partner_main {
		height: 600px;
	}
	.mbox4LefBtn {
		top: 93px;
		left: 53px;
	}
	.mbox4CenterImg {
		width: 100%;
		height: 100%;
	}
	.mbox4CenterImg img {
		width: 100%;
		height: auto;
	}

	/* 喜讯640px */
	.banTextEnXx, .banTextCnXx {
		display: none;
	}
	.banTextCnCom {
		width: 220%;
		top: 40%;
		left: 20%;
	}
	.ban5Line {
		position: absolute;
		top: 42%;
		left: 20%;
		width: 60%;
	}
	.banTextEnCom {
		width: 104%;
		top: 47%;
		left: 19%;
	}
	.banTextCnFot {
		top: 54%;
		left: 7.5%;
	}

	.menuBtn {

		top: 20px;

		right: 15px

	}



	.navClose {

		width: 22px

	}



	.navClose span:last-child {

		margin-top: 15px

	}



	.header {

		margin-right: 40px;
		padding: 0 0 10px 3%;

	}



	.navBot {

		padding-bottom: 85px

	}



	.logo {

		height: 16px;

		max-width: 152px

	}



	.tel {

		font-size: 16px;

		line-height: 16px

	}



	.navBotCon p {

		display: none

	}



	.mbox1 .swiper-pagination {

		bottom: 2%

	}



	.welcome {

		left: 0;

		width: 170px;

		height: 46px;

		font-size: 12px;

		line-height: 46px

	}



	.welcome i,.welcome span,.welcome strong {

		margin: 0

	}



	.welcome:hover .welcomeLine {

		width: 30px

	}



	.banBorder1 {

		display: none

	}



	.banText {

		bottom: 35%;

		left: 10%;

		width: 80%

	}



	.ban1Line {

		margin: 10px 0

	}



	.banTextCir {

		display: none

	}



	.banText2 {

		margin: 0;

		margin-left: 5%;

		width: 90%;

		transform: translate(-50%,-50%)

	}



	.mbox2TitEn {

		font-size: 26px

	}



	.mbox2TitCn {

		font-size: 20px

	}



	.mbox2Img {

		margin: 0 auto 5px;

		max-width: 40%

	}



	.mbox3Lef {

		padding: 0

	}



	.mbox3Tit {

		margin-left: 0

	}



	.mbox3LefCon {

		display: none

	}



	.box3RigText {

		padding: 15px

	}



	.mbox3Con {

		margin: 10px 0;

		height: auto

	}



	.mbox4List .swiper-slide {

		width: 40%

	}



	.mbox5Bot {

		padding: 0

	}



	.mbox5Btn {

		position: static;

		display: inline-block;

		padding: 10px 0;

		vertical-align: middle;

		font-size: 14px;

		transform: translateY(0)

	}



	.mbox5Bot .swiper-pagination {

		display: block;

		width: 100%

	}



	.mbox6Text {

		max-width: 100%

	}



	.mbox6Top {

		margin: -30px 0 0 -5px;

		height: 60px

	}



	.mbox6Line {

		height: 30px

	}


	.mbox7List {

		margin: 15px auto

	}



	.mbox7Time {

		height: 26px;

		line-height: 26px

	}



	.mbox7Brief {

		display: none

	}



	.mbox7Ico {

		top: 30%

	}



	.mbox8LefEn {

		font-size: 18px

	}



	.mbox8LefCn {

		padding: 0;

		font-size: 14px

	}



	.mbox8Mes {

		padding: 5px 0 0

	}



	.mbox8Mes li input {

		line-height: 36px

	}



	.mbox8Mes li textarea {

		margin: 0

	}



	.mbox8MesBtn {

		margin-top: 10px;

		width: 100px;

		height: 28px;

		line-height: 26px

	}



	.mbox8RigCn {

		display: none

	}



	.mbox8RigTip {

		display: none

	}



	.mbox8RigIco img {

		max-width: 20%

	}



	.mbox8RigBot:after,.mbox8RigBot:before {

		display: none

	}



	.banNews {

		height: 230px

	}



	.newsTime {

		width: 40px

	}



	.newsTime span {

		width: 40px;

		height: 40px;

		line-height: 40px

	}



	.newsDate {

		font-size: 22px

	}



	.newsMonth {

		font-size: 16px

	}



	.newsText {

		margin-left: 55px

	}



	.newsTit {

		font-size: 16px

	}



	.newsBrief {

		overflow: hidden;

		margin: 10px 0;

		padding: 0;

		max-height: 72px

	}



	.newsRig .newsTit {

		padding: 5px 0;

		font-size: 14px

	}



	.newsRigBot #bdshare,.newsTab #bdshare {

		display: none

	}



	.banShare {

		position: static;

		height: auto;

		text-align: center

	}



	.banShare .container {

		padding: 0;

		font-size: 0

	}



	.banShareIco {

		float: none;

		display: inline-block;

		background: var(--mainColor);

		vertical-align: middle

	}



	.banShareIco>li>a {

		display: inline-block;

		width: 36px;

		height: 36px;

		background-size: 12px;

		vertical-align: middle

	}



	.banShareList {

		position: static;

		display: inline-block;

		width: auto;

		height: 36px;

		vertical-align: middle

	}



	.banShareList a {

		width: 36px;

		background-color: var(--mainColor);

		background-size: 15px

	}



	.banPage {

		float: none;

		display: inline-block;

		background: var(--mainColor);

		vertical-align: middle

	}



	.banPage a {

		width: 36px;

		height: 36px;

		background-size: 15px

	}



	.newsTop {

		padding: 20px 0 0

	}



	.newsName {

		font-size: 18px

	}



	.newsCon {

		padding: 50px 0 0

	}



	.hotNewsH2 {

		font-size: 18px

	}



	.hotNewsName {

		font-size: 14px

	}



	.hotNewsLine {

		margin: 5px 0

	}



	.hotNewsBrief {

		margin: 5px 0

	}



	.caseFenLei {

		margin: 0 -3px;

		padding: 8px 0;

		background: #F5F5F5

	}



	.caseFenLei li {

		padding: 0 3px

	}



	.caseFenLei li a {

		color: #333;

		line-height: 24px

	}



	.caseBox {

		padding: 0 15px 1px

	}



	.banCase {

		height: 300px

	}



	.banCaseCon {

		bottom: 20px

	}



	.banCaseLine {

		margin-bottom: 5px;

		width: 40px;

		height: 2px

	}



	.banCaseTit {

		font-size: 19px

	}



	.caseShare .container {

		width: 100%

	}



	.caseConBg {

		padding: 3px 0 15px

	}



	.banContact {

		height: 300px

	}
	.banNewContact {
		height: 220px;
	}



	.conTit {

		padding: 5px 0

	}



	.conH2 {

		font-size: 18px

	}



	.conText strong {

		font-size: 14px

	}



	.conTextRig {

		line-height: 30px

	}

}


@media (max-width:460px) {
	.mbox4CenterImg {
		margin-top: 20px;
		background-color: rgba(0,0,0,0);
	}
	.active .mbox2TitEn {
		margin-bottom: 10px;
	}
	div#swiper-mbox5List .swiper-button-next, div#swiper-mbox5List .swiper-button-prev {
		top: 90%;
	}
	.partner_main {
		height: 360px;
	}
	.partner_main_right div a {
		height: 62px;
	}
	.swiper-container-partner {
		width: 100%;
		height: 100%;
	}
	.swiper-container-partner .partner_main_right {
		width: 100%!important;
	}
	.swiper-container-partner .swiper-button-next, .swiper-container-partner .swiper-button-prev {
		position: absolute;
		top: 92%;
		width: auto;
	}
	.m-r-c-b-b-i-span span {
		font-size: 16px;
	}
	/* 喜讯460px */
	.banTextCnCom {
		width: 280%;
		top: 40%;
		left: 14%;
	}
	.ban5Line {
		top: 42%;
		left: 14%;
		width: 76%;
	}
	.banTextEnCom {
		width: 130%;
		top: 47%;
		left: 14%;
	}
	.banTextCnFot {
		width: 120%;
		left: 4%;
	}

	.tel span {

		display: none

	}



	.tel a {

		display: block

	}



	.mbox1 .swiper-pagination-bullet {

		margin: 0 2px!important;

		width: 20px

	}



	.mbox2TitEn {

		font-size: 18px

	}



	.mbox2TitCn {

		font-size: 16px

	}



	.mbox2Num {

		margin: 5px -5px;

		line-height: 22px

	}



	.mbox2NumSp {

		font-size: 20px

	}



	.mbox2Num li {

		padding: 5px

	}



	.mbox2Brief {

		max-height: 104px;

		line-height: 26px

	}



	.mbox2BotH3 {

		font-size: 12px;

		line-height: 20px

	}



	.mbox2More .welcome {

		width: 140px;

		height: 38px;

		line-height: 38px

	}



	.mbox3Tit .mbox2TitEn {

		font-size: 18px

	}



	.mbox3Tit .mbox2TitCn {

		font-size: 16px

	}



	.mbox3H4 {

		font-size: 18px

	}



	.mbox6TitEn {

		font-size: 18px;

		line-height: 120%

	}



	.mbox6TitCn {

		font-size: 20px;

		line-height: 120%

	}



	.f16 {

		font-size: 14px

	}



	.f24 {

		font-size: 20px

	}



	.f28 {

		font-size: 24px

	}



	.mbox6Text {

		margin: 30px auto;

		padding: 25px 15px

	}



	.mbox6Text:before {

		top: 0;

		left: 0

	}



	.mbox6Ico {

		right: 0;

		bottom: -6px

	}



	.mbox8Left {

		padding: 10px 20px

	}



	.mbox8Mes li:nth-child(1),.mbox8Mes li:nth-child(2) {

		display: inline-block;

		width: 48%;

		vertical-align: middle

	}



	.mbox8RigEn {

		font-size: 16px;

		line-height: 16px

	}



	.mbox8RigIco {

		display: inline-block;

		max-width: 20px;

		vertical-align: middle

	}



	.mbox8RigIco img {

		margin: 0 auto;

		max-width: 100%

	}



	.mbox8RigCon li {

		width: 100%

	}



	.mbox8RigCon li p {

		display: inline

	}



	.mbox8RigBot {

		margin: 10px auto 0

	}



	.mbox8RigBot li a {

		font-size: 16px

	}



	.banNews {

		height: 200px

	}



	.banEn {

		padding: 0;

		font-size: 20px

	}



	.banCn {

		font-size: 14px

	}



	.newsList li {

		padding: 5px 0

	}



	.newsTabLef li {

		padding: 0 5px

	}



	.newsTabLef li a {

		font-size: 12px

	}



	.newsTime {

		width: 30px

	}



	.newsTime span {

		width: 30px;

		height: 30px;

		line-height: 30px

	}



	.newsDate {

		font-size: 18px

	}



	.newsMonth {

		font-size: 14px

	}



	.newsText {

		margin-left: 40px

	}



	.newsLine {

		top: 15px;

		left: -7px;

		width: 14px

	}



	.newsLine {

		bottom: 5px;

		font-size: 14px

	}



	.newsBrief {

		margin: 5px 0

	}



	.newsRigList li {

		float: none;

		width: 100%

	}



	.hotNewsList li {

		width: 100%

	}



	.caseList li {

		width: 100%

	}



	.banCase {

		height: 240px

	}



	.banContact {

		height: 260px

	}
	.banNewContact {
		height: 158px;
	}



	#pages a,#pages span {

		padding: 1px 6px

	}

}



@media (max-width:360px) {

	.mbox7 {

		padding-top: 50px

	}



	.mbox7List li:nth-child(4) {

		display: none

	}



	.mbox7More {

		width: 160px;

		height: 36px;

		font-size: 12px;

		line-height: 36px

	}



	.banShareList a {

		width: 28px

	}



	.banCase {

		height: 200px

	}



	.banCaseCon {

		bottom: 10px

	}



	.banCaseTit {

		padding: 5px 0;

		font-size: 18px

	}

}

@media (max-height:680px) and (min-width: 992px) {
	.headerBg {
		padding-top: 8px;
	}
	/* 喜讯高度680px */
	.banTextCnXx {
		width: 40%;
	}
	.banTextEnXx {
		left: 18%;
		width: 70%;
	}
	.banTextCnCom {
		top: 62%;
	}
	.banBorder2 .ban1Line1 {
		left: -20px;
	}
	.banBorder2 .ban1Line2 {
		width: 140px;
		left: -20px;
	}
	.banBorder2 .ban1Line3 {
		right: 60px;
		height: 80px;
	}
	.banBorder2 .ban1Line4 {
		right: 60px;
		height: 80px;
		bottom: 20px;
	}
	.banBorder2 .ban1Line5 {
		left: -20px;
		bottom: 20px;
	}
	.banBorder2 .ban1Line6 {
		bottom: 20px;
		left: -20px;
	}
}

@media (max-height:414px) {

	.mbox2Text {

		padding: 50px 15px 0

	}



	.mbox2TitEn {

		font-size: 18px

	}



	.mbox2TitCn {

		font-size: 16px

	}



	.mbox2Brief {

		max-height: 52px

	}



	.mbox2Num {

		margin: 0 -10px

	}



	.mbox2NumSp {

		font-size: 18px

	}



	.mbox2Num li p {

		display: inline

	}



	.mbox2Img {

		display: none

	}



	.mbox2Bot {

		padding: 5px

	}



	.mbox3LefCon {

		display: block;

		padding: 0

	}



	.mbox3LefItem li {

		display: inline-block;

		padding: 0;

		width: 48%

	}



	.mbox3LefItem li:after {

		display: none

	}



	.mbox3Ico,.mbox3Line {

		display: none

	}



	.mbox3Rig {

		display: none

	}

}



@media (max-height:240px) {

	.mbox2Brief {

		max-height: 26px

	}



	.mbox3LefCon {

		display: block

	}

}


/* 过渡动画类 */
.fade_right{
	position: relative;
	left: 140px;
	opacity: 0;
}
.fade_left{
	position: relative;
	right: 140px;
	opacity: 0;
}
.fade_show_right {
	transition: all 1s;
	left: 0;
	opacity: 1;
}
.fade_show_left {
	transition: all 1s;
	right: 0;
	opacity: 1;
}

.opacity_show {
	opacity: 1!important;
}