html,header,body,section,header,footer,nav,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,b,i,p,em,a,input,button {
	margin: 0;
	padding: 0
}

body {
	position: relative;
	background: #FFF;
	color: #03031A;
	font-size: 13px;
	font-family: Tahoma,PingFangSC-Regular,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei","\5b8b\4f53",Arial,Helvetica,STHeiti;
	word-break: break-all;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none
}

img {
	border: 0
}

input,img {
	vertical-align: middle
}

ul,li {
	list-style: none
}

a,img {
	-webkit-touch-callout: none
}

a {
	color: #03031A;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

b,i,em {
	font-style: normal;
	font-weight: 500
}

input,textarea {
	-webkit-appearance: none
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	font-size: 15px
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.main {
	position: relative;
	width: 1180px;
	margin: 0 auto
}

.main-hidden {
	overflow: hidden
}

.main-cms {
	position: relative;
	width: 1180px;
	margin: 40px auto 80px
}

.banner-l2 {
	width: 100%;
	height: 360px;
	background-image: url(../images/banner_2_165fc1d.png);
	-webkit-background-size: auto 360px;
	background-size: auto 360px;
	background-repeat: no-repeat;
	background-position: 50%
}

.banner-l2-n {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	overflow: hidden;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.banner-l2-n img {
	position: relative;
	left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	-moz-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.bread-crumb {
	height: 18px;
	padding: 16px 0;
	font-size: 12px
}

.bread-crumb a {
	display: inline-block;
	vertical-align: middle;
	color: #999
}

.bread-crumb img {
	display: inline-block;
	width: 6px;
	height: 8px;
	margin: 0 2px;
	vertical-align: middle
}

.bread-crumb span {
	display: inline-block;
	vertical-align: middle
}

.header {
	position: relative;
	height: 100px;
	background: #0C0C29
}

.logo {
	float: left
}

.logo a {
	display: table-cell;
	width: 140px;
	height: 100px;
	vertical-align: middle
}

.logo a img {
	display: block;
	max-width: 140px;
	max-height: 100px
}

.nav {
	float: right;
	height: 66px;
	padding: 17px 0
}

.nav-link {
	float: left;
	margin-right: 25px;
	padding: 19px 0 0;
	max-width: 800px;
	vertical-align: top;
	overflow-x: scroll;
	overflow-y: auto;
	white-space: nowrap
}

.nav-link a {
	position: relative;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 14px;
	color: #CECEE5;
	font-size: 14px;
	vertical-align: middle
}

.nav-link a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 1px;
	height: 8px;
	background: #CECEE5
}

.nav-link a:hover {
	color: #fff
}

.nav-link .nav-d {
	position: relative;
	display: inline-block;
	min-width: 70px;
	height: 28px;
	line-height: 28px;
	padding: 0 14px;
	color: #CECEE5;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	text-align: center
}

.nav-link .nav-d p {
	line-height: 28px
}

.nav-link .nav-d p .down-menu-icon {
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url(../images/down_0ef203c.png) no-repeat;
	-webkit-background-size: 10px 10px;
	background-size: 10px;
	vertical-align: middle
}

.nav-link .nav-d:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 1px;
	height: 8px;
	background: #CECEE5
}

.nav-link .nav-d:hover {
	color: #03031A;
	background: #fff;
	margin-left: -6px;
	padding-left: 20px
}

.nav-link .nav-d:hover .nav-more {
	display: block
}

.nav-link .nav-d:hover:after {
	display: none
}

.nav-link .nav-d .nav-more {
	display: none;
	width: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	z-index: 1002
}

.nav-link .nav-d .nav-more a {
	padding: 0;
	display: block;
	text-align: center;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #03031A
}

.nav-link .nav-d .nav-more a:after {
	display: none
}

.nav-link .nav-d .nav-more a:hover {
	background: rgba(12,12,41,.6);
	color: #fff
}

.nav-link .cur {
	color: #FFF;
	font-weight: 700
}

.nav-link::-webkit-scrollbar {
	display: none;
	width: 6px;
	width: auto
}

.nav-link-n a:last-child:after {
	content: "";
	display: none;
	position: absolute;
	right: 0;
	top: 10px;
	width: 1px;
	height: 8px;
	background: #CECEE5
}

.nav-language {
	display: inline-block;
	padding: 19px 0 0;
	vertical-align: top
}

.nav-language a {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	color: #CECEE5;
	font-size: 14px
}

.nav-language a:hover {
	color: #FFF
}

.nav-language .cur {
	color: #FFF;
	font-weight: 700
}

.nav-language img {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	vertical-align: middle
}

.nav-menu {
	display: inline-block;
	width: 66px;
	height: 66px;
	background: url(../images/icon_menu_443a5b6.png) no-repeat;
	-webkit-background-size: 66px 66px;
	background-size: 66px;
	vertical-align: top;
	cursor: pointer
}

.menu {
	display: none;
	float: left;
	margin: 25px 25px 0 0;
	vertical-align: top;
	cursor: default
}

.menu .nav-menu-l {
	display: inline-block;
	width: 11px;
	height: 18px;
	background: url(../images/nav-3-l-g_8eeb1d1.png) center no-repeat;
	-webkit-background-size: 11px 11px;
	background-size: 11px;
	vertical-align: top;
	cursor: pointer
}

.menu .nav-menu-r {
	display: inline-block;
	width: 11px;
	height: 18px;
	margin-left: 18px;
	background: url(../images/nav-3-r-g_f6004dd.png) center no-repeat;
	-webkit-background-size: 11px 11px;
	background-size: 11px;
	vertical-align: top;
	cursor: pointer
}

.menu .nav-menu-l-disabled {
	background: url(../images/nav-3-l_50cfa7c.png) center no-repeat;
	cursor: default
}

.menu .nav-menu-r-disabled {
	background: url(../images/nav-3-r_0828856.png) center no-repeat;
	cursor: default
}

.nav-full {
	position: absolute;
	left: 0;
	top: -100px;
	z-index: 20;
	width: 100%;
	height: 100px;
	background: #FFF;
	-webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.1);
	box-shadow: 0 6px 15px 0 rgba(0,0,0,.1);
	text-align: center;
	opacity: 0
}

.nav-full a {
	position: relative;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
	color: #03031A;
	font-size: 16px;
	vertical-align: middle
}

.nav-full a:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 1px;
	height: 8px;
	background: #03031A
}

.nav-full .last:after {
	display: none
}

.nav-full-s {
	top: 0;
	opacity: 1
}

.nav-full-i {
	padding: 36px 0 0
}

.nav-menu-close {
	position: absolute;
	right: 20px;
	top: 37px;
	width: 26px;
	height: 26px;
	background: url(../images/icon_close_menu_95847be.png) no-repeat;
	-webkit-background-size: 26px 26px;
	background-size: 26px;
	cursor: pointer
}

.footer {
	position: relative;
	background: #292934
}

.footer-cont {
	padding: 60px 0
}

.footer-info {
	float: left;
	width: 740px
}

.footer-info-logo {
	display: inline-block;
	width: 130px;
	margin: 10px 0 0;
	vertical-align: top
}

.footer-info-company {
	display: inline-block;
	max-width: 360px;
	padding: 8px 0 0 20px;
	vertical-align: top
}

.footer-info-company h1 {
	margin-bottom: 8px;
	font-size: 20px;
	color: #FFF;
	word-break: break-all;
	font-weight: 700
}

.footer-info-company p {
	line-height: 20px;
	padding-left: 22px;
	background: url(../images/icon_point_2eca958.png) 0 3px no-repeat;
	-webkit-background-size: 12px 15px;
	background-size: 12px 15px;
	font-size: 12px;
	color: #7D7D93;
	word-break: break-all
}

.footer-info-hz {
	display: inline-block;
	max-width: 190px;
	padding: 8px 0 0 35px;
	vertical-align: top
}

.footer-info-hz p {
	line-height: 20px;
	margin-bottom: 10px;
	padding-left: 22px;
	background: url(../images/icon_phone_7175bb7.png) 0 3px no-repeat;
	-webkit-background-size: 12px 15px;
	background-size: 12px 15px;
	font-size: 12px;
	color: #7D7D93;
	word-break: break-all
}

.footer-info-hz .footer-info-hz-m {
	background: url(../images/icon_mail_7a0134e.png) 0 5px no-repeat;
	-webkit-background-size: 14px 12px;
	background-size: 14px 12px
}

.footer-info-hz-t {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 20px;
	color: #FFF;
	word-break: break-all
}

.footer-contact {
	float: right;
	width: 420px
}

.footer-c-icon {
	float: left;
	width: 210px;
	height: 40px;
	margin-top: 20px;
	border-left: solid 1px #676773;
	vertical-align: top
}

.footer-c-icon a {
	position: relative;
	display: inline-block;
	margin: 5px 0 0 40px;
	vertical-align: middle
}

.footer-c-icon a img {
	width: 30px
}

.footer-c-icon a .footer-c-icon-wx-qr {
	display: none;
	position: absolute;
	left: -30px;
	top: 30px;
	width: 80px;
	height: 80px;
	background: #FFF;
	padding: 5px;
	border: solid 1px #676773;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.footer-c-icon a .footer-c-icon-wx-qr img {
	width: 80px;
	height: 80px
}

.footer-c-icon .footer-c-icon-wx {
	cursor: default
}

.footer-c-icon .footer-c-icon-wx:hover .footer-c-icon-wx-qr {
	display: block
}

.footer-c-icon .footer-c-icon-qq img {
	width: 26px
}

.footer-c-qrcode {
	float: right;
	width: 110px;
	padding: 8px 50px 0 0;
	text-align: center
}

.footer-c-qrcode img {
	display: inline-block;
	width: 70px;
	height: 70px;
	margin-bottom: 10px
}

.footer-c-qrcode p {
	color: #7D7D93;
	font-size: 12px
}

.footer-link {
	line-height: 20px;
	border-top: solid 1px #7D7D93;
	padding: 15px 0 10px 10px;
	color: #FFF;
	font-size: 12px
}

.footer-link a {
	display: inline-block;
	margin: 0 10px 5px;
	color: #7D7D93
}

.footer-link a:hover {
	color: #FFF
}

.footer-copy {
	height: 40px;
	line-height: 40px;
	background: #1E1E26;
	text-align: center;
	font-size: 12px;
	color: #999
}

.footer-copy a {
	color: #999
}

.side-fix {
	position: fixed;
	bottom: 50px;
	right: 100px;
	z-index: 98
}

.side-fix a {
	display: block;
	width: 62px;
	height: 62px;
	border: solid 1px #D9D9D9;
	margin: -1px 0 0
}

.side-fix .side-fix-kf {
	background: #fff url(../images/icon_kf_c157b07.png) center no-repeat;
	-webkit-background-size: 34px 31px;
	background-size: 34px 31px
}

.side-fix .side-fix-kf:hover {
	background-color: #03031A;
	background-image: url(../images/icon_kf_w_e4651c1.png);
	border-color: #03031A
}

.side-fix .side-fix-top {
	background: #fff url(../images/icon_top_110f424.png) center no-repeat;
	-webkit-background-size: 36px 29px;
	background-size: 36px 29px
}

.side-fix .side-fix-top:hover {
	background-color: #03031A;
	background-image: url(../images/icon_top_w_8008bcc.png);
	border-color: #03031A
}

.side-fix .side-fix-vr {
	display: none;
	background: #fff url(../images/icon_vr_b_f34ed37.png) center no-repeat;
	-webkit-background-size: 42px 28px;
	background-size: 42px 28px
}

.side-fix .side-fix-vr:hover {
	background-color: #03031A;
	background-image: url(../images/icon_vr_dbf16c0.png);
	border-color: #03031A
}

.search-page {
	height: 34px;
	line-height: 34px;
	margin: 0 0 50px;
	text-align: right;
	font-size: 14px
}

.search-page span {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin: 0 0 0 6px;
	padding: 0 13px;
	background: #F5F5F5;
	border: solid 1px #EEE;
	color: #CCC
}

.search-page span img {
	display: inline-block;
	width: 8px;
	vertical-align: -1px;
	opacity: .3
}

.search-page .cur {
	background: #096DD9;
	color: #FFF
}

.search-page a {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	margin: 0 0 0 6px;
	padding: 0 13px;
	background: #F5F5F5;
	border: solid 1px #EEE;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.search-page a:hover {
	border-color: #096DD9
}

.search-page a img {
	display: inline-block;
	width: 8px;
	vertical-align: -1px
}

.search-page em {
	margin: 0 0 0 6px;
	color: #999
}

.search-page-jump {
	display: inline-block;
	margin-left: 8px;
	color: #999
}

.search-page-jump input {
	width: 30px;
	height: 20px;
	line-height: 20px;
	padding: 7px 5px;
	border: solid 1px #EEE;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	text-align: center;
	outline: 0
}

.search-page-jump button {
	width: 52px;
	height: 34px;
	line-height: 34px;
	background: #F5F5F5;
	border: solid 1px #EEE;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	outline: 0;
	vertical-align: -2px
}

.i-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	overflow: hidden;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.i-banner img {
	position: relative;
	left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	-moz-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.swiper-wrap {
	position: relative;
	width: 100%;
	background: #FAFAFA;
	overflow: hidden
}

.swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.swiper-slide {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	overflow: hidden;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.swiper-slide img {
	position: relative;
	left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	-moz-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0)
}

.swiper-pagination {
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	text-align: center
}

.swiper-pagination span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	background: #737373;
	border: solid 1px #737373;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	cursor: pointer
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 24px;
	background: #FFF
}

.i-product-img {
	position: relative;
	z-index: 90;
	margin: 30px auto 30px
}

.i-product-img a {
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.i-product-img a:hover {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
	box-shadow: 0 0 15px rgba(0,0,0,.3)
}

.i-product-img-l {
	float: left;
	width: 580px;
	height: 580px
}

.i-product-img-l img {
	display: block;
	width: 580px;
	height: 580px
}

.i-product-img-r {
	float: right;
	width: 580px
}

.i-product-img-r a {
	display: block;
	margin-bottom: 20px
}

.i-product-img-r a img {
	display: block;
	width: 580px;
	height: 280px
}

.i-product-center {
	width: 100%;
	height: 560px;
	margin-bottom: 30px;
	background: url(../images/product_bg_b2ea18b.png) 50% 0 no-repeat;
	-webkit-background-size: auto 560px;
	background-size: auto 560px
}

.i-product-center-l {
	float: left;
	width: 300px;
	padding: 62px 0 0
}

.i-product-center-t {
	position: relative;
	padding: 20px 0 20px 45px
}

.i-product-center-c {
	position: relative;
	z-index: 5;
	height: 156px;
	padding-top: 10px;
	font-size: 50px
}

.i-product-center-c p {
	padding-top: 6px;
	font-size: 30px
}

.i-product-center-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 126px;
	height: 156px;
	border: solid 6px #6CD8D9;
	border-right: 0
}

.i-product-center-all {
	display: block;
	width: 180px;
	height: 54px;
	line-height: 54px;
	background: #03031A;
	font-size: 14px;
	color: #FFF;
	text-align: center
}

.i-product-center-all img {
	display: inline-block;
	width: 14px;
	margin-left: 5px;
	vertical-align: -2px
}

.i-product-center-all:hover {
	color: #FFF
}

.i-product-center-r {
	float: right;
	width: 700px;
	margin: 65px 0 0
}

.i-product-center-r a {
	float: right;
	width: 260px;
	margin-left: 20px;
	padding: 20px;
	background: #FFF;
	border: solid 1px #D9D9D9
}

.i-product-center-r a img {
	width: 260px;
	height: 260px
}

.i-product-center-r a p {
	height: 32px;
	line-height: 32px;
	margin: 15px 0;
	font-size: 14px;
	color: #03031A;
	overflow: hidden
}

.i-product-center-r a:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.i-product-center-r a .i-product-center-r-m {
	display: block;
	width: 180px;
	height: 54px;
	line-height: 54px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	border: solid 1px #D9D9D9;
	color: #03031A
}

.i-product-center-r a .i-product-center-r-m img {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 5px;
	vertical-align: -2px
}

.i-video {
	margin: 50px 0 100px;
	position: relative
}

.i-video video {
	display: block;
	width: 100%;
	height: 660px;
	outline: 0
}

.i-video #video_pagination {
	bottom: -50px
}

.i-video .swiper-button-prev {
	width: 80px;
	height: 80px;
	background: url(../images/video_prev_3_aa7a46b.png);
	-webkit-background-size: 80px 80px;
	background-size: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: -104px;
	cursor: pointer
}

.i-video .swiper-button-next {
	width: 80px;
	height: 80px;
	background: url(../images/video_next_3_232cc9c.png);
	-webkit-background-size: 80px 80px;
	background-size: 80px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: -104px;
	cursor: pointer
}

.i-title-wrap {
	position: relative;
	height: 56px
}

.i-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 56px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 26px;
	font-weight: 700
}

.i-title p {
	width: 100%;
	font-size: 16px;
	color: #999;
	font-weight: 500
}

.i-title-more {
	position: absolute;
	right: 0;
	top: 18px;
	font-size: 14px;
	color: #03031A
}

.i-title-more img {
	display: inline-block;
	width: 14px;
	margin-left: 5px;
	vertical-align: -2px
}

.i-case-list {
	margin: 80px -40px 80px 0
}

.i-case-list a {
	float: left;
	position: relative;
	width: 570px;
	margin: 0 40px 20px 0
}

.i-case-list a img {
	display: block;
	width: 570px;
	height: 260px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.i-case-list a:hover img {
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
	box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.i-case-l-cont {
	position: relative;
	top: -30px;
	width: 420px;
	height: 80px;
	margin: 0 0 -30px 90px;
	padding: 18px 30px;
	background: #FFF;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
	box-shadow: 0 0 15px rgba(0,0,0,.1)
}

.i-case-l-cont h4 {
	height: 28px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	color: #03031A;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.i-case-l-cont p {
	font-size: 14px;
	color: #999
}

.i-news-list {
	margin: 80px -20px 80px 0
}

.i-news-list a {
	position: relative;
	float: left;
	width: 380px;
	height: 256px;
	background: #F5F5F5;
	margin-right: 20px
}

.i-news-list a:hover .i-news-date {
	background: #6CD8D9
}

.i-news-list .i-news-date {
	position: absolute;
	left: 30px;
	top: -30px;
	padding: 8px 18px 10px;
	background: #03031A;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.i-news-list .i-news-date p {
	margin: 5px 0 0;
	font-size: 12px
}

.i-news-list .i-news-date-c {
	background: #6CD8D9
}

.i-news-title {
	padding: 70px 30px 0;
	font-size: 16px;
	font-weight: 700;
	color: #03031A
}

.i-news-cont {
	padding: 20px 30px 0;
	height: 40px;
	font-size: 14px;
	color: #999
}

.i-news-cont:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	margin: 40px 0 0;
	background: #03031A
}

.i-about {
	min-width: 1180px;
	margin: 80px auto;
	background: #FAFAFA
}

.i-about-l {
	float: left;
	width: 50%;
	height: 730px;
	background: url(../images/banner_about_a763b5a.jpg) 50% no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%
}

.i-about-r {
	float: right;
	width: 50%;
	height: 730px
}

.i-about-r-i {
	width: 500px;
	padding: 10px 0 0 40px
}

.i-about-cont {
	margin-top: 10px;
	font-size: 14px;
	color: #666
}

.i-about-cont:before {
	content: "";
	display: block;
	width: 80px;
	height: 2px;
	margin-bottom: 10px;
	background: #03031A
}

.i-about-more {
	margin-top: 100px;
	border-top: solid 1px #D9D9D9;
	text-align: right
}

.i-about-more a {
	display: inline-block;
	width: 180px;
	height: 54px;
	line-height: 54px;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	border: solid 1px #D9D9D9;
	border-top: 0;
	color: #03031A
}

.i-about-more a img {
	display: inline-block;
	width: 14px;
	margin-left: 5px;
	vertical-align: -2px
}

.i-service {
	width: 100%;
	height: 620px;
	margin: 0 0 80px;
	background: url(../images/service_bg_7c166af.png) 50% no-repeat;
	-webkit-background-size: auto 100%;
	background-size: auto 100%
}

.i-service .i-title-wrap {
	padding: 50px 0 0
}

.i-service-list {
	margin: 70px 65px 0
}

.i-service-list li {
	float: left;
	width: 200px;
	margin: 0 75px;
	text-align: center
}

.i-service-list li img {
	width: 200px;
	height: 200px
}

.i-service-list li p {
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 20px;
	font-size: 14px;
	color: #666
}

.i-service-list li i {
	display: inline-block;
	width: 60px;
	height: 2px;
	background: #03031A;
	margin: 30px 0 0
}

.i-service-l-t {
	height: 28px;
	margin: 45px 0 15px;
	font-size: 20px;
	font-weight: 700;
	overflow: hidden
}

.intro-img {
	float: left;
	width: 610px;
	border-right: solid 40px #03031A
}

.intro-img img {
	display: block;
	width: 570px;
	height: 380px
}

.intro-cont-w {
	float: right;
	width: 510px
}

.intro-cont-w h1 {
	font-size: 26px;
	font-weight: 700
}

.intro-cont-w .intro-cont {
	line-height: 24px;
	color: #666;
	font-size: 14px
}

.intro-cont-w .intro-cont img {
	display: block;
	max-width: 100%;
	padding: 20px 0
}

.intro-cont-w .intro-cont video {
	display: block;
	width: 100%;
	max-height: 300px;
	margin: 20px 0;
	background: #000
}

.intro-cont-pip {
	margin: 10px 0 20px;
	height: 8px
}

.intro-cont-pip img {
	display: inline-block;
	width: 8px
}

.goods-list-cat {
	float: left;
	width: 220px
}

.goods-list-cat a {
	display: block;
	height: 50px;
	line-height: 50px;
	background: #F5F5F5;
	margin-bottom: 5px;
	color: #666;
	text-align: center;
	font-size: 14px;
	overflow: hidden
}

.goods-list-cat .cur {
	background: #03031A;
	color: #FFF
}

.goods-list-w {
	float: right;
	width: 940px
}

.goods-list {
	margin-right: -20px
}

.goods-list a {
	float: left;
	width: 200px;
	margin: 0 20px 20px 0;
	padding: 8px;
	border: solid 1px #D9D9D9
}

.goods-list a:hover {
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.goods-list a img {
	display: block;
	width: 200px;
	height: 200px
}

.goods-list-title {
	height: 36px;
	line-height: 18px;
	margin: 16px 0 10px;
	overflow: hidden
}

.plans-list {
	margin-right: -20px;
	overflow: hidden
}

.plans-list a {
	float: left;
	width: 570px;
	padding: 20px 20px 30px 0;
	border-bottom: solid 1px #D9D9D9
}

.plans-list a:hover {
	opacity: .8
}

.plans-list a img {
	float: left;
	width: 250px;
	height: 160px
}

.plans-list .plans-list-cont {
	float: right;
	width: 300px
}

.plans-list .plans-list-cont h5 {
	padding: 16px 0 0;
	font-size: 22px;
	font-weight: 700
}

.plans-list .plans-list-cont h5 i {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	background: #6CD8D9;
	padding: 0 4px;
	font-size: 14px;
	color: #FFF;
	vertical-align: 4px
}

.plans-list .plans-list-cont .plans-list-c {
	height: 40px;
	line-height: 20px;
	margin: 20px 0;
	overflow: hidden;
	font-size: 14px;
	color: #999
}

.plans-list .plans-list-cont p {
	font-size: 16px;
	color: #999
}

.plans-detail-title {
	float: left;
	width: 220px
}

.plans-detail-title h1 {
	padding-bottom: 5px;
	font-size: 26px;
	font-weight: 700
}

.plans-detail-title p {
	font-size: 14px;
	color: #999
}

.plans-detail {
	float: right;
	width: 940px;
	line-height: 24px;
	font-size: 14px
}

.plans-detail img {
	display: block;
	width: 440px;
	padding: 20px 0
}

.plans-detail video {
	display: block;
	max-width: 600px;
	min-width: 300px;
	max-height: 300px;
	margin: 20px auto;
	background: #000
}

.detail-title {
	text-align: center;
	font-size: 26px
}

.detail-title p {
	margin-top: 2px;
	font-size: 14px;
	color: #999
}

.case-list-w {
	margin-bottom: 30px
}

.case-list {
	padding: 40px 0 0
}

.case-list .plans-detail {
	padding-bottom: 40px;
	border-bottom: solid 1px #D9D9D9
}

.case-detail {
	float: right;
	width: 940px;
	line-height: 24px;
	font-size: 14px
}

.case-detail img {
	display: block;
	width: 440px;
	padding: 20px 0
}

.photos-list {
	margin: 30px -20px 0 0
}

.photos-list li {
	float: left;
	width: 380px;
	margin: 0 20px 20px 0
}

.photos-list-img {
	width: 340px;
	height: 340px;
	padding: 20px;
	background: #F5F5F5;
	cursor: pointer
}

.photos-list-img img {
	display: block;
	width: 340px;
	height: 340px
}

.photos-list-title {
	height: 20px;
	margin: 16px 0;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.photo-img-pop {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 101;
	background: #FFF;
	padding: 30px 30px 12px;
	text-align: center;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0)
}

.photo-img-pop img {
	display: inline-block;
	max-width: 800px;
	max-height: 600px
}

.photo-img-pop p {
	line-height: 20px;
	padding-right: 40px;
	margin: 10px 0 0;
	font-size: 14px;
	text-align: left
}

.photo-img-pop i {
	position: absolute;
	right: 30px;
	bottom: 12px;
	width: 30px;
	height: 30px;
	background: url(../images/img_close_4a265de.png) center no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px;
	cursor: pointer
}

.videos-list {
	margin: 30px -26px 0 0
}

.videos-list li {
	float: left;
	width: 376px;
	height: 320px;
	margin: 0 26px 28px 0;
	cursor: pointer
}

.videos-list li:hover {
	-webkit-box-shadow: -1px 5px 17px 0 rgba(0,0,0,.05);
	box-shadow: -1px 5px 17px 0 rgba(0,0,0,.05)
}

.videos-list li:hover .videos-list-title {
	color: #EE4547
}

.videos-list li:hover .videos-list-img i {
	display: block
}

.videos-list-img {
	width: 376px;
	height: 212px;
	position: relative
}

.videos-list-img img {
	display: block;
	margin: 0 auto;
	max-width: 376px;
	max-height: 212px
}

.videos-list-img i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 58px;
	height: 58px;
	margin: -26px 0 0 -26px;
	background: url(../images/play_29c5893.png) center no-repeat;
	-webkit-background-size: 58px 58px;
	background-size: 58px
}

.videos-list-title {
	height: 20px;
	margin: 30px 0 15px;
	padding: 0 0 0 20px;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 700;
	color: #2f353b;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.videos-list-time {
	padding: 0 0 0 20px;
	font-size: 14px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #999;
	line-height: 28px
}

.video-img-pop {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 101;
	background: #FFF;
	padding: 30px;
	text-align: center;
	-webkit-transform: translate3d(-50%,-50%,0);
	-moz-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0)
}

.video-img-pop .video-pop {
	outline: 0;
	min-width: 600px;
	max-width: 900px;
	max-height: 400px;
	background: #000
}

.video-img-pop i {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
	background: url(../images/img_close_4a265de.png) center no-repeat;
	-webkit-background-size: 15px 15px;
	background-size: 15px;
	cursor: pointer
}

.videos-list-small {
	margin: 30px -26px 0 0
}

.videos-list-mp4 {
	width: 960px;
	padding: 0 0 80px;
	border-bottom: 1px solid #D9D9D9;
	margin: 0 0 60px;
	cursor: pointer
}

.videos-list-mp4 .video-mp4-title {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 8px solid #03031A;
	height: 58px;
	padding: 0 0 0 20px;
	margin: 0 0 20px
}

.videos-list-mp4 .video-mp4-title p {
	line-height: 29px
}

.videos-list-mp4 .video-mp4-title p:nth-child(1) {
	font-size: 20px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	color: #03031a
}

.videos-list-mp4 .video-mp4-title p:nth-child(2) {
	font-size: 16px;
	font-family: PingFangSC-Regular,PingFang SC;
	font-weight: 400;
	color: #666
}

.videos-list-mp4:hover .videos-list-mp4-img i {
	display: block
}

.videos-list-mp4-img {
	position: relative
}

.videos-list-mp4-img img {
	display: block
}

.videos-list-mp4-img i {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 58px;
	height: 58px;
	margin: -26px 0 0 -26px;
	background: url(../images/play_29c5893.png) center no-repeat;
	-webkit-background-size: 58px 58px;
	background-size: 58px
}

.air {
	border: 0;
	margin: 0;
	padding: 0
}

.article-cont {
	line-height: 24px;
	margin: 30px 0 0;
	font-size: 14px
}

.article-cont img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0
}

.article-cont video {
	display: block;
	width: 100%;
	max-width: 600px;
	min-width: 300px;
	max-height: 300px;
	margin: 20px auto;
	background: #000
}

.news-w {
	margin-bottom: 30px
}

.news-l {
	float: left;
	width: 570px;
	height: 380px;
	background: url(../images/banner_news_6b9b39e.png) no-repeat
}

.news-banner {
	padding: 82px 0 0 80px;
	color: #FFF;
	font-size: 26px
}

.news-banner p {
	font-size: 20px
}

.news-r {
	float: right;
	width: 570px
}

.news-list {
	display: block;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: solid 1px #D9D9D9
}

.news-l-title {
	height: 38px;
	font-size: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.news-l-title i {
	display: inline-block;
	height: 26px;
	line-height: 26px;
	background: #F27979;
	padding: 0 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	color: #FFF;
	vertical-align: 4px
}

.news-l-date {
	padding: 8px 0 15px;
	font-size: 14px;
	color: #999
}

.news-l-content {
	font-size: 14px;
	color: #666
}

.contact-map-w {
	float: left;
	width: 530px;
	height: 530px;
	margin-right: 40px;
	background: #6CD8D9;
	padding: 20px
}

.contact-map {
	height: 530px
}

.contact-cont-l {
	float: left;
	width: 570px;
	height: 300px
}

.contact-cont {
	position: relative;
	margin: 40px 0 0;
	padding: 40px 0 0;
	border-top: solid 1px #D9D9D9;
	font-size: 14px;
	color: #666
}

.contact-cont-mobile,.contact-cont-address,.contact-cont-mail,.contact-cont-qq {
	width: 320px;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 0 0 10px 40px;
	background: url(../images/icon_contact_phone_dcd2049.png) 0 0 no-repeat;
	-webkit-background-size: 20px 20px;
	background-size: 20px
}

.contact-cont-address {
	background-image: url(../images/icon_contact_point_fa86577.png);
	-webkit-background-size: 18px 18px;
	background-size: 18px
}

.contact-cont-mail {
	background-image: url(../images/icon_contact_mail_a9d4032.png);
	background-position: 0 2px
}

.contact-cont-qq {
	background-image: url(../images/icon_contact_qq_7014279.png)
}

.contact-cont-wx {
	position: absolute;
	right: 28px;
	top: 40px;
	font-size: 14px;
	color: #03031A;
	text-align: center
}

.contact-cont-wx:after {
	content: "";
	position: absolute;
	left: -50px;
	top: 20px;
	width: 1px;
	height: 100px;
	background: #D9D9D9
}

.contact-cont-wx img {
	width: 130px;
	height: 130px;
	margin-bottom: 10px
}

.main-cms video {
	display: block;
	min-width: 300px;
	max-width: 600px;
	max-height: 300px;
	margin: 20px auto;
	background: #000
}

.empty {
	padding: 50px 0;
	text-align: center
}

.empty img {
	display: inline-block;
	width: 204px
}

.empty p {
	margin-top: 15px;
	font-size: 14px;
	color: #CCC
}

.mask {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5)
}

.hide {
	display: none
}