body,
div,
ul,
li,
a,
dl,
dd,
dt,
input,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
img {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

html,
body {
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.jszcbox {
	display: flex;
	justify-content: center;
	align-items: center;
}

.jszcbox .jszctext {
	width: 75px;
}

.jszcbox .jszcimg {
	width: 45px;
	opacity: 0.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

input,
textarea,
select,
button,
area {
	appearance: button;
	-moz-appearance: button;
	-webkit-appearance: button;
	outline: none;
	font-family: 'Microsoft YaHei';
}

ul,
li,
dl,
dd,
dt {
	list-style: none;
}

a {
	text-decoration: none;
	color: #2b292f;
	-webkit-transition: all ease-in .2s;
	-ms-transition: all ease-in .2s;
	-moz-transition: all ease-in .2s;
	-o-transition: all ease-in .2s;
	transition: all ease-in .2s;
}

img {
	border: 0;
	font-size: 0;
	display: block;
}

body {
	color: #444;
	font-family: Microsoft Yahei, Arial, Helvetica, sans-serif;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: auto;
}

.img-box {
	width: 100%;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.section {
	width: 92%;
	max-width: 1400px;
	margin: auto;
}

.izl-rmenu {
	margin-right: 0;
	width: 82px;
	position: fixed;
	right: 2px;
	top: 65%;
	z-index: 999;
}

.izl-rmenu .consult {
	background-image: url(../consult_icon.gif);
	background-repeat: no-repeat;
	background-position: center -77px;
	display: block;
	height: 76px;
	width: 82px;
}

.izl-rmenu .consult .phone {
	background-color: rgb(247, 247, 255);
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0px;
	line-height: 73px;
	color: #000;
	font-size: 18px;
	text-align: center;
	display: none;
}

.izl-rmenu a.consult:hover .phone {
	display: inline !important;
}

.izl-rmenu .cart {
	background-image: url(../consult_icon.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	height: 16px;
	width: 16px;
	font-size: 12px;
	line-height: 16px;
	color: #45BDFF;
	text-align: center;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 47px;
	padding-left: 48px;
}

.izl-rmenu a.cart:hover .pic {
	display: block;
}

.izl-rmenu .btn_top {
	background-image: url(../float_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 39px;
	width: 82px;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}

.izl-rmenu .btn_top:hover {
	background-image: url(../float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.izl-rmenu .cart .pic {
	display: none;
	position: absolute;
	left: -160px;
	top: 65px;
	width: 160px;
	height: 160px;
	background: url(../wx.jpg);
	background-size: cover;
}

#udesk-feedback-tab {
	position: fixed;
	right: 2px;
	top: 65%;
	margin-top: -76px;
	z-index: 10000;
	cursor: pointer;
	background-image: url(../consult_icon.gif);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 76px;
	width: 82px;
	background-color: #FFF !important;
}

/*header*/
.header {
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	z-index: 999;
	background: #fff;
	box-shadow: 0 0 8px #ccc;
}

.header .section {}

.header .logo {
	margin-top: 23px;
	max-width: 200px;
}

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

.header .h-fr {
	float: right;
}

.header .menu {
	float: left;
}

.header .menu ul li {
	float: left;
	margin: 0 18px;
}

.header .menu ul li a.menua {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 82px;
	border-bottom: 3px solid #fff;
	color: #1f1f1f;
}

.header .menu ul li a.menua:hover {
	border-bottom: 3px solid #298fff;
	color: #298fff
}

.header .menu ul li a.on {
	border-bottom: 3px solid #298fff;
	color: #298fff
}

.header .menu li .drop {
	background: #fff;
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0;
	top: 70px;
	padding: 50px 0;
	display: none;
	border-top: 1px solid #ddd;
}

.header .menu li .drop .section {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.header .menu li .drop dl {
	width: 15%;
	max-width: 165px;
	margin: 0 10px;
}

.header .menu li .drop dl dt {
	width: 100%;
	margin-bottom: 10px;
}

.header .menu li .drop dl dd {
	width: 100%;
}

.menu-link ul li {
	width: 100%;
	margin: 5px 0 !important;
}

.header .menu li .drop dl dt a {
	font-size: 18px;
}

.menu-link ul li a {
	font-size: 15px;
	color: #333;
}

.header .menu li .drop dl dt a:hover,
.menu-link ul li a:hover {
	color: #298fff;
}

.header .h-tel {
	float: left;
	line-height: 88px;
	color: #298fff;
	font-size: 15px;
	margin-left: 30px;
	overflow: hidden;
}

.header .h-lang {
	float: left;
	margin-top: 35px;
	border-left: 1px solid #000;
	padding-left: 20px;
	margin-left: 20px;
	overflow: hidden;
}

.h-wx {
	width: 31px;
	height: 25px;
	background: url("../wx-cion.jpg") no-repeat center;
	background-size: 70%;
	position: relative;
	float: left;
	margin: 33px 0 0 10px;
}

.h-wx .h-wx-img {
	visibility: hidden;
	width: 120px;
	background-color: #fff;
	position: absolute;
	z-index: 10;
	top: 24px;
	right: 0;
	opacity: 0;
	transition: opacity 1s;
}

.h-wx .h-wx-img img {
	max-width: 100%;
}

.h-wx:hover .h-wx-img {
	visibility: visible;
	opacity: 1;
}

.m_menu {
	background: url(../icon_nav.png) no-repeat center;
	background-size: 100%;
	width: 40px;
	position: absolute;
	right: 5px;
	top: 0;
	height: 60px;
	display: none;
}

.h60 {
	width: 100%;
	height: 60px;
}

.i-title {
	width: 100%;
	text-align: center;
}

.i-title h2 {
	color: #3d3d3d;
	font-size: 35px;
}

.i-title p {
	width: 68%;
	margin: 0 auto;
	color: #7f7f7f;
	font-size: 14px;
	padding: 8px 0;
	line-height: 28px;
}

.i-more {
	width: 100%;
	padding: 40px 0;
}

.i-more a {
	display: block;
	background: #00599f;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin: auto;
	width: 190px;
	border-radius: 8px;
	height: 40px;
}

.i-more a:hover {
	box-shadow: 0 0 10px #333;
}

.i-about {
	width: 100%;
	overflow: hidden;
	padding: 50px 0 10px 0;
}

.about-box {
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}

.about-box .about-fl {
	width: 40%;
	position: relative;
}

.about-box .about-fl p {
	font-size: 16px;
	color: #616161;
	line-height: 32px;
	text-indent: 2em;
}

.about-box .about-fl a {
	display: block;
	width: 145px;
	line-height: 38px;
	border-radius: 25px;
	background: #298fff;
	margin-top: 20px;
	text-align: center;
	color: #fff;
}

.about-box .about-fl a:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.about-box .about-fr {
	width: 60%;
	float: right;
}

.about-box .about-fr img {
	max-width: 100%;
	margin: auto;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.banner-next,
.banner-prev {
	position: absolute;
	top: 50%;
	width: 56px;
	height: 56px;
	margin-top: -28px;
	border-radius: 4px;
	z-index: 10;
	cursor: pointer;
	background: rgb(0, 0, 0, 0.55);
}

.swiper-button-next:after,
.swiper-button-prev:after {
	color: #fff;
	font-size: 20px;
}

/*i-business*/
.i-business {
	width: 100%;
	padding: 60px 0;
	overflow: hidden;
}

.business-ul {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}

.busines_slide {
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	color: #fff;
	font-size: 24px;
	position: relative;
	padding: 3px 3px;
	box-sizing: border-box;
}

.busines_slide img {
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.busines_slide p {
	font-size: 16px;
	line-height: 25px;
}

.busines_slide h4 {
	width: 100%;
	padding: 30px 0;
	font-size: 25px;
	font-weight: bold;
}

.busines_slide:hover span {
	visibility: hidden;
	opacity: 0;
}

.busines_slide:hover h4 {
	visibility: visible;
	opacity: 1;
}

.busines_slide:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.businessSwiper .swiper-slide:nth-child(odd) .busines_slide {
	background: #298fff;
}

.businessSwiper .swiper-slide:nth-child(even) .busines_slide {
	background: #00a557;
}

/*i-application*/
.i-application {
	width: 100%;
	padding: 60px 0;
	overflow: hidden;
}

.application-ul {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}

.application-ul ul {
	width: 100%;
	overflow: hidden;
}

.application-ul ul li {
	width: 23%;
	margin: 10px 1%;
	float: left;
}

.application-ul ul li a {
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 24px;
	position: relative;
}

.application-ul ul li img {
	width: 100%;
}

.application-ul .application-title {
	display: block;
	position: absolute;
	bottom: 10%;
	left: 15%;
	opacity: 1;
	transition: opacity 1s;
	z-index: 9;
}

.application-ul .application-title h3 {
	font-size: 24px;
	color: #fff;
	line-height: 45px;
}

.application-ul .application-title em {
	display: block;
	width: 81px;
	height: 3px;
	margin-top: 8px;
	background: #298fff;
}

.application-ul .application-memo {
	width: 70%;
	padding: 40% 15% 0 15%;
	height: 100%;
	font-size: 25px;
	position: absolute;
	top: 0;
	background: rgb(41, 143, 255, 0.8);
	visibility: hidden;
	opacity: 0;
	transition: opacity 1s;
	z-index: 10;
}

.application-ul .application-memo h3 {
	font-size: 28px;
	color: #fff;
}

.application-ul .application-memo em {
	display: block;
	width: 80px;
	height: 3px;
	margin-top: 8px;
	background: #fff;
}

.application-ul .application-memo p {
	width: 80%;
	font-size: 15px;
	line-height: 28px;
	color: #fff;
	margin-top: 25px;
}

.application-ul .application-memo span {
	display: block;
	width: 145px;
	font-size: 14px;
	line-height: 38px;
	border-radius: 10px;
	background: #fff;
	margin-top: 25px;
	text-align: center;
	color: #000;
}

.application-ul a:hover .application-title {
	visibility: hidden;
	opacity: 0;
}

.application-ul a:hover .application-memo {
	visibility: visible;
	opacity: 1;
}

/*i-partners*/
.i-partners {
	width: 100%;
	background: url("../i-partners.jpg") no-repeat;
	background-size: cover;
	padding: 60px 0;
	overflow: hidden;
}

.i-partners .partners-box {
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
}

.i-partners .partners-box ul {
	width: 100%;
}

.i-partners .partners-box ul li {
	width: 16.666%;
	float: left;
	box-sizing: border-box;
}

.i-partners .partners-box ul li a {
	display: block;
	width: 90%;
	margin: 5px auto;
	background: #fff;
	border: 1px solid #e5e5e5;
}

.i-partners .partners-box ul li img {
	max-width: 100%;
}

/*i-news*/
.i-gc {
	width: 100%;
	padding: 60px 0 10px 0;
	overflow: hidden;
	background: #ffffff;
}

.i-gc-list {
	width: 100%;
	padding-top: 20px;
	overflow: hidden;
}

.i-gc-list ul {
	width: 100%;
}

.i-gc-list ul li {
	width: 31%;
	margin: 0 1% 10px 1%;
	float: left;
	overflow: hidden;
}

.i-gc-list ul li a {
	display: block;
	width: 100%;
	background: #fff;
}

.i-gc-list .gc-img {
	width: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 35px;
}

.i-gc-list .gc-img img {
	width: 100%;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.i-gc-list .gc-img h3 {
	width: 50%;
	padding: 0 25%;
	font-size: 20px;
	overflow: hidden;
	color: #fff;
	line-height: 28px;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.i-gc-list ul li em {
	display: block;
	width: 20px;
	height: 3px;
	background: #181818;
	margin: 20px auto;
}

.i-gc-list ul li h4 {
	font-size: 19px;
	overflow: hidden;
	color: #181818;
	height: 28px;
	line-height: 28px;
	text-align: center;
	margin-bottom: 10px;
}

.i-gc-list ul li p {
	font-size: 14px;
	color: #686868;
	line-height: 25px;
	overflow: hidden;
}

.i-gc-list ul li span {
	display: block;
	width: 145px;
	line-height: 38px;
	border-radius: 25px;
	background: #fff;
	border: 1px solid #181818;
	margin: 15px auto;
	text-align: center;
	color: #686868;
}

.i-gc-list ul li a:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.i-gc-list ul li a:hover span {
	display: block;
	width: 145px;
	line-height: 38px;
	border-radius: 25px;
	background: #298fff;
	border: 1px solid #298fff;
	margin: 15px auto;
	text-align: center;
	color: #fff;
}

/*i-solution*/
.i-ts {
	width: 100%;
	padding: 60px 0 30px 0;
	overflow: hidden;
}

.i-ts .i-ts-ul ul {
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
}

.i-ts .i-ts-ul ul li {
	width: 48%;
	margin: 0 1%;
	float: left;
	text-align: center;
}

.i-ts .i-ts-ul ul li a {
	display: block;
	overflow: hidden;
	position: relative;
}

.i-ts .i-ts-ul .ts-img {
	width: 100%;
	height: 298px;
	position: relative;
}

.i-ts .i-ts-ul ul li img {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.i-ts .i-ts-ul ul li span {
	display: block;
	width: 145px;
	line-height: 38px;
	font-size: 15px;
	border-radius: 25px;
	background: #298fff;
	margin: 15px auto;
	text-align: center;
	color: #fff;
}

.i-ts .i-ts-ul ul li h4 {
	width: 100%;
	padding: 10px 0;
	color: #000;
	font-size: 25px;
}

.i-ts .i-ts-memo {
	width: 89%;
	margin: 60px auto 5px auto;
	color: #6d6d6d;
	font-size: 19px;
	text-align: center;
	line-height: 38px;
}

/*banner*/
.banner {
	width: 100%;
	overflow: hidden;
	margin-top: 90px;
}

.ab-ban {
	height: 380px;
	background: url("../ab-banner.jpg") no-repeat center;
}

.cpzl-ban {
	height: 380px;
	background: url("../cpzl-ban.jpg") no-repeat center;
}

.yyhy-ban {
	height: 380px;
	background: url("../yyhy-ban.jpg") no-repeat center;
}

.cn-ban {
	height: 380px;
	background: url("../cn-ban.jpg") no-repeat center;
}

.ser-ban {
	height: 380px;
	background: url("../ser-ban.jpg") no-repeat center;
}

.news-ban {
	height: 380px;
	background: url("../news-ban.jpg") no-repeat center;
}

.jszl-ban {
	height: 380px;
	background: url("../jszl-ban.jpg") no-repeat center;
}

.smwx-ban {
	height: 380px;
	background: url("../smwx-ban.jpg") no-repeat center;
}

.mfzd-ban {
	height: 380px;
	background: url("../mfzd-ban.jpg") no-repeat center;
}

.yjty-ban {
	height: 380px;
	background: url("../yjty-ban.jpg") no-repeat center;
}

.zpzdh-ban {
	height: 380px;
	background: url("../zpzdh-ban.jpg") no-repeat center;
}

.gyjqr-ban {
	height: 380px;
	background: url("../gyjqr-ban.jpg") no-repeat center;
}

.znzz-ban {
	height: 380px;
	background: url("../znzz-ban.jpg") no-repeat center;
}

.znnj-ban {
	height: 380px;
	background: url("../znnj-ban.jpg") no-repeat center;
}

.n-title {
	width: 100%;
	text-align: center;
}

.n-title img {
	margin: 20px auto;
}

.n-title p {
	width: 68%;
	margin: 0 auto;
	color: #7f7f7f;
	font-size: 14px;
	padding: 8px 0;
	line-height: 28px;
}

.main-class {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
	box-shadow: 0 0 5px #ccc;
}

.main-class::-webkit-scrollbar {
	display: none
}

.main-class .section {
	font-size: 0;
}

.main-class a {
	display: inline-block;
	padding: 28px 50px;
	font-size: 17px;
	color: #000;
}

.main-class a:hover {
	color: #fff;
	background: #298fff;
}

.main-class .on {
	color: #fff;
	background: #298fff;
}

.product-class {
	width: 100%;
	overflow: hidden;
}

.product-class a {
	display: block;
	float: left;
	padding: 7px 10px;
	margin: 5px 15px 5px 0;
	background: #ccc;
	font-size: 15px;
	color: #444;
}

.product-class a.on,
.product-class a:hover {
	color: #fff;
	background: #298fff;
}

/*znnj*/
.main-znnj {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.main-znnj .znnj-title {
	font-size: 24px;
	overflow: hidden;
	color: #333333;
	line-height: 40px;
}

.main-znnj .main-znnj-fl {
	width: 65%;
	float: left;
}

.main-znnj dl {
	overflow: hidden;
	border: 1px solid #e5e5e5;
	margin: 30px 0;
	padding: 20px 20px;
}

.main-znnj dl a {
	display: block;
	background: #fff;
	overflow: hidden;
}

.main-znnj dl dt {
	width: 43%;
	float: left;
	overflow: hidden;
}

.main-znnj dl dt img {
	max-width: 90%;
	margin: auto;
	display: block;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.main-znnj dl dd {
	width: 55%;
	float: right;
}

.main-znnj dl dd h2 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}

.main-znnj dl dd p {
	color: #666;
	font-size: 14px;
	line-height: 25px;
	margin: 15px 0;
}

.main-znnj dl dd span {
	display: block;
	padding: 10px 15px;
	border-radius: 5px;
	background: #666666;
	color: #fff;
	font-size: 14px;
	float: left;
}

.main-znnj dl a:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.main-znnj dl a:hover span {
	background: #298fff;
}

.main-znnj .main-znnj-fr {
	width: 30%;
	float: right;
}

.main-znnj .main-znnj-fr h4 {
	font-size: 24px;
	background: #298fff;
	color: #fff;
	line-height: 40px;
	padding: 18px 30px;
}

.main-znnj .main-znnj-fr ul {
	width: 100%;
	overflow: hidden;
}

.main-znnj .main-znnj-fr ul li {
	width: 48%;
	margin: 10px 1%;
	float: left;
	text-align: center;
}

.main-znnj .main-znnj-fr ul li img {
	display: block;
	max-width: 20%;
	margin: 10px auto;
	border: 1px solid #0072bc;
	border-radius: 50%;
	padding: 10px 10px;
}

.main-znnj .main-znnj-fr ul li p {
	font-size: 14px;
	color: #666;
	margin: 1px 0;
}

.main-znnj-detail {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.main-znnj-detail dl {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
}

.main-znnj-detail dl dt {
	width: 39%;
	border: 1px solid #eee;
	padding: 30px 2%;
	float: left;
	overflow: hidden;
}

.main-znnj-detail dl dt img {
	max-width: 90%;
	margin: auto;
	display: block;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.main-znnj-detail dl dd {
	width: 55%;
	float: right;
}

.main-znnj-detail dl dd h2 {
	color: #298fff;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
}

.main-znnj-detail dl dd p {
	color: #666;
	font-size: 16px;
	line-height: 28px;
	margin: 15px 0;
}

.main-znnj-detail dl dd span {
	display: block;
	padding: 10px 15px;
	border-radius: 5px;
	background: #666666;
	color: #fff;
	font-size: 14px;
	float: left;
}

.set-content {
	width: 100%;
	margin-top: 40px;
	font-size: 16px;
	line-height: 35px;
}

.set-content img {
	max-width: 100%;
}

.set-title {
	width: 100%;
	height: 42px;
	display: flex;
	z-index: 9999;
}

.set-title ul {
	width: 100%;
}

.set-title ul li {
	float: left;
	display: block;
	text-align: center;
	height: 100%;
	line-height: 42px;
	color: #fff;
	position: static;
	background: #298fff;
	box-sizing: border-box;
	border-right: solid 1px #fff;
	cursor: pointer;
	font-size: 16px;
	width: 16%;
}

.set-title ul .on {
	background: #f0f0f0;
	color: #444;
}

.set-middle {
	box-sizing: border-box;
	overflow: hidden;
	padding: 15px 17px 0 19px;
}

.set-middle-item {
	font-size: 16px;
	padding: 30px 20px;
	line-height: 30px;
	color: #666666;
}

.set-middle-item img {
	max-width: 100%;
}

.set-middle-item h3 {
	font-size: 16px;
	padding: 10px 0;
}

.set-middle-item p {
	text-indent: 2em;
}

.set-middle-item ul {
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
}

.set-middle-item ul li {
	background: url("../hd.jpg") no-repeat 0 13px;
	padding-left: 15px;
}

/*about*/
.main-about {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
}

.main-about .ab-txt {
	width: 100%;
	font-size: 15px;
	margin: 50px auto;
	line-height: 32px;
	color: #7f7f7f;
}

.main-about .ab-txt p {
	padding-bottom: 10px;
}

.main-about .ab-img {
	width: 100%;
}

.main-about img {
	max-width: 100%;
}

.main-about .about-num {
	width: 100%;
	padding: 100px 0 40px 0;
	background: url("../about-num.jpg") no-repeat center;
}

.product-num-box {
	width: 100%;
	margin: auto;
}

.product-num-content {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.product-num-item {
	text-align: center;
	position: relative;
	display: inline-block;
	width: 22%;
	margin: 10px 1%;
	font-size: 16px;
	color: #000;
	line-height: 62px;
}

.product-num-item:last-child .product-num-nub {
	border: 0;
}

.product-num-jus {
	display: inline-block;
	margin: 80px 0;
	width: 162px;
	height: 56px;
	font-size: 22px;
	color: #fff;
	line-height: 48px;
	letter-spacing: 2px;
	border: 4px solid #fff;
	cursor: pointer;
	font-weight: 500;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	text-decoration: none;
}

.product-num-nub {
	display: inline-block;
	width: 100%;
	font-size: 48px;
	color: #298fff;
	border-right: 1px solid #a3a3a3;
	line-height: 62px;
	font-family: Arial;
	font-weight: bold;
}

.product-num-add {
	font-size: 16px;
	color: #666666;
	position: absolute;
}

.year {
	top: 10px;
	right: 30px;
}

.xiang {
	top: 10px;
	right: 50px;
}

.tai {
	top: 10px;
	right: 40px;
}

.tao {
	top: 10px;
	right: 40px;
}

.product-num-inf {
	display: block;
	width: 100%;
	margin-top: 24px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

.product-num-jus:hover {
	background-color: #fff;
	color: #3e88f1;
}

.product-num-wan {
	position: absolute;
	right: 55px;
	font-size: 16px;
	top: -20px;
	color: #298fff;
}

.main-lc {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
}

.product-email {
	width: 200px;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.product-email a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 45px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	background: #298fff;
	border-radius: 8px;
}

.product-email:hover {
	margin-left: 15px;
}

.product-email a:hover {
	background: #0146ae;
}

.product-email a i {
	max-width: 20px;
	margin-right: 10px;
}

.product-email a i img {
	max-width: 100%;
}

/*发展历程*/
.main-lc {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
	background: url("../main-lc.jpg") no-repeat center;
}

.biz-timeline-box {
	width: 100%;
	margin: 0 auto 45px auto;
}

/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-eventbox {
	-webkit-border-radius: 0 40px 40px 0;
	-moz-border-radius: 0 40px 40px 0;
	border-radius: 0 40px 40px 0;
	float: right;
}

/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-eventbox {
	-webkit-border-radius: 40px 0 0 40px;
	-moz-border-radius: 40px 0 0 40px;
	border-radius: 40px 0 0 40px;
	float: left;
}

/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-event {
	-webkit-border-radius: 0 30px 30px 0;
	-moz-border-radius: 0 30px 30px 0;
	border-radius: 0 30px 30px 0;
}

/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-event {
	-webkit-border-radius: 30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
	text-align: right;
}

.biz-timeline-box:nth-child(odd) .biz_timeline-time {
	float: left;
	width: 47%;
	text-align: right;
}

.biz-timeline-box:nth-child(even) .biz_timeline-time {
	float: right;
	width: 47%;
	text-align: left;
}

.biz-timeline-box:nth-child(even) .biz_timeline-node {
	float: right;
}

.biz-timeline-box:nth-child(odd) .biz_timeline-node {
	float: left;
}

.biz_timeline-time {
	font-size: 24px;
	color: #298fff;
	font-weight: 600;
	line-height: 73px;
}

.biz_timeline-eventbox {
	width: 47%;
}

.biz_timeline-event {
	color: #666;
	font-size: 16px;
	padding: 20px 0;
	line-height: 25px;
}

.biz_timeline-node {
	width: 2%;
	height: 26px;
	background: url("../node.png") no-repeat center center;
	background-size: 100%;
	margin: 20px 2%;
}

.biz_longString {
	position: absolute;
	left: 50%;
	width: 94px;
	height: 1783px;
	background: url("../ls.jpg");
	top: -57px;
	z-index: 10;
	margin-left: -47px;
}

.biz_timtline-box {
	position: relative;
	margin-top: 100px;
}

.biz_timeline {
	z-index: 20;
	position: relative;
}

.biz_title {
	text-align: center;
	margin: 0 auto 35px;
}

.biz_title h2 {
	font-size: 28px;
	color: #d81919;
}

.biz_title p {
	color: #eca7a7;
	margin-top: 15px;
}

/*荣誉*/
.main-ry {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.aui-nav-content-box {
	width: 100%;
	position: relative;
}

.aui-nav-list-box ul {
	width: 100%;
}

.aui-nav-list-box ul li {
	width: 23%;
	background: url("../main-ry-ul-li.png") no-repeat center;
	height: 304px;
	margin: 10px 1%;
	float: left;
	text-align: center;
}

.aui-nav-list-box ul li i {
	display: block;
	width: 102px;
	height: 102px;
	margin: 40px auto 20px auto;
	border: 1px solid #dfdfdf;
	border-radius: 100%;
}

.aui-nav-list-box ul li h4 {
	font-size: 18px;
	color: #333333;
	line-height: 40px;
	text-align: center;
}

.aui-nav-list-box ul li p {
	font-size: 12px;
	color: #999;
	margin: 1px 0;
}

.aui-nav-list-box ul li i.zs {
	background: url("../zs.png") no-repeat center;
}

.aui-nav-list-box ul li i.zl {
	background: url("../zl.png") no-repeat center;
}

.aui-nav-list-box ul li i.xm {
	background: url("../xm.png") no-repeat center;
}

.aui-nav-list-box ul li i.rz {
	background: url("../rz.png") no-repeat center;
}

.aui-nav-list-box ul li a:hover i.zs {
	background: #298fff url("../zs-h.png") no-repeat center;
}

.aui-nav-list-box ul li a:hover i.zl {
	background: #298fff url("../zl-h.png") no-repeat center;
}

.aui-nav-list-box ul li a:hover i.xm {
	background: #298fff url("../xm-h.png") no-repeat center;
}

.aui-nav-list-box ul li a:hover i.rz {
	background: #298fff url("../rz-h.png") no-repeat center;
}

.aui-nav-list-box ul li a:hover h4 {
	color: #298fff;
}

.aui-nav-list-box ul li a:hover p {
	color: #298fff;
}

.aui-nav-list-box ul .aui-current i.zs {
	background: #298fff url("../zs-h.png") no-repeat center;
}

.aui-nav-list-box ul .aui-current i.zl {
	background: #298fff url("../zl-h.png") no-repeat center;
}

.aui-nav-list-box ul .aui-current i.xm {
	background: #298fff url("../xm-h.png") no-repeat center;
}

.aui-nav-list-box ul .aui-current i.rz {
	background: #298fff url("../rz-h.png") no-repeat center;
}

.aui-nav-list-box ul .aui-current h4 {
	color: #298fff;
}

.aui-nav-list-box ul .aui-current p {
	color: #298fff;
}

.aui-nav-list-item {
	display: none;
}

.aui-nav-list-item .ry-box-fl {
	width: 30%;
	float: left;
	margin-top: 50px;
	border-right: 1px solid #e5e5e5;
}

.aui-nav-list-item .ry-box-fl img {
	max-width: 100%;
	margin: auto;
}

.aui-nav-list-item .ry-box-fr {
	width: 68%;
	float: right;
	margin-top: 50px;
}

.aui-nav-list-item .ry-box-fr ul {
	width: 100%;
	font-size: 0;
}

.aui-nav-list-item .ry-box-fr ul li {
	width: 23%;
	margin: 10px 1%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.aui-nav-list-item .ry-box-fr ul li img {
	max-width: 100%;
	border: 1px solid #eee;
}

.aui-nav-list-item .ry-box-fr ul li h4 {
	font-size: 18px;
	background: #eee;
	line-height: 28px;
	padding: 5px 0;
}

/*联系我们*/
.main-contact {
	width: 100%;
	overflow: hidden;
	margin: 50px 0;
}

.main-contact .con-fl {
	width: 46%;
	float: left;
	padding: 10px 3%;
}

.main-contact .con-fl img {
	max-width: 100%;
}

.main-contact .con-fr {
	width: 44%;
	float: right;
	padding: 10px 2%;
}

.main-contact ul {
	width: 100%;
	overflow: hidden;
}

.main-contact .contact-ul li {
	width: 100%;
}

.main-contact ul li {
	margin: 10px 0;
	float: left;
}

.main-contact ul li h3 {
	font-size: 25px;
	color: #333333;
	line-height: 40px;
}

.main-contact ul li p {
	font-size: 16px;
	color: #303030;
	line-height: 30px;
	margin: 10px 0;
	padding-left: 30px;
	position: relative;
}

.main-contact ul li p img {
	position: absolute;
	left: 0;
	top: 0;
}

.main-contact ul li p:first-child span {
	color: #298fff;
}

.main-contact-map {
	width: 100%;
	background: #f8f8f8;
	overflow: hidden;
	margin: 50px 0;
}

.main-contact-map .con-content {
	width: 100%;
	overflow: hidden;
	margin-top: 50px;
	background: #f8f8f8;
}

.main-contact-map .con-content h2 {
	font-size: 36px;
	color: #333;
	padding: 30px 0;
	text-align: center;
}

.main-contact-map .con-fl {
	width: 46%;
	float: left;
	padding: 10px 3%;
}

.main-contact-map .con-fr {
	width: 44%;
	float: right;
	padding: 10px 2%;
}

/*加入我们*/
.main-join {
	width: 100%;
	margin: 50px 0;
	position: relative;
}

.main-join .section {
	position: relative;
}

.main-join-img {
	width: 100%;
}

.main-join-img img {
	max-width: 100%;
}

.main-join-ul {
	width: 100%;
}

.main-join-ul {
	width: 100%;
	position: absolute;
	top: 405px;
}

.main-join-ul ul {
	max-width: 1200px;
	margin: auto;
}

.main-join-ul ul li {
	width: 31.333%;
	float: left;
	margin: 10px 1%;
}

.main-join-ul ul li a {
	display: block;
}

.main-join-ul ul li img {
	margin: 10px auto;
}

.main-join-ul ul li i {
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 100%;
}

.main-join-ul ul li h4 {
	font-size: 18px;
	color: #333;
	line-height: 60px;
	text-align: center;
}

.main-join-ul ul li i.wh {
	background: #efefef url("../icon08.png") no-repeat center;
}

.main-join-ul ul li i.ss {
	background: #efefef url("../icon09.png") no-repeat center;
}

.main-join-ul ul li i.zl {
	background: #efefef url("../icon10.png") no-repeat center;
}

.main-join-ul ul li a:hover .wh {
	background: #298fff url("../icon08-h.png") no-repeat center;
}

.main-join-ul ul li a:hover .ss {
	background: #298fff url("../icon09-h.png") no-repeat center;
}

.main-join-ul ul li a:hover .zl {
	background: #298fff url("../icon10-h.png") no-repeat center;
}

.main-join-ul ul li a:hover h4 {
	color: #298fff;
}

.main-join-wh {
	width: 100%;
	padding: 50px 0;
	margin-top: 100px;
	background: #f8f8f8;
}

.main-join-wh .section {
	background: #fff;
	overflow: hidden;
	margin-top: 50px;
}

.main-join-wh dl {
	width: 92%;
	overflow: hidden;
	margin: 50px 4%;
}

.main-join-wh dl dt {
	width: 48%;
}

.main-join-wh dl dt img {
	max-width: 100%;
}

.main-join-wh dl dd {
	width: 48%;
}

.main-join-wh dl dd h4 {
	font-size: 18px;
	color: #298fff;
	line-height: 60px;
}

.main-join-wh dl dd p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

.main-join-wh-memo {
	width: 92%;
	overflow: hidden;
	margin: 50px 4%;
}

.main-join-wh-memo h5 {
	font-size: 16px;
	color: #298fff;
	line-height: 60px;
}

.main-join-wh-memo p {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

/*应用行业*/
.main-yyhy {
	overflow: hidden;
	padding: 50px 0;
	background: #f8f8f8;
}

.main-yyhy .yyhy-title {
	font-size: 36px;
	color: #333333;
	line-height: 40px;
	padding-left: 30px;
	border-left: 5px solid #298fff;
}

.main-yyhy dl {
	width: 48%;
	float: left;
	margin: 50px 2% 50px 0;
}

.main-yyhy dl a {
	display: block;
	background: #fff;
	overflow: hidden;
}

.main-yyhy dl dt {
	width: 46%;
	float: left;
	overflow: hidden;
}

.main-yyhy dl dt img {
	max-width: 100%;
	margin: auto;
	display: block;
	box-shadow: 0 0 10px #ccc;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.main-yyhy dl dd {
	width: 46%;
	float: right;
}

.main-yyhy dl dd h2 {
	color: #298fff;
	font-size: 30px;
	margin-top: 20px;
}

.main-yyhy dl dd em {
	display: block;
	width: 20px;
	height: 2px;
	background: #298fff;
	margin: 15px 0 22px 0;
}

.main-yyhy dl dd p {
	color: #666;
	font-size: 14px;
}

.main-yyhy dl a:hover p {
	color: #298fff;
}

.main-yyhy dl a:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.yyhy-detail-content {
	width: 100%;
	background: #fff;
	padding: 50px 0;
	overflow: hidden;
}

.yyhy-detail-loca {
	width: 80%;
	margin: auto;
	background: #ececec;
	line-height: 62px;
	overflow: hidden;
}

.yyhy-detail-loca span {
	display: block;
	font-size: 16px;
	padding: 0 20px;
	float: left;
}

.yyhy-detail-loca a {
	display: block;
	font-size: 24px;
	background: #298fff;
	padding: 0 20px;
	color: #fff;
	float: right;
}

.yyhy-detail-content dl {
	width: 80%;
	margin: 40px auto;
	overflow: hidden;
}

.yyhy-detail-content dl dt {
	width: 46%;
	float: left;
	overflow: hidden;
}

.yyhy-detail-content dl dt img {
	max-width: 100%;
	margin: auto;
	display: block;
	box-shadow: 0 0 10px #ccc;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.yyhy-detail-content dl dd {
	width: 46%;
	float: right;
	font-size: 18px;
}

.yyhy-detail-content dl dd span {
	color: #333333;
	font-weight: bold;
	margin-top: 20px;
}

.yyhy-detail-content dl dd p {
	color: #333;
	line-height: 28px;
	padding: 10px 0;
	border-bottom: 1px solid #ececec;
}

.yyhy-detail-content .yy-intro {
	width: 100%;
	line-height: 28px;
	padding: 30px 0;
	font-size: 14px;
	color: #333;
	text-align: center;
}

.yyhy-detail-content .yy-intro h4 {
	color: #298fff;
	font-size: 30px;
	margin-top: 40px;
}

.yyhy-detail-content .yy-intro em {
	display: block;
	font-weight: bold;
	width: 120px;
	height: 20px;
	color: #111;
	margin: 5px auto;
	background: url("../yy-intro-span.jpg") no-repeat;
	font-size: 16px;
}

.yyhy-detail-content .yy-intro img {
	max-width: 100%;
	margin: 10px auto;
}

.yyhy-detail-content .yy-intro p {
	padding: 15px 0;
	font-size: 16px;
}

/*服务资源*/
.service-top {
	width: 50%;
	margin: auto;
	padding: 50px 0;
}

.service-top h3 {
	font-size: 32px;
	color: #333333;
	line-height: 80px;
	text-align: center;
}

.service-top p {
	font-size: 18px;
	color: #333;
	margin: 20px 0;
	line-height: 35px;
}

.service-dl {
	width: 100%;
	margin: auto;
	padding: 50px 0;
}

.service-dl .section {
	border: 1px solid #e5e5e5;
}

.service-dl dl {
	width: 100%;
	overflow: hidden;
}

.service-dl dl dt {
	width: 50%;
	overflow: hidden;
	position: relative;
}

.service-dl dl dt span {
	display: block;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #298fff;
	top: 0;
	color: #fff;
	font-size: 36px;
	position: absolute;
	z-index: 9;
}

.service-dl dl dt img {
	width: 100%;
	margin: auto;
	display: block;
	box-shadow: 0 0 10px #ccc;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.service-dl dl dd {
	width: 36%;
	padding: 0 7%;
}

.service-dl dl dd h4 {
	color: #298fff;
	font-size: 30px;
	margin-top: 40px;
}

.service-dl dl dd em {
	display: block;
	width: 160px;
	height: 1px;
	background: #298fff;
	margin: 15px 0 40px 0;
}

.service-dl dl dd p {
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
}

.service-dl dl a:hover p {
	color: #298fff;
}

.service-dl dl a:hover img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.sy1 dt {
	float: left;
}

.sy1 dt span {
	right: 0;
}

.sy1 dd {
	float: right;
}

.sy2 dt {
	float: right;
}

.sy2 dd {
	float: left;
	text-align: right;
}

.sy2 dd em {
	float: right;
}

.service-bottom {
	width: 100%;
	margin: auto;
	padding: 50px 0 150px 0;
}

.service-bottom ul {
	width: 100%;
}

.service-bottom ul li {
	width: 31.333%;
	margin: 10px 1%;
	float: left;
}

.service-bottom ul li img {
	max-width: 100%;
	margin: auto;
	display: block;
}

.service-bottom ul li h2 {
	font-size: 20px;
	color: #333333;
	line-height: 38px;
	padding: 20px 0;
}

.service-bottom ul li p {
	font-size: 15px;
	color: #666666;
	line-height: 28px;
}

/*新闻中心*/
.main-news {
	width: 100%;
	overflow: hidden;
	margin: 60px 0;
}

.main-news .news-query a {
	display: block;
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.main-news .news-query .news-box {
	width: 85%;
	float: left;
}

.main-news .news-query .news-box dl {
	width: 100%;
}

.main-news .news-query .news-box dl dt {
	width: 30%;
	float: left;
	overflow: hidden;
}

.main-news .news-query .news-box dl dt img {
	width: 100%;
	margin: auto;
	display: block;
	box-shadow: 0 0 10px #ccc;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

.main-news .news-query .news-box dl dd {
	width: 65%;
	float: right;
}

.main-news .news-query .news-box dl dd em {
	display: none;
	font-size: 14px;
	color: #ccc;
	padding: 5px 0;
	font-style: normal;
}

.main-news .news-query .news-box dl dd h2 {
	font-size: 20px;
	color: #333333;
}

.main-news .news-query .news-box dl dd p {
	color: #919191;
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
}

.main-news .news-query .news-box dl dd span {
	display: block;
	height: 25px;
	line-height: 25px;
	width: 73px;
	text-align: center;
	font-size: 12px;
	color: #666666;
	border: 1px solid #666666;
	margin-top: 30px;
}

.main-news .news-query .time {
	width: 10%;
	float: right;
	text-align: right;
}

.main-news .news-query .time span {
	display: block;
	width: 100%;
	overflow: hidden;
	float: left;
	font-size: 36px;
	color: #666;
}

.main-news .news-query .time i {
	width: 100%;
	font-size: 18px;
	overflow: hidden;
	display: block;
	padding: 20px 0;
	color: #666;
	font-style: normal;
}

.main-news .news-query a:hover {
	background: #f4f4f4;
}

.main-news .news-query a:hover .news-box dl dt img {
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}

.main-news .news-query a:hover .news-box dl dd h2 {
	color: #298fff;
}

.main-news .news-query a:hover .time span {
	color: #298fff;
}

.news-detail {
	width: 100%;
	background: #fff;
	margin: 50px 0;
	overflow: hidden;
}

.news-detail .news-detail-fl {
	width: 73%;
}

.news-detail .news-detail-fl h2 {
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #000;
	line-height: 54px;
	padding: 19px 0;
}

.news-detail .news-time {
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #e6e6e6;
	color: #666666;
	text-align: center;
}

.news-detail .news-detail-fl .news-intro {
	width: 100%;
	padding-top: 20px;
	line-height: 28px;
	font-size: 14px;
	color: #333;
}

.news-detail .news-detail-fl .news-intro h3 {
	font-weight: bold;
	color: #111;
	padding: 5px 5px;
	background: #fff;
	font-size: 16px;
}

.news-detail .news-detail-fl .news-intro p {
	padding: 5px 0;
}

.news-detail .news-detail-fl .news-intro img {
	max-width: 100%;
	margin: auto;
}

.news-detail .news-detail-fr {
	width: 23%;
	padding-top: 35px;
}

.news-detail .news-detail-fr h4 {
	font-size: 22px;
	color: #333;
	line-height: 22px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

.news-detail .news-detail-fr ul {
	width: 90%;
	margin: 10px auto;
}

.news-detail .news-detail-fr ul li {
	width: 100%;
}

.news-detail .news-detail-fr ul li a {
	display: block;
	color: #666;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	background: url(../case23.png) no-repeat left 10px;
	padding-left: 15px;
}

.news-detail .news-detail-fr ul li a:hover {
	color: #298fff;
}

.news-more {
	display: block;
	width: 80%;
	padding: 0 10%;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #fff;
	background: #298fff url(../news04.png) no-repeat 150px 20px;
}

.news-more:hover {
	width: 85%;
	padding: 0 5% 0 10%;
	background: #298fff url(../news04.png) no-repeat 180px 20px;
}

/*技术资料下载*/
.main-jszl {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.main-jszl .list {
	width: 100%;
	margin-top: 50px;
}

.main-jszl .list ul {
	width: 100%;
}

.main-jszl .list ul li {
	width: 31.33%;
	float: left;
}

.main-jszl .list ul li img {
	display: block;
	margin: 15px auto;
}

.main-jszl .list ul li h4 {
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	padding: 10px 0;
	color: #333;
}

.main-jszl .list ul li a {
	display: block;
	background: url("../dian.jpg") no-repeat 0 15px;
	padding-left: 20px;
	color: #298fff;
	font-size: 18px;
	line-height: 35px;
}

/*进入自动化时代*/
.main-product-down {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.main-product-down .list {
	width: 100%;
	margin-top: 50px;
}

.main-product-down .list ul {
	width: 100%;
}

.main-product-down .list ul li {
	width: 23%;
	margin: 10px 1%;
	float: left;
}

.main-product-down .list .cp-down-img {
	width: 100%;
	position: relative;
}

.main-product-down .list ul li img {
	display: block;
	width: 100%;
}

.main-product-down .list ul li h4 {
	font-size: 20px;
	width: 100%;
	text-align: center;
	line-height: 30px;
	padding: 10px 0;
	color: #fff;
	position: absolute;
	bottom: 10px;
	z-index: 99;
}

.main-product-down .list ul li a {
	display: block;
}

.main-product-down .list ul li span {
	display: block;
	width: 145px;
	line-height: 38px;
	margin: 20px auto;
	border-radius: 25px;
	background: #298fff;
	text-align: center;
	color: #fff;
}

.mfzd-box {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.mfzd-box-fl {
	width: 45%;
	float: left;
	font-size: 15px;
}

.mfzd-box-fl h1 {
	font-size: 26px;
	padding: 20px 0;
	color: #333333;
}

.mfzd-box-fl p {
	color: #666666;
	line-height: 30px;
	padding: 20px 0;
}

.mfzd-box-fl ul {
	width: 100%;
}

.mfzd-box-fl ul li {
	background: url("../dian.jpg")no-repeat 0 8px;
	padding-left: 15px;
	margin: 20px 0;
	color: #666;
}

.mfzd-box-fr {
	width: 45%;
	float: right;
}

.yjty-box {
	overflow: hidden;
	margin: 50px 0;
	background: #fff;
}

.qt-pagination {
	width: 94%;
	margin: auto;
	overflow: hidden;
	padding: 30px 0;
	text-align: center;
}

.qt-pagination a {
	background-color: #fff;
	border: 1px solid #e3e3e3;
	padding: 0 10px;
	margin-right: 3px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
}

.qt-pagination .pages {
	background: #298fff;
	color: #fff;
}

.foot-box {
	width: 100%;
	background: #2d2d2d url("../foot-box.jpg") no-repeat center top;
	padding: 80px 0 40px 0;
	overflow: hidden;
}

.foot-box .foot-contact {
	float: left;
}

.foot-box .foot-contact h3 {
	font-size: 32px;
	color: #298fff;
	text-align: center;
}

.foot-box .foot-contact .foot-contact-icon {
	width: 80%;
	margin: 10px auto;
}

.foot-box .foot-contact .foot-contact-icon li {
	width: 30%;
	float: left;
	color: #fff;
	font-size: 13px;
	line-height: 25px;
	margin: 5px 1%;
}

.foot-box .foot-contact .foot-contact-icon li img {
	margin: 10px auto;
}

.foot-box .foot-contact h4 {
	font-size: 17px;
	color: #fff;
	margin-bottom: 20px;
}

.foot-box .foot-contact .foot-contact-ul li {
	width: 100%;
	color: #fff;
	font-size: 13px;
	line-height: 25px;
	margin: 5px 0;
	padding-left: 30px;
}

.foot-box .foot-contact .foot-contact-ul li.adr {
	background: url("../icon05.png") no-repeat 0 5px;
}

.foot-box .foot-contact .foot-contact-ul li.tel {
	background: url("../icon06.png") no-repeat 0 5px;
}

.foot-box .foot-contact .foot-contact-ul li.mail {
	background: url("../icon07.png") no-repeat 0 5px;
}

.foot-box .foot-wx {
	padding-left: 50px;
	float: left;
}

.foot-box .foot-wx img {
	width: 120px;
	margin-top: 60px;
}

.foot-box .foot-menu {
	float: right;
	border-left: 1px solid #a9a9a9;
}

.foot-box .foot-menu ul {
	margin: 0 20px;
	float: left;
}

.foot-box .foot-menu ul h3 {
	font-size: 18px;
	color: #Fff;
	margin-bottom: 15px;
}

.foot-box .foot-menu ul li {
	width: 100%;
	line-height: 25px;
	font-size: 13px;
}

.foot-box .foot-menu ul li a {
	color: #fff;
}

.foot-box .foot-menu ul li a:hover {
	color: #298fff;
}

.footer {
	width: 100%;
	color: #595959;
	background: #181818;
	line-height: 25px;
	padding: 10px 0;
	overflow: hidden;
	text-align: center;
}

.footer a {
	color: #595959;
}

.footer a:hover {
	color: #298fff;
}

.cd-top {
	display: inline-block;
	height: 44px;
	width: 40px;
	position: fixed;
	bottom: 20px;
	right: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../top.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	opacity: 1;
}

.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

@media (max-width:1450px) {
	.header .menu ul li {
		float: left;
		margin: 0 10px;
	}
}

@media (max-width:1260px) {
	.product-class {
		width: 100%;
		overflow-x: scroll;
		white-space: nowrap;
	}

	.product-class::-webkit-scrollbar {
		display: none
	}

	.product-class a {
		display: inline-block;
		float: none;
		padding: 7px 20px;
		margin-right: 10px;
		background: #f1f1f1;
		font-size: 15px;
		color: #444;
	}

	.product-class a:hover {
		color: #fff;
		background: #298fff;
	}

	.header {
		z-index: 9999;
		height: auto;
		background: #fff;
		top: 0;
		position: fixed;
		box-shadow: 0 0 10px #999;
	}

	.header .section {
		width: 100%;
	}

	.m_menu {
		display: block;
	}

	.header .menu {
		position: absolute;
		left: 0;
		top: 60px;
		background: #298fff;
		width: 100%;
		display: none;
		z-index: 999;
	}

	.header .menu ul li {
		width: 100%;
		border-bottom: 1px solid #fff;
		margin: 0;
	}

	.header .menu ul li a.menua {
		padding: 0;
		line-height: 40px;
		color: #fff;
		border: 0
	}

	.header .menu li .drop ul {
		width: 100%;
		padding: 0;
	}

	.header .menu li .drop {
		position: static;    padding: 10px 0;
	}

	.header .menu li .drop .hide {
		display: none;
	}

	.header .menu li .drop dl {
		width: 100%;
	}

	.header .menu li .drop .section {
		display: block;
	}

	.header .logo {
		padding: 15px 10px;
		margin: auto;
	}

	.header .logo img {
		height: 29px;
	}

	.header .h-fr {
		margin-right: 60px;
	}

	.header .h-tel {
		line-height: 60px;
	}

	.header .h-lang {
		margin-top: 20px;
	}

	.h-wx {
		margin: 18px 0 0 10px;
	}

	.header .menu ul li a.menua:hover {
		border-bottom: 0;
	}

	.header .menu ul li a.menua.on {
		border-bottom: 0;
	}

	.header .menu li a.on,
	.header .menu li a:hover {
		color: #fff
	}

	.product-num-item {
		width: 48%;
	}

	.product-num-nub {
		border: 0;
	}

	.i-title h2 {
		font-size: 26px;
	}

	.i-title p {
		width: 80%;
		padding: 5px 0;
		line-height: 25px;
	}

	.banner {
		height: auto;
		padding-top: 19.79%;
		background-size: 100%;
		margin-top: 61px;
	}

	.ab-ban,
	.cpzl-ban,
	.yyhy-ban,
	.cn-ban,
	.ser-ban,
	.zs-ban,
	.news-ban,
	.jszl-ban,
	.smwx-ban,
	.mfzd-ban,
	.yjty-ban,
	.zpzdh-ban,
	.gyjqr-ban,
	.znzz-ban,
	.znnj-ban {
		background-size: cover;
	}

	.main-class a {
		font-size: 16px;
		padding: 15px 25px;
	}

	.main-class .section {
		width: 99%;
	}

	.main-znnj .main-znnj-fl {
		width: 100%;
	}

	.main-znnj .main-znnj-fr {
		width: 100%;
		margin-top: 50px;
	}

	.foot-box {
		padding: 30px 0;
	}

	.i-about {
		padding: 30px 0;
	}

	.i-business,
	.i-application,
	.i-ts {
		padding: 10px 0 30px 0;
	}

	.service-bottom {
		padding: 30px 0;
	}

	.i-partners,
	.i-gc {
		padding: 30px 0;
	}

	.business-ul,
	.application-ul,
	.i-partners .partners-box {
		margin-top: 20px;
	}

	.main-join-ul {
		margin-top: 30px;
		position: static;
		top: 0px;
	}

	.main-about,
	.main-lc {
		margin: 25px 0;
	}
}

@media (max-width:1120px) {
	.about-box {
		margin-top: 20px;
	}

	.about-box .about-fl a {
		margin: 10px auto;
	}

	.about-box .about-fl {
		width: 100%;
	}

	.about-box .about-fl p {
		font-size: 15px;
		line-height: 26px;
		margin-top: 0;
	}

	.about-box .about-fr {
		width: 100%;
		margin-top: 20px;
	}

	.i-ts .i-ts-memo {
		margin: 15px auto 5px auto;
		font-size: 15px;
		line-height: 26px;
	}
}

@media (max-width:1024px) {}

@media (max-width:999px) {
	.business-ul ul li {
		width: 48%;
		margin: 10px 1%;
	}

	.service-top {
		width: 100%;
	}

	.application-ul ul li {
		width: 48%;
	}

	.foot-box .foot-menu {
		display: none;
	}

	.i-ts .i-ts-ul .ts-img {
		height: 224px;
	}

	.main-contact .sh {
		width: 100%;
	}

	.main-product-down .list ul li {
		width: 48%;
		margin: 10px 1%;
	}

	.service-dl dl dt {
		width: 100%;
	}

	.service-dl dl dd {
		width: 86%;
	}
}

@media (max-width:900px) {
	.ab-ban {
		background: url("../w-ab-banner.jpg") no-repeat center;
	}

	.cpzl-ban {
		background: url("../w-cpzl-ban.jpg") no-repeat center;
	}

	.yyhy-ban {
		background: url("../w-yyhy-ban.jpg") no-repeat center;
	}

	.ser-ban {
		background: url("../w-ser-ban.jpg") no-repeat center;
	}

	.news-ban {
		height: 380px;
		background: url("../w-news-ban.jpg") no-repeat center;
	}

	.jszl-ban {
		background: url("../w-jszl-ban.jpg") no-repeat center;
	}

	.smwx-ban {
		background: url("../w-smwx-ban.jpg") no-repeat center;
	}

	.mfzd-ban {
		background: url("../w-mfzd-ban.jpg") no-repeat center;
	}

	.yjty-ban {
		background: url("../w-yjty-ban.jpg") no-repeat center;
	}

	.zpzdh-ban {
		background: url("../w-zpzdh-ban.jpg") no-repeat center;
	}

	.gyjqr-ban {
		background: url("../w-gyjqr-ban.jpg") no-repeat center;
	}

	.znzz-ban {
		background: url("../w-znzz-ban.jpg") no-repeat center;
	}

	.znnj-ban {
		background: url("../w-znnj-ban.jpg") no-repeat center;
	}

	.banner {
		height: auto;
		padding-top: 42.222%;
		background-size: 100%;
		margin-top: 61px;
	}

	.ab-ban,
	.cpzl-ban,
	.yyhy-ban,
	.cn-ban,
	.ser-ban,
	.zs-ban,
	.news-ban,
	.jszl-ban,
	.smwx-ban,
	.mfzd-ban,
	.yjty-ban,
	.zpzdh-ban,
	.gyjqr-ban,
	.znzz-ban,
	.znnj-ban {
		background-size: cover;
	}
}

/*banner媒体查询*/
@media (max-width:768px) {
	.main-znnj dl dt {
		width: 100%;
	}

	.main-znnj dl dd {
		width: 92%;
		padding: 10px 4%;
	}

	.main-znnj-detail dl dt {
		width: 100%;
	}

	.main-znnj-detail dl dd {
		width: 100%;
	}

	.main-znnj dl {
		padding: 0;
	}

	.main-znnj dl dt img {
		width: 100%;
		max-width: none;
	}

	.yyhy-detail-loca {
		width: 100%;
	}

	.yyhy-detail-content dl {
		width: 100%;
	}

	.yyhy-detail-content dl dt {
		width: 100%;
	}

	.yyhy-detail-content dl dd {
		width: 100%
	}

	.yyhy-detail-content dl dt img {
		width: 100%;
		max-width: none;
	}

	.main-contact .con-fl {
		width: 100%;
		float: left;
		padding: 10px 0;
	}

	.main-contact .con-fr {
		width: 100%;
		float: left;
		padding: 10px 0;
	}

	.main-news .news-query .news-box dl dd em {
		display: block;
	}

	.main-news .news-query .news-box {
		width: 100%;
	}

	.main-news .news-query .time {
		display: none;
	}

	.service-bottom ul li {
		width: 98%;
	}

	.main-join-wh dl dd {
		width: 100%;
	}

	.main-join-wh dl dt {
		width: 100%;
	}

	.aui-nav-list-item .ry-box-fr ul li {
		width: 48%;
	}

	.i-ts .i-ts-ul ul li h4 {
		font-size: 18px;
	}

	.i-title h2 {
		font-size: 22px;
	}
}

@media (max-width:658px) {
	.main-class a {
		font-size: 14px;
		padding: 10px 15px;
	}

	.main-znnj dl dd span {
		padding: 4px 10px;
	}

	.main-znnj .main-znnj-fr h4 {
		font-size: 18px;
		background: #298fff;
		color: #fff;
		line-height: 30px;
		padding: 8px 30px;
	}

	.i-partners .partners-box ul li {
		width: 33.3333%;
	}

	.i-gc-list ul li {
		width: 98%;
	}

	.i-ts .i-ts-ul ul li {
		width: 98%;
	}

	.i-ts .i-ts-ul .ts-img {
		height: auto;
	}

	.i-ts .i-ts-ul ul li img {
		position: static;
	}

	.footer {
		text-align: center;
	}

	.footer .fr {
		width: 100%;
	}

	.header .h-tel,
	.header .h-lang,
	.h-wx {
		display: none;
	}

	.set-title ul li {
		padding: 0 5px;
		width: auto;
	}

	.set-middle {
		padding: 15px 0;
	}

	.set-middle-item {
		padding: 15px 0;
	}

	.set-content {
		font-size: 14px;
		line-height: 25px;
	}

	.main-yyhy dl {
		width: 100%;
		margin: 15px 0;
	}

	.main-jszl .list ul li {
		width: 100%;
		margin: 10px 0;
	}

	.main-jszl .list ul li h4 {
		font-size: 16px;
	}

	.main-jszl .list ul li a {
		width: 110px;
		margin: auto;
	}

	.main-contact .sh li {
		width: 98%;
	}

	.main-news .news-query .news-box dl dt {
		width: 100%;
	}

	.main-news .news-query .news-box dl dd {
		width: 100%;
	}

	.news-detail .news-detail-fl {
		width: 100%;
	}

	.news-detail .news-detail-fr {
		display: none;
	}

	.foot-box .foot-contact {
		width: 300px;
		margin: auto;
		float: none;
	}

	.foot-box .foot-wx {
		width: 100%;
		padding: 0;
	}

	.foot-box .foot-wx img {
		margin: 10px auto;
	}

	.main-product-down .list ul li {
		width: 98%;
		margin: 10px 1%;
	}

	.main-contact .contact-ul li {
		width: 100%;
	}

	.aui-nav-list-box ul li {
		width: 48%;
	}

	.aui-nav-list-item .ry-box-fr ul li {
		width: 98%;
	}

	.n-title img {
		max-width: 300px;
	}

	.aui-nav-list-item .ry-box-fl {
		width: 100%;
	}

	.aui-nav-list-item .ry-box-fr {
		width: 100%;
	}

	.business-ul ul li p {
		font-size: 15px;
	}

	.business-ul ul li h4 {
		font-size: 20px;
		;
	}

	.main-join-ul ul li i {
		width: 80px;
		height: 80px;
	}

	.main-contact-map .con-fl {
		width: 100%;
		float: left;
		padding: 10px 0;
	}

	.main-contact-map .con-fr {
		width: 100%;
		float: right;
		padding: 10px 0;
	}

	.main-join-ul ul li i.wh {
		background: #efefef url("../icon08.png") no-repeat center;
		background-size: 60% !important;
	}

	.main-join-ul ul li i.ss {
		background: #efefef url("../icon09.png") no-repeat center;
		background-size: 60% !important;
	}

	.main-join-ul ul li i.zl {
		background: #efefef url("../icon10.png") no-repeat center;
		background-size: 60% !important;
	}

	.main-yyhy .yyhy-title {
		font-size: 26px;
	}

	.main-yyhy dl dd h2 {
		font-size: 20px;
		margin-top: 10px;
	}

	.main-yyhy dl dt,
	.main-yyhy dl dd {
		width: 100%;
	}

	.main-yyhy dl dt img {
		width: 100%;
	}
}

@media (max-width:525px) {}

@media (max-width:428px) {}