body {

	-webkit-tap-highlight-color: transparent;

	-webkit-tap-highlight-color: transparent

}

*, ::before, :after {

	-moz-box-sizing: border-box;

	box-sizing: border-box

}

button, input[type=button], input[type=date], input[type=file], input[type=submit] {

	cursor: pointer;

	-webkit-appearance: none

}

blockquote, body, button, dd, dl, dt, fieldset, h1, h2, h3, h4, h5, h6, hr, input, lengend, li, ol, p, pre, td, textarea, th, ul {

	margin: 0;

	padding: 0

}

body, button, input, select, textarea {

	font-family: "Microsoft YaHei", "微软雅黑", Arail;

	outline: 0;

	-webkit-font-smoothing: subpixel-antialiased

}

body {

	font-size: 62.5%

}

li, ol, ul {

	list-style: none

}

a {

	text-decoration: none

}

img {

	border: none;

	vertical-align: middle;

	max-width: 100%;

}

.clearfix:after, .clearfix:before {

	content: "";

	display: table

}

.clearfix:after {

	clear: both

}

.clearfix {

	zoom: 1

}

em, h1, h2, h3, h4, h5, h6, i, u {

	font-style: normal;

	font-weight: 400

}

.fr {

	float: right

}

.fl {

	float: left

}

.ib-middle {

	display: inline-block;

	vertical-align: middle

}

.ib-top {

	display: inline-block;

	vertical-align: top

}

.ib-bottom {

	display: inline-block;

	vertical-align: bottom

}

.full {

	width: 100%;

	height: 100%

}

.table {

	display: table;

	height: 100%;

	width: 100%

}

.table-cell {

	display: table-cell;

	vertical-align: middle

}

.position-center {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto

}

.position-left {

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: auto;

	margin: auto

}

.position-right {

	position: absolute;

	top: 0;

	left: auto;

	bottom: 0;

	right: 0;

	margin: auto

}

.position-bottom {

	position: absolute;

	top: auto;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto

}

.middle-left {

	position: absolute;

	left: 0;

	top: 50%;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

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

}

.middle-right {

	position: absolute;

	right: 0;

	top: 50%;

	transform: translate(0, -50%);

	-webkit-transform: translate(0, -50%);

	-moz-transform: translate(0, -50%);

	-ms-transform: translate(0, -50%);

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

}

.middle-center {
width: 100%;
	position: absolute;

	left: 50%;

	top: 50%;

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

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

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

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

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

}

.middle-bottom {

	position: absolute;

	left: 50%;

	bottom: 0;

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

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

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

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

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

}

.sj {

	display: inline-block;

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 8px;

	border-color: #fff #fff transparent transparent;

	transform: rotate(135deg)

}

.no-border-right {

	border-right: 0!important

}

.uppercase {

	text-transform: uppercase

}

.responsive {

	width: 100%;

	max-width: 100%;

	height: auto

}

.help-info {

	position: absolute;

	left: 15px;

	bottom: -20px;

	font-size: 12px

}

.help-info .error {

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../image/info-error.png) no-repeat center;

	margin-top: -2px;

	vertical-align: middle;

	margin-right: 5px

}

.help-info .allow {

	display: inline-block;

	width: 15px;

	height: 15px;

	background: url(../image/info-allow.png) no-repeat center;

	margin-top: -2px;

	vertical-align: middle;

	margin-right: 5px

}

body, html {

	overflow: hidden;

	overflow-y: auto

}

.baseColor {

	color: #0051ac

}

.font-set {

	font-family: syzt

}

.transition {

	transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

	-webkit-transition: 1s;

	-moz-transition: 1s

}

.transition_short {

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s

}

.transition_ease {

	transition: ease .6s;

	-ms-transition: ease .6s;

	-o-transition: ease .6s;

	-webkit-transition: ease .6s;

	-moz-transition: ease .6s

}

div[class*=container], section[class*=container], ul[class*=container] {

	margin: 0 auto;

	max-width: 100%;

	position: relative

}

.swiper-container {

	min-width: inherit!important

}

ul[class*=item] {

	font-size: 0

}

li[class*=list] {

	display: inline-block

}

.container {

	width: 1280px

}

.container_header {

	width: 1430px

}

.container_865 {

	width: 865px

}

.container_1230 {

	width: 1230px

}

.container_1240 {

	width: 1240px

}

.container_1300 {

	width: 1300px

}

.container_1314 {

	width: 1314px

}

.container_1340 {

	width: 1340px

}

.container_1350 {

	width: 1350px

}

.container_1348 {

	width: 1348px

}

.container_1382 {

	width: 1382px

}

.container_1390 {

	width: 1390px

}

.container_1400 {

	width: 1400px

}

.container_1508 {

	width: 1508px

}

header {

	position: relative

}

header.fixed {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 9999;

	background-color: #fff;

	box-shadow: 0 -6px 6px 7px #c8c8c8

}

header.fixed .top-sub-menu {

	top: 40px

}

header.fixed .header-in {

	padding-top: 10px

}

header.fixed nav.nav-top>ul>li {

	height: 40px;

	transition: .6s;

	-ms-transition: .6s;

	-o-transition: .6s;

	-webkit-transition: .6s;

	-moz-transition: .6s

}

header.fixed .header-in .icon-sousuo {

	margin: -10px 0 0 30px

}

.header-in {

	z-index: 100;

	width: 100%;

	top: 0;

	padding-top: 18px;
	display: none;
}

.header-in .icon-sousuo {

	color: #0051ac;

	font-weight: 700;

	margin: -14px 0 0 30px

}

.logo {

	display: inline-block;

	position: relative;

	z-index: 999999;

	margin-top: -10px

}

.moible_hy {

	display: none

}

.m-close {

	display: none

}

.header-r {

	float: right;

	position: relative;

	z-index: 10;

	font-size: 0

}

nav.nav-top {

	display: inline-block;

	margin-top: 14px;

	vertical-align: middle

}

nav.nav-top>ul>li {

	position: relative;

	display: inline-block;

	margin-left: 20px;

	line-height: 16px;

	height: 45px;

	font-size: 16px;

	vertical-align: top;

	text-align: center

}

nav.nav-top>ul>li::after {

	content: ' ';

	position: absolute;

	left: auto;

	bottom: 0;

	width: 0;

	right: 0;

	height: 4px;

	background: #0051ac;

	transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;

	-moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s

}

nav.nav-top>ul>li.cur::after, nav.nav-top>ul>li:hover::after {

	width: 100%;

	left: 0;

	right: auto

}

.top-sub-menu {

	position: absolute;

	top: 45px;

	left: -14px;

	width: 180px;

	border-top: 2px solid #717274;

	box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);

	opacity: 0;

	visibility: hidden;

	transition: opacity .36s ease

}

nav.nav-top>ul>li a {

	color: #555;

	padding: 0 10px

}

nav.nav-top>ul>li a i {

	transform: rotate(90deg);

	-ms-transform: rotate(90deg);

	-o-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	-moz-transform: rotate(90deg);

	display: inline-block;

	transform-origin: center;

	transition: ease .4s;

	font-size: 12px;

	margin-left: 5px

}

nav.nav-top>ul>li a i:after {

	content: '\e620';

	font-family: iconfont;

	position: relative;

	left: -3px;

	color: #c8c8c8

}

nav.nav-top>ul>li:nth-child(1) {

	margin-left: 0

}

nav.nav-top>ul>li a:hover, nav.nav-top>ul>li.cur a {

	color: #0051ac

}

nav.nav-top>ul>li:hover .top-sub-menu {

	opacity: 1;

	visibility: visible

}

.top-sub-menu>a {

	color: #666!important;

	font-size: 12px!important;

	line-height: 22px;

	display: block;

	padding: 12px 24px!important;

	background: #fff;

	text-align: left;

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

}

.top-sub-menu>a:hover {

	color: #fff!important;

	background: #0051ac

}

.search {

	display: none

}

.more {

	text-align: center

}

.more a {



	display: inline-block;

	width: 120px;

	height: 40px;

	background: #0051ac;

	position: relative;

	color: #fff;

	font-size: 12px;

	font-family: Arial;

	line-height: 40px;

	overflow: hidden;

	border-radius: 3px;

	border: 1px solid transparent

}

.more a:hover span {

	color: #0051ac;

	position: relative;

	z-index: 22

}

.btn-circle-click, .btn-circle-hover {

	position: absolute;

	z-index: 0;

	display: block;

	-webkit-transform: translate3d(-50%, -50%, 0);

	-moz-transform: translate3d(-50%, -50%, 0);

	transform: translate3d(-50%, -50%, 0);

	width: 0;

	height: 0;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background: #fff

}

.more2 {

	text-align: center

}

.more2 a {

	display: inline-block;

	width: 120px;

	height: 40px;

	background: #0051ac;

	position: relative;

	color: #fff;

	font-size: 12px;

	font-family: Arial;

	line-height: 42px;

	overflow: hidden

}

.more2 a .btn-circle-hover {

	background: #0051ac

}

.more2 a:hover span {

	color: #fff!important;

	position: relative;

	z-index: 22

}

.title {

	margin-top: 80px;

	font-size: 36px;

	color: #333

}

.title i {

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

	width: 34px;

	height: 24px

}

.title2 {

	width: 100%;

	border-bottom: 1px dashed #d5d5d5;

	padding: 21px 30px

}

.title2 p {

	color: rgba(245,230,200,.5);

	font-size: 22px;

	padding-left: 63px;

	text-align: left

}

.title2 .font-set {

	color: #333;

	font-size: 18px;

	font-weight: 700;

	display: inline-block;

	vertical-align: middle

}

.title3 {

	position: relative;

	overflow: hidden

}

.title3 .fr {

	margin-top: 34px

}

.title3 .fr a {

	color: #8f8f8f;

	font-size: 14px

}

.title3 .fr a:after {

	display: inline-block;

	content: '';

	width: 12px;

	height: 12px;

	background: url(../image/icon12.png) no-repeat center;

	margin-left: 10px;

	margin-bottom: -1px

}

.title3 strong {

	font-weight: 400;

	font-size: 57px;

	color: #0051ac;

	font-family: Arial

}

.title3 h3 {

	font-size: 24px;

	color: #333;

	width: 164px;

	line-height: 20px;

	margin-top: 4px;

	margin-left: 4px

}

.title3 span {

	font-size: 12px;

	color: #999;

	margin-left: 1px;

	display: inline-block;

	font-family: Arial

}

.inside_banner {

	width: 100%;

height:calc(.234 * 100vw);

	position: relative

}

.inside_banner .desc {

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



@media (max-width:1200px) {

.inside_banner {

	height: 34vw

}

}



@media (max-width:800px) {

.inside_banner .desc {

	background-size: 66%!important

}

}



@media (max-width:640px) {

.inside_banner {

	height: 50vw

}

}

.choose_banner {

height:calc(.323 * 100vw)

}

.choose_banner .desc {

	text-align: center;

	background: url(http://www.jnjkdy.comstatic/images/choose-font.png) no-repeat center;

	color: transparent;

	top: 43%

}

.choose_banner .desc h2 {

	font-size: 72px;

	letter-spacing: 2px

}

.choose_banner .desc p {

	font-size: 24px

}

.clean_banner {

height:calc(.248 * 100vw)

}

.clean_banner .desc {

	left: 62.5%;

	top: 46%;

	text-align: center;

	color: #fff

}

.clean_banner .desc h2 {

	font-size: 56px

}

.clean_banner .desc p {

	margin-top: 5px;

	font-size: 16px

}

.clean_banner .desc span {

	display: inline-block;

	font-size: 20px;

	margin-top: 24px;

	font-family: 'Microsoft YaHei'

}



@media (max-width:1440px) {

.clean_banner .desc h2 {

	font-size: 42px

}

.clean_banner .desc p {

	font-size: 14px

}

.clean_banner .desc span {

	font-size: 18px;

	margin-top: 15px

}

}

.purchase_banner .desc {

	text-align: center;

	color: transparent;

	background: url(http://www.jnjkdy.comstatic/images/purchase-font.png) no-repeat center

}

.purchase_banner .desc h2 {

	font-size: 64px

}

.purchase_banner .desc p {

	font-size: 32px

}

.contact_banner .desc {

	text-align: center;

	color: transparent;

	background: url(http://www.jnjkdy.comstatic/images/contact-font.png) no-repeat center

}

.contact_banner .desc h2 {

	font-size: 64px

}

.contact_banner .desc p {

	font-size: 28px

}

.news_banner .desc {

	text-align: center;

	color: transparent;

	background: url(http://www.jnjkdy.comstatic/images/news-font.png) no-repeat center

}

.news_banner .desc h2 {

	font-size: 64px

}

.news_banner .desc p {

	font-size: 28px

}

.about_banner .desc {

	text-align: center;

	color: transparent;

	background: url(http://www.jnjkdy.comstatic/images/about-font.png) no-repeat center

}

.about_banner .desc h2 {

	font-size: 64px

}

.about_banner .desc p {

	font-size: 32px

}

.merchants_banner .desc {

	text-align: center;

	color: transparent;

	background: url(http://www.jnjkdy.comstatic/images/merchants-font.png) no-repeat center

}

.merchants_banner .desc h2 {

	font-size: 64px

}

.merchants_banner .desc p {

	font-size: 32px

}

.page {

	margin: 38px 0 100px;

	text-align: center

}

.page a {

	color: #333;

	display: inline-block;

	width: 100%;

	line-height: 28px;

	transition: color .4s;

	-ms-transition: color .4s;

	-o-transition: color .4s;

	-webkit-transition: color .4s;

	-moz-transition: color .4s

}

.page span {

	color: #333;

	font-family: SimSun;

	vertical-align: top

}

.page .pagination {

	display: inline-block

}

.page .pagination li {

	border: 1px solid #e1e1e1;

	float: left;

	display: inline-block;

	width: 36px;

	height: 36px;

	line-height: 36px;

	font-size: 18px;

	margin-right: 12px;

	color: #333;

	transition: all .4s;

	-ms-transition: all .4s;

	-o-transition: all .4s;

	-webkit-transition: all .4s;

	-moz-transition: all .4s

}

.page .pagination li:first-child {

	color: #fff;

	margin-right: 12px;

	font-weight: bolder

}

.page .pagination li:last-child {

	color: #fff;

	font-family: SimSun;

	font-weight: bolder

}

.page .pagination li:hover {

	background: #0051ac;

	border-color: #0051ac;

	border-radius: 3px

}

.page .pagination li:hover a {

	color: #fff

}

.page .pagination li:hover span {

	color: #fff

}

.page .pagination li:hover.disabled {

	border-color: #0051ac;

	border-radius: 3px

}

.page .pagination li.active {

	background: #0051ac;

	border-radius: 3px;

	border-color: #0051ac

}

.page .pagination li.active span {

	color: #fff

}

.page_style2 {

	position: absolute;

	z-index: 11;

	bottom: 20px

}

.page_style2 .page-list {

	opacity: 1;

	margin: 0 8px!important;

	border-radius: 50%

}

.page_style2 .page-list:after {

	border-width: 2px

}

.btn {

	position: absolute;

	width: 52px;

	height: 52px;

	top: 50%;

	margin-top: -26px;

	cursor: pointer;

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	opacity: 1

}

.btn:after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s

}

.prev {

	left: -75px;

	background: url(../image/prev-c.png) no-repeat center

}

.prev:after {

	background: url(../image/prev.png) no-repeat center

}

.prev:hover:after {

	opacity: 1

}

.next {

	right: -75px;

	background: url(../image/next-c.png) no-repeat center

}

.next:after {

	background: url(../image/next.png) no-repeat center

}

.next:hover:after {

	opacity: 1

}

footer {

	font-size: 1em;

	padding-top: 2%;

	width: 100%;

	background: #363636

}

.part-1 {

	max-width: 1630px;

	width: 100%;

	margin: 2% auto 5.4%

}

.footer-nav {

	float: left;

	width: 75%

}

.item-common {

	float: left;

	width: 12.5%;

	text-align: left;

	transition: all linear .3s;

	-moz-transition: all linear .3s;

	-webkit-transition: all linear .3s;

	-o-transition: all linear .3s

}

.item-common span {

	font-weight: lighter;

	display: inline-block;

	font-size: 14px;

	color: #fff;

	padding-bottom: 15px;

	margin-bottom: 15px

}

.item-common a {

	font-size: 14px;

	display: block;

	margin-bottom: 15px;

	color: #7a7a7a;

	word-break: break-all;

	transition: .2s all linear;

	-moz-transition: .2s all linear;

	-webkit-transition: .2s all linear;

	-o-transition: .2s all linear

}

.item-common a:hover {

	color: #fff

}

.wechat {

	display: inline-block;

	width: 25%;

	text-align: right

}

.wechat .others {

	text-align: right

}

.wechat .others p {

	font-size: 14px;

	color: #7a7a7a;

	line-height: 30px

}

.wechat .others h3 {

	font-size: 0;

	color: transparent;

	width: 305px;

	height: 45px;

	margin-bottom: 40px;

	background: url(http://www.jnjkdy.comstatic/images/contact.png) no-repeat center

}

.wechat .others h4 {

	font-size: 20px;

	margin-bottom: 34px;

	color: #fff

}

.frandlink {

	max-width: 1630px;

	width: 100%;

	margin: 0 auto;

	font-size: 14px;

	color: #7a7a7a

}

.frandlink>div {

	max-width: 965px;

	display: inline-block

}

.frandlink a {

	display: inline-block;

	color: #7a7a7a;

	margin-right: 15px;

	margin-bottom: 10px

}

.frandlink .share {

	float: right;

	position: relative;

	top: -5px

}

.frandlink .share a {

	border: 0;

	margin-right: 13px!important

}

.frandlink .share a:last-child {

	margin-right: 0!important

}

.frandlink .wx {

	position: relative

}

.frandlink .wx .hover {

	position: absolute;

	background: #fff;

	width: 227px;

	height: 128px;

	overflow: hidden;

	top: -137px;

	left: -95px;

	opacity: 0;

	visibility: visible;

	transition: ease .6s;

	-ms-transition: ease .6s;

	-o-transition: ease .6s;

	-webkit-transition: ease .6s;

	-moz-transition: ease .6s;

	transform: translateY(20px);

	-ms-transform: translateY(20px);

	-o-transform: translateY(20px);

	-webkit-transform: translateY(20px);

	-moz-transform: translateY(20px)

}

.frandlink .wx .hover>div {

	display: inline-block;

	border-right: 1px dashed #d1d1d1

}

.frandlink .wx .hover>div:last-child {

	border-right: 0

}

.frandlink .wx .hover img {

	max-width: 110px

}

.frandlink .wx .hover p {

	text-align: center;

	font-size: 12px;

	padding: 0 0 6px

}

.frandlink .wx:hover .hover {

	transform: translateY(0);

	-ms-transform: translateY(0);

	-o-transform: translateY(0);

	-webkit-transform: translateY(0);

	-moz-transform: translateY(0);

	opacity: 1;

	visibility: visible

}

.share {

	font-size: 14px;

	color: #999;

	display: inline-block

}

.share strong {

	font-weight: 400;

	display: inline-block;

	vertical-align: middle

}

.share a {

	display: inline-block;

	border: 1px solid #e5e5e5;

	width: 33px;

	height: 33px!important;

	margin: 0 5px 0 0!important;

	float: none!important;

	padding: 0!important;

	line-height: 1!important;

	vertical-align: middle

}

.share a:hover {

	border-color: transparent;

	opacity: 1!important

}

.share .wx {

	background: url(../image/icon35.png) no-repeat center

}

.share .wx:hover {

	background: url(../image/icon35-c.png) no-repeat center

}

.share .wb {

	background: url(../image/icon36.png) no-repeat center

}

.share .wb:hover {

	background: url(../image/icon36-c.png) no-repeat center

}

.share .qq {

	background: url(../image/icon37.png) no-repeat center

}

.share .qq:hover {

	background: url(../image/icon37-c.png) no-repeat center

}

.copyright {

	margin-top: 10px;

	border-top: 1px solid #434343;

	padding: 25px;

	text-align: center;

	font-size: 12px;

	color: #777

}

.sidebar {

	position: fixed;

	top: 50%;

	right: 62px;

	width: 42px;

	text-align: center;

	z-index: 10;

	height: 250px;

	margin-top: -125px;

	z-index: 9999;

	line-height: 42px

}

.sidebar a {

	width: 42px;

	height: 42px;

	border-radius: 21px;

	cursor: pointer;

	display: block;

	overflow: hidden;

	transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-ms-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-o-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-webkit-transition: all .3s cubic-bezier(.15, .65, .58, .99);

	-moz-transition: all .3s cubic-bezier(.15, .65, .58, .99)

}

.sidebar a>span {

	color: #fff;

	font-size: 14px;

	margin-left: 25px;

	display: none;

	line-height: 42px;

	height: 42px;

	opacity: 0;

	filter: alpha(opacity=0);

	transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-ms-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-o-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-webkit-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99);

	-moz-transition: all .5s 1s cubic-bezier(.15, .65, .58, .99)

}

.sidebar a.right-qq {

	background: url(../image/sidebar-icon1.png) no-repeat center;

	margin-bottom: 10px;

	background-color: #999;

	position: absolute;

	right: 0;

	top: 0

}

.sidebar a.right-qq:hover {

	width: 148px;

	background: url(../image/sidebar-icon1.png) no-repeat 20px center #0051ac

}

.sidebar a.right-weixin {

	background: url(../image/sidebar-icon2.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 52px;

	overflow: visible

}

.sidebar a.right-weixin:hover {

	background: url(../image/sidebar-icon2.png) no-repeat center #0051ac

}

.sidebar a.right-weixin:hover .weixin-code {

	opacity: 1;

	visibility: visible;

	left: -140px

}

.sidebar .weixin-code {

	position: absolute;

	left: -125px;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}

.sidebar .weixin-code img {

	width: 120px;

	height: 120px

}

.sidebar a.right-tell {

	background: url(../image/sidebar-icon3.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 104px

}

.sidebar a.right-tell:hover {

	width: 160px;

	background: url(../image/sidebar-icon3.png) no-repeat 20px center #0051ac

}

.sidebar a.right-message {

	background: url(../image/sidebar-icon4.png) no-repeat center;

	background-color: #999;

	margin-bottom: 10px;

	position: absolute;

	right: 0;

	top: 156px;

	overflow: visible

}

.sidebar a.right-message:hover {

	background: url(../image/sidebar-icon4.png) no-repeat center #0051ac

}

.sidebar a.right-message:hover .fixed-message {

	opacity: 1;

	visibility: visible;

	left: -325px

}

.sidebar a.right-top {

	background: url(../image/sidebar-icon5.png) no-repeat center;

	background-color: #999;

	position: absolute;

	bottom: 0;

	right: 0

}

.sidebar a.right-top:hover {

	width: 120px;

	background: url(../image/sidebar-icon5.png) no-repeat 20px center #0051ac

}

.sidebar a:hover>span {

	display: block;

	vertical-align: middle;

	opacity: 1;

	filter: alpha(opacity=100)

}

.fixed-message {

	position: absolute;

	left: -300px;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	width: 300px;

	border-radius: 6px;

	background: #fff;

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

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

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

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease;

	-ms-transition: all .6s ease;

	-o-transition: all .6s ease;

	-webkit-transition: all .6s ease;

	-moz-transition: all .6s ease

}

.fixed-message h3 {

	color: #333;

	font-size: 18px;

	line-height: 1;

	margin-top: 35px;

	margin-bottom: 25px

}

.fixed-message form {

	width: 100%;

	padding-left: 25px;

	padding-right: 25px;

	padding-bottom: 40px;

	line-height: 1

}

.fixed-message textarea {

	resize: none;

	height: 110px;

	padding: 15px;

	line-height: 24px

}

.fixed-message input {

	height: 35px;

	line-height: 35px;

	padding: 0 15px

}

.fixed-message input, .fixed-message textarea {

	width: 100%;

	border-radius: 4px;

	border: 1px solid #dfdfdf;

	font-size: 14px;

	color: #333;

	margin-bottom: 15px

}

.fixed-message .input-item {

	position: relative

}

.fixed-message button[type=submit] {

	border: none;

	color: #fff;

	font-size: 14px;

	background: #0051ac;

	display: block;

	height: 35px;

	width: 100%;

	border-radius: 4px

}

.fixed-message ::-webkit-input-placeholder {

color:#888!important

}

.fixed-message :-moz-placeholder {

color:#888!important

}

.fixed-message ::-moz-placeholder {

color:#888!important

}

.fixed-message :-ms-input-placeholder {

color:#888!important

}

.fixed-message:after {

	content: "";

	position: absolute;

	border-width: 7px 0 7px 7px;

	border-style: solid;

	border-color: transparent transparent transparent #fff;

	right: -7px;

	top: 50%;

	margin-top: -7px

}

.fixed-message .help-info {

	line-height: 1;

	margin-left: 0;

	bottom: 0

}

.dialog-warp {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 999;

	display: none

}

.dialog {

	position: absolute;

	width: 800px;

	height: 94px;

	border: 2px solid #0051ac;

	background-color: rgba(0,0,0,.6);

	font-size: 18px;

	left: 50%;

	top: 50%;

	margin-left: -400px;

	margin-top: -47px;

	color: #fff;

	text-align: center;

	line-height: 94px;

	z-index: 999;

	border-radius: 12px

}



@media (max-width:1680px) {

footer {

	padding: 1% 2% 0 2%

}

}



@media (max-width:1430px) {

.header-in {

	padding: 18px 2% 0

}

}



@media (max-width:1350px) {

nav.nav-top>ul>li {

	margin-left: 10px

}

.header-in .icon-sousuo {

	margin: -11px 0 0 10px

}

}



@media (max-width:1240px) {

header {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 99999

}

body {

	font-size: 12px

}

.header-in {

	background: #fff;

	padding: 0 2%;

	position: fixed;

	overflow: visible;

	box-shadow: 0 1px 10px -3px #000

}

.header-r {

	float: none;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 99999;

	width: 100%;

	height: 0;

	text-align: center;

	transition: 0s 1s;

	overflow: hidden;

	margin-left: 0

}

body.on .header-r {

	height: 100%;

	transition: 0s

}

.header-r::after {

	content: ' ';

	position: absolute;

	left: 0;

	top: -100%;

	z-index: -1;

	width: 100%;

	height: 100%;

	background: #fff;

	transition: .8s .2s

}

body.on .header-r::after {

	top: 0;

	transition: .4s

}

.header-r-in {

	margin-top: 1.4rem;

	padding: 0 25px

}

.logo {

	padding: 6% 0;

	margin-top: 0

}

.m-close {

	display: block;

	float: right;

	position: relative;

	right: 0;

	top: 18px;

	z-index: 999999;

	width: 36px;

	height: 36px

}

.m-close::after, .m-close::before {

	content: '';

	position: absolute;

	left: 0;

	width: 50%;

	height: 2px;

	-webkit-transform: translateZ(0);

	-webkit-backface-visibility: hidden;

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

	background: #0051ac

}

body.on .m-close::after, body.on .m-close::before {

	transition: all .25s ease-out

}

.m-close::before {

	top: 20px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	transform-origin: 50% 50% 0

}

.m-close::after {

	top: 20px;

	left: 12px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	transform-origin: 50% 50% 0

}

body.on .m-close::before {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg)

}

body.on .m-close::after {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg)

}

nav.nav-top {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	width: 100%

}

nav.nav-top>ul>li {

	display: block;

	transform: translateY(-30px);

	margin: 0;

	line-height: 8vh;

	height: auto;

	opacity: 0;

	text-align: left;

	transition: .2s;

	border-bottom: 1px solid rgba(207,207,207,.66)

}

nav.nav-top>ul>li>a {

	margin-left: .2rem;

	padding-bottom: 0;

	position: static;

	display: block;

	height: 100%

}

nav.nav-top>ul>li a:after {

	content: attr(data-icon);

	font-size: 18px;

	position: absolute;

	right: 10px;

	top: 0;

	background: 0 0;

	width: auto;

	height: auto;

	opacity: 1;

	left: auto

}

nav.nav-top>ul>li[date-switch='1'] a:after {

	content: attr(data-hover)

}

nav.nav-top>ul>li[date-switch='1']>a {

	color: #0051ac!important

}

body.on nav.nav-top>ul>li:nth-child(2)>a, body.on nav.nav-top>ul>li:nth-child(3)>a, body.on nav.nav-top>ul>li:nth-child(4)>a, body.on nav.nav-top>ul>li:nth-child(6)>a {

	pointer-events: none

}

body.on nav.nav-top>ul>li:nth-child(1), nav.nav-top>ul>li:nth-child(9) {

	transition: .2s

}

body.on nav.nav-top>ul>li:nth-child(2), nav.nav-top>ul>li:nth-child(8) {

	transition: .2s .05s

}

body.on nav.nav-top>ul>li:nth-child(3), nav.nav-top>ul>li:nth-child(7) {

	transition: .2s .1s

}

body.on nav.nav-top>ul>li:nth-child(4), nav.nav-top>ul>li:nth-child(6) {

	transition: .2s .15s

}

body.on nav.nav-top>ul>li:nth-child(5), nav.nav-top>ul>li:nth-child(5) {

	transition: .2s .2s

}

body.on nav.nav-top>ul>li:nth-child(6), nav.nav-top>ul>li:nth-child(4) {

	transition: .2s .25s

}

body.on nav.nav-top>ul>li:nth-child(7), nav.nav-top>ul>li:nth-child(3) {

	transition: .2s .3s

}

body.on nav.nav-top>ul>li:nth-child(8), nav.nav-top>ul>li:nth-child(2) {

	transition: .2s .3s

}

body.on nav.nav-top>ul>li:nth-child(9), nav.nav-top>ul>li:nth-child(1) {

	transition: .2s .3s

}

body.on nav.nav-top>ul>li {

	transform: translateY(0);

	opacity: 1

}

body.on .search {

	opacity: 1

}

.top-sub-menu {

	display: none;

	width: 100%;

	position: initial;

	box-shadow: inherit;

	opacity: 1;

	border-top: 0;

	visibility: visible

}

.top-sub-menu a {

	display: block;

	width: 100%;

	font-size: 14px!important;

	color: rgba(2,47,93,.8);

	text-align: left;

	padding: 0 0 0 30px!important;

	line-height: 8vh;

	background: 0 0;

	border-bottom: 1px solid rgba(207,207,207,.66)

}

.top-sub-menu a:last-child {

	border: 0

}

nav.nav-top>ul>li a i, nav.nav-top>ul>li::after {

	display: none

}

article {

	margin-top: 76px!important

}

header.fixed .header-in {

	padding-top: 0!important

}

header.fixed nav.nav-top>ul>li {

	height: auto

}

nav.nav-top>ul>li a:hover, nav.nav-top>ul>li.cur a {

	color: #555

}

.header-in .icon-sousuo {

	display: none

}

.search {

	display: block;

	width: 100%;

	opacity: 0;

	transition: 1s;

	-ms-transition: 1s;

	-o-transition: 1s;

	-webkit-transition: 1s;

	-moz-transition: 1s

}

.search i {

	font-size: .6rem;

	color: #797979

}

.search form {

	display: block;

	position: relative

}

.search input {

	border: 1px solid #dfe5e7;

	background: #eee;

	width: 100%;

	height: 60px;

	padding-left: .2rem;

	border-radius: 5px;

	line-height: .9rem;

	font-size: 18px

}

.search button {

	right: 5px;

	top: 0;

	border: 0;

	position: absolute;

	width: .8rem;

	height: .9rem;

	cursor: pointer;

	background: 0 0;

	font-size: .36rem

}

}



@media (max-width:800px) {

.sidebar {

	width: 100%;

	height: 42px;

	right: 0;

	bottom: .6rem;

	margin-top: 0;

	background: 0 0;

	top: auto

}

.sidebar a {

	display: inline-block;

	margin: 0 .2rem;

	position: relative

}

.sidebar a>span {

	display: none

}

.sidebar a.right-message, .sidebar a.right-qq, .sidebar a.right-tell, .sidebar a.right-top, .sidebar a.right-weixin {

	position: relative;

	right: auto;

	top: auto;

	left: auto;

	bottom: auto;

	margin-bottom: 0

}

.sidebar a.right-message:hover, .sidebar a.right-qq:hover, .sidebar a.right-tell:hover, .sidebar a.right-top:hover, .sidebar a.right-weixin:hover {

	width: 42px;

	background-position: center

}

.sidebar a:hover>span {

	display: none

}

.sidebar .weixin-code {

	left: 50%;

	top: -125px;

	transform: translateX(-50%) translateY(0);

	-ms-transform: translateX(-50%) translateY(0);

	-o-transform: translateX(-50%) translateY(0);

	-webkit-transform: translateX(-50%) translateY(0);

	-moz-transform: translateX(-50%) translateY(0)

}

.sidebar a.right-weixin:hover .weixin-code {

	top: -140px;

	left: 50%

}

.fixed-message {

	left: 50%;

	top: -300px;

	transform: translateX(-50%) translateY(0);

	-ms-transform: translateX(-50%) translateY(0);

	-o-transform: translateX(-50%) translateY(0);

	-webkit-transform: translateX(-50%) translateY(0);

	-moz-transform: translateX(-50%) translateY(0)

}

.fixed-message:after {

	border-width: 7px 7px 0 7px;

	border-color: #fff transparent transparent transparent;

	bottom: -7px;

	top: auto;

	right: auto;

	left: 50%;

	margin-top: 0;

	margin-left: -7px

}

.sidebar a.right-message:hover .fixed-message {

	top: -360px;

	left: 50%

}

.page {

	margin: 38px 0 60px

}

.footer-nav {

	display: none

}

footer {

	padding: .4rem 2% 0 2%

}

footer .fbb {

	display: block;

	width: 100%

}

footer .fbbs {

	display: block;

	vertical-align: top;

	margin-bottom: 10px

}

.wechat {

	width: 100%;

	text-align: left

}

.wechat .others {

	text-align: left

}

.frandlink .share {

	float: none;

	display: block;

	width: 100%;

	text-align: left;

	top: 0;

	margin: .4rem 0 0

}

.copyright {

	padding: 10px 0

}

.m-inside {

	display: none!important

}

.frandlink .wx .hover {

	width: 206px;

	height: 118px;

	left: 0;

	top: -125px

}

.frandlink .wx .hover img {

	max-width: 100px

}

nav.nav-top>ul>li {

	line-height: 8vh

}

}



@media (max-width:640px) {

.clean_banner .desc p {

	margin-top: 10px;

	line-height: 1

}

.clean_banner .desc span {

	margin-top: 5px;

	line-height: 1

}

.page {

	margin: 1rem 0

}

.fixed-message {

	position: fixed;

	left: 50%;

	top: auto;

	bottom: 60px;

	transform: translateX(-50%) translateY(0);

	-ms-transform: translateX(-50%) translateY(0);

	-o-transform: translateX(-50%) translateY(0);

	-webkit-transform: translateX(-50%) translateY(0);

	-moz-transform: translateX(-50%) translateY(0)

}

.sidebar a.right-message:hover .fixed-message {

	top: auto;

	bottom: 80px;

	left: 50%

}

.fixed-message:after {

	left: 75%

}

article {

	margin-top: 58px!important

}

.title {

	margin-top: .8rem;

	font-size: 20px;

	text-align: center

}

.title3 {

	padding-left: 10px

}

.title3 strong {

	font-size: 48px

}

.title3 h3 {

	font-size: 22px

}

.more a {

	width: 90px;

	height: 34px;

	line-height: 34px

}

.logo {

	padding: 14px 0 16px

}

.logo img {

	width: 150px

}

.m-close {

	width: 30px;

	height: 30px

}

.m-close:after {

	top: 12px;

	left: 10px

}

.m-close:before {

	top: 12px

}

.header-r-in {

	padding: 0 15px;

	margin-top: 1.8rem

}

.search input {

	height: 40px;

	font-size: 12px

}

nav.nav-top>ul>li a {

	font-size: 14px

}

.top-sub-menu a {

	padding: 0 0 0 20px!important;

	font-size: 12px!important

}

footer {

	padding: .8rem .5rem 0 .5rem

}

.part-1 {

	margin: 0 auto .6rem

}

.wechat .others h3 {

	background-size: 240px;

	margin-bottom: 20px;

	background-position-x: left

}

.wechat .others h4 {

	margin-bottom: 10px

}

.wechat .others p {

	line-height: 24px

}

.frandlink a {

	font-size: 12px;

	margin-bottom: 6px

}

.page .pagination li {

	width: 24px;

	height: 24px;

	font-size: 14px;

	line-height: 24px;

	margin-right: 8px

}

.page a {

	line-height: 24px

}

}



@media (max-width:480px) {

.wechat .others h3 {

	margin-bottom: 15px

}

.part-1 {

	margin: 0 auto .4rem

}

}



@media (max-width:360px) {

.title {

	font-size: 26px

}

.page .pagination li {

	width: 30px;

	height: 30px;

	line-height: 30px;

	font-size: 14px

}

}

.m-60{

	margin-top: 60px!important;

}

.m-30{

	margin-top: 30px!important;

}

.tit{

	margin-top: 60px;margin-bottom: 30px;

}

.tit h2{

	text-align: center;

	font-size: 36px;

	margin: 0 auto;

}

.tit p{

	text-align: center;

	margin-top: 10px;

	font-size: 14px;

}

.tit a{

	margin-top: 16px;

	display: inline-block;

	padding: 10px 40px;

	color: white;

	border: 1px solid white;

	transition: .5s;

}

.tit a:hover{

	margin-top: 16px;

	display: inline-block;

	padding: 10px 40px;

	color: white;

	border: 1px solid #0051ac;

	background-color: #0051ac;

}

@media (max-width:640px){

	.m-60{

	margin-top: 60px!important;

}

.m-30{

	margin-top: 30px!important;

}

.tit{

	margin-top: 30px;margin-bottom: 30px;

}

.tit h2{

	text-align: center;

	font-size: 30px;

	margin: 0 auto;

}

.tit p{

	text-align: center;

	margin-top: 10px;

	font-size: 14px;

}

.tit a{

	margin-top: 16px;

	display: inline-block;

	padding: 10px 40px;

	color: white;

	border: 1px solid white;

	transition: .5s;

}

.tit a:hover{

	margin-top: 16px;

	display: inline-block;

	padding: 10px 40px;

	color: white;

	border: 1px solid #0051ac;

	background-color: #0051ac;

}

}

/**********************************************首页产品中心***************************************/

.cp{

	width: 100%;

	margin-bottom: 30px;

}

.cp div{

	width: 31.6%;

	float: left;

	position: relative;

	margin: 0px 0% 30px;

	overflow: hidden;

}

.cp div img{

	width: 100%;

}

.cp div img:nth-child(1){

	position: absolute;

	top: -50px;

	left: 0px;

	opacity: 0;

	transition: .5s;

}

.cp div:hover img:nth-child(1){

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

.cp div:nth-child(2){

	margin: 0px 2.5% 30px;

}

.cp div:nth-child(5){

	margin: 0px 2.5% 30px;

}

.cp div:nth-child(8){

	margin: 0px 2.5% 30px;

}

.cp div p{

	text-align: center;

	font-size: 16px;

	background-color: #f2f2f2;

	padding: 10px 0px;

	transition: .5s;

	color: black;

}

.cp div:hover p{

	color: white;

	background-color: #0051ac;



}

@media (max-width:640px){

	.cp{

	width: 100%;

	margin-bottom: 30px;

}

.cp div{

	width: 48%;

	float: left;

	position: relative;

	margin: 0px 1%;

	margin-bottom: 30px;

	overflow: hidden;

}

.cp div img{

	width: 100%;

}

.cp div img:nth-child(1){

	position: absolute;

	top: -50px;

	left: 0px;

	opacity: 0;

	transition: .5s;

}

.cp div:hover img:nth-child(1){

	position: absolute;

	top: 0px;

	left: 0px;

	opacity: 1;

}

.cp div:nth-child(2){

	margin: 0px 1%;margin-bottom: 30px;

}

.cp div:nth-child(5){

	margin: 0px 1%;margin-bottom: 30px;

}

.cp div:nth-child(8){

	margin: 0px 1%;margin-bottom: 30px;

}

.cp div p{

	text-align: center;

	font-size: 16px;

	background-color: #f2f2f2;

	padding: 10px 0px;

	transition: .5s;

}

.cp div:hover p{

	color: white;

	background-color: #0051ac;



}

}

/**********************************************页尾**************************************************/



.footer{

background-color: #0051ac;

	

}

.footer_t{

	padding-top: 60px;

	padding-bottom: 60px;

}

.footer_t div:nth-child(1){

	width: 30%;

	float: left;

}

.footer_t div:nth-child(1) h2{

	color: white;

	font-size: 22px;

	margin: 0 auto;

}

.footer_t div:nth-child(1) p{

	font-size: 16px;

	color: white;

	margin-top: 20px;

	padding-left: 30px;

}

.footer_t div:nth-child(2){

	width: 14%;

	float: left;

}

.footer_t div h4{

	font-size: 20px;

	margin-bottom: 30px;

	color: white;

}

.footer_t div p{

	margin-top: 10px;

	color: white;

}

.footer_t div:nth-child(3){

	width: 14%;

	float: left;

}

.footer_t div:nth-child(4){

	width: 14%;

	float: left;

}

.footer_t div:nth-child(5){

	width: 14%;

	float: left;

}

.footer_t div:nth-child(6){

	width: 14%;

	float: left;

}

.copy{

	color: white;

	text-align: center;

	font-size: 16px;

	line-height: 50px;

	border-top: 1px solid white;

}

@media (max-width:600px){

	.footer{

background-color: #0051ac;

	margin-top: 0px;

}

.footer_t{

	padding-top: 60px;

	padding-bottom: 60px;

}

.footer_t div:nth-child(1){

	width: 90%;

	margin: 0 5%;

	float: left;

}

.footer_t div:nth-child(1) h2{

	color: white;

	font-size: 26px;

	margin: 0 auto;



}

.footer_t div:nth-child(1) p{

	font-size: 16px;

	color: white;

	margin-top: 20px;

	padding-left: 30px;

}

.footer_t div:nth-child(2){

	width: 14%;

	float: left;	display: none;

}

.footer_t div h4{

	font-size: 20px;

	margin-bottom: 30px;

	color: white;

}

.footer_t div p{

	margin-top: 10px;

	color: white;

}

.footer_t div:nth-child(3){

	width: 14%;

	float: left;	display: none;

}

.footer_t div:nth-child(4){

	width: 14%;	display: none;

	float: left;

}

.footer_t div:nth-child(5){

	width: 14%;

	float: left;	display: none;

}

.footer_t div:nth-child(6){

	width: 14%;	display: none;

	float: left;

}

.copy{

	color: white;

	text-align: center;

	font-size: 16px;

	line-height: 50px;

	border-top: 1px solid white;

}

}

/***********************************************系列********************************************/

.xl_bg{

	width: 100%;

	background-color: #f2f2f2;

	padding-top: 30px;

	padding-bottom: 60px;

}

.xl01{

	float: left;

	width: 62.2%;

	margin-top: 30px;

	position: relative;

	overflow: hidden;

	background-color: black;

}

.xl01 p{

	position: absolute;

	top: calc(100% - 36px);

	left: 20px;

	color: white;

	font-size: 16px;

}

.xl01 img{

	width: 100%;

	transition: .5s;

}

.xl01:hover img{

	transform: scale(1.1);

	opacity: 0.5;

}

.xl02{

	float: left;

	width: 35.8%;

	margin-top: 30px;

	position: relative;

	overflow: hidden;

	background-color: black;

}

.xl02 p{

	position: absolute;

	top: calc(100% - 36px);

	left: 20px;

	color: white;

	font-size: 16px;

}

.xl02 img{

	width: 100%;

	transition: .5s;

}

.xl02:hover img{

	transform: scale(1.1);

	opacity: 0.5;

}

@media (max-width:640px){

	.xl_bg{

	width: 100%;

	background-color: #f2f2f2;

	padding-top: 30px;

	padding-bottom: 60px;

}

.xl01{

	float: left;

	width: 96%;

	margin: 0 2%;

	margin-top: 30px;

	position: relative;

	overflow: hidden;

	background-color: black;

}

.xl01 p{

	position: absolute;

	top: calc(100% - 36px);

	left: 20px;

	color: white;

	font-size: 16px;

}

.xl01 img{

	width: 100%;

	transition: .5s;

}

.xl01:hover img{

	transform: scale(1.1);

	opacity: 0.5;

}

.xl02{

	float: left;

	width: 96%;

	margin: 0 2%;

	margin-top: 30px;

	position: relative;

	overflow: hidden;

	background-color: black;

}

.xl02 p{

	position: absolute;

	top: calc(100% - 36px);

	left: 20px;

	color: white;

	font-size: 16px;

}

.xl02 img{

	width: 100%;

	transition: .5s;

}

.xl02:hover img{

	transform: scale(1.1);

	opacity: 0.5;

}

}

/***********************************************首页案例********************************************/

.al div{

	width: 23.5%;

	margin-right: 2%;

	float: left;

	position: relative;

	overflow: hidden;

	background-color: black;

	margin-bottom: 30px;
border: 1px solid #f6f6f6;
	
}

.al div img{

	width: 100%;

	transition: .5s;

}

.al div:hover img{

	opacity: .8;

	transform: scale(1.1);

}

.al div p{

	position: absolute;

	top: calc((100% - 49px) / 2);

	left: 0px;

	text-align: center;

	width: 100%;

	color: white;

	font-size: 20px;

	transition: .5s;

}

.al div:hover p{

	position: absolute;

	top: calc((100% - 89px) / 2);

	left: 0px;



	font-weight: bold;

}

.al div p img{

	width: 60px;

	display: block;

	margin-left: calc((100% - 60px) / 2);

	margin-top: 20px;

}

.al div:nth-child(4){

	margin-right: 0%;

}

.tl{

	width: 100%;

	margin-top: 60px;

}

.tl img{

	width: 100%;

}

@media (max-width:640px){

	.al div{

	width: 48%;

	margin: 0 1%;

	float: left;

	position: relative;

	overflow: hidden;

	background-color: black;

	margin-bottom: 30px;

}

.al div img{

	width: 100%;

	transition: .5s;

}

.al div:hover img{

	opacity: .8;

	transform: scale(1.1);

}

.al div p{

	position: absolute;

	top: calc((100% - 49px) / 2);

	left: 0px;

	text-align: center;

	width: 100%;

	color: white;

	font-size: 20px;

	transition: .5s;

}

.al div:hover p{

	position: absolute;

	top: calc((100% - 89px) / 2);

	left: 0px;



	font-weight: bold;

}

.al div p img{

	width: 60px;

	display: block;

	margin-left: calc((100% - 60px) / 2);

	margin-top: 20px;

}

.al div:nth-child(4){

	margin: 0 1%;

}

.tl{

	width: 100%;

	margin-top: 60px;

	display: none;

}

.tl img{

	width: 100%;

}

}

/***********************************************新闻动态********************************************/

.new01{

	width: 45%;

	height: 100%;

	float: left;

	

	overflow: hidden;

	

}

.new01 img{

	width: 100%;

	transition: .5s;

}

.new01:hover img{

	transform: scale(1.05);

}

.new01 div{

	float: right;

	width: 300px;

	background-color: rgba(0,81,172,.8);

	padding: 20px;

	color: white;

	position: relative;

	top: -50px;

	

}

.new02{

	width: 53%;

	float: right;

}

.new_l{

	width: 100%;

	margin-bottom: 30px;

	padding: 20px 0px;

	background-color: #f2f2f2;

}

.new_l:hover h2{

	color: #0051ac;

}

.new_l:hover p{

	color: #0051ac;

}

.new_l:hover h4{

	color: #0051ac;

}

.riqi{

	margin-left: 2%;

	width: 15%;

	float: left;

	color: #ababab;

	text-align: right;

}

.riqi h2{

	font-size: 36px;

}

.riqi p{

	text-align: right;

	font-size: 14px;

}

.new03{

	width: 79%;

	margin: 0 2%;

	float: right;

}

.new03 h4{

	font-size: 20px;

}

.new03 p{
margin-top: 5px;
	font-size: 16px;

}

@media (max-width:1260px){

	.new01{

	width: 45%;

	height: 100%;

	float: left;

	margin-bottom: -30px;

}

.new01 img{

	width: 100%;

	

}

.new01 div{

	float: right;

	width: 300px;

	background-color: rgba(0,81,172,.8);

	padding: 20px;

	color: white;

	position: relative;

	top: -50px;

	

}

.new02{

	width: 53%;

	float: right;

}

.new_l{

	width: 100%;

	margin-bottom: 30px;

	padding: 20px 0px;

	background-color: #f2f2f2;

}

.riqi{

	margin-left: 2%;

	width: 18%;

	float: left;

	color: #ababab;

	text-align: right;

}

.riqi h2{

	font-size: 36px;

}

.riqi p{

	text-align: right;

	font-size: 14px;

}

.new03{

	width: 76%;

	margin: 0 2%;

	float: right;

}

.new03 h4{

	font-size: 20px;

}

.new03 p{

margin-top: 5px;
	font-size: 16px;

}

}

@media (max-width:1060px){

	.new01{

	width: 45%;

	height: 100%;

	float: left;

	margin-bottom: -30px;

}

.new01 img{

	width: 100%;

	

}

.new01 div{

	float: right;

	width: 300px;

	background-color: rgba(0,81,172,.8);

	padding: 20px;

	color: white;

	position: relative;

	top: -50px;

	

}

.new02{

	width: 53%;

	float: right;

}

.new_l{

	width: 100%;

	margin-bottom: 30px;

	padding: 20px 0px;

	background-color: #f2f2f2;

}

.riqi{

	margin-left: 2%;

	width: 18%;

	float: left;

	color: #ababab;

	text-align: right;

}

.riqi h2{

	font-size: 30px;

}

.riqi p{

	text-align: right;

	font-size: 14px;

}

.new03{

	width: 76%;

	margin: 0 2%;

	float: right;

}

.new03 h4{

	margin-top: 5px;
	font-size: 16px;

}

.new03 p{

	font-size: 14px;

}

}

@media (max-width:900px){

	.new01{

	width: 96%;

	height: 100%;

	float: left;

		margin: 0 2%;

	margin-bottom: -30px;

}

.new01 img{

	width: 100%;

	

}

.new01 div{

	float: right;

	width: 100%;

	background-color: rgba(0,81,172,.8);

	padding: 20px;

	color: white;

	position: relative;

	top: -80px;

	

}

.new02{

	width: 96%;

	margin: 0 2%;

	float: right;

}

.new_l{

	width: 100%;

	margin-bottom: 30px;

	padding: 20px 0px;

	background-color: #f2f2f2;

}

.riqi{

	margin-left: 2%;

	width: 15%;

	float: left;

	color: #ababab;

	text-align: right;

}

.riqi h2{

	font-size: 30px;

}

.riqi p{

	text-align: right;

	font-size: 14px;

}

.new03{

	width: 79%;

	margin: 0 2%;

	float: right;

}

.new03 h4{

	font-size: 20px;

}

.new03 p{

	margin-top: 5px;
	font-size: 16px;

}

}

@media (max-width:600px){

	.new01{

	width: 96%;

	height: 100%;

	float: left;

		margin: 0 2%;

	margin-bottom: -30px;

}

.new01 img{

	width: 100%;

	

}

.new01 div{

	float: right;

	width: 100%;

	background-color: rgba(0,81,172,.8);

	padding: 20px;

	color: white;

	position: relative;

	top: -80px;

	

}

.new02{

	width: 96%;

	margin: 0 2%;

	float: right;

}

.new_l{

	width: 100%;

	margin-bottom: 30px;

	padding: 20px 0px;

	background-color: #f2f2f2;

}

	

.riqi{

	margin-left: 2%;

	width: 20%;

	float: left;

	color: #ababab;

	text-align: right;

}

.riqi h2{

	font-size: 24px;

}

.riqi p{

	text-align: right;

	font-size: 14px;

}

.new03{

	width: 74%;

	margin: 0 2%;

	float: right;

}

.new03 h4{

	font-size: 20px;

}

.new03 p{

	font-size: 14px;
margin-top: 5px;
	
}

}

/***********************************************内页关于我们********************************************/

.gy01{

	width: 100%;

	margin-top: 60px;

}

.gy01 div{

	width: 50%;

	float: left;

}

.gy01 div h2{

	font-size: 26px;

	color: #0051ac;

	margin-top: 100px;

	margin-bottom: 10px;

}

.gy01 div p{

	font-size: 16px;

	color: #5a5a5a;

	line-height: 30px;

	text-indent: 2em;

}

.gy02{

	margin-bottom: 60px;

}

.gy02 p{

	font-size: 16px;

	color: #5a5a5a;

	line-height: 30px;

	text-indent: 2em;

	margin-top: 10px;

}

@media (max-width:1000px){

	.gy01{

	width: 100%;

	margin-top: 60px;

}

.gy01 div{

	width: 50%;

	float: left;

}

.gy01 div h2{

	font-size: 26px;

	color: #0051ac;

	margin-top: 0px;

	margin-bottom: 10px;

}

.gy01 div p{

	font-size: 16px;

	color: #5a5a5a;

	line-height: 30px;

	text-indent: 2em;

}

.gy02 p{

	font-size: 16px;

	color: #5a5a5a;

	line-height: 30px;

	text-indent: 2em;

	margin-top: 10px;

}

}

@media (max-width:700px){

	.gy01{

	width: 100%;

	margin-top: 60px;

}

.gy01 div{

	width: 96%;

	margin: 0 2%;

	float: left;

	

}

.gy01 div h2{

	font-size: 26px;

	color: #0051ac;

	margin-top: 0px;

	margin-bottom: 10px;

	text-align: center;

}

.gy01 div p{

	font-size: 16px;

	color: #5a5a5a;

	line-height: 30px;

	text-indent: 2em;

}

	.gy02{

		width: 96%;

	margin: 0 2%;

		margin-bottom: 30px;

	}

.gy02 p{

	font-size: 16px;

	color: #5a5a5a;

	line-height: 30px;

	text-indent: 2em;

	margin-top: 10px;

}

}

.wenhua01{

	margin: 60px 0px;

}

.wenhua01 h1{

	text-transform: uppercase;

	font-size: 36px;

	font-weight: bold;

	color: #B8B8B8;

	margin: 0 auto;

}

.wenhua01 h4{

	font-size: 26px;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #0051ac;

}

.wenhua01 p{

	font-size: 16px;

	font-weight: bold;

	

}

.wenhua_bg01{

	margin: 60px 0%;

	margin: 60px 0px;

	background: url(../image/wh01.png) 0 0 no-repeat;

}

.wenhua_bg02{

	margin: 60px 0%;

	margin: 60px 0px;

	background: url(../image/wh02.png) 0 0 no-repeat;

}

.wenhua02{

	padding: 60px 0px;

	

}

.wenhua02 h1{

	text-transform: uppercase;

	font-size: 36px;

	font-weight: bold;

	color: #fff;

	margin: 0 auto;

}

.wenhua02 h4{

	font-size: 26px;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #fff;

}

.wenhua02 p{

	font-size: 16px;

	font-weight: bold;

	color: #fff;

}

@media (max-width:1300px){

	.wenhua01{

	margin: 60px 60px;

}

.wenhua01 h1{

	text-transform: uppercase;

	font-size: 36px;

	font-weight: bold;

	color: #B8B8B8;

	margin: 0 auto;

}

.wenhua01 h4{

	font-size: 26px;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #0051ac;

}

.wenhua01 p{

	font-size: 16px;

	font-weight: bold;

	

}

.wenhua_bg01{

	margin: 60px 0%;

	padding: 0 60px;

	background: url(../image/wh01.png) 0 0 no-repeat;

}

.wenhua_bg02{

	margin: 60px 0%;

	padding: 0 60px;

	background: url(../image/wh02.png) 0 0 no-repeat;

}

.wenhua02{

	padding: 60px 0px;

	

}

.wenhua02 h1{

	text-transform: uppercase;

	font-size: 36px;

	font-weight: bold;

	color: #fff;

	margin: 0 auto;

}

.wenhua02 h4{

	font-size: 26px;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #fff;

}

.wenhua02 p{

	font-size: 16px;

	font-weight: bold;

	color: #fff;

}

}

@media (max-width:600px){

	.wenhua01{

	margin: 30px 30px;

}

.wenhua01 h1{

	text-transform: uppercase;

	font-size: 26px;

	font-weight: bold;

	color: #B8B8B8;

	margin: 0 auto;

}

.wenhua01 h4{

	font-size: 26px;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #0051ac;

}

.wenhua01 p{

	font-size: 16px;

	font-weight: bold;

	

}

.wenhua_bg01{

	margin: 30px 0%;

	padding: 0 30px;

	background: url(../image/wh01.png) 0 0 no-repeat;

}

.wenhua_bg02{

	margin: 30px 0%;

	padding: 0 30px;

	background: url(../image/wh02.png) 0 0 no-repeat;

}

.wenhua02{

	padding: 30px 0px;

	

}

.wenhua02 h1{

	text-transform: uppercase;

	font-size: 26px;

	font-weight: bold;

	color: #fff;

	margin: 0 auto;

}

.wenhua02 h4{

	font-size: 26px;

	margin: 0 auto;

	margin-top: 10px;

	margin-bottom: 20px;

	color: #fff;

}

.wenhua02 p{

	font-size: 16px;

	font-weight: bold;

	color: #fff;

}

}

.ry{

	width: 31.6%;

	float: left;

	position: relative;

	overflow: hidden;

	margin-top: 30px;

}

.ry div:nth-child(1){

	padding: 20px;

	background-color: #f2f2f2;

	z-index: -99;

}

.ry div:nth-child(2){

	z-index: 99;

	width: 100%;

}

.ry div img:nth-child(1){

	position: absolute;

	top:100px;

	left: 0px;

	opacity: 0;

	transition: .5s;

}

.ry:hover div img:nth-child(1){

	position: absolute;

	top:0px;

	left: 0px;

	opacity: 1;

}

.ry div p{

	text-align: center;

	background-color: #aeaeae;

	padding: 20px 0px;

	font-size: 16px;

	color: white;

	transition: .5s;

}

.ry:hover div p{

	

	background-color: #0051ac;

}

.ry:nth-child(2){

	margin: 0 2.5%;

	margin-top: 30px;

}

.ry:nth-child(5){

	margin: 0 2.5%;

	margin-top: 30px;

}

.ry:nth-child(8){

	margin: 0 2.5%;

	margin-top: 30px;

}

@media (max-width:640px){

	.ry{

	width: 48%;

		margin: 0 1%;

	float: left;

	position: relative;

	overflow: hidden;

	margin-top: 30px;

}

.ry div:nth-child(1){

	padding: 20px;

	background-color: #f2f2f2;

	z-index: -99;

}

.ry div:nth-child(2){

	z-index: 99;

	width: 100%;

}

.ry div img:nth-child(1){

	position: absolute;

	top:100px;

	left: 0px;

	opacity: 0;

	transition: .5s;

}

.ry:hover div img:nth-child(1){

	position: absolute;

	top:0px;

	left: 0px;

	opacity: 1;

}

.ry div p{

	text-align: center;

	background-color: #aeaeae;

	padding: 20px 0px;

	font-size: 16px;

	color: white;

	transition: .5s;

}

.ry:hover div p{

	

	background-color: #0051ac;

}

.ry:nth-child(2){

	margin: 0 1%;

	margin-top: 30px;

}

.ry:nth-child(5){

	margin: 0 1%;

	margin-top: 30px;

}

.ry:nth-child(8){

	margin: 0 1%;

	margin-top: 30px;

}

}

/***********************************************内页产品中心********************************************/

.cp_js{

	width: 100%;

}

.cp_js div{

	width: 50%;

	float: left;

}



.cp_js div:nth-child(1) img{

	width: 100%;

}

.cp_js div:nth-child(2){

	padding: 30px;

}

.cp_js div:nth-child(2) h2{

	font-size: 30px;

	margin: 0 auto;

}

.cp_js div:nth-child(2) p{

	background-color: #e4e4e4;

	padding: 20px;

	font-size: 14px;

	color: rgba(62,62,62,1.00);

	line-height: 24px;

	margin: 40px 0px;

}

.cp_t{

	width: 100%;

	background: url(../image/cp07.png) 0 0 no-repeat;

	margin: 60px 0px;

	padding: 40px;

}

.cp_t h2{

	text-align: center;font-size: 26px;

	color: white;

}

@media (max-width:900px){

	.cp_js{

	width: 96%;

		margin: 0 auto;

}

.cp_js div{

	width: 100%;

	float: left;

}



.cp_js div:nth-child(1) img{

	width: 100%;

}

.cp_js div:nth-child(2){

	padding: 30px 0px;

}

.cp_js div:nth-child(2) h2{

	font-size: 30px;

	margin: 0 auto;

}

.cp_js div:nth-child(2) p{

	background-color: #e4e4e4;

	padding: 20px;

	font-size: 14px;

	color: rgba(62,62,62,1.00);

	line-height: 24px;

	margin: 40px 0px;

}

.cp_t{

	width: 100%;

	background: url(../image/cp07.png) 0 0 no-repeat;

	margin: 10px 0px 30px;

	padding: 40px;

}

.cp_t h2{

	text-align: center;font-size: 26px;

	color: white;

}

}

/***********************************************内页新闻动态********************************************/

.new04{

	width: 31.6%;

	float: left;

	overflow: hidden;

}

.new04:nth-child(2){

	margin: 0 2.5%;

}

.new04 img{

	width: 100%;

	z-index: -1;

	transition: .5s;

}

.new04 div{

	width: 100%;

	background-color: #f2f2f2;

	padding: 10px;

	transition: .5s;

}

.new04 div h2{

	font-size: 20px;

	color: black;

}

.new04 div p{

	font-size: 14px;

	margin-top: 5px;color: black;

}

.new04:hover img{

	transform: scale(1.05);

}

.new04:hover div{

	background-color: #0051ac;

	

}

.new04:hover div h2{

	color: white;

	

}

.new04:hover div p{

	color: white;

	

}

.new05{

	width: 100%;

	padding: 3% 0%;



	border-bottom: 1px solid #e6e6e6;

	display: inline-block;

}

.new05:hover{

	background-color: #f2f2f2;

	color: #0051ac;

}



.new05 div:nth-child(1){

	width: 11%;

	float: left;

	padding: 0 2%;

	text-align: right;

}

.new05 div:nth-child(1) p{

	font-size: 14px;

	color: #d5d5d5;

}

.new05 div:nth-child(1) h2{

	font-size: 30px;

	font-weight: bold;

	color: #d5d5d5;

}

.new05:hover div:nth-child(1) p{

	color: #0051ac;

}

.new05:hover div:nth-child(1) h2{

	color: #0051ac;

}

.new05 div:nth-child(2){

	width: 85%;

	float: left;

}

.new05 div:nth-child(2) h2{

	font-size: 24px;

	padding: 0px;

	color: black;

	margin: 0px;
font-weight: bold;
	color: rgba(57,57,57,1.00);
}

.new05 div:nth-child(2) p{

	font-size: 14px;

	padding: 5px 0px;color:#5a5a5a;

	padding-bottom: 10px;

}

.new05 div:nth-child(2) a{

	font-size: 14px;

	color:#5a5a5a;

	

}

.new05:hover div:nth-child(2) h2{

	font-weight: bold;	color: #0051ac;

}

.new05:hover div:nth-child(2) p{

	color: #0051ac;

}

.new05:hover div:nth-child(2) a{

	color: #0051ac;

	

}



@media (max-width:1250px){

	.new04{

	width: 31.6%;

	float: left;

	overflow: hidden;

}

.new04:nth-child(2){

	margin: 0 2.5%;

}

.new04 img{

	width: 100%;

	z-index: -1;

	transition: .5s;

}

.new04 div{

	width: 100%;

	background-color: #f2f2f2;

	padding: 10px;

	transition: .5s;

}

.new04 div h2{

	font-size: 20px;

}

.new04 div p{

	font-size: 14px;

	margin-top: 5px;

}

.new04:hover img{

	transform: scale(1.05);

}

.new04:hover div{

	background-color: #0051ac;

	color: white;

}

.new05{

	width: 100%;

	padding: 3% 0%;



	border-bottom: 1px solid #e6e6e6;

	display: inline-block;

}

.new05:hover{

	background-color: #f2f2f2;

	color: #0051ac;

}



.new05 div:nth-child(1){

	width: 14%;

	float: left;

	padding: 0 2%;

	text-align: right;

}

.new05 div:nth-child(1) p{

	font-size: 14px;

	color: #d5d5d5;

}

.new05 div:nth-child(1) h2{

	font-size: 30px;

	font-weight: bold;

	color: #d5d5d5;

}

.new05:hover div:nth-child(1) p{

	color: #0051ac;

}

.new05:hover div:nth-child(1) h2{

	color: #0051ac;

}

.new05 div:nth-child(2){

	width: 82%;

	float: left;

}

.new05 div:nth-child(2) h2{

	font-size: 24px;

	padding: 0px;

	margin: 0px;

}

.new05 div:nth-child(2) p{

	font-size: 14px;

	padding: 5px 0px;color:#5a5a5a;

	padding-bottom: 10px;

}

.new05 div:nth-child(2) a{

	font-size: 14px;

	color:#5a5a5a;

	

}

.new05:hover div:nth-child(2) h2{

	font-weight: bold;

}

.new05:hover div:nth-child(2) p{

	color: #0051ac;

}

.new05:hover div:nth-child(2) a{

	color: #0051ac;

	

}

}

@media (max-width:870px){

	.new04{

	width: 31.6%;

	float: left;

	overflow: hidden;

}

.new04:nth-child(2){

	margin: 0 2.5%;

}

.new04 img{

	width: 100%;

	z-index: -1;

	transition: .5s;

}

.new04 div{

	width: 100%;

	background-color: #f2f2f2;

	padding: 10px;

	transition: .5s;

}

.new04 div h2{

	font-size: 20px;

}

.new04 div p{

	font-size: 14px;

	margin-top: 5px;

}

.new04:hover img{

	transform: scale(1.05);

}

.new04:hover div{

	background-color: #0051ac;

	color: white;

}

.new05{

	width: 100%;

	padding: 3% 0%;



	border-bottom: 1px solid #e6e6e6;

	display: inline-block;

}

.new05:hover{

	background-color: #f2f2f2;

	color: #0051ac;

}



.new05 div:nth-child(1){

	width: 17%;

	float: left;

	padding: 0 2%;

	text-align: right;

}

.new05 div:nth-child(1) p{

	font-size: 14px;

	color: #d5d5d5;

}

.new05 div:nth-child(1) h2{

	font-size: 30px;

	font-weight: bold;

	color: #d5d5d5;

}

.new05:hover div:nth-child(1) p{

	color: #0051ac;

}

.new05:hover div:nth-child(1) h2{

	color: #0051ac;

}

.new05 div:nth-child(2){

	width: 79%;

	float: left;

}

.new05 div:nth-child(2) h2{

	font-size: 24px;

	padding: 0px;

	margin: 0px;

}

.new05 div:nth-child(2) p{

	font-size: 14px;

	padding: 5px 0px;color:#5a5a5a;

	padding-bottom: 10px;

}

.new05 div:nth-child(2) a{

	font-size: 14px;

	color:#5a5a5a;

	

}

.new05:hover div:nth-child(2) h2{

	font-weight: bold;

}

.new05:hover div:nth-child(2) p{

	color: #0051ac;

}

.new05:hover div:nth-child(2) a{

	color: #0051ac;

	

}

}

@media (max-width:640px){

	.new04{

	width: 96%;

		margin: 0 2%;

	float: left;

	overflow: hidden;

}

.new04:nth-child(2){

	margin: 0 2%;

}

.new04 img{

	width: 100%;

	z-index: -1;

	transition: .5s;

}

.new04 div{

	width: 100%;

	background-color: #f2f2f2;

	padding: 10px;

	transition: .5s;

}

.new04 div h2{

	font-size: 20px;

}

.new04 div p{

	font-size: 14px;

	margin-top: 5px;

}

.new04:hover img{

	transform: scale(1.05);

}

.new04:hover div{

	background-color: #0051ac;

	color: white;

}

.new05{

	width: 100%;

	padding: 3% 0%;



	border-bottom: 1px solid #e6e6e6;

	display: inline-block;

}

.new05:hover{

	background-color: #f2f2f2;

	color: #0051ac;

}



.new05 div:nth-child(1){

	width: 20%;

	float: left;

	padding: 0 2%;

	text-align: right;

}

.new05 div:nth-child(1) p{

	font-size: 14px;

	color: #d5d5d5;

}

.new05 div:nth-child(1) h2{

	font-size: 30px;

	font-weight: bold;

	color: #d5d5d5;

}

.new05:hover div:nth-child(1) p{

	color: #0051ac;

}

.new05:hover div:nth-child(1) h2{

	color: #0051ac;

}

.new05 div:nth-child(2){

	width: 76%;

	float: left;

}

.new05 div:nth-child(2) h2{

	font-size: 24px;

	padding: 0px;

	margin: 0px;

}

.new05 div:nth-child(2) p{

	font-size: 14px;

	padding: 5px 0px;color:#5a5a5a;

	padding-bottom: 10px;

}

.new05 div:nth-child(2) a{

	font-size: 14px;

	color:#5a5a5a;

	

}

.new05:hover div:nth-child(2) h2{

	font-weight: bold;

}

.new05:hover div:nth-child(2) p{

	color: #0051ac;

}

.new05:hover div:nth-child(2) a{

	color: #0051ac;

	

}

}

@media (max-width:545px){

	.new04{

	width: 96%;

		margin: 0 2%;

	float: left;

	overflow: hidden;

}

.new04:nth-child(2){

	margin: 0 2%;

}

.new04 img{

	width: 100%;

	z-index: -1;

	transition: .5s;

}

.new04 div{

	width: 100%;

	background-color: #f2f2f2;

	padding: 10px;

	transition: .5s;

}

.new04 div h2{

	font-size: 20px;

}

.new04 div p{

	font-size: 14px;

	margin-top: 5px;

}

.new04:hover img{

	transform: scale(1.05);

}

.new04:hover div{

	background-color: #0051ac;

	color: white;

}

.new05{

	width: 100%;

	padding: 3% 0%;



	border-bottom: 1px solid #e6e6e6;

	display: inline-block;

}

.new05:hover{

	background-color: #f2f2f2;

	color: #0051ac;

}



.new05 div:nth-child(1){

	width: 20%;

	float: left;

	padding: 0 2%;

	text-align: right;

	display: none;

}

.new05 div:nth-child(1) p{

	font-size: 14px;

	color: #d5d5d5;

}

.new05 div:nth-child(1) h2{

	font-size: 26px;

	font-weight: bold;

	color: #d5d5d5;

}

.new05:hover div:nth-child(1) p{

	color: #0051ac;

}

.new05:hover div:nth-child(1) h2{

	color: #0051ac;

}

.new05 div:nth-child(2){

	width: 100%;

	padding: 0px 2%;

	float: left;

}

.new05 div:nth-child(2) h2{

	font-size: 24px;

	padding: 0px;

	margin: 0px;

}

.new05 div:nth-child(2) p{

	font-size: 14px;

	padding: 5px 0px;color:#5a5a5a;

	padding-bottom: 10px;

}

.new05 div:nth-child(2) a{

	font-size: 14px;

	color:#5a5a5a;

	

}

.new05:hover div:nth-child(2) h2{

	font-weight: bold;

}

.new05:hover div:nth-child(2) p{

	color: #0051ac;

}

.new05:hover div:nth-child(2) a{

	color: #0051ac;

	

}

}

/***********************************************内页服务案例********************************************/

.al01{

	width: 31.6%;

	float: left;

	background-color: #f2f2f2;

	padding: 20px;

	margin-top: 30px;

}

.al01:hover{

	background-color: #0051ac;

	transition: .5s;

}

.al01:nth-child(2){

	margin: 0 2.5%;

	margin-top: 30px;

}

.al01:nth-child(5){

	margin: 0 2.5%;

	margin-top: 30px;

}

.al01:nth-child(8){

	margin: 0 2.5%;

	margin-top: 30px;

}

.al02 div:nth-child(1){

	float: left;

	width: 85%;

}

.al02 div:nth-child(2){

	float: right;

	width: 15%;

}

.al02 div img{

	width: 100%;opacity: 0;transition: .5s;

}

.al01:hover div img{

	opacity: 1;

}

.al02 div p{

	font-size: 14px;

	color: #5a5a5a;

}

.al02 div h2{

	font-size: 22px;

	font-weight: bold;

	margin-top: 6px;

	margin-bottom: 10px;

}

.al01 p{

	font-size: 14px;

	text-align: justify;

	margin-top: 10px;

}

.al01:hover p{

	color: white;

}

.al01:hover h2{

	color: white;

}

@media (max-width:640px){

	.al01{

	width: 96%;

		margin: 0 2%;

	float: left;

	background-color: #f2f2f2;

	padding: 20px;

	margin-top: 30px;

}

.al01:hover{

	background-color: #0051ac;

	transition: .5s;

}

.al01:nth-child(2){

	margin: 0 2%;

	margin-top: 30px;

}

.al01:nth-child(5){

	margin: 0 2%;

	margin-top: 30px;

}

.al01:nth-child(8){

	margin: 0 2%;

	margin-top: 30px;

}

.al02 div:nth-child(1){

	float: left;

	width: 85%;

}

.al02 div:nth-child(2){

	float: right;

	width: 15%;

}

.al02 div img{

	width: 100%;opacity: 0;transition: .5s;

}

.al01:hover div img{

	opacity: 1;

}

.al02 div p{

	font-size: 14px;

	color: #5a5a5a;

}

.al02 div h2{

	font-size: 22px;

	font-weight: bold;

	margin-top: 6px;

	margin-bottom: 10px;

}

.al01 p{

	font-size: 14px;

	text-align: justify;

	margin-top: 10px;

}

.al01:hover p{

	color: white;

}

.al01:hover h2{

	color: white;

}

}

/***********************************************内页联系我们********************************************/

.ly{



	width: 100%;



}



.ly h2{



	font-size: 30px;

margin-bottom: 30px;

}



.ly div{



	width: 31.6%;



	float: left;



}



.ly div input{



	width: 100%;



	line-height: 40px;



	padding: 0px 10px;



	border: 1px solid rgba(205,205,205,1.00);



}



.ly div:nth-child(2) input{



	background: url(../image/online01_icon1.png)99% -5px no-repeat;



}



.ly div:nth-child(3) input{



	background: url(../image/online01_icon2.png) 99% -5px no-repeat;



}



.ly div:nth-child(4) input{



	background: url(../image/online01_icon3.png) 99% -5px no-repeat;



}



.ly div:nth-child(3){



	margin: 0 2.5%;



}



.ly textarea{



	width: 100%;



	height: 200px;



	margin-top: 30px;

	margin-bottom: 30px;



	line-height: 40px;



	padding: 0px 10px;



	background: url(../image/online01_icon4.png) 99.5% -5px no-repeat;



}



@media (max-width:600px){



	.ly{



	width: 100%;



}



.ly h2{



	font-size: 30px;

margin-bottom: 0px;

}



.ly div{



	width: 100%;



	float: left;



}



.ly div input{



	width: 100%;



	line-height: 40px;



	padding: 0px 10px;



	margin-top: 30px;



	border: 1px solid rgba(205,205,205,1.00);



}



.ly div:nth-child(2) input{



	background: url(../image/online01_icon1.png) 99% -5px no-repeat;



}



.ly div:nth-child(3) input{



	background: url(../image/online01_icon2.png) 99% -5px no-repeat;



}



.ly div:nth-child(4) input{



	background: url(../image/online01_icon3.png) 99% -5px no-repeat;



}



.ly div:nth-child(3){



	margin: 0px;



}



.ly textarea{



	width: 100%;



	height: 200px;



	margin-top: 30px;

margin-bottom: 0px;

	line-height: 40px;



	padding: 0px 10px;



	background: url(../image/online01_icon4.png) 99.5% -5px no-repeat;



}



}

.new_bg{

	width: 100%;

	background-color: #f2f2f2;

	padding-top: 60px;

	padding-bottom: 60px;

}

.new06{

	width: 100%;

	padding: 60px;

	

}

.new_t h2{

	text-align: center;

	font-size: 30px;

}

.new_t p{

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	

}

.new06 p{

	font-size: 16px;

}

@media (max-width:640px){

	.new_bg{

	width: 100%;

	background-color: #f2f2f2;

	padding-top: 60px;

	padding-bottom: 60px;

}

.new06{

	width: 100%;

	padding: 30px 30px;

	

}

	.new_t{

		margin-bottom: 30px;

	}

.new_t h2{

	text-align: center;

	font-size: 30px;

}

.new_t p{

	text-align: center;

	line-height: 30px;

	font-size: 16px;

	

}

.new06 p{

	font-size: 16px;

}

}
.header{position: relative; z-index: 3;background-color: rgba(255,255,255,1.00)!important;width: 100%;}
.fixed{
	position: fixed;
	top: 0px;
}
.header .m_header {
    height: 90px;
    margin: 0 auto;
    width: 1300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .m_header ul li {
    float: left;
    font-size: 18px;
    line-height:90px;

}

.header .m_header ul li div {
    position: absolute;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #0051ac;
    color: #fff;

}

.header .m_header ul li div ul li {
    line-height: 25px !important;

}
.header .m_header ul li .rczp ul li{
    position: relative;
    top:-30px;
}
.header .m_header ul li .xwzx ul li{
    position: relative;
    top:-30px;
}
.header .m_header ul li .cpzs ul li{
    position: relative;

    width: 150px;

}
.header .m_header ul li .cpzs ul li a{
    height: 20px;
    line-height: 20px;

}
.header .m_header ul li div ul li a {
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    word-break:keep-all;
    white-space:nowrap;
}

.header .m_header ul li .cpzs ul li a {
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    word-break:keep-all;
    white-space:nowrap;
}


.header .m_header ul li div img {
    padding: 0 20px;
	max-width: 100%;
}

.header .m_header ul li div {
    width: 400px;
    height: 160px;
	overflow: hidden;
}

.header .m_header ul li:hover {
    background-color: #0051ac;
	color: white;
}

.header .m_header ul li a:hover {
    color: #fff;
}

.header .m_header ul li a {
    color: #000;
    height: 90px;
    line-height: 90px;
    display: block;
    padding: 0 24px;
}
@media (max-width:1200px){
	.header .m_header ul li a {
    color: #666;
    height: 90px;
    line-height: 90px;
    display: block;
    padding: 0 14px;
}
	.header .m_header {
    height: 90px;
    margin: 0 auto;
    width: 98%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	}}
	@media (max-width:1000px){
		.header-in{
			display: block;
		}
		.header{
			display: none;
		}
}