body {
	font-size: 18px;
	line-height: 1.45;
	color: #333
}

.shade {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	background: rgba(0, 0, 0, .6)
}

.gh {
	display: none
}

* {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.img {
	font-size: 0
}

.img img {
	display: block;
	max-width: 100%
}

.global-hd {
	padding: 80px 0 60px;
	text-align: center
}

.global-hd h3 {
	font-size: 32px;
	color: #1f215a;
	font-weight: 400
}

.global-hd .desc {
	margin-top: 13px;
	font-size: 16px
}

.global-more {
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 180px;
	height: 50px;
	background-color: #fff;
	border-radius: 25px;
	border: solid 1px #ccc;
	font-size: 14px;
	color: #181818;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.global-more:hover {
	background: #004e98;
	color: #fff;
	border-color: #004e98
}

.global-more:hover i {
	background-image: url(../images/more_white.png)
}

.global-more i {
	margin-left: 15px;
	display: block;
	width: 8px;
	height: 8px;
	background-repeat: no-repeat;
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/more.png)
}

.global-search {
	position: relative
}

.global-search input {
	display: block;
	width: 330px;
	height: 36px;
	border: solid 1px #ddd;
	padding-left: 12px;
	padding-right: 60px;
	font-size: 14px
}

.global-search button {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	background: url(../images/search.png) no-repeat center;
	-o-background-size: 20px;
	background-size: 20px;
	background-color: #0452c7;
	border: none;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.global-search button:hover {
	background-color: #01409f
}

.container {
	margin: 0 auto;
	max-width: 1600px
}

.header {
	height: 94px
}

.header .header-fiexd {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 30px;
	width: 100%;
	height: 94px;
	z-index: 200;
	background: #fff
}

.header .header-fiexd.shadow {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18)
}

.header .bd {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%
}

.header .phone {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header .phone .img {
	margin-right: 6px;
	width: 44px
}

.header .phone .txt {
	font-size: 22px;
	line-height: 1;
	color: #1c589e;
	font-family: Impact
}

.header .phone .txt span {
	display: inline-block;
	line-height: 1;
	vertical-align: 2px;
	font-size: 16px;
	color: #666
}

.nav {
	height: 100%
}

.nav ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.nav li.on {
	background: #0452c7
}

.nav li.on>a {
	color: #fff
}

.nav li>a {
	padding: 0 28px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%
}

.nav li:hover>a {
	background: #004baa;
	color: #fff
}

.nav li:hover .dropdown {
	display: block
}

.nav .dropdown {
	display: none;
	position: fixed;
	top: 94px;
	left: 0;
	padding: 50px 0;
	width: 100%;
	background-color: #f5f5f5;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, .18);
	text-align: center
}

.nav .dropdown a:hover {
	color: #004baa !important
}

.nav .dropdown .container {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.nav .dropdown .menu {
	padding-right: 24px;
	padding-top: 25px;
	width: 14.5%;
	height: 525px;
	overflow-y: auto;
	font-size: 16px;
	border-right: 1px solid #dcdcdc
}

.nav .dropdown .menu dd {
	margin-bottom: 30px;
	line-height: 1
}

.nav .dropdown .menu dd.on a {
	color: #004baa
}

.nav .dropdown .menu a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-weight: bold
}

.nav .dropdown .content {
	padding-top: 25px;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-left: 60px;
	min-width: 0
}

.nav .dropdown .item {
	font-size: 14px;
	display: none
}

.nav .dropdown .item:first-child {
	display: block
}

.nav .dropdown .item .title a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold
}

.nav .dropdown .item .title span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.nav .dropdown .item .title i {
	margin-left: 12px;
	display: block;
	font-size: 12px
}

.nav .dropdown .item a {
	color: #333
}

.nav .dropdown .item dl {
	margin: 0 -10px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.nav .dropdown .item dd {
	position: relative;
	margin-bottom: 27px;
	padding: 0 10px;
	width: 25%
}

.nav .dropdown .item dd:hover .childer {
	display: block
}

.nav .dropdown .item .childer {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding-top: 15px;
	z-index: 2
}

.nav .dropdown .item .childer .box {
	padding: 12px 0;
	background: #fff;
	border-radius: 5px
}

.nav .dropdown .item .childer a {
	padding: 0 15px;
	line-height: 40px;
	display: block;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #666
}

.nav .dropdown .item .childer a:hover {
	background: #f7f7f7
}

.mobile-nav {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 200;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.mobile-nav.show {
	opacity: 1;
	visibility: visible
}

.mobile-nav.show>ul {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}

.mobile-nav>ul {
	position: absolute;
	top: 75px;
	right: 0;
	bottom: 0;
	padding: 20px 0;
	background: #fff;
	width: 80%;
	overflow-y: auto;
	display: block;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.mobile-nav>ul li {
	position: relative
}

.mobile-nav>ul a {
	display: block;
	line-height: 40px
}

.mobile-nav>ul i {
	position: absolute;
	top: 0;
	right: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 50px;
	height: 40px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	cursor: pointer
}

.mobile-nav>ul i.down {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.mobile-nav>ul>li.on>a {
	color: #004baa
}

.mobile-nav>ul>li.on>i {
	color: #004baa
}

.mobile-nav>ul>li>a {
	padding-left: 40px
}

.mobile-nav .dropdown {
	display: none
}

.mobile-nav .level {
	background: #f3f3f3
}

.mobile-nav .level a {
	padding-left: 60px
}

.mobile-nav .level2 a {
	padding-left: 80px
}

.mobile-nav .level3 a {
	padding-left: 100px
}

.banner .swiper-container .swiper-pagination span {
	width: 90px;
	height: 6px;
	border-radius: 0;
	background: #004e98;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.banner li {
	background-position: center;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 0
}

.banner img {
	width: 100%
}

.banner a {
	display: block;
	width: 100%;
	height: 100%
}

.search-wrap {
	background: #fff;
	border-bottom: 1px solid #eee
}

.search-wrap .bd {
	padding: 17px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.search-wrap .keyword {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.search-wrap .keyword img {
	display: block
}

.search-wrap .keyword .label {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.search-wrap .keyword .label span {
	display: block;
	margin-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #0452c7
}

.search-wrap .keyword ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	color: #666
}

.search-wrap .keyword li {
	margin-right: 20px
}

.global-list {
	margin: -10px -23px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.global-list li {
	padding: 10px 23px;
	width: 25%
}

.global-list a {
	display: block;
	width: 100%
}

.global-list a:hover .img {
	border: none
}

.global-list a:hover .mark {
	opacity: 1;
	visibility: visible
}

.global-list a:hover .txt {
	color: #fff;
	background: #0452c7
}

.global-list .img {
	position: relative;
	background: #fff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 275px;
	background-color: #fff;
	border: solid 1px #ddd
}

.global-list .img img {
	display: inline-block;
	max-height: 90%
}

.global-list .txt {
	padding: 30px 20px;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.global-list .mark {
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .48);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.global-list .mark i {
	display: block;
	width: 65px;
	height: 65px;
	background: url(../images/link.png) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.global-list .mark p {
	margin-top: 15px;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.product-wrap {
	padding-bottom: 55px;
	background: #f4f4f4;
	overflow: hidden
}

.product-wrap .tabs {
	margin-bottom: 42px
}

.product-wrap .tabs .swiper-container {
	overflow: visible
}

.product-wrap .tabs ul {
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.product-wrap .tabs li {
	width: 208px
}

.product-wrap .tabs li.on a {
	background: #0452c7
}

.product-wrap .tabs li.on a p {
	color: #fff
}

.product-wrap .tabs li.on .img-w {
	display: none
}

.product-wrap .tabs li.on .img-s {
	display: block
}

.product-wrap .tabs li:first-child {
	border-left: 1px solid #ddd
}

.product-wrap .tabs li:last-child a {
	border-right: 1px solid #ddd
}

.product-wrap .tabs a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 108px;
	background-color: #fff;
	border: solid 1px #ddd;
	border-left: none;
	border-right: 1px solid #ddd;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.product-wrap .tabs img {
	display: block
}

.product-wrap .tabs .img-s {
	display: none
}

.product-wrap .tabs p {
	margin-top: 10px;
	font-size: 18px;
	color: #181818
}

.product-wrap .item {
	display: none
}

.product-wrap .item:first-child {
	display: block
}

.product-wrap .more {
	margin-top: 20px
}

.about-wrap {
	padding-bottom: 80px
}

.about-wrap .bd {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.about-wrap .left,
.about-wrap .right {
	width: 50%
}

.about-wrap .left .title {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 97px;
	background: url(../images/title_bg.png) no-repeat left center;
	-o-background-size: cover;
	background-size: cover;
	background-color: #032191
}

.about-wrap .left .title h3 {
	padding-left: 11%;
	font-size: 48px;
	font-weight: bold;
	letter-spacing: 5px;
	color: #fff;
	width: 100%;
}

.about-wrap .left .content {
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 710px;
	height: 100%
}

.about-wrap .left .tit {
	margin-top: 8%;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold
}

.about-wrap .left .desc {
	font-size: 14px;
	line-height: 36px;
	color: #666;
	text-indent: 2em
}

.about-wrap .left .icons {
	margin-top: 3vw;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.about-wrap .left .icons li {
	margin-right: 50px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border: 1px solid #ddd
}

.about-wrap .left .icons li:last-child {
	margin-right: 0
}

.about-wrap .left .icons li p {
	margin-top: 15px;
	font-size: 14px
}

.about-wrap .right {
	position: relative
}

.about-wrap .right img {
	display: block;
	width: 100%
}

.about-wrap .right a {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 96px;
	height: 96px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #032191;
	color: #fff;
	text-align: center;
	font-size: 14px
}

.contact-section {
	padding: 27px 0;
	background: url(../images/bg_01.jpg) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.contact-section .container {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff
}

.contact-section .left h4 {
	margin-bottom: 15px;
	font-size: 1.67vw;
	font-weight: 400
}

.contact-section .left p {
	font-size: 20px
}

.contact-section .right {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.contact-section .right .btn {
	margin-right: 54px
}

.contact-section .right .btn a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 27px;
	border: solid 1px #fff;
	width: 462px;
	height: 54px;
	font-size: 26px
}

.contact-section .right .btn .phone {
	margin-bottom: 19px
}

.contact-section .right .btn .phone img {
	margin-right: 9px
}

.contact-section .right .btn .wechat {
	background-color: #46baff;
	border-color: #46baff;
	font-size: 28px
}

.contact-section .right .btn .wechat img {
	display: block;
	margin-left: 8px
}

.contact-section .right .qr {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 0
}

.contact-section .right .qr img {
	display: block;
	margin-right: 30px;
	width: 120px
}

.contact-section .right .qr img:last-child {
	margin-right: 0
}

.advantage-wrap {
	padding-bottom: 80px;
	background-color: #f4f4f4
}

.advantage-wrap .bg img {
	margin: 0 auto
}

.advantage-wrap .bd {
	position: relative
}

.advantage-wrap ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.advantage-wrap li {
	position: absolute;
	width: 42.5%
}

.advantage-wrap li .img {
	position: absolute;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 129px;
	height: 129px;
	border: solid 2px #0452c7;
	border-radius: 50%
}

.advantage-wrap .txt {
	position: relative
}

.advantage-wrap .txt .title {
	position: relative;
	margin-bottom: 32px
}

.advantage-wrap .txt .title span {
	font-family: "SourceHanSerifCN-Bold";
	font-weight: bold;
	font-size: 80px;
	line-height: 1;
	color: #dbdbdb
}

.advantage-wrap .txt .title p {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 28px;
	font-weight: bold;
	color: #1c1c1c
}

.advantage-wrap .txt .line {
	position: absolute;
	top: 95px;
	width: 100%;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-image: url(../images/line_01.png)
}

.advantage-wrap .txt .line2 {
	background-image: url(../images/line_02.png)
}

.advantage-wrap .txt .line3 {
	background-image: url(../images/line_03.png)
}

.advantage-wrap .txt .line4 {
	background-image: url(../images/line_04.png)
}

.advantage-wrap .txt .desc {
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.advantage-wrap .txt .desc p {
	display: inline-block;
	width: 375px
}

.advantage-wrap .step1,
.advantage-wrap .step3 {
	padding-left: 160px
}

.advantage-wrap .step1 .img,
.advantage-wrap .step3 .img {
	top: 0;
	left: 0
}

.advantage-wrap .step1 .txt .title p,
.advantage-wrap .step3 .txt .title p {
	padding-left: 20px
}

.advantage-wrap .step1 .txt .desc,
.advantage-wrap .step3 .txt .desc {
	text-align: left
}

.advantage-wrap .step2,
.advantage-wrap .step4 {
	padding-right: 160px
}

.advantage-wrap .step2 .img,
.advantage-wrap .step4 .img {
	top: 0;
	right: 0
}

.advantage-wrap .step2 .txt .title,
.advantage-wrap .step4 .txt .title {
	text-align: right
}

.advantage-wrap .step2 .txt .title p,
.advantage-wrap .step4 .txt .title p {
	right: 0;
	padding-right: 20px
}

.advantage-wrap .step2 .txt .desc,
.advantage-wrap .step4 .txt .desc {
	text-align: right
}

.advantage-wrap .step1 {
	top: 15px
}

.advantage-wrap .step2 {
	top: 15px;
	right: 0
}

.advantage-wrap .step3 {
	left: 0;
	bottom: 30px
}

.advantage-wrap .step3 .line {
	top: 58px
}

.advantage-wrap .step4 {
	right: 0;
	bottom: 30px
}

.advantage-wrap .step4 .line {
	top: 58px
}

.client-wrap {
	padding-bottom: 65px
}

.client-wrap ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.client-wrap li {
	position: relative;
	margin-right: -1px;
	margin-bottom: -1px;
	width: 14.28%;
	height: 110px;
	border: 1px solid #ebebeb
}

.client-wrap li:hover .mark {
	opacity: 1;
	visibility: visible
}

.client-wrap li a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.client-wrap .more {
	margin-top: 40px
}

.client-wrap .mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0452c7;
	z-index: 2;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	visibility: hidden
}

.news-wrap {
	padding-bottom: 74px;
	background-color: #f4f4f4
}

.news-wrap ul {
	margin: -10px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.news-wrap li {
	padding: 10px;
	width: 25%
}

.news-wrap li a {
	padding: 20px;
	display: block;
	width: 100%;
	background-color: #fff;
	border: solid 1px #ddd
}

.news-wrap li a:hover .desc {
	text-decoration: underline
}

.news-wrap .img {
	position: relative
}

.news-wrap .img img {
	display: block;
	width: 100%
}

.news-wrap .img p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 10px;
	line-height: 42px;
	font-size: 16px;
	color: #fff;
	background: rgba(0, 0, 0, .5);
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.news-wrap .txt {
	padding: 20px 0 10px
}

.news-wrap .txt .time {
	margin-bottom: 12px;
	font-size: 14px;
	color: #999
}

.news-wrap .txt .desc {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #666
}

.news-wrap .txt .check {
	font-size: 14px;
	color: #0452c7
}

.news-wrap .more {
	margin-top: 45px
}

.contact-wrap {
	padding-bottom: 75px;
	background: url(../images/bg_02.jpg) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.contact-wrap .bd {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
	background: #fff
}

.contact-wrap .map {
	font-size: 0;
	width: 50%
}

.contact-wrap .map img {
	display: block;
	width: 100%
}

.contact-wrap .address {
	padding: 0 70px 0 35px;
	width: 50%
}

.contact-wrap .address li {
	position: relative;
	padding-left: 45px;
	font-size: 16px;
	border-bottom: 1px solid #e7e7e7
}

.contact-wrap .address li:last-child {
	border: none
}

.contact-wrap .address li img {
	position: absolute;
	top: 25px;
	left: 0;
	display: block
}

.contact-wrap .address li .label {
	color: #333
}

.contact-wrap .address li .box {
	padding: 25px 0
}

.contact-wrap .address li .desc {
	color: #888
}

.footer {
	background: url(../images/footer_bg.png) no-repeat center;
	-o-background-size: cover;
	background-size: cover;
	color: rgba(255, 255, 255, .72)
}

.footer .bd {
	padding: 60px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.footer .link {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.footer .link .item {
	margin-right: 140px
}

.footer .link .item:last-child {
	width: 470px;
	margin-right: 0
}

.footer .link .title {
	font-size: 18px;
	color: #fff
}

.footer .link .line {
	margin: 18px 0;
	width: 15px;
	height: 3px;
	background-color: #fff
}

.footer .link ul {
	font-size: 14px
}

.footer .link li {
	margin-bottom: 10px
}

.footer .link li:last-child {
	margin: 0
}

.footer .qr-list ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.footer .qr-list li {
	margin-right: 68px
}

.footer .qr-list li:last-child {
	margin-right: 0
}

.footer .qr-list p {
	margin-top: 20px;
	font-size: 14px;
	text-align: center
}

.footer .copy {
	padding: 20px 0;
	border-top: 1px solid rgba(255, 255, 255, .2);
	text-align: center;
	font-size: 14px
}

.page-banner {
	position: relative;
	height: 580px;
	background-repeat: no-repeat;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.page-banner .txt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	color: #fff
}

.page-banner .txt h3 {
	margin-bottom: 25px;
	font-size: 35px
}

.page-banner .txt p {
	font-size: 20px
}

.page-banner .content {
	position: absolute;
	top: 50%;
	left: 8.28%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgba(0, 0, 0, .2);
	color: #fff;
	padding: 45px;
	width: 775px
}

.page-banner .content h3 {
	margin-bottom: 20px;
	font-size: 32px
}

.page-banner .content .desc {
	font-size: 14px;
	line-height: 24px
}

.navbar-wrap {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	z-index: 2;
	background: #fff;
	border: solid 1px #ddd
}

.navbar-wrap .container {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.navbar-wrap .navbar {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px
}

.navbar-wrap .navbar li {
	position: relative;
	border-bottom: 3px solid rgba(0, 0, 0, 0)
}

.navbar-wrap .navbar li.current {
	border-color: #0452c7;
	color: #0452c7
}

.navbar-wrap .navbar li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background: #ccc
}

.navbar-wrap .navbar li a {
	display: block;
	padding: 30px 42px;
	line-height: 1
}

.breadcrumb {
	padding: 15px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #666
}

.breadcrumb i {
	margin-right: 5px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/icon_15.png) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.breadcrumb ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.breadcrumb li::after {
	content: ">";
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 8px;
	vertical-align: 0;
	color: #666
}

.breadcrumb li:last-child {
	color: #999
}

.breadcrumb li:last-child::after {
	color: #999
}

.about {
	padding: 70px 0 115px;
	background: #f6f6f6
}

.about .bd {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.about .content {
	padding-right: 90px;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: left
}

.about .content h3 {
	margin-bottom: 35px;
	font-size: 36px;
	color: #333
}

.about .content .desc {
	font-size: 16px;
	color: #666;
	line-height: 32px;
	text-indent: 2em
}

.about .content .desc p {
	margin-bottom: 10px
}

.about .img {
	width: 800px
}

.about .img img {
	display: block;
	width: 100%
}

.culture-wrap {
	padding-bottom: 100px;
	background: url(../images/bg_03.jpg) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.culture-wrap .swiper-pagination {
	display: none
}

.culture-wrap .hd h3 {
	color: #fff
}

.culture-wrap .hd .desc {
	color: rgba(255, 255, 255, .8)
}

.culture-wrap .bd ul {
	margin: -20px -18px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.culture-wrap .bd li {
	padding: 20px 18px;
	width: 25%
}

.culture-wrap .bd .box {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 240px;
	background: rgba(225, 238, 251, .8);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.culture-wrap .bd .box:hover {
	background: #fff;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15)
}

.culture-wrap .bd .img {
	margin-bottom: 10px
}

.culture-wrap .bd .tit {
	margin-bottom: 10px;
	font-size: 22px
}

.culture-wrap .bd .desc {
	margin: 0 auto;
	width: 240px;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	text-align: center
}

.honor-wrap {
	padding-bottom: 75px
}

.honor-wrap .bd {
	position: relative;
	padding: 0 60px
}

.honor-wrap .swiper-container {
	position: static
}

.honor-wrap .swiper-button-prev,
.honor-wrap .swiper-button-next {
	width: 36px;
	height: 36px
}

.honor-wrap .swiper-button-prev {
	left: 0;
	background: url(../images/prev.png) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.honor-wrap .swiper-button-next {
	right: 0;
	background: url(../images/next.png) no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.honor-wrap .swiper-pagination {
	display: none
}

.honor-wrap li {
	text-align: center
}

.honor-wrap .img {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #f8f8f8;
	height: 300px
}

.honor-wrap img {
	margin: 0 auto;
	max-height: 100%
}

.honor-wrap p {
	margin-top: 20px;
	font-size: 14px;
	color: #333
}

.news-main {
	padding: 60px 0;
	background: #f6f6f6
}

.news-main .bd {
	padding: 70px 80px 0;
	background: #fff
}

.news-main .title {
	font-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.news-main .info {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	color: #979797
}

.news-main .info>div {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.news-main .info i {
	display: block;
	margin-right: 7px;
	background-position: center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	background-size: cover
}

.news-main .info .time {
	margin-right: 30px
}

.news-main .info .time i {
	width: 18px;
	height: 18px;
	background-image: url(../images/icon_28.png)
}

.news-main .info .yen i {
	width: 24px;
	height: 15px;
	background-image: url(../images/icon_29.png)
}

.news-main .news-detail {
	padding-bottom: 60px;
	border-bottom: 1px solid #eaeaea
}

.news-main .news-detail a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: solid 1px #ddd
}

.news-main .news-detail .img {
	width: 620px
}

.news-main .news-detail .txt {
	padding: 0 45px;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.news-main .news-detail .title {
	margin-bottom: 20px
}

.news-main .news-detail .info {
	margin-bottom: 20px
}

.news-main .news-detail .desc {
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 24px;
	color: #888
}

.news-main .news-detail .desc:hover {
	text-decoration: underline
}

.news-main .news-detail .btn span {
	display: block;
	width: 128px;
	line-height: 42px;
	background-color: #0452c7;
	text-align: center;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}

.news-main .news-detail .btn span:hover {
	background-color: #03419f
}

.news-main .news-list {
	padding: 40px 0 65px
}

.news-main .news-list ul {
	margin: -20px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.news-main .news-list li {
	padding: 20px;
	width: 33.33%
}

.news-main .news-list li a {
	display: block;
	background-color: #fff;
	border: solid 1px #ddd
}

.news-main .news-list img {
	display: block;
	width: 100%
}

.news-main .news-list .txt {
	padding: 30px;
	min-height: 217px
}

.news-main .news-list .title {
	margin-bottom: 15px;
	font-size: 20px
}

.news-main .news-list .title:hover {
	text-decoration: underline;
	color: #004e98
}

.news-main .news-list .info {
	margin-bottom: 20px
}

.news-main .news-list .desc {
	font-size: 14px;
	line-height: 24px;
	color: #888
}

.news-main .news-list .desc:hover {
	text-decoration: underline;
	color: #004e98
}

.pages {
	margin-top: 70px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pages a {
	margin-right: 8px;
	display: block;
	border: 1px solid #ddd;
	line-height: 40px;
	padding: 0 22px;
	font-size: 16px;
	color: #555
}

.pages a.on,
.pages a:hover {
	background-color: #0452c7;
	color: #fff
}

.pages span {
	display: block;
	font-size: 18px;
	color: #000
}

.article-wrap {
	padding: 55px 0 105px;
	background: #f4f4f4
}

.article-wrap .container {
	padding: 0 50px;
	background: #fff
}

.article-wrap .hd {
	padding: 70px 0 40px;
	text-align: center;
	border-bottom: 1px solid #ddd
}

.article-wrap .hd h3 {
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: 400
}

.article-wrap .hd .info {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	color: #666
}

.article-wrap .hd .info span {
	margin-right: 30px;
	display: block
}

.article-wrap .hd .info span:last-child {
	margin-right: 0
}

.article-wrap .bd {
	padding: 30px 0 120px;
	font-size: 16px;
	line-height: 32px;
	color: #666
}

.article-wrap .bd p {
	margin-bottom: 30px
}

.article-wrap .bd .btns {
	margin-top: 100px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.article-wrap .bd .btns a {
	display: block;
	padding: 0 30px;
	width: 680px;
	line-height: 60px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #666;
	background-color: #f5f5f5;
	border-radius: 30.5px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.article-wrap .bd .btns a:hover {
	color: #fff;
	background: #004e98
}

.product-center-wrap .hd {
	padding: 50px 0;
	text-align: center
}

.product-center-wrap .hd h3 {
	margin-bottom: 15px;
	font-size: 32px
}

.product-center-wrap .hd .line {
	margin: 0 auto;
	width: 100px;
	height: 5px;
	background-color: #0452c7
}

.product-center-wrap .classify {
	position: relative;
	padding-right: 75px;
	padding-bottom: 35px
}

.product-center-wrap .classify.show .list {
	max-height: 9999px
}

.product-center-wrap .classify.show .more a::before {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}

.product-center-wrap .classify .more {
	position: absolute;
	top: 6px;
	right: 0
}

.product-center-wrap .classify .more a {
	padding-right: 23px;
	display: block;
	font-size: 16px;
	color: #999
}

.product-center-wrap .classify .more a::before {
	content: "";
	position: absolute;
	top: 8px;
	right: 0;
	width: 16px;
	height: 8px;
	background: url(../images/icon_30.png) no-repeat center;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.product-center-wrap .classify .list {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 15px;
	margin-right: -15px;
	overflow: hidden;
	max-height: 35px
}

.product-center-wrap .classify li {
	margin-right: 15px;
	margin-bottom: 15px
}

.product-center-wrap .classify li.on a {
	background-color: #0452c7;
	color: #fff;
	border-color: #0452c7
}

.product-center-wrap .classify li:first-child a {
	background: #ddd
}

.product-center-wrap .classify li a {
	padding: 0 26px;
	display: block;
	border-radius: 16px;
	border: solid 1px #dcdcdc;
	line-height: 32px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}

.product-center-wrap .classify li a:hover {
	background-color: #0452c7;
	color: #fff;
	border-color: #0452c7
}

.product-center-wrap .classify .down a {
	background-repeat: no-repeat;
	-o-background-size: 8px 6px;
	background-size: 8px 6px;
	background-position: 95% center;
	background-image: url(../images/icon_31.png)
}

.product-center-wrap .classify .down:hover a,
.product-center-wrap .classify .down.on a {
	background-image: url(../images/icon_32.png)
}

.product-center-wrap .dropdown {
	background-color: #f1f1f1
}

.product-center-wrap .dropdown ul {
	padding: 40px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-center-wrap .dropdown li {
	font-size: 14px;
	margin-right: 50px
}

.product-center-wrap .dropdown li:hover,
.product-center-wrap .dropdown li.on {
	color: #004e98
}

.product-list {
	padding-top: 30px;
	padding-bottom: 85px;
	overflow: hidden
}

.product-main .hd {
	border-bottom: 1px solid #e7e7e7
}

.product-main .hd span {
	display: block;
	width: 201px;
	height: 60px;
	line-height: 60px;
	background-color: #0452c7;
	text-align: center;
	color: #fff;
	font-size: 20px
}

.detail-box {
	padding: 60px 0 85px
}

.detail-box .bd {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.detail-box .img {
	position: relative;
	width: 680px;
	height: 430px;
	border: 1px solid #ddd
}

.detail-box .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.detail-box .txt {
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	padding-left: 60px
}

.detail-box .txt .title {
	font-size: 28px;
	padding-top: 30px;
	padding-bottom: 15px;
	color: #333;
	border-bottom: 1px solid #e7e7e7
}

.detail-box .txt .desc {
	padding-top: 20px;
	font-size: 15px;
	width: 71%;
	line-height: 30px;
	color: #616161
}

.detail-box .txt .btn {
	margin-top: 60px
}

.detail-box .txt .btn a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 228px;
	height: 60px;
	font-size: 20px;
	text-align: center;
	background-color: #0452c7;
	color: #fff
}

.detail-box .txt .btn a img {
	display: block;
	margin-right: 13px
}

.product-overview .bd {
	position: relative;
	margin: 35px 0;
	padding-left: 175px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.product-overview .label {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 24px;
	font-size: 18px;
	line-height: 1;
	color: #333;
	border-left: 4px solid #0452c7;
	font-size: 18px
}

.product-overview .desc {
	font-size: 16px;
	line-height: 28px;
	color: #999;
	width: 820px
}

.product-overview .img {
	position: relative;
	padding: 20px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 531px;
	height: 320px;
	background-color: #f8f8f8;
	border: solid 1px #ddd
}

.product-overview .img img {
	max-height: 100%
}

.product-arguments .bd {
	padding: 45px 0 55px;
	padding-left: 42px
}

.product-arguments .bd img {
	display: block
}

.product-handbook .bd {
	padding: 60px 0 100px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.product-handbook .desc {
	padding-right: 72px;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	font-size: 16px;
	color: #999;
	line-height: 28px
}

.product-handbook .desc p {
	margin-bottom: 20px
}

.product-handbook .img {
	position: relative;
	padding: 20px 0;
	width: 531px;
	height: 320px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f8f8f8;
	border: solid 1px #ddd;
	font-size: 0
}

.product-handbook .img img {
	max-height: 100%
}

.recommend-wrap {
	padding: 80px 0;
	background: #f6f6f6
}

.recommend-wrap .hd {
	margin-bottom: 42px
}

.recommend-wrap .hd h3 {
	font-size: 24px
}

.recommend-wrap .hd p {
	font-size: 14px;
	line-height: 30px;
	color: #999
}

.recommend-wrap .bd {
	position: relative;
	padding: 0 66px
}

.recommend-wrap .bd .swiper-container {
	padding: 10px 0;
	position: static;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}

.recommend-wrap .bd .swiper-button-prev,
.recommend-wrap .bd .swiper-button-next {
	width: 35px;
	height: 50px;
	background-repeat: no-repeat;
	-o-background-size: cover;
	background-size: cover;
	background-position: center
}

.recommend-wrap .bd .swiper-button-prev {
	left: 0;
	background-image: url(../images/prev_02.png)
}

.recommend-wrap .bd .swiper-button-prev:hover {
	background-image: url(../images/prev_hover.png)
}

.recommend-wrap .bd .swiper-button-next {
	right: 0;
	background-image: url(../images/next_02.png)
}

.recommend-wrap .bd .swiper-button-next:hover {
	background-image: url(../images/next_hover.png)
}

.recommend-wrap .bd ul {
	margin: 0;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap
}

.recommend-wrap .bd li {
	padding: 0;
	width: 100%
}

.recommend-wrap .bd li .img {
	height: 284px
}

.recommend-wrap .bd .swiper-pagination {
	display: none
}

.partner-wrap {
	padding: 55px 0 85px;
	background: #f6f6f6
}

.partner-wrap .bd {
	padding: 90px 60px 80px;
	background: #fff
}

.partner-wrap li {
	width: 16.66%;
	height: 127px
}

.breadcrumb-wrap {
	border: solid 1px #ddd
}

.breadcrumb-wrap .container {
	padding: 20px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.contact-box {
	padding: 70px 0;
	background: #f6f6f6
}

.contact-box .bd {
	padding: 70px 60px
}

.contact-box .bd .address {
	padding-right: 40px;
	padding-left: 0;
	-webkit-order: -1;
	-moz-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1
}

.contact-box .bd .address li {
	padding-left: 35px
}

.service-wrap {
	padding: 55px 0
}

.service-wrap .bd {
	padding: 70px 30px 10px;
	position: relative;
	background: #fff
}

.service-wrap .txt {
	position: absolute;
	top: 104px;
	right: 200px;
	width: 655px
}

.service-wrap .txt .title {
	margin-bottom: 40px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 25px;
	border-bottom: 1px solid #8aa9ff
}

.service-wrap .txt .title h4 {
	line-height: 1.4;
	font-weight: 400;
	font-size: 37px;
	color: #293e63
}

.service-wrap .txt .title a {
	display: block;
	font-size: 18px;
	padding-right: 13px;
	color: #1c4ce6;
	background: url(../images/icon_34.png) no-repeat right center;
	-o-background-size: 9px 16px;
	background-size: 9px 16px
}

.service-wrap .txt .desc p {
	margin-bottom: 6px;
	font-size: 21px;
	line-height: 36px;
	color: #666d80
}

.service-wrap .txt .desc em {
	font-weight: bold
}

.service-list {
	padding-bottom: 67px
}

.service-list .hd {
	padding: 30px 0 40px;
	font-size: 36px;
	color: #333;
	text-align: center
}

.service-list .bd ul {
	margin: -12px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.service-list .bd li {
	padding: 12px;
	width: 33.33%
}

.service-list .bd .box {
	padding: 49px 45px 0;
	background: #fff;
	height: 278px
}

.service-list .bd .title {
	margin-bottom: 20px;
	padding-left: 22px;
	line-height: 1;
	font-size: 28px;
	border-left: 4px solid #0452c7
}

.service-list .bd .desc {
	font-size: 16px;
	color: #666;
	line-height: 24px
}

.service-list .bd .desc p {
	margin-bottom: 5px
}

.service-list .bd .desc p:last-child {
	margin: 0
}

.mobile-classify-list {
	display: none
}

.mobile-classify-button {
	display: none
}