* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.jszcbox{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 50px;
	opacity: 0.4;
}
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;
}

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;
	display: block;
	font-size: 0;
}

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

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearfix {
	*zoom: 1;
}

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

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

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

/*header*/
.header {
	width: 100%;
	position: fixed;
	background: #fff;
	z-index: 99999999;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.navfix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.navfix a {
	color: #201f1f;
}

.header .section {
	position: relative;
	;
}

.header .logo {
	padding: 12px 0;
	float: left;
}

.header .logo a {
	background: url("../logo.png");
	background-size: 100%;
	width: 240px;
	height: 65px;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.header .head-fr {
	float: right;
	width: 70%;
}

.header .menu {
	width: 82%;
	float: left;
}

.header .menu ul li {
	float: left;
	position: relative;
	width: 20%;
}

.header .menu ul li a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 17px;
	line-height: 90px;
}

.header .menu ul li a:hover {
	color: #0064a8;
}

.header .menu li .drop {
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	display: none;
	background: rgba(23, 68, 154, 0.7);
	z-index: 9999;
}

.header .menu li .drop ul {
	width: 100%;
	overflow: hidden;
}

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

.header .menu li .drop li a {
	width: 100%;
	color: #fff;
	line-height: 55px;
	font-size: 17px;
}

.header .menu li .drop li a:hover {
	background: #013990;
}

.header .menu .pc {
	display: block;
}

.header .menu .mp {
	display: none;
}



.b-search .search {
	width: 15%;
	float: right;
	height: 30px;
	border-radius: 20px;
	overflow: hidden;
	background: #afbed2;
	margin-top: 30px;
}

.b-search .search input.username {
	width: 80%;
	max-width: 100%;
	float: left;
	border: none;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background: #afbed2;
	text-indent: 0.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.b-search .search input.da_button {
	width: 20%;
	max-width: 100%;
	float: left;
	border: none;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	background: #afbed2 url(../s-search.png) no-repeat center center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

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

.m_menu_k {
	background: url(../icon_nav_k.png) no-repeat center;
	background-size: 100%;
	width: 40px;
	position: absolute;
	right: 5px;
	top: 0;
	height: 80px;
}

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

.fixnav {
	background: #fff;
	box-shadow: 0 0 5px #aaa;
	border-bottom: 0;
	top: 0;
}

.fixnav .section {
	border: 0;
}

.fixnav a {
	color: #201f1f;
}

.fixnav .logo a {
	background: url("../logo-h.png");
	background-size: 100%;
}

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

.i-title h2 {
	color: #303030;
	font-size: 38px;
	margin-bottom: 10px;
}

.i-title p {
	color: #a6a6a6;
	font-size: 20px;
}




.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;
}


.banner-txt {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -87px;
}

.banner-txt .section {
	color: #fff;
}

.banner-txt h1 {
	font-size: 50px;
	font-weight: bold;
	line-height: 70px;
	margin-bottom: 20px;
	text-shadow: #333 2px 4px 5px;
	letter-spacing: 3px;
}

.banner-txt p {
	font-size: 18px;
	max-width: 700px;
	line-height: 35px;
}

.banner-txt span {
	display: block;
	float: left;
	position: relative;
	padding-left: 38px;
	margin-right: 40px;
}

.banner-txt span:before {
	content: '';
	display: block;
	width: 21px;
	height: 20px;
	background: url("../icon40.png");
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}

.m-search {
	width: 100%;
	float: right;
	height: 38px;
	border-radius: 20px;
	overflow: hidden;
	background: #afbed2;
	margin: 10px 0;
	display: none;
}

.m-search input.username {
	width: 80%;
	max-width: 100%;
	float: left;
	border: none;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #fff;
	background: #afbed2;
	text-indent: 0.5em;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.m-search input.da_button {
	width: 20%;
	max-width: 40px;
	float: right;
	border: none;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #fff;
	background: #afbed2 url(../s-search.png) no-repeat center center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

/*i-solution*/
.i-solution {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
}

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

.i-solution ul li {
	width: 25%;
	float: left;
	border-left: 1px solid #eeeeee;
	padding-bottom: 60px;
}

.i-solution ul li a {
	color: #fff;
	display: block;
	padding: 50px 60px;
}

.i-solution ul li img {
	display: block;
	margin: 10px auto;
}

.i-solution ul li h4 {
	font-size: 28px;
	color: #d6d6d6;
}

.i-solution ul li h3 {
	font-size: 30px;
	padding: 10px 0;
	color: #1a1919;
}

.i-solution ul li i {
	display: block;
	width: 130px;
	height: 130px;
	margin: 60px 0;
}

.i-solution ul li em {
	display: block;
	width: 0;
	height: 3px;
	background: #0855a1;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.i-solution ul li i.icon01 {
	background: url("../icon01.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li i.icon02 {
	background: url("../icon03.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li i.icon03 {
	background: url("../icon02.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li i.icon04 {
	background: url("../icon04.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li span {
	display: block;
	padding-left: 40px;
	border-radius: 3px;
	color: #fff;
	line-height: 50px;
	font-size: 16px;
	width: 100%;
	background: #fff;
	transition: 0.4s;
	opacity: 0;
	position: relative;
}

.i-solution ul li a:hover span {
	background: #00a0e9;
	opacity: 1;
}

.i-solution ul li span:after {
	content: '';
	display: block;
	width: 10px;
	height: 17px;
	position: absolute;
	background: url("../case13.png");
	background-size: 100%;
	right: 17px;
	top: 50%;
	margin-top: -8px;
}

.i-solution ul li a:hover {
	background: #f7f7f7 url("../i-solution-bj.jpg") no-repeat;
	background-size: 100%;
}

.i-solution ul li a:hover .icon01 {
	background: url("../icon01-h.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li a:hover .icon02 {
	background: url("../icon03-h.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li a:hover .icon03 {
	background: url("../icon02-h.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li a:hover .icon04 {
	background: url("../icon04-h.png") no-repeat;
	background-size: 100%;
}

.i-solution ul li:hover em {
	width: 100%;
}

.i-solution ul li:last-child {
	border-right: 1px solid #eeeeee;
}


/*i-product*/
.i-product {
	width: 100%;
	margin-top: 60px;
	overflow: hidden;
}

.product-box {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 60px;
}

.product-box .product-fl {
	width: 50%;
	height: 100%;
	position: absolute;
	float: left;
}

.product-box .product-fl-bj {
	background: url("../product-fl.jpg") no-repeat center center;
	background-size: auto 100%;
}

.product-box .product-fr {
	width: 50%;
	padding: 100px 0;
	color: #fff;
	float: right;
	background: url("../product-fr.jpg") no-repeat;
}

.product-box .product-fr .p-box {
	width: 70%;
	margin-left: 15%;
}

.product-box .product-fr p {
	font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 38px;
}

.product-box .product-fr ul {
	width: 100%;
	margin: 50px 0;
	overflow: hidden;
}

.product-box .product-fr ul li {
	width: 19%;
	margin: 10px 3%;
	float: left;
	text-align: center;
}

.product-box .product-fr ul li a {
	color: #fff;
	display: block;
}

.product-box .product-fr ul li i {
	display: block;
	width: 119px;
	border-radius: 100%;
	height: 119px;
	margin: 10px auto;
}

.product-box .product-fr ul li img {
	width: 100%;
	display: block;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}

.product-box .product-fr ul li h4 {
	font-size: 16px;
	color: #d6d6d6;
}

.product-box .product-fr ul li a:hover img {
	transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}

.product-box .product-fr .product-more {
	display: block;
	padding-left: 20px;
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	font-size: 16px;
	width: 220px;
	height: 50px;
	background: url("../icon31.png") no-repeat 160px 21px;
}

.product-box .product-fr ul li a:hover i {
	background: #556e8b;
}

.product-box .product-fr .product-more:hover {
	border: 1px solid #00a0e9;
	background: #00a0e9 url("../icon31.png") no-repeat 170px 21px;
}




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

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

.about-box .about-fl {
	width: 52%;
	float: left;
}

.about-box .about-fl a {
	display: block;
	padding-left: 20px;
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	font-size: 16px;
	width: 220px;
	height: 50px;
	background: #00a0e9 url("../icon31.png") no-repeat 160px 21px;
	margin-top: 50px;
}

.about-box .about-fl a:hover {
	background: #0855a1 url("../icon31.png") no-repeat 170px 21px;
}

.about-box .about-fl h3 {
	font-size: 38px;
	margin: 40px 0;
	color: #111;
}

.about-box .about-fl p {
	display: block;
	line-height: 38px;
	text-indent: 2em;
	font-size: 16px;
	color: #4e4e4e;
}

.about-box .about-fr {
	width: 43%;
	float: right;
	overflow: hidden;
}

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

.about-box .about-fr .swiper-container {
	margin-left: 20px;
	width: 70%;
	overflow: initial;
}

.about-box .about-fr .swiper-container .abo_link {
	position: relative;
	display: block;
	transform: scale(0.8);
	transform-origin: 50% 100%;
	transition: all .8s ease;
}

.about-box .about-fr .swiper-slide-active .abo_link {
	transform: scale(1);
}

.about-paging {
	width: 20px;
	position: absolute;
	left: 0;
	height: 100%;
	background: #fff;
	z-index: 999;
	top: 0;
}

.about-paging .about-num {
	width: 20px;
	font-size: 16px;
	line-height: 25px;
}

.about-paging .about-line {
	width: 1px;
	margin: auto;
	height: 60px;
	background: #3a3a3a;
}

.about-paging .swiper-pagination {
	position: absolute !important;
	width: 7px !important;
	bottom: 15%;
	margin-left: 5px;
	height: 140px;
	top: auto;
	left: 0px !important;
}

/*i-news*/
.i-news {
	width: 100%;
	padding: 60px 0;
	position: relative;
	overflow: hidden;
	background: #f6f6f6 url("../i-news.jpg") no-repeat center center;
}

.i-news .section {
	position: relative;
}

.i-news .i-title {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	text-align: left;
}

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

.aui-nav-list-box {
	width: 423px;
	background: #395fa8;
	right: 0;
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 10;
	zoom: 1;
	border-radius: 30px;
	display: block;
}

.aui-nav-list-box ul li {
	float: left;
	color: #000;
	height: 40px;
	cursor: pointer;
	line-height: 40px;
	width: 141px;
	overflow: hidden;
	border-radius: 30px;
	text-align: center;
	font-size: 14px;
}

.aui-nav-list-box ul li a {
	background: #395fa8;
	display: block;
	width: 100%;
	color: #fff;
	border-radius: 30px;
}

.aui-nav-list-box ul .aui-current a {
	background: #17449a;
	color: #fff;
}

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

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

.aui-nav-list-tab {
	padding-top: 160px;
}

.news-list {
	width: 100%;
	overflow: hidden;
}

.news-list ul {
	width: 100%;
}

.news-list ul li {
	width: 31%;
	margin: 0 1% 10px 1%;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.news-list ul li a {
	display: block;
	width: 100%;
	height: 300px;
	background: #fff;
	color: #636363;
	position: relative;
	border: 1px solid #d2d2d2;
}

.news-list .news-img {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 0;
	opacity: 0;
	transition: 0.5s;
}

.news-list .news-img .news-img-bj {
	width: 100%;
	height: 300px;
	background: url("../news-img-bj.png");
	position: absolute;
	z-index: 10;
}

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

.news-list .news-txt {
	width: 100%;
	height: 300px;
	position: absolute;
	z-index: 2;
	top: 0;
	background: none;
	padding: 0 40px;
}

.news-list .news-txt h2 {
	font-size: 26px;
	color: #202020;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	height: 40px;
	line-height: 40px;
	margin-top: 60px;
}

.news-list .news-txt p {
	line-height: 30px;
	font-size: 15px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin: 10px 0;
}

.news-list .news-txt span {
	display: block;
	float: left;
	background: url("../time-h.png") no-repeat left center;
	padding-left: 25px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin: 10px 0;
}

.news-list .news-txt i {
	display: block;
	float: right;
	background: url("../case31-h.png") no-repeat left center;
	width: 26px;
	height: 26px;
	margin: 10px 0;
}

.news-list ul li a:hover {
	color: #fff;
}

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

.news-list ul li a:hover h2 {
	color: #fff;
}

.news-list ul li a:hover span {
	background: url("../time.png") no-repeat left center;
}

.news-list ul li a:hover i {
	background: url("../case31.png") no-repeat left center;
}

.news-list ul li a:hover .news-img {
	opacity: 1;
}


/*wor-wrap*/
.wor-wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	overflow: hidden;
}

.wor-wrap .wor-box {
	width: 50%;
	height: 320px;
	float: left;
}

.wor-wrap .wor-box a {
	display: block;
	width: 100%;
	height: 100%;
}

.wor-wrap .wor-box a.tz-bj {
	background: url("../pos-lr.jpg") no-repeat center center;
	background-size: auto 100%;
}

.wor-wrap .wor-box a.rl-bj {
	background: url("../pos-ri.jpg") no-repeat center center;
	background-size: auto 100%;
}

.wor-box .wor-con {
	width: 70%;
	color: #fff;
	position: relative;
}

.wor-box .wor-con h5 {
	font-size: 36px;
	line-height: 50px;
}

.wor-box .wor-con p {
	font-size: 18px;
	line-height: 38px;
}

.wor-box .wor-con span {
	display: block;
	background: url("../icon32.png") no-repeat center center;
	width: 37px;
	height: 37px;
	position: absolute;
	right: 5%;
	top: 50px;
	margin-top: -18px;
	transition: 0.2s;
}

.wor-box .pos-lr {
	float: right;
	margin: 110px 10% 0 0;
}

.wor-box .pos-ri {
	float: left;
	margin: 110px 0 0 20%;
}

.wor-wrap .wor-box a:hover {
	background-size: auto 105%;
}

.wor-wrap .wor-box a:hover span {
	right: 1%;
}

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

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

.n-title {
	width: 100%;
	color: #bababa;
	font-size: 20px;
	line-height: 52px;
	margin-bottom: 40px;
}

.n-title span {
	display: block;
	float: left;
	color: #2e2e2e;
	font-size: 40px;
	position: relative;
	padding-left: 45px;
	margin-right: 10px;
}

.n-title span:before {
	content: '';
	display: block;
	width: 30px;
	height: 5px;
	background: #0064a8;
	position: absolute;
	left: 0;
	top: 50%;
}

.n-title .bg {
	background: #fff !important;
	;
}

.cg {
	color: #fff !important;
}

.cg span:before {
	background: #fff !important;
	;
}

.location-class {
	width: 15px;
	position: fixed !important;
	left: 20px;
	top: 20% !important;
	z-index: 10;
}

.location-class a {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 10px 0;
	background: #2a2e2e;
}

.location-class a.active {
	background: #00a0e9;
}



.main-nav {
	width: 100%;
	overflow: hidden;
	margin-top: -190px !important;
	position: relative;
	z-index: 999;
}

.main-nav .left-nav {
	width: 30%;
	float: left;
	color: #fff;
	font-weight: bold;
}

.main-nav .left-nav h3 {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	display: block;
	font-size: 35px;
}

.main-nav .left-nav span {
	width: 100%;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	display: block;
	font-size: 25px;
	color: #fff;
}

.main-nav .right-now {
	width: 70%;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 15px;
	float: right;
	height: 80px;
	padding: 20px 0;
	line-height: 50px;
}

.main-nav .right-now .fr {
	float: right;
}

.main-nav .right-now a {
	display: block;
	float: left;
	color: #fff;
	transition: color .3s;
}

.main-nav .right-now a.hm {
	background: url("../ico4.png") no-repeat left center;
	padding-left: 30px;
}

.main-nav .right-now i {
	font-style: normal;
	width: 4px;
	height: 60px;
	display: block;
	float: left;
	margin: 0 12px;
}

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

.main-class a {
	display: block;
	float: left;
	padding: 0 60px;
	margin: 10px 15px 10px 0;
	border-radius: 10px;
	font-size: 16px;
	line-height: 45px;
	background: #fff;
}

.main-class a:hover {
	background: url(../main-class-h.png) no-repeat center;
	background-size: cover;
	color: #fff;
}

.main-class a.choose {
	background: url(../main-class-h.png) no-repeat center;
	background-size: cover;
	color: #fff;
}

.class-box {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 40px 0 30px 0;
	border-bottom: 1px solid #f1f1f1;
}

.class-box a {
	display: inline-block;
	padding: 0 40px;
	margin: 10px 40px;
	border-radius: 30px;
	font-size: 16px;
	line-height: 40px;
	background: #f1f1f1;
	color: #6d6d6d;
}

.class-box a:hover {
	background: #0855a1;
	color: #fff;
}

.class-box a.choose {
	background: #0855a1;
	color: #fff;
}


/*about*/
.main-about {
	width: 100%;
	background: url("../about-bj.jpg") no-repeat top center;
	background-size: auto 100%;
	padding: 80px 0;
	overflow: hidden;
}

.main-about .ab-txt {
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	margin-top: 50px;
	line-height: 38px;
	color: #646464;
}

.main-about .ab-txt p {
	padding-bottom: 10px;
	text-indent: 2em;
}

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

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

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

.product-num-item {
	vertical-align: top;
	text-align: center;
	position: relative;
	display: inline-block;
	width: 23%;
	margin: 0 1%;
	font-size: 16px;
	color: #000;
}

.product-num-nub {
	display: inline-block;
	vertical-align: top;
	font-size: 80px;
	height: 80px;
	line-height: 80px;
	color: #0073bc;
	font-family: Arial;
}

.product-num-add {
	font-size: 16px;
	vertical-align: top;
	color: #0073bc;
	display: inline-block;
	height: 80px;
	line-height: 80px;
}

.product-num-inf {
	overflow: hidden;
	display: block;
	width: 100%;
	font-size: 16px;
	color: #6a6a6a;
	line-height: 30px;
	padding: 15px 0;
}

.product-num-wan {
	display: inline-block;
	height: 80px;
	vertical-align: top;
	line-height: 80px;
	font-size: 60px;
	color: #0073bc;
}

.pf {
	margin-top: -30px;
	font-size: 30px;
}


.work-box {
	width: 100%;
	margin-bottom: 50px;
}

.work-box a {
	display: block;
	overflow: hidden;
}

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

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


.qualification-box {
	width: 100%;
	padding: 80px 0;
	background: url("../qualification-bj.jpg") no-repeat top center;
	background-size: auto 100%;
}

.qualification-box a {
	display: block;
	background: #fff;
	overflow: hidden;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

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


.history-box {
	width: 100%;
	padding: 120px 0 100px 0;
	background: url("../history-box.jpg") no-repeat;
	background-size: auto 100%;
	overflow: hidden;
}

.scroll_horizontal {
	position: relative;
	width: 1596px;
	padding: 20px 0;
	margin: auto;
	background: url("../pic_list_1.png") no-repeat center center;
}

.scroll_horizontal .box {
	overflow: hidden;
	position: relative;
	width: 1596px;
	margin: 0 auto;
}

.scroll_horizontal em {
	display: block;
	width: 100%;
	height: 1px;
	background: #1cb208;
	position: absolute;
	top: 50%;
}

.scroll_horizontal .list {
	overflow: hidden;
	width: 9999px;
}

.scroll_horizontal .list li {
	float: left;
	width: 266px;
	height: 460px;
	position: relative;
}

.scroll_horizontal .list li a {
	width: 94%;
	margin: 30px 1% 30px 5%;
	position: relative;
	padding: 30px 2px 30px 10px;
	color: #fff;
}

.scroll_horizontal .list li:nth-child(even) a {
	height: 200px;
	position: absolute;
	top: 0;
}

.scroll_horizontal .list li:nth-child(even) a:after {
	position: absolute;
	height: 15px;
	width: 15px;
	border: 3px solid #73c4ff;
	content: "";
	left: -9px;
	top: -15px;
	transition: .5s ease-in-out;
	margin: auto;
	box-sizing: border-box;
	border-radius: 50%;
}

.scroll_horizontal .list li:nth-child(even) a:before {
	position: absolute;
	height: 200px;
	width: 2px;
	background: #fff;
	content: "";
	left: -4px;
	top: 1px;
}

.scroll_horizontal .list li:nth-child(even) h3 {
	top: -30px;
}

.scroll_horizontal .list li:nth-child(odd) a {
	height: 200px;
	position: absolute;
	top: 200px;
}

.scroll_horizontal .list li:nth-child(odd) a:after {
	position: absolute;
	height: 15px;
	width: 15px;
	border: 3px solid #73c4ff;
	content: "";
	left: -9px;
	bottom: -15px;
	transition: .5s ease-in-out;
	margin: auto;
	box-sizing: border-box;
	border-radius: 50%;
}

.scroll_horizontal .list li:nth-child(odd) a:before {
	position: absolute;
	height: 200px;
	width: 2px;
	background: #fff;
	content: "";
	left: -4px;
	top: 1px;
}

.scroll_horizontal .list li:nth-child(odd) h3 {
	bottom: -30px;
}

.scroll_horizontal .list li h3 {
	font-size: 30px;
	color: #73c4ff;
	line-height: 50px;
	position: absolute;
}

.scroll_horizontal .list li p {
	font-size: 15px;
	line-height: 25px;
	position: relative;
}

.scroll_horizontal .list li p span {
	display: block;
	position: relative;
	font-weight: bold;
	padding-left: 10px;
	float: left;
	margin-right: 5px;
	font-size: 16px;
}

.scroll_horizontal .list li p span:before {
	position: absolute;
	height: 5px;
	width: 5px;
	background: #fff;
	content: "";
	left: 0;
	top: 11px;
	transition: .5s ease-in-out;
	margin: auto;
	box-sizing: border-box;
	border-radius: 50%;
}



.scroll_horizontal .plus {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	margin-top: -27px;
	background: url("../plus.png") no-repeat;
	cursor: pointer;
	background-size: 100%;
}

.scroll_horizontal .minus {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	margin-top: -27px;
	background: url("../minus.png") no-repeat;
	cursor: pointer;
	background-size: 100%;
}

.scroll_horizontal .plus {
	left: -53px;
}

.scroll_horizontal .minus {
	right: -53px;
}




.honor-box {
	width: 100%;
	background: url("../honor-box.jpg") no-repeat top center;
	background-size: 100% 100%;
	padding: 80px 0;
	overflow: hidden;
}

.ryzz-box {
	width: 452px;
	margin: 60px auto;
	position: relative;
}

.img_hd {
	width: 378px;
	height: 45px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.img_hd ul {
	position: absolute;
	left: 0;
	z-index: 1
}

.img_hd ul li {
	float: left;
	width: 118px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #f3f3f3;
	font-size: 18px;
	box-sizing: border-box;
	cursor: pointer;
	margin: 0 4px;
	overflow: hidden;
	*display: inline;
	text-align: center
}

.img_hd ul li.on {
	border: 1px solid #0064a8;
	color: #0064a8;
}

#play {
	width: 100%;
	text-align: center;
	position: relative;
	margin: 5px auto;
}

#play .img_ul {
	width: 100%;
	position: relative;
	z-index: 1;
	text-align: left;
	font-size: 0;
}

#play .img_ul li a {
	display: inline-block;
	vertical-align: top;
	width: 23%;
	margin: 15px 1%;
	background: #fff;
}

#play .img_ul .case-img {
	width: 100%;
	height: 310px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
	margin: auto;
}

#play .img_ul .case-img img {
	height: 100% !important;
	max-height: 100%;
	margin: auto;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

#play .img_ul .case-txt {
	width: 90%;
	margin: auto;
	padding: 15px 0;
	text-align: center;
}

#play .img_ul .case-txt h2 {
	font-size: 17px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	color: #333333;
}

#play .img_ul li a:hover h2 {
	color: #0064a8;
}

#play .img_ul li a:hover img {
	transform: scale(1.1, 1.1);
	transition: transform 0.6s ease 0s;
}

.ryzz-box .bottom_a {
	height: 45px;
	line-height: 45px;
	width: 38px;
	position: absolute;
	display: block;
	top: 0;
	cursor: pointer;
	text-align: center;
	z-index: 10
}

.ryzz-box .prev_a {
	left: 0;
	background: url("../p-l.png") no-repeat center center;
}

.ryzz-box .next_a {
	right: 0;
	background: url("../n-r.png") no-repeat center center;
}

.ryzz-box .prev_a:hover {
	left: 0;
	background: url("../p-l-h.png") no-repeat center center;
}

.ryzz-box .next_a:hover {
	right: 0;
	background: url("../n-r-h.png") no-repeat center center;
}


.plusview {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.PlusView-largeBg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	position: fixed;
	z-index: 99999999999;
	top: 0;
	left: 0;
	zoom: 1;
}

.PlusView-contentArea {
	width: 92%;
	margin: 0 4%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.PlusView-contentArea img {

	width: auto !important;
	max-height: 90% !important;
	margin: 0 auto;
}

.PlusView-button {
	width: 50px;
	position: absolute;
	border: 1px solid #f0f0f0;
	background: #fff;
}

.PlusView-button span {
	background: url(../b-p.png) no-repeat;
	display: block;
	width: 50px;
	height: 50px;
}

.PlusView-button:hover {
	border: 1px solid #d0d0d0;
}

.PlusView-leftArrow {
	left: 0;
	display: none;
}

.PlusView-leftArrow span {
	background-position: -100px 0;
}

.PlusView-leftArrow:hover span {
	background-position: -150px 0;
}

.PlusView-rightArrow {
	right: 0;
	display: none;
}

.PlusView-rightArrow span {
	background-position: -50px 0;
}

.PlusView-rightArrow:hover span {
	background-position: 0 0;
}


/*技术与服务*/
.technical-box {
	width: 100%;
	overflow: hidden;
}

.technical-box h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.technical-box dl {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.technical-box dl dd {
	float: left;
	position: relative;
}

.technical-box dl dd:before {
	content: '';
	display: block;
	width: 3px;
	height: 80px;
	background: #0855a1;
	position: absolute;
	left: 0;
	top: 60px;
}

.technical-box dl dt img {
	max-width: 100%;
	margin: auto;
}

.technical-box dl dd h2 {
	font-size: 34px;
	color: #212121;
	padding: 20px 0;
}

.technical-box dl dd p {
	font-size: 16px;
	color: #6d6d6d;
	line-height: 38px;
	margin-bottom: 25px;
}

.technical-bj {
	background: url("../bg_01.jpg") no-repeat top center;
}

.technical-box01 dl {
	border-left: 1px solid #e5e5e5;
}

.technical-box01 dl dd {
	width: 31%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box01 dl dt {
	width: 66%;
	float: right;
	padding: 60px 30px 20px 30px;
}

.technical-box01 ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.technical-box01 ul li {
	width: 18%;
	color: #fff;
	margin-left: 2%;
	padding: 30px 0 10px 0;
	position: relative;
	border-radius: 10px;
}

.technical-box01 ul li span {
	background: url("../icon59.png") no-repeat;
	padding-left: 30px;
	position: absolute;
	left: -15px;
	top: -25px;
	width: 158px;
	display: block;
	line-height: 40px;
	font-size: 16px;
	height: 41px;
}

.technical-box01 ul li p {
	padding: 0 10px;
	font-size: 15px;
	line-height: 26px;
	margin: 10px 0;
}

.technical-box01 ul li:nth-child(odd) {
	background: #444d5c;
}

.technical-box01 ul li:nth-child(even) {
	background: #6a7382;
}





.technical-box02 dl dd {
	width: 50%;
	border-left: 1px solid #e5e5e5;
	float: right;
	padding: 60px 30px 40px 30px;
}

.technical-box02 dl dt {
	width: 50%;
	float: left;
	padding: 60px 30px 40px 30px;
}

.technical-box03 dl {
	background: url("../technical-box03.jpg") no-repeat left center;
}

.technical-box03 dl {
	border-left: 1px solid #e5e5e5;
}

.technical-box03 dl dd {
	width: 50%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box03 dl dt {
	width: 50%;
	float: right;
	padding: 30px 10px 20px 10px;
}

.technical-box03 h4 {
	font-size: 20px;
	color: #075ba7;
	padding: 20px 0;
}

.technical-box03 .technical-lx {
	width: 100%;
	margin: 20px 0;
	float: left;
}

.technical-box03 .technical-lx .technical-lx-box {
	width: 100%;
	border-radius: 20px;
	padding: 20px;
	background: #6a7382;
	box-sizing: border-box;
}

.technical-box03 .technical-lx .technical-lx-box .technical-lx-txt {
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
	font-size: 16px;
	line-height: 30px;
}

.technical-box03 .technical-lx .technical-lx-box .technical-lx-txt .technical-lx-txt-fl {
	width: 30%;
	border-radius: 20px;
	text-align: center;
	float: left;
	background: #dee0e4;
	color: #060606;
}

.technical-box03 .technical-lx .technical-lx-box .technical-lx-txt .technical-lx-txt-fr {
	width: 67%;
	min-height: 60px;
	float: right;
	color: #fff;
}


.technical-box04 dl dd {
	width: 50%;
	border-left: 1px solid #e5e5e5;
	float: right;
	padding: 60px 30px 40px 30px;
}

.technical-box04 dl dd span {
	font-size: 17px;
	display: block;
	color: #075ba7;
	font-weight: bold;
	padding: 10px 0;
}

.technical-box04 ul li {
	font-size: 16px;
	line-height: 30px;
	margin: 4px 0;
	color: #7b7b7b;
}

.technical-box04 ul h4 {
	font-size: 20px;
	color: #075ba7;
	padding: 10px 0;
}

.technical-box04 dl dt {
	width: 50%;
	float: left;
	padding: 60px 30px 40px 30px;
}

.technical-box05 dl {
	border-left: 1px solid #e5e5e5;
}

.technical-box05 dl dd {
	width: 50%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box05 dl dt {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	float: right;
	padding: 60px 15px 20px 15px;
}

.technical-box05 ul {
	width: 27.333%;
	min-height: 290px;
	color: #fff;
	border-radius: 15px;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: 10px 3%;
	position: relative;
}

.technical-box05 ul li {
	font-size: 15px;
	line-height: 32px;
}

.technical-box05 h4 {
	font-size: 20px;
	line-height: 50px;
}

.technical-box05 ul.vj01 {
	background: #0855a1;
}

.technical-box05 ul.vj02 {
	background: #00a0e9;
}

.technical-box05 ul.vj03 {
	background: #0855a1;
}

.technical-box05 ul.vj01::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -29px;
	margin-left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent transparent #0855a1;
}

.technical-box05 ul.vj02::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -29px;
	margin-left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent transparent #00a0e9;
}



.js03 {
	margin-top: 50px;
}


.technical-box06 dl dd {
	width: 50%;
	border-left: 1px solid #e5e5e5;
	float: right;
	padding: 60px 30px 240px 30px;
}

.technical-box06 dl dt {
	width: 50%;
	float: left;
	padding: 60px 30px 40px 30px;
}

.technical-box07 dl {
	border-left: 1px solid #e5e5e5;
	padding-bottom: 50px;
}

.technical-box07 dl dd {
	width: 50%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box07 dl dt {
	width: 50%;
	float: right;
	padding: 60px 15px 20px 15px;
}


.technical-box08 dl {
	border-left: 1px solid #e5e5e5;
	background: url("../technical-box03.jpg") no-repeat left center;
}

.technical-box08 dl dd {
	width: 50%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box08 dl dt {
	width: 50%;
	float: right;
	padding: 60px 30px 20px 30px;
}

.technical-box088 dl {
	border-left: 1px solid #e5e5e5;
	background: url("../technical-box03.jpg") no-repeat center center;
}

.technical-box088 dl dd {
	width: 50%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box088 dl dt {
	width: 50%;
	float: right;
	padding: 60px 30px 20px 30px;
}



.technical-box09 dl dd {
	width: 50%;
	border-left: 1px solid #e5e5e5;
	float: right;
	padding: 60px 30px 115px 30px;
}

.technical-box09 dl dt {
	width: 50%;
	float: left;
	padding: 60px 30px 40px 30px;
}

.technical-box22 dl {
	border-left: 1px solid #e5e5e5;
}

.technical-box22 dl dd {
	width: 50%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box22 dl dt {
	width: 50%;
	float: right;
	padding: 60px 30px 90px 30px;
}


.technical-box10 {
	width: 100%;
	overflow: hidden;
	margin: 85px 0 60px 0;
}

.technical-box-memo {
	width: 100%;
	font-size: 18px;
	color: #6d6d6d;
	line-height: 40px;
	padding: 40px 0;
	overflow: hidden;
}

.technical-box10 dl {
	background: #f5f5f5;
	border-radius: 6px;
}

.technical-box10 dl dd {
	width: 45%;
	float: left;
	padding: 20px 30px;
}

.technical-box10 dl dt {
	width: 45%;
	float: right;
	padding: 60px 30px 20px 30px;
}

.technical-box10 dl dd:before {
	display: none;
}

.technical-box10 dl dd span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box10 dl dd p {
	width: 100%;
	margin-bottom: 5px;
	overflow: hidden;
	color: #242323;
	line-height: 38px;
	position: relative;
	padding-left: 35px;
}

.technical-box10 dl dd p:before {
	content: '';
	display: block;
	width: 28px;
	height: 23px;
	background: url("../dg.png") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}

.technical-box11 {
	margin-bottom: 50px;
}

.technical-box11 span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box11 ul {
	width: 18%;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background: #0855a1;
	padding: 20px 30px;
	box-sizing: border-box;
	margin: 10px 1%;
	float: left;
}

.technical-box11 ul li {
	font-size: 16px;
	line-height: 32px;
}

.technical-box11 h4 {
	font-size: 23px;
	line-height: 30px;
	padding: 10px 0;
	min-height: 80px;
	border-bottom: 1px dashed #fff;
	margin-bottom: 15px;
}

.technical-box11 ul.vj01 {
	background: #ffad09;
}

.technical-box11 ul.vj02 {
	background: #9acc2f;
}

.technical-box11 ul.vj03 {
	background: #4d9ed3;
}

.technical-box11 ul.vj04 {
	background: #45b293;
}

.technical-box11 ul.vj05 {
	background: #ff793c;
}

.technical-box11 .box {
	display: flex;
	flex-wrap: wrap;
}

.technical-x01 img {
	width: 50%;
}

.technical-x02 img {
	width: 50%;
}

.technical-x03 img {
	width: 50%;
}

.technical-x04 img {
	width: 50%;
}

.technical-x05 img {
	width: 50%;
}

.technical-x066 img {
	width: 50%;
}

.technical-x07 img {
	width: 50%;
}

.technical-x08 img {
	width: 50%;
}

.technical-x09 img {
	width: 50%;
}

.technical-x10 img {
	width: 50%;
}


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


.technical-box12 {
	width: 100%;
	overflow: hidden;
	margin: 85px 0 60px 0;
}

.technical-box12 dl {
	background: #f5f5f5;
}

.technical-box12 dl dd {
	width: 55%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box12 dl dt {
	width: 35%;
	float: right;
	padding: 60px 30px 20px 30px;
}

.technical-box12 dl dd:before {
	display: none;
}

.technical-box12 dl dd span {
	display: block;
	float: left;
	font-size: 25px;
	color: #252525;
	line-height: 30px;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box12 dl dd p {
	width: 48%;
	margin: 1px 1%;
	float: left;
	overflow: hidden;
	color: #242323;
	line-height: 38px;
	position: relative;
	padding-left: 35px;
}

.technical-box12 dl dd p:before {
	content: '';
	display: block;
	width: 28px;
	height: 23px;
	background: url("../dg.png") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}

.technical-box13 {
	margin-bottom: 50px;
}

.technical-box13 span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box13 .box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.technical-box13 ul {
	width: 18%;
	text-align: center;
	color: #fff;
	border-radius: 15px;
	background: #0855a1;
	padding: 20px 30px;
	box-sizing: border-box;
	margin: 10px 1%;
	float: left;
}

.technical-box13 ul li {
	font-size: 16px;
	line-height: 30px;
	padding: 2px 0;
}

.technical-box13 h4 {
	font-size: 23px;
	border-bottom: 1px dashed #fff;
	line-height: 30px;
	padding: 10px 0;
	min-height: 80px;
	margin-bottom: 20px;
}

.technical-box13 ul.vj01 {
	background: #7065a5;
}

.technical-box13 ul.vj02 {
	background: #34a5a5;
}

.technical-box13 ul.vj03 {
	background: #56cc99;
}

.technical-box13 ul.vj04 {
	background: #0099d6;
}

.technical-box13 ul.vj05 {
	background: #f0522d;
}

.technical-box13 .box {
	display: flex;
	flex-wrap: wrap;
}

.technical-box14 {
	width: 100%;
	overflow: hidden;
	margin: 85px 0 60px 0;
}

.technical-box14 dl {
	background: #f5f5f5;
}

.technical-box14 dl dd {
	width: 40%;
	float: left;
	padding: 60px 30px 20px 30px;
}

.technical-box14 dl dt {
	width: 58%;
	float: right;
	padding: 60px 30px 20px 30px;
}

.technical-box14 dl dd:before {
	display: none;
}

.technical-box14 dl dd span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box14 dl dd p {
	overflow: hidden;
	color: #242323;
	line-height: 38px;
	position: relative;
	padding-left: 35px;
}


.technical-box15 {
	width: 100%;
	overflow: hidden;
	margin: 85px 0 60px 0;
}

.technical-box15 h3 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 25px;
	overflow: hidden;
}

.technical-box15 dl {
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.technical-box15 dl dd {
	width: 50%;
	background: #f5f5f5;
	padding: 60px 30px 20px 30px;
}

.technical-box15 dl dt {
	width: 46%;
	background: #f5f5f5;
	margin-left: 4%;
	padding: 60px 30px 20px 30px;
}

.technical-box15 dl dd:before {
	display: none;
}

.technical-box15 span {
	display: block;
	float: left;
	font-size: 25px;
	color: #252525;
	line-height: 30px;
	padding: 10px 0 10px 20px;
	margin-bottom: 20px;
	position: relative;
}

.technical-box15 span:before {
	content: '';
	border-radius: 100%;
	display: block;
	width: 13px;
	height: 13px;
	background: #0855a1;
	position: absolute;
	left: 0;
	top: 20px;
}

.technical-box15 dl dd p {
	width: 48%;
	margin: 4px 1%;
	float: left;
	overflow: hidden;
	color: #242323;
	line-height: 38px;
	position: relative;
	padding-left: 35px;
}

.technical-box15 dl dd p:before {
	content: '';
	display: block;
	width: 28px;
	height: 23px;
	background: url("../dg.png") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}

.technical-box15 .t-l {
	width: 30%;
	float: left;
}

.technical-box15 .t-r {
	width: 68%;
	float: right;
}

.technical-box15 dl dt p {
	width: 100%;
	margin: 1px 0;
	float: left;
	font-size: 16px;
	overflow: hidden;
	color: #242323;
	line-height: 38px;
	position: relative;
	padding-left: 35px;
}

.technical-box15 dl dt p:before {
	content: '';
	display: block;
	width: 28px;
	height: 23px;
	background: url("../dg.png") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}


.technical-box16 {
	width: 100%;
	overflow: hidden;
	margin: 85px 0 60px 0;
}

.technical-box16 span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box16 .txt {
	width: 100%;
	font-size: 16px;
	overflow: hidden;
	color: #4e4e4e;
	line-height: 30px;
	padding-top: 30px;
}

.technical-box16 .txt p {
	margin-bottom: 15px;
}

.technical-box16 .technical-box-img16 {
	max-width: 100%;
	margin: 60px 0;
}


.technical-box16 .technical-box-ul16 {
	width: 100%;
	text-align: center;
	min-height: 360px;
	color: #fff;
	box-sizing: border-box;
	float: left;
	display: none;
}

.technical-box16 ul li {
	width: 32%;
	float: left;
	margin: 10px 0;
	font-size: 15px;
	border-radius: 15px;
	padding: 20px 0;
	text-align: center;
	line-height: 25px;
}

.technical-box16 ul li img {
	max-width: 100%;
	margin: auto;
}

.technical-box16 .it-technical-top {
	border-bottom: 1px solid #fff;
	padding: 15px 0;
	position: relative;
}

.technical-box16 .it-technical-top h4 {
	font-size: 26px;
	padding: 5px 0;
}

.technical-box16 .it-technical-top h5 {
	font-size: 16px;
}

.technical-box16 ul li.vj01 {
	background: #ed7d31;
}

.technical-box16 ul li.vj02 {
	background: #0855a1;
}

.technical-box16 ul li.vj03 {
	background: #70ad47;
}

.technical-box16 .it-technical-main {
	padding: 10px 15px;
	position: relative;
}

.technical-box16 .it-technical-bottom {
	padding: 10px 15px;
	height: 75px;
	position: relative;
}

.technical-box16 .it-technical-bottom p {
	font-weight: bold;
}


.technical-box16 ul li:nth-child(2) {
	margin: 10px 2%;
}


.technical-box17 dl {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}

.technical-box17 dl dd {
	width: 70%;
	margin-left: 3%;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eeeeee;
	padding: 20px 52px;
}

.technical-box17 dl dd:before {
	display: none;
}

.technical-box17 dl dd p {
	margin-bottom: 5px;
}

.technical-box17 dl dt {
	width: 27%;
	border-radius: 10px;
	background: #eeeeee;
}

.technical-box17 span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box18 {
	width: 100%;
	overflow: hidden;
	margin: 85px 0 60px 0;
}

.technical-box18 .box {
	width: 90%;
	margin: auto;
}

.technical-box18 span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box18 dl {
	margin-top: 30px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	overflow: hidden;
}

.technical-box18 dl dd {
	width: 55%;
	background: #eeeeee;
	border-radius: 10px;
	padding: 20px 30px;
}

.technical-box18 dl dt {
	width: 42%;
	border-radius: 10px;
	margin-left: 3%;
}

.technical-box18 dl dd:before {
	display: none;
}

.technical-box18 dl dd h5 {
	display: block;
	float: left;
	font-size: 25px;
	color: #252525;
	line-height: 30px;
	padding: 10px 0;
	margin-bottom: 20px;
}

.technical-box18 dl dd p {
	width: 48%;
	margin: 1px 1%;
	float: left;
	overflow: hidden;
	color: #242323;
	line-height: 38px;
	position: relative;
	padding-left: 35px;
}

.technical-box18 dl dd p:before {
	content: '';
	display: block;
	width: 28px;
	height: 23px;
	background: url("../dg.png") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}

.technical-img {
	width: 98%;
	margin: 0 auto 50px auto;
}

.technical-img img {
	width: 100%;
}


.js03 ul {
	width: 100%;
	position: relative;
	height: auto;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px;
	overflow: hidden;
}

.js03 ul li {
	width: 48%;
	margin: 0 1%;
	background: #f1f1f1;
	padding: 60px 40px;
	border-radius: 10px;
}

.js03 ul li h2 {
	font-size: 34px;
	color: #212121;
	padding: 20px 0;
}

.js03 ul li p {
	font-size: 16px;
	color: #6d6d6d;
	line-height: 38px;
	margin-bottom: 8px;
	padding-left: 35px;
	position: relative;
}

.js03 ul li p:before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background: url("../icon30.png") no-repeat;
	left: 0;
	top: 9px;
}

.js03 ul li span {
	font-size: 16px;
	color: #6d6d6d;
	line-height: 30px;
}

.js03 dl {
	width: 100%;
}

.js03 dl dt {
	width: 50%;
	float: right;
}

.js03 dl dt img {
	max-width: 100%;
}

.js03 dl dd {
	width: 45%;
	float: left;
}

.js03 dl dd:before {
	display: none;
}

/*产学研合作*/
.cooperation-box {
	width: 100%;
	overflow: hidden;
	margin: 60px 0;
}

.cooperation-box h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.cooperation-swiper-container img {
	max-width: 100%;
}

.cooperation-txt-box {
	background: url("../cooperation-border.png") no-repeat top center;
	padding-bottom: 40px;
	overflow: hidden;
}

.cooperation-box-fl {
	width: 48%;
	float: left;
}

.cooperation-box-fr {
	width: 48%;
	float: right;
}

.cooperation-box .box {
	width: 100%;
	color: #fff;
	overflow: visible;
	padding: 20px 20px 20px 30px;
	position: relative;
}

.cooperation-box .box:before {
	content: '';
	display: block;
	width: 96%;
	height: 179px;
	left: 10px;
	top: 10px;
	background: url("../xt.png") no-repeat;
	position: absolute;
}

.cooperation-box h3 {
	font-size: 28px;
	padding: 10px 0;
}

.cooperation-box dl {
	width: 100%;
	margin: 8px 0;
	box-sizing: border-box;
	overflow: hidden;
}

.cooperation-box dl dd {
	float: left;
	width: 55%;
}

.cooperation-box dl dd p {
	font-size: 15px;
	line-height: 30px;
}

.cooperation-box dl dt {
	float: right;
	width: 43%;
}

.cooperation-box dl dt img {
	max-width: 100%;
	margin: auto;
}

.cooperation-box .c01 {
	background: #024e88;
	margin: 55px 0;
}

.cooperation-box .c01::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 22px;
	left: 103.1%;
	top: 10%;
	background: url("../jjj.jpg");
}

.cooperation-box .c02::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 22px;
	left: 103.1%;
	top: 10%;

	background: url("../jjj.jpg");
}

.cooperation-box .c03::after {
	content: "";
	position: absolute;
	width: 10px;
	height: 22px;
	right: 103.1%;
	top: 10%;

	background: url("../jjjj.jpg");
}

.cooperation-box .c02 {
	background: #81a6c3;
	margin: 105px 0 55px 0;
}

.cooperation-box .c03 {
	background: #c20000;
	margin: 155px 0 80px 0;
}

.cooperation-memo {
	width: 100%;
	font-size: 16px;
	color: #6e6d6d;
	line-height: 40px;
}

.cooperation-box-table {
	width: 100%;
	overflow: hidden;
	margin: 60px 0;
}

.cooperation-box-table .section {
	overflow: hidden;
}

.cooperation-box-table img {
	margin: 40px auto;
	width: 100%;
}

.cooperation-box-table table {
	width: 96%;
	background: #f1f1f1;
	text-align: center;
	box-shadow: 0 0 10px #ccc;
	margin: 20px 2%;
}

.cooperation-box-table table td {
	font-size: 16px;
	padding: 15px 0;
}

/*投资者关系*/
.main-down {
	width: 100%;
	overflow: hidden;
	margin: 85px 0;
}

.main-down h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.main-down .main-down-list {
	width: 100%;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0;
	margin: auto;
	overflow: hidden;
}

.main-down .main-down-list li {
	width: 48%;
	margin: 15px 1%;
	font-size: 16px;
	padding: 20px;
	line-height: 38px;
	box-shadow: 0 0 10px #ccc;
	position: relative;
	overflow: hidden
}

.main-down .main-down-list li a {
	width: 80%;
	display: -webkit-box;
	color: #212121;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	margin: 15px 0;
	float: left;
	position: relative;
	padding-left: 45px;
}

.main-down .main-down-list li a:before {
	display: block;
	content: '';
	width: 31px;
	height: 37px;
	float: left;
	background: url("../pdf.png") no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%;
}

.main-down .main-down-list li span {
	width: 15%;
	float: right;
	display: -webkit-box;
	color: #777777;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin: 15px 0;
	overflow: hidden;
}

.main-down .main-down-list li:hover {
	background: #0855a1;
}

.main-down .main-down-list li:hover a {
	color: #fff
}

.main-down .main-down-list li:hover span {
	color: #fff
}

.main-down .box {
	display: flex;
	margin: 50px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.main-down .box01 {
	width: 98%;
	margin: 0 1%;
	overflow: hidden;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.main-down .box-span {
	width: 98%;
	margin: 0 1%;
	padding: 0 15px;
	overflow: hidden;
}

.main-down .box span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.main-down .box01 span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
}

.main-down .main-down-dl {
	position: relative;
	background: #f9f9f9;
	padding: 25px 15px;
	overflow: hidden;
}

.main-down .main-down-dl li {
	width: 100%;
	margin: 1px 0;
	overflow: hidden;
}

.main-down .main-down-dl dl {
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
	line-height: 30px;
}

.main-down .main-down-dl dl dt {
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #e7e7e7;
	padding: 10px 30px;
	color: #2e2e2e;
	overflow: hidden;
}

.main-down .main-down-dl dl dd {
	width: 68%;
	margin-left: 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #f2f2f2;
	color: #787878;
	padding: 10px 30px;
}

.main-down .main-down-dl01 {
	width: 48%;
	margin: 0 1%;
}

.main-down .main-down-dl02 {
	width: 44%;
	margin: 0 0 0 1%;
}

.main-down .main-down-dl03 {
	width: 54%;
	margin: 0 1% 0 0;
}


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

.main-news h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.main-news dl {
	width: 100%;
	margin-bottom: 20px;
}

.main-news dl a {
	display: block;
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
}

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

.main-news dl dt img {
	width: 100%;
	display: block;
	transform: translateZ(0px);
	transition: transform 0.3s ease 0s;
}

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

.main-news dl dd h2 {
	font-size: 14px;
	color: #888;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.main-news dl dd span {
	display: block;
	font-size: 30px;
	height: 35px;
	line-height: 35px;
	float: left;
	margin-right: 10px;
	font-weight: bold;
	font-style: normal;
}

.main-news dl dd h3 {
	color: #3a3a3a;
	font-size: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	margin: 15px 0;
	overflow: hidden;
}

.main-news dl dd p {
	font-size: 14px;
	line-height: 28px;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #868686;
}

.main-news dl a:hover {
	background: #00599f;
}

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

.main-news dl a:hover h2,
.main-news dl a:hover h3,
.main-news dl a:hover p {
	color: #fff;
}

.main-news .main-news-fl {
	width: 73%;
	float: left;
}

.main-news .main-news-fl .news-title {
	width: 100%;
	font-size: 30px;
	color: #000;
	line-height: 45px;
	padding: 19px 0;
}

.main-news .main-news-fl .news-time {
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #e6e6e6;
	color: #888;
}

.main-news .main-news-fl .news-intro {
	width: 100%;
	padding-top: 20px;
	line-height: 35px;
	font-size: 16px;
	color: #333;
}

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

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

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

.main-news .main-news-fr {
	width: 25%;
	float: right;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	padding: 20px;
}

.main-news .main-news-fr h4 {
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 15px;
}

.main-news .main-news-fr h4 span {
	display: block;
	float: left;
	border-bottom: 1px solid #00599f;
	font-size: 22px;
	color: #333;
	line-height: 22px;
	padding-bottom: 20px;
}

.main-news .main-news-fr dl a {
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

.main-news .main-news-fr dl dd h2 {
	font-size: 14px;
	color: #888;
	height: 25px;
	line-height: 25px;
}

.main-news .main-news-fr dl dd span {
	font-size: 22px;
	margin-right: 5px;
}

.main-news .main-news-fr dl dd h3 {
	font-size: 15px;
	margin: 5px 0;
}

.main-news .main-news-fr dl dt {
	width: 40%;
}

.main-news .main-news-fr dl dd {
	width: 56%;
}


/*产品中心*/
.main-product {
	overflow: hidden;
	padding: 60px 0;
}

.main-product .list {
	width: 100%
}

.main-product .list li {
	width: 23%;
	float: left;
	margin: 0 1% 30px 1%;
	overflow: hidden;
	position: relative
}

.main-product .list li.cut {
	margin-right: 0
}

.main-product .list img {
	width: 100%;
	height: 275px;
	display: block;
	transition: transform .3s
}

.main-product .list .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity .3s
}

.main-product .list .con {
	width: 100%;
	position: absolute;
	bottom: -88px;
	left: 0;
	box-sizing: border-box;
	padding: 0 5% 45px 4%;
	z-index: 2;
	background: url(../case14_h.png) no-repeat center -7px;
	transition: bottom .3s
}

.main-product .list .red {
	width: 9px;
	height: 16px;
	position: absolute;
	bottom: 10%;
	right: 2%;
	background: url(../case13.png) no-repeat center;
	z-index: 3;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: opacity .3s
}

.main-product .list h2 {
	font-size: 22px;
	color: #fff;
	line-height: 39px
}

.main-product .list p.font {
	font-size: 14px;
	color: #fff;
	line-height: 23px;
	height: 23px;
	overflow: hidden;
	margin-bottom: 20px
}

.main-product .list .more {
	width: 120px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	background: #00599f;
	color: #fff;
	font-size: 14px;
	border-radius: 20px;
}

.main-product .list li:hover .bg {
	opacity: 1;
	filter: alpha(opacity=100)
}

.main-product .list li:hover .red {
	opacity: 0;
	filter: alpha(opacity=0)
}

.main-product .list li:hover .con {
	bottom: 0;
}

.main-product .list li:hover img {
	transform: scale(1.1);
}

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

.cp-detail-content .cp-de-fl {
	width: 78%;
}

.cp-detail-content .cp-de-fl img {
	max-width: 100%;
}

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

.cp-detail-content .cp-de-fl .cp-img {
	width: 100%;
	text-align: center;
}

.cp-detail-content .cp-de-fl .cp-img img {
	margin: auto;
}

.cp-detail-content .cp-de-fl .cp-intro {
	width: 100%;
	line-height: 28px;
	padding: 30px 0;
	font-size: 14px;
	color: #333;
}

.cp-detail-content .cp-de-fl .cp-intro span {
	font-weight: bold;
	color: #111;
	padding: 5px 5px;
	background: #fff;
	font-size: 16px;
}

.cp-detail-content .cp-de-fl .cp-intro img {
	max-width: 100%;
	margin: 10px auto;
}

.cp-detail-content .cp-de-fl .cp-intro p {
	padding: 5px 0;
}

.cp-detail-content .cp-de-fr {
	width: 20%;
}

.cp-detail-content .cp-de-fr .other-cp {
	width: 100%;
	box-sizing: border-box;
	padding: 13px 9% 55px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.cp-detail-content .cp-de-fr .other-cp h4 {
	font-size: 16px;
	color: #333;
	line-height: 48px;
}

.cp-detail-content .cp-de-fr .other-cp ul {
	width: 100%;
}

.cp-detail-content .cp-de-fr .other-cp ul li {
	width: 100%;
}

.cp-detail-content .cp-de-fr .other-cp ul li a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #666;
	line-height: 26px;
	padding: 2px 0 7px 8%;
	background: url(../case23.png) no-repeat left 10px;
	transition: background .3s, color .3s;
}

.cp-detail-content .cp-de-fr .other-cp ul li a:hover {
	color: #0073ad;
}

.up-down {
	width: 100%;
	background: #fff;
	padding: 10px 0;
	margin-top: 50px;
	overflow: hidden;
	color: #999;
	box-shadow: 0 0 10px #ccc;
}

.up-down ul {
	width: 98%;
	margin: auto;
}

.up-down ul li a {
	color: #999;
	font-size: 14px;
}

.up-down ul li a:hover {
	color: #0073ad;
}

/*z招聘*/
.main-recruitment {
	width: 100%;
	overflow: hidden;
	margin-top: 85px;
}

.main-recruitment h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.main-recruitment ul {
	width: 100%;
	background: #b1b1b1;
	overflow: hidden;
	color: #fff;
	line-height: 54px;
	font-size: 18px;
	padding: 0 20px;
}

.main-recruitment ul li {
	float: left;
}

.main-recruitment ul li.prop01 {
	width: 30%;
}

.main-recruitment ul li.prop02 {
	width: 36%;
	margin: 0 2%;
}

.main-recruitment ul li.prop03 {
	width: 30%;
}


.list {
	width: 100%;
	overflow: hidden;
}

.list ul li {
	overflow: hidden;
	margin-top: 15px;
	border: 1px solid #e6e6e6;
}

.list ul li a {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	overflow: hidden;
	font-size: 15px;
	color: #333;
	line-height: 25px;
	position: relative;
	padding: 12px 20px;
}

.list ul li .prop01 {
	width: 30%;
	float: left;
}

.list ul li .prop02 {
	width: 36%;
	margin: 0 2%;
}

.list ul li .prop03 {
	width: 30%;
}



.list ul li .inactives {
	background: #0855a1;
	color: #fff;
}

.list ul li ul {
	display: none;
	background: #f0f3f8;
}

.list ul li ul li {
	padding: 25px 60px;
	border: 1px solid #e6e6e6;
	border-top: 0;
	background-color: #fff;
	font-size: 15px;
	line-height: 35px;
	color: #5c5c5c;
}

.list ul li ul li h5 {
	font-size: 17px;
	line-height: 45px;
	color: #1f1f1f;
}

.list ul li ul li a {
	display: block;
	width: 135px;
	text-align: center;
	line-height: 35px;
	height: 35px;
	border-radius: 10px;
	color: #fff;
	background: #116db0 url("../list-more.png") no-repeat 105px 8px;
	border: 0;
	float: right;
	margin: 30px 0;
	padding: 0;
}

.list .td {
	padding: 0 0 0 30px;
}

.list .td:hover {
	color: #dda645;
}


.list ul li:nth-child(even) {
	background: #ffffff;
}

.list ul li:nth-child(odd) {
	background: #f8f8f8;
}

.zp-content {
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
	margin-bottom: 20px;
	border-bottom: 1px dashed #e6e5e5;
}

.zp-content .zp-content-fl {
	width: 47%;
	float: left;
	overflow: hidden;
}

.zp-content .zp-content-fr {
	width: 47%;
	float: right;
	overflow: hidden;
}

.zp-content h5 {
	font-size: 20px;
	line-height: 45px;
	font-weight: bold;
	color: #191919;
}


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

.main-contact h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.main-contact .main-contact-memo {
	font-size: 18px;
	line-height: 40px;
	color: #6c6c6c;
}

.main-contact ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 50px 0;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #eeeeee;
}

.main-contact ul li {
	padding: 50px 60px;
	width: 33.3333%;
	border: 1px solid #eeeeee;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #474646;
}

.main-contact ul li h3 {
	font-size: 34px;
	padding: 30px 0;
	line-height: 45px;
	color: #000000;
}

.main-contact ul li:nth-child(1) {
	background: url("../con-bj.png") no-repeat bottom right;
}

.my-map {
	margin: 0 auto;
	width: 100%;
	height: 380px;
}

.my-map .icon {
	background: url(../marker.png) no-repeat;
}

.my-map .icon-cir {
	height: 31px;
	width: 28px;
}

.my-map .icon-cir-red {
	background-position: -11px -5px;
}

.amap-container {
	height: 100%;
}

.myinfowindow {
	width: 240px;
	min-height: 50px;
}

.myinfowindow h5 {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	width: 220px;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: nowrap;
}

.myinfowindow div {
	margin-top: 10px;
	min-height: 40px;
	line-height: 20px;
	font-size: 13px;
	color: #6f6f6f;
}

.c-memo {
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
	color: #818080;
}

.main-xzfl {
	width: 100%;
	overflow: hidden;
	margin: 85px 0;
}

.main-xzfl h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.main-xzfl .box {
	display: flex;
	flex-wrap: wrap;
}

.main-xzfl dl {
	width: 48%;
	overflow: hidden;
	padding: 40px;
	background: #f5f5f5;
	border: 1px solid #ededed;
	position: relative;
	margin-bottom: 20px;
}

.main-xzfl dl dt {
	width: 12%;
	float: right;
	overflow: hidden;
	position: absolute;
	bottom: 60px;
	right: 60px;
}

.main-xzfl dl dt img {
	max-width: 100%;
	display: block;
}

.main-xzfl dl dd {
	width: 80%;
	float: left;
}

.main-xzfl dl dd span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.main-xzfl dl dd p {
	width: 100%;
	overflow: hidden;
	color: #868686;
	font-size: 16px;
	line-height: 28px;
	margin: 5px 0;
}

.main-xzfl .fl {
	margin-right: 4%;
}

.main-xzfl .fr dd p {
	width: 48%;
	margin-right: 2%;
	float: left;
}

.main-xzfl ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0;
}

.main-xzfl ul li {
	padding: 10px 10px;
	box-shadow: 0 0 8px #ccc;
	background: #fff;
	text-align: center;
	width: 12.6666%;
	margin: 20px 2%;
	float: left;
	color: #252525;
}

.main-xzfl ul li p {
	padding: 15px 0;
	font-size: 18px;
	line-height: 24px;
}

.main-xzfl ul li img {
	max-width: 100%;
	margin: auto;
	display: block;
	transition: .5s;
}

.main-xzfl ul li:hover img {
	transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}



.learning-box {
	width: 100%;
	overflow: hidden;
	margin-top: 85px;
}

.learning-box h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.learning-box .learning-gc {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	background: #f5f5f5;
	padding: 30px;
}

.learning-box .learning-gc span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.learning-box .learning-gc img {
	max-width: 100%;
}

.learning-box .learning-py {
	width: 100%;
	background: url("../learning-py.jpg") no-repeat top center;
	overflow: hidden;
	padding: 50px 0;
}

.learning-box .learning-py span {
	margin-left: 30px;
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.learning-box .learning-py dl {
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
	position: relative;
}

.learning-box .learning-py dl dt {
	width: 40%;
	float: left;
	overflow: hidden;
}

.learning-box .learning-py dl dt img {
	max-width: 100%;
	margin-top: 30px;
	display: block;
}

.learning-box .learning-py dl dd {
	width: 52%;
	float: right;
	color: #414141;
	font-size: 18px;
	line-height: 38px;
}



.learning-px {
	width: 100%;
	background: #f5f5f5;
	overflow: hidden;
	padding: 30px;
}

.learning-px span {
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 20px;
}

.learning-px dl {
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
}

.learning-px dl dd {
	width: 55%;
	float: left;
	padding: 20px 0;
}

.learning-px dl dt {
	width: 42%;
	float: right;
}

.learning-px dl dt img {
	max-width: 100%;
}

.learning-px dl dd h5 {
	display: block;
	float: left;
	font-size: 25px;
	color: #252525;
	line-height: 30px;
	padding: 10px 0;
	margin-bottom: 20px;
}

.learning-px dl dd p {
	width: 48%;
	margin: 10px 1%;
	float: left;
	font-size: 16px;
	overflow: hidden;
	color: #242323;
	line-height: 35px;
	position: relative;
	padding-left: 35px;
}

.learning-px dl dd p:before {
	content: '';
	display: block;
	width: 28px;
	height: 23px;
	background: url("../dg.png") no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 8px;
}



.learning-dl {
	width: 100%;
	padding: 50px 0;
	overflow: hidden;
}

.learning-dl span {
	margin-left: 30px;
	display: block;
	float: left;
	font-size: 30px;
	color: #252525;
	line-height: 30px;
	border-bottom: 2px solid #0855a1;
	padding: 10px 0;
	margin-bottom: 40px;
}

.learning-dl dl {
	margin-top: 30px;
	width: 100%;
	overflow: hidden;
}

.learning-dl dl dt img {
	max-width: 100%;
}

.learning-dl dl dd p {
	font-size: 16px;
	overflow: hidden;
	color: #242323;
	line-height: 35px;
	position: relative;
}

.learning-fz dl {
	background: #f5f5f5;
	border-radius: 10px;
	position: relative;
}

.learning-fz dl dd {
	width: 45%;
	float: right;
	height: 100%;
	position: absolute;
	display: flex;
	right: 0;
	flex-direction: column;
	justify-content: center;
	padding: 0 40px;
}

.learning-fz dl dt {
	width: 53%;
	float: left;
}

.learning-tx dl {
	position: relative;
}

.learning-tx dl dt {
	width: 53%;
	float: right;
}

.learning-tx dl dd {
	width: 45%;
	float: left;
	position: absolute;
	height: 100%;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 0;
}

.learning-tx dl dd h5 {
	display: block;
	float: left;
	font-size: 25px;
	color: #0a60c9;
	line-height: 30px;
	padding: 10px 0;
	margin-bottom: 20px;
}

.learning-box .learning-tx {
	width: 100%;
	background: url("../learning-tx.jpg") no-repeat bottom center;
}


.main-life {
	width: 100%;
	padding: 85px 0;
	overflow: hidden;
}

.main-life h1 {
	margin-bottom: 30px;
	color: #373636;
	height: 40px;
	line-height: 40px;
	padding-left: 35px;
	font-size: 34px;
	overflow: hidden;
	border-left: 3px solid #0855a1;
}

.main-life-memo {
	width: 100%;
	font-size: 18px;
	background: #f1f1f1;
	color: #6d6d6d;
	border-radius: 10px;
	line-height: 40px;
	padding: 40px 80px;
	overflow: hidden;
}

.container {
	max-width: 1400px;
	height: 1000px;
	margin: 100px auto;
	position: relative;
}

.container img {
	width: 490px;
	padding: 10px;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 3px rgba(50, 50, 50, .4);
	position: absolute;
	z-index: 1;
	background: #fff;
}

.container img:nth-child(1) {
	left: 0px;
	top: 0px;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.container img:nth-child(2) {
	left: 460px;
	top: 0px;
	-webkit-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	transform: rotate(4deg);
}

.container img:nth-child(3) {
	left: 920px;
	top: 0;
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.container img:nth-child(4) {
	left: 0px;
	top: 350px;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

.container img:nth-child(5) {
	left: 460px;
	top: 350px;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.container img:nth-child(6) {
	left: 920px;
	top: 350px;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

.container img:nth-child(7) {
	left: 0px;
	top: 700px;
	-webkit-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.container img:nth-child(8) {
	left: 460px;
	top: 700px;
	-webkit-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}

.container img:nth-child(9) {
	left: 920px;
	top: 700px;
	-webkit-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg);
}

.container img:hover {
	-webkit-transform: rotate(0deg) scale(1.5);
	-ms-transform: rotate(0deg) scale(1.5);
	transform: rotate(0deg) scale(1.5);
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	z-index: 2;
}

.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: #365ed0;
	color: #fff;
}



.foot-box {
	width: 100%;
	background: #060b1e;
	padding: 80px 0;
	overflow: hidden;
}

.foot-box .foot-menu {
	width: 70%;
	float: left;
}

.foot-box .foot-menu ul {
	width: 16.25%;
	float: left;
}

.foot-box .foot-menu ul h3 {
	font-size: 20px;
	padding: 10px 0;
	color: #00a0e9;
}

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

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

.foot-box .foot-menu ul li a:hover {
	color: #00a0e9;
}

.foot-box .foot-wx {
	width: 25%;
	float: right;
}

.foot-box .foot-wx h5 {
	line-height: 30px;
	margin-top: 25px;
	font-size: 22px;
	color: #00a0e9;
}

.foot-box .foot-wx p {
	line-height: 25px;
	font-size: 15px;
	margin-bottom: 25px;
	color: #d3d3d3;
}

.footer {
	width: 100%;
	color: #727272;
	background: #060b1e;
	line-height: 35px;
	padding: 20px 0;
	border-top: 1px solid #292e3e;
}

.footer a {
	color: #727272;
}

.footer a:hover {
	color: #00a0e9;
}

.footer .fot-txt {
	float: left;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip i {
	display: block;
	font-style: normal;
	float: left;
	line-height: 32px;
	margin-left: 15px;
	border-radius: 25px;
	padding: 0 35px 0 48px;
	position: relative;
	border: 1px solid #9ea0a8;
}

.tooltip i:before {
	content: '';
	display: block;
	width: 24px;
	height: 20px;
	position: absolute;
	left: 9px;
	top: 6px;
	background: url("../erm.png") no-repeat;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -55px;
	opacity: 0;
	transition: opacity 1s;
}

.tooltip .tooltiptext img {
	max-width: 100%;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


.cd-top {
	display: inline-block;
	height: 50px;
	width: 50px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../top.jpg) no-repeat;
	background-size: 100%;
	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:1420px) {
	.header .logo a {
		width: 216px;
		height: 60px;
	}

	.header .menu ul li a {
		line-height: 84px;
	}

	.b-search .search {
		margin-top: 27px;
	}

	.i-solution ul li h3 {
		font-size: 26px;
	}

	.i-solution ul li span {
		line-height: 45px;
		font-size: 15px;
	}

	.product-box .product-fr ul li h4 {
		font-size: 14px;
	}

	.product-box .product-fr ul li i {
		width: 96px;
		height: 96px;
	}

	.i-solution ul li a {
		padding: 30px 20px;
	}

	.product-box .product-fr .product-more {
		line-height: 50px;
		font-size: 16px;
		width: 220px;
		height: 50px;
	}

	.banner {
		margin-top: 84px;
	}


	.scroll_horizontal {
		width: 1330px;
	}

	.scroll_horizontal .box {
		width: 1330px;
	}


}

@media (max-width:1300px) {
	.header .menu ul li a {
		font-size: 16px;
	}

	.i-solution ul li h3 {
		font-size: 25px;
	}

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

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

	.i-title p {
		font-size: 17px;
	}

	.product-box .product-fr p {
		font-size: 15px;
		line-height: 30px;
	}

	.product-box .product-fr .product-more {
		background: url(../icon31.png) no-repeat 140px 16px;
		line-height: 45px;
		font-size: 14px;
		width: 190px;
		height: 45px;
	}

	.news-list .news-txt {
		padding: 0 25px;
	}

	.news-list .news-txt h2 {
		margin-top: 45px;
		font-size: 22px;
	}

	.news-list .news-txt p {
		line-height: 27px;
		font-size: 14px;
	}

	.news-list .news-txt span {
		font-size: 13px;
	}

	.about-box .about-fl h3 {
		margin: 30px 0;
		font-size: 32px;
	}

	.about-box .about-fl p {
		line-height: 33px;
		font-size: 15px;
	}

	.about-box .about-fl a {
		padding-left: 20px;
		line-height: 45px;
		font-size: 14px;
		width: 190px;
		height: 45px;
		background: #00a0e9 url(../icon31.png) no-repeat 140px 16px;
		margin-top: 45px;
	}

	.wor-box .wor-con h5 {
		font-size: 32px;
		line-height: 45px;
	}

	.wor-box .wor-con p {
		font-size: 16px;
		line-height: 32px;
	}

	.product-num-nub {
		font-size: 50px;
	}

	.product-num-wan {
		font-size: 30px;
	}

	.location-class {
		display: none;
	}

	.main-nav {
		margin-top: -150px !important;
	}

	.main-nav .left-nav h3 {
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 28px;
	}

	.main-nav .left-nav span {
		height: 40px;
		line-height: 40px;
		display: block;
		font-size: 20px;
	}

	.main-nav .right-now {
		width: 70%;
		font-size: 14px;
		float: right;
		height: 70px;
		padding: 10px 0;
		line-height: 40px;
	}

	.main-class a {
		padding: 0 50px;
		margin: 10px 15px 10px 0;
		border-radius: 10px;
		font-size: 15px;
		line-height: 40px;
	}

	.class-box a {
		padding: 0 30px;
		margin: 10px 30px;
		border-radius: 20px;
		font-size: 14px;
		line-height: 35px;
	}

	.cooperation-box h1 {
		height: 30px;
		line-height: 30px;
		padding-left: 25px;
		font-size: 28px;
	}

	.technical-box h1,
	.main-down h1,
	.main-recruitment h1,
	.main-contact h1,
	.learning-box h1,
	.main-news h1 {
		height: 30px;
		line-height: 30px;
		padding-left: 25px;
		font-size: 28px;
	}

	.cooperation-box-table table td {
		font-size: 15px;
	}


	.main-recruitment ul {
		padding: 10px 20px;
		line-height: 22px;
		font-size: 15px;
	}

	.list ul li {
		margin-top: 10px;
	}

	.list ul li a {
		font-size: 14px;
		line-height: 22px;
	}

	.container {
		height: auto;
	}

	.container img {
		width: 31.33%;
		margin: 10px 1%;
		float: left;
		padding: 5px;
		border: 1px solid #ccc;
		box-shadow: 2px 2px 3px rgba(50, 50, 50, .4);
		position: static;
		transform: inherit !important;
		z-index: 1;
		background: #fff;
	}

	.main-contact ul li img {
		max-height: 48px;
	}

	.main-contact ul li h3 {
		font-size: 24px;
		padding: 15px 0;
		line-height: 30px;
	}

	.main-contact ul li {
		font-size: 15px;
	}

	.scroll_horizontal {
		width: 1064px;
	}

	.scroll_horizontal .box {
		width: 1064px;
	}


}

@media (max-width:1200px) {


	.header .menu .pc {
		display: none;
	}

	.header .menu .mp {
		display: block;
	}


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

	.technical-box16 .technical-box-img16 {
		display: none;
	}

	.technical-box16 .technical-box-ul16 {
		display: flex;
		flex-wrap: wrap;
	}

	.i-solution ul {
		border-top: 1px solid #eeeeee;
	}

	.header {
		background: #fff;
		top: 0;
		z-index: 999999;
		position: fixed;
	}

	.header .logo a {
		width: 180px;
		height: 50px;
		background: url(../logo-h.png);
		background-size: 100%;
	}

	.header .head-fr {
		width: auto;
	}

	.header .section {
		width: 100%;
	}

	.m_menu {
		display: block;
	}

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

	.header .menu ul {
		width: 100%;
	}

	.header .menu ul li {
		width: 100%;
		border-bottom: 1px solid #2282e1;
	}

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

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

	.header .menu li .drop {
		position: static;
	}

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

	.header .menu li .drop li {
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		border: none;
	}

	.header .logo {
		padding: 15px 5px;
	}

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

	.b-search .search {
		width: 250px;
		margin-right: 60px;
	}

	.i-solution ul li i {
		width: 110px;
		height: 100px;
		margin: 35px 0;
	}

	.i-solution ul li span {
		background: #00a0e9;
		opacity: 1;
	}

	.m-search {
		display: block;
	}

	.b-search {
		display: none;
	}

	.news-list .news-img {
		display: none;
	}

	.news-list ul li a {
		height: auto;
		overflow: hidden;
	}

	.news-list .news-txt {
		position: static;
		height: auto;
	}

	.news-list .news-txt h2 {
		margin-top: 25px;
	}

	.news-list ul li a:hover {
		color: #636363;
	}

	.news-list ul li a:hover h2 {
		color: #202020;
	}

	.news-list ul li a:hover span {
		background: url("../time-h.png") no-repeat left center;
	}

	.news-list ul li a:hover i {
		background: url("../case31-h.png") no-repeat left center;
	}

	.banner {
		margin-top: 80px;
	}

	.n-title {
		font-size: 18px;
	}

	.n-title span {
		font-size: 35px;
		padding-left: 35px;
		margin-right: 10px;
	}

	.n-title span:before {
		width: 20px;
		height: 4px;
	}

	.main-about .ab-txt {
		font-size: 17px;
		margin-top: 35px;
		line-height: 32px;
	}

	#play .img_ul li a {
		width: 31.33%;
		margin: 15px 1%;
	}

	#play .img_ul .case-img {
		height: 250px;
	}

	.technical-box-memo,
	.main-life-memo,
	.main-contact .main-contact-memo {
		font-size: 16px;
		line-height: 36px;
	}

	.location-class {
		display: none;
	}

	.technical-box dl dd p,
	.technical-box15 dl dt p,
	.learning-px dl dd p {
		font-size: 15px;
		margin-bottom: 3px;
		overflow: hidden;
		color: #242323;
		line-height: 30px;
		position: relative;
	}

	.technical-box10 dl dd p:before,
	.technical-box12 dl dd p:before,
	.technical-box15 dl dd p:before,
	.technical-box15 dl dt p:before,
	.technical-box18 dl dd p:before,
	.learning-px dl dd p:before {
		width: 20px;
		height: 16px;
	}

	.technical-box dl dd h2 {
		font-size: 28px;
		padding: 10px 0;
	}

	.technical-box dl dd:before {
		width: 3px;
		height: 60px;
		background: #0855a1;
		position: absolute;
		left: 0;
		top: 60px;
	}

	.js03 ul li h2 {
		font-size: 28px;
		padding: 15px 0;
	}


	.technical-box11 h4,
	.technical-box13 h4 {
		font-size: 18px;
		line-height: 30px;
	}

	.technical-box11 ul li,
	.technical-box13 ul li {
		font-size: 15px;
		line-height: 28px;
	}

	.technical-box16 .txt {
		font-size: 15px;
		line-height: 32px;
	}


	.main-recruitment ul li {
		float: left;
	}




	.main-contact ul li img {
		max-height: 48px;
	}

	.main-contact ul li h3 {
		font-size: 22px;
		padding: 20px 0;
		height: 60px;
		line-height: 30px;
	}

	.main-contact ul li {
		padding: 20px 30px;
		width: 33.3333%;
		font-size: 14px;
		line-height: 25px;
	}

	.main-xzfl dl {
		padding: 20px;
	}

	.main-xzfl ul li {
		width: 21%;
	}

	.learning-box .learning-py dl dd {
		font-size: 16px;
		line-height: 30px;
	}

	.learning-box .learning-py dl dd p {
		margin-bottom: 10px;
	}

	.main-about,
	.qualification-box,
	.honor-box,
	.main-lif,
	.history-box,
	.i-about,
	.i-news {
		padding: 40px 0;
	}

	.main-down,
	.main-news,
	.main-xzfl,
	.main-contact,
	.learning-box {
		margin: 40px 0;
	}

	.main-recruitment {
		margin-top: 40px;
	}

	.i-product {
		margin-top: 40px;
	}
}

@media (max-width:1120px) {
	.wor-box .wor-con h5 {
		font-size: 28px;
		line-height: 38px;
	}

	.wor-box .wor-con p {
		font-size: 14px;
		line-height: 26px;
	}

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

	.i-title p {
		font-size: 15px;
	}

	.about-box .about-fl h3 {
		font-size: 26px;
	}

	.n-title {
		font-size: 15px;
	}

	.n-title span {
		font-size: 26px;
		padding-left: 35px;
		margin-right: 10px;
	}

	.n-title span:before {
		width: 20px;
		height: 4px;
	}

	.main-xzfl dl dt {
		display: none;
	}

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

	.main-xzfl .fr dd p {
		font-size: 15px;
		line-height: 24px;
	}

	.main-nav {
		position: static;
		margin: 20px 0 !important;
	}

	.main-nav .left-nav {
		width: 100%;
	}

	.main-nav .left-nav h3 {
		color: #111;
		width: 100%;
		height: 35px;
		line-height: 35px;
		font-size: 22px;
	}

	.main-nav .left-nav span {
		height: 35px;
		color: #666;
		line-height: 35px;
		display: block;
		font-size: 16px;
	}

	.main-nav .right-now {
		display: none;
		width: 50%;
		font-size: 14px;
		float: right;
		height: 60px;
		padding: 10px 0;
		line-height: 40px;
	}

	.main-class {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}

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

	.main-class a {
		display: inline-block;
		width: auto;
		float: none;
		background: #f1f1f1;
		padding: 0 30px;
		margin: 10px 15px 10px 0;
		border-radius: 10px;
		font-size: 15px;
		line-height: 40px;
	}

	.class-box {
		background: #f1f1f1;
		padding: 10px 0;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
	}

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

	.class-box a {
		border-radius: 10px;
		font-size: 12px;
		line-height: 30px;
		display: inline-block;
		width: auto;
		float: none;
		background: #fff;
		padding: 0 30px;
		margin: 10px 15px 10px 0;
	}

	.technical-box11 ul,
	.technical-box13 ul {
		padding: 10px 15px;
	}

	.main-news .main-news-fl .news-title {
		font-size: 22px;
		line-height: 38px;
	}

	.main-down .main-down-dl dl dt {
		padding: 5px 15px;
	}

	.main-down .main-down-dl dl dd {
		padding: 5px 15px;
	}

	.main-xzfl ul li p {
		padding: 12px 0;
		font-size: 16px;
		line-height: 22px;
	}

	.scroll_horizontal {
		width: 798px;
	}

	.scroll_horizontal .box {
		width: 798px;
	}


}


@media (max-width:1024px) {

	.learning-box .learning-gc {
		padding: 15px;
	}

	.learning-box .learning-gc img {
		padding-top: 10px;
	}


}

@media (max-width:999px) {
	.about-box .about-fl {
		width: 100%;
	}

	.about-box {
		margin: 0;
	}

	.about-box .about-fl h3 {
		margin: 0 0 30px 0;
	}

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

	.product-box .product-fl {
		width: 100%;
		padding-top: 45%;
		background-size: 100%;
		position: static;
	}

	.product-box .product-fr {
		width: 100%;
		padding: 48px 0;
	}

	.product-box .product-fr .p-box {
		width: 90%;
		margin: 0 auto;
	}

	.foot-box .foot-menu ul {
		width: 19%;
	}

	.i-solution ul li {
		padding-bottom: 2px;
	}

	.i-solution ul li a {
		padding: 20px 30px;
	}

	.i-solution ul li i {
		width: 100px;
		height: 100px;
		margin: 30px 0;
	}

	.i-solution ul li span {
		line-height: 40px;
		font-size: 14px;
		display: block;
		padding-left: 25px;
	}

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

	.cooperation-box h1 {
		margin-bottom: 10px;
		height: 30px;
		line-height: 30px;
		padding-left: 18px;
		font-size: 26px;
	}

	.technical-box h1,
	.main-down h1,
	.main-recruitment h1,
	.main-contact h1,
	.learning-box h1,
	.main-news h1 {
		margin-bottom: 30px;
		height: 30px;
		line-height: 30px;
		padding-left: 18px;
		font-size: 26px;
	}

	.technical-box-memo,
	.main-life-memo,
	.main-contact .main-contact-memo {
		font-size: 15px;
		line-height: 36px;
	}

	.technical-box dl dd p,
	.technical-box15 dl dt p,
	.learning-px dl dd p {
		font-size: 14px;
		margin-bottom: 3px;
		overflow: hidden;
		color: #242323;
		line-height: 27px;
		position: relative;
	}

	.technical-box10 dl dd p:before,
	.technical-box12 dl dd p:before,
	.technical-box15 dl dd p:before,
	.technical-box15 dl dt p:before,
	.technical-box18 dl dd p:before,
	.learning-px dl dd p:before {
		top: 6px;
		width: 20px;
		height: 16px;
	}

	.technical-box dl dd h2 {
		font-size: 24px;
		padding: 5px 0;
	}

	.technical-box dl dd:before {
		width: 3px;
		height: 30px;
		background: #0855a1;
		position: absolute;
		left: 0;
		top: 16px;
	}

	.technical-box dl dt {
		width: 100% !important;
		overflow: hidden;
	}

	.technical-box dl dt img {
		width: 100%;
		max-width: none;
	}

	.technical-box dl dd {
		width: 100% !important;
		overflow: hidden;
	}

	.technical-box {
		margin: 30px 0;
	}

	.technical-box01 dl dd,
	.technical-box02 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box01 dl dt {
		padding: 35px 0 13px 0;
	}

	.technical-box02 dl dt {
		padding: 0;
	}

	.technical-box03 dl dt {
		padding: 0;
	}

	.technical-box03 .technical-lx {
		margin: 10px 0;
	}

	.technical-x01,
	.technical-x02,
	.technical-x03,
	.technical-x04,
	.technical-x05,
	.technical-x07,
	.technical-x08,
	.technical-x09,
	.technical-x10 {
		display: none;
	}

	.technical-box01 dl,
	.technical-box03 dl,
	.technical-box05 dl,
	.technical-box07 dl,
	.technical-box08 dl,
	.technical-box088 dl,
	.technical-box22 dl {
		border: 0;
	}

	.technical-box02 dl dd,
	.technical-box04 dl dd,
	.technical-box05 dl,
	.technical-box06 dl dd,
	.technical-box09 dl dd,
	.technical-box09 dl dd {
		border: 0;
	}

	.technical-box03 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box04 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box04 dl dt {
		padding: 0;
	}

	.technical-box05 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box05 dl dt {
		padding: 0;
	}

	.technical-box06 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box06 dl dt {
		padding: 0;
	}

	.technical-x066 {
		display: none;
	}

	.technical-box07 dl dd,
	.technical-box09 dl dd,
	.technical-box088 dl dd,
	.technical-box09 dl dd,
	.technical-box22 dl dd,
	.technical-box12 dl dd,
	.technical-box15 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box07 dl dt,
	.technical-box08 dl dt,
	.technical-box088 dl dt,
	.technical-box09 dl dt,
	.technical-box22 dl dt,
	.technical-box12 dl dt,
	.technical-box14 dl dt {
		padding: 0;
	}

	.technical-box08 dl dd {
		padding: 8px 8px 8px 15px;
	}

	.technical-box14 dl dd {
		padding: 8px 8px;
	}

	.technical-box14 dl dd p {
		padding: 0;
	}

	.technical-box14 dl {
		margin-top: 30px;
	}

	.technical-box15 dl dt {
		padding: 0;
		margin: 0;
	}

	.technical-box18 dl dt {
		margin: 15px 0 0 0;
	}

	.technical-box17 dl dd {
		padding: 8px 8px;
		margin: auto;
	}

	.technical-box18 dl dd {
		padding: 8px 8px;
		margin: auto;
	}

	.js03 ul li {
		width: 100%;
		margin: 20px 0;
		padding: 30px 10px;
	}

	.technical-box13 ul {
		width: 31.33%;
	}

	.technical-box11 ul {
		width: 31.333%;
	}


	.technical-box10 dl dd span,
	.technical-box11 span,
	.technical-box13 span,
	.technical-box16 span,
	.technical-box17 span,
	.technical-box18 span,
	.main-down .box span,
	.main-down .box01 span,
	.main-xzfl dl dd span,
	.learning-box .learning-gc span,
	.learning-box .learning-py span,
	.learning-px span,
	.learning-dl span {
		font-size: 25px;
		line-height: 30px;
		border-bottom: 2px solid #0855a1;
		padding: 5px 0;
		margin-bottom: 10px;
	}

	.learning-dl span {
		margin: 0 0 20px 0;
	}

	.technical-box15 span {
		font-size: 21px;
		line-height: 30px;
		padding: 10px 0 10px 20px;
	}

	.main-down .box01 {
		width: 100%;
		margin: 0;
	}

	.main-down .main-down-dl01 {
		width: 100%;
		margin: 0;
	}

	.main-down .main-down-dl02 {
		width: 100%;
	}

	.main-down .main-down-dl03 {
		width: 100%;
	}

	.main-xzfl ul li img {}

	.main-xzfl ul li p {
		padding: 8px 0;
		font-size: 14px;
		line-height: 20px;
	}

	.learning-box .learning-py dl dt {
		width: 100%;
	}

	.learning-box .learning-py dl dt img {
		max-width: 100%;
		margin: 15px auto;
	}

	.learning-box .learning-py dl dd {
		width: 100%;
	}

	.learning-box .learning-py span {
		margin: 0;
	}

	.learning-px {
		padding: 10px;
	}

	.learning-px dl dt {
		width: 100%;
	}

	.learning-px dl dd {
		width: 100%;
	}

	.learning-fz dl dt {
		width: 100%;
	}

	.learning-fz dl dd {
		width: 100%;
		position: static;
		padding: 40px 40px;
	}

	.learning-tx dl dt {
		width: 100%;
	}

	.learning-tx dl dd {
		width: 100%;
		position: static;
	}

	.learning-tx dl dd h5 {
		font-size: 20px;
	}

}

@media (max-width:856px) {
	.foot-box .foot-menu ul {
		width: 100%;
	}

	.foot-box .foot-menu ul li {
		width: auto;
		margin-right: 15px;
		float: left;
	}

	.product-num-head {
		display: flex;
		flex-wrap: wrap;
	}

	.product-num-item {
		width: 48%;
		background: #f1f1f1;
		padding: 10px;
		margin: 10px 1%;
	}

	.product-num-nub {
		font-size: 40px;
	}

	.product-num-wan {
		font-size: 24px;
	}

	.product-num-inf {
		font-size: 13px;
		line-height: 22px;
		padding: 5px 0;
	}

	.main-about .ab-txt {
		font-size: 16px;
		margin-top: 30px;
		line-height: 30px;
	}

	.footer {
		text-align: center;
		overflow: hidden;
		line-height: 25px;
		padding: 15px 0;
	}

	.footer .fot-txt {
		width: 100%;
	}

	.tooltip i {
		display: block;
		border: 0;
		line-height: 15px;
		margin: 1px auto;
		padding: 0;
		float: none;
	}

	.tooltip i:before {
		display: none;
	}

	.tooltip .tooltiptext {
		visibility: visible;
		opacity: 1;
		position: static;
		margin: 0 auto;
	}

	.tooltip .tooltiptext img {
		width: 100%;
		max-width: 80px;
		margin: 8px auto;
	}

	.tooltip {
		margin: auto;
	}

	.footer .fr {
		width: 100%;
		display: block;
	}

	.cooperation-box-table table td {
		font-size: 14px;
	}

	.technical-box-memo,
	.main-contact .main-contact-memo {
		padding: 20px 0;
	}

	.main-life-memo {
		padding: 20px 20px;
	}

	.technical-box01 ul li {
		width: 47%;
		margin-bottom: 45px;
	}

	.js03 ul li p {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 8px;
		padding-left: 28px;
	}

	.technical-box15 .t-l {
		width: 100%;
		padding: 8px 8px 8px 15px;
	}

	.technical-box15 .t-r {
		width: 100%;
	}

	.main-xzfl ul li img {
		max-width: 70%;
		margin: auto;
	}

	.main-xzfl ul li {
		width: 29%;
	}

	.learning-box .learning-py dl dd {
		font-size: 14px;
		line-height: 24px;
	}
}

/*banner媒体查询*/
@media (max-width:768px) {
	.i-news .i-title {
		position: static;
	}

	.i-solution ul li h3 {
		font-size: 20px;
	}

	.aui-nav-list-box {
		width: 100%;
		max-width: 423px;
		margin: auto;
		position: static;
	}

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

	.aui-nav-content-box {
		margin-top: 40px;
	}

	.aui-nav-list-tab {
		padding-top: 20px;
	}

	.wor-box .wor-con h5 {
		font-size: 22px;
		line-height: 38px;
	}

	.wor-box .wor-con p {
		font-size: 12px;
		line-height: 26px;
	}

	.technical-box16 .txt {
		font-size: 14px;
		line-height: 28px;
	}

	.technical-box-memo,
	.main-life-memo,
	.main-contact .main-contact-memo {
		font-size: 14px;
		line-height: 28px;
	}

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

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

	.main-news dl dd h3 {
		font-size: 16px;
		margin: 10px 0;
	}

	.main-news dl dd p {
		font-size: 13px;
		margin-top: 5px;
		line-height: 24px;
	}

	.main-news .main-news-fl .news-title {
		font-size: 20px;
		line-height: 30px;
	}

	.main-news .main-news-fl .news-intro {
		line-height: 28px;
		font-size: 14px;
	}

	.learning-fz dl dd {
		width: 100%;
		position: static;
		padding: 20px 20px;
	}

	.learning-dl dl dd p {
		font-size: 14px;
		line-height: 24px;
	}
}


@media (max-width:658px) {
	.foot-box .foot-menu {
		width: 100%;
	}

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

	.i-solution ul li span {
		line-height: 32px;
		font-size: 12px;
		display: block;
		padding-left: 20px;
	}

	.i-solution ul li i {
		width: 75px;
		height: 75px;
		margin: 15px 0;
	}

	.product-box .product-fr ul li {
		width: 23%;
		margin: 10px 1%;
	}

	.news-list ul li a {}

	.news-list .news-txt {
		height: 140px;
		padding: 0 10px;
	}

	.news-list .news-txt i {
		display: none;
	}

	.news-list ul li {
		width: 47%;
	}

	.news-list .news-txt h2 {
		margin-top: 10px;
		font-size: 16px;
	}

	.news-list .news-txt p {
		margin: 5px 0;
		line-height: 21px;
		font-size: 12px;
	}

	.product-box .product-fr ul {
		margin: 0 0 25px 0;
	}

	.product-box .product-fr ul li i {
		width: 80px;
		height: 80px;
	}

	.wor-wrap .wor-box {
		width: 100%;
		height: auto;
	}

	.wor-box .pos-lr,
	.wor-box .pos-ri {
		margin: 40px 15%;
	}

	.wor-box .wor-con span {
		top: 50%;
	}

	.wor-box .wor-con h5 {
		font-size: 18px;
		line-height: 32px;
	}

	.wor-box .wor-con p {
		font-size: 12px;
		line-height: 22px;
	}

	.i-solution ul li a {
		padding: 15px 15px;
	}

	.product-box .product-fr {
		width: 100%;
		padding: 30px 0;
	}

	.product-box .product-fr p {
		font-size: 13px;
		line-height: 24px;
	}

	.product-box .product-fr .product-more {
		margin: auto;
		background: url(../icon31.png) no-repeat 110px 16px;
		line-height: 38px;
		font-size: 14px;
		width: 150px;
		height: 38px;
	}

	.about-box .about-fl a {
		padding-left: 20px;
		line-height: 38px;
		font-size: 14px;
		width: 150px;
		height: 38px;
		background: #00a0e9 url(../icon31.png) no-repeat 110px 16px;
		margin: 25px auto;
	}

	.foot-box .foot-menu ul h3 {
		font-size: 17px;
		padding: 5px 0;
	}

	.foot-box .foot-menu ul li {
		margin-right: 10px;
		line-height: 25px;
		font-size: 12px;
		float: left;
	}

	.foot-box .foot-wx h5 {
		font-size: 17px;
		margin-top: 13px;
	}

	.foot-box .foot-wx p {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.product-num-nub {
		font-size: 30px;
		height: 60px;
		line-height: 60px;
	}

	.product-num-wan {
		font-size: 18px;
		height: 60px;
		line-height: 60px;
	}

	.product-num-inf {
		font-size: 13px;
		line-height: 22px;
		padding: 5px 0;
	}

	#play .img_ul li a {
		width: 48%;
		margin: 15px 1%;
	}

	#play .img_ul .case-img {
		height: 180px;
	}

	#play .img_ul .case-txt h2 {
		font-size: 15px;
		line-height: 30px;
		height: 30px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.ryzz-box {
		width: 100%;
		padding: 0 40px;
		margin: 20px auto;
	}

	.img_hd ul li {
		width: 31.33%;
		height: 35px;
		font-size: 15px;
		line-height: 35px;
		margin: 0 1%;
	}

	.img_hd {
		width: 100%;
	}

	.img_hd ul {
		width: 100%;
	}

	.main-down .main-down-list li {
		width: 98%;
		font-size: 14px;
		line-height: 30px;
		margin: 5px 1%;
		padding: 8px;
	}

	.main-down .main-down-list li a:before {
		width: 24px;
		height: 29px;
	}

	.main-class a {
		display: inline-block;
		width: auto;
		float: none;
		background: #f1f1f1;
		padding: 0 20px;
		margin: 10px 10px 10px 0;
		border-radius: 6px;
		font-size: 14px;
		line-height: 40px;
	}

	.class-box {
		padding: 0 20px;
	}

	.technical-box03 .technical-lx .technical-lx-box {
		padding: 10px;
	}

	.technical-box03 .technical-lx .technical-lx-box .technical-lx-txt .technical-lx-txt-fl {
		width: 100%;
	}

	.technical-box03 .technical-lx .technical-lx-box .technical-lx-txt .technical-lx-txt-fr {
		width: 100%;
		font-size: 14px;
		line-height: 26px;
	}

	.technical-box01 ul li {
		width: 100%;
		margin: 28px 0;
	}

	.technical-box01 ul li span {
		left: 0;
	}

	.technical-box01 ul li p {
		font-size: 14px;
		line-height: 24px;
		margin: 3px 0;
	}

	.technical-box05 ul {
		width: 100%;
		min-height: auto;
	}

	.technical-box05 ul.vj01::after {
		display: none;
	}

	.technical-box05 ul.vj02::after {
		display: none;
	}

	.technical-box05 h4 {
		font-size: 16px;
		line-height: 35px;
	}

	.technical-box05 ul li {
		font-size: 13px;
		line-height: 28px;
	}

	.technical-box11 ul {
		width: 100%;
		margin: 10px 0;
	}

	.technical-box11 h4,
	.technical-box13 h4 {
		min-height: auto;
	}

	.technical-box13 ul {
		width: 100%;
		margin: 10px 0;
	}

	.technical-box12 dl dd p {
		width: 98%;
	}

	.technical-box dl dd p,
	.learning-px dl dd p {
		width: 98%;
	}

	.main-down .main-down-dl dl dt {
		font-size: 14px;
	}

	.main-down .main-down-dl dl {
		font-size: 12px;
		line-height: 24px;
	}

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

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

	.product-box .product-fr ul li h4 {
		font-size: 12px;
	}

	.list ul li ul li {
		line-height: 28px;
		font-size: 14px;
		padding: 10px 20px;
	}

	.zp-content {
		padding: 10px 0;
	}

	.zp-content .zp-content-fl {
		width: 100%;
	}

	.list ul li ul li a {
		line-height: 30px;
		margin: 15px 0;
		height: 30px;
		padding: 0;
	}

	.zp-content .zp-content-fr {
		width: 100%;
	}

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

	.main-contact ul li h3 {
		font-size: 20px;
		padding: 10px 0;
		height: 60px;
		line-height: 30px;
	}

	.main-contact ul li img {
		height: 35px;
	}

	.my-map {
		height: 200px;
	}

	.main-xzfl dl {
		width: 100%;
	}

	.main-xzfl .fr dd p {
		width: 100%;
		margin: 4px 0;
		line-height: 20px;
	}

	.main-down .main-down-list li {
		line-height: 24px;
	}

	.main-down .main-down-list li a {
		width: 100%;
		margin: 1px 0;
		padding-left: 35px;
		overflow: auto;
		display: block;
	}

	.main-down .main-down-list li span {
		width: 100%;
		margin: 1px 0;
		padding-left: 35px;
	}

	.scroll_horizontal {
		width: 266px;
		padding: 0;
		background: none;
	}

	.scroll_horizontal .box {
		width: 266px;
	}

	.scroll_horizontal .list li {
		height: auto;
	}

	.scroll_horizontal .list li a {
		width: 94%;
		text-align: left;
		margin: 0 3%;
		position: relative;
		padding: 30px 10px;
		color: #fff;
	}

	.scroll_horizontal .list li:nth-child(even) a {
		height: auto;
		position: static;
	}

	.scroll_horizontal .list li:nth-child(even) a:after {
		display: none;
	}

	.scroll_horizontal .list li:nth-child(even) a:before {
		display: none;
	}

	.scroll_horizontal .list li:nth-child(even) h3 {
		top: -30px;
	}

	.scroll_horizontal .list li:nth-child(odd) a {
		height: 200px;
		position: static;
		margin: 0 3%;
		padding: 0 30px;
		top: 200px;
	}

	.scroll_horizontal .list li:nth-child(odd) a:after {
		display: none;
	}

	.scroll_horizontal .list li:nth-child(odd) a:before {
		display: none;
	}

	.scroll_horizontal .list li:nth-child(odd) h3 {
		bottom: -30px;
	}

	.scroll_horizontal .list li h3 {
		font-size: 30px;
		color: #73c4ff;
		line-height: 50px;
		position: static;
	}

	.scroll_horizontal .list li p {
		font-size: 15px;
		line-height: 25px;
		position: relative;
	}

	.scroll_horizontal .list li p span {
		font-weight: bold;
		font-size: 16px;
		left: 0;
	}


	.scroll_horizontal .plus {
		width: 22px;
		height: 22px;
		top: 15%;
		margin-top: 1px;
	}

	.scroll_horizontal .minus {
		width: 22px;
		height: 22px;
		top: 15%;
		margin-top: 1px;
	}

	.scroll_horizontal .plus {
		left: -30px;
	}

	.scroll_horizontal .minus {
		right: -30px;
	}

	.pf {
		margin-top: -13px;
	}

	.technical-box16 ul li {
		width: 100%;
		font-size: 12px;
		border-radius: 10px;
		padding: 20px 0;
		line-height: 20px;
	}

	.technical-box16 .it-technical-top {
		padding: 10px 0;
	}

	.technical-box16 .it-technical-top h4 {
		font-size: 20px;
		padding: 5px 0;
	}

	.technical-box16 .it-technical-top h5 {
		font-size: 14px;
	}

	.technical-box16 .it-technical-main {
		padding: 5px 15px;
	}

	.technical-box16 .it-technical-bottom {
		padding: 5px 15px;
		height: 60px;
	}

	.technical-box16 ul li:nth-child(2) {
		margin: 10px 0;
	}

	.i-solution ul li p {
		display: none;
	}

	.i-solution ul li {
		width: 25%;
	}

	.i-solution ul li a {
		position: relative;
	}

	.i-solution ul li a:after {
		display: block;
		position: absolute;
		bottom: 8px;
		right: 8px;
		content: '';
		background: url("../n-r.png") no-repeat;
		background-size: 100%;
		width: 20px;
		height: 20px;
	}

	.i-solution ul li i {
		margin: 10px 0 25px 0;
	}
}

@media (max-width:525px) {
	.product-box .product-fr ul li i {
		width: 65px;
		height: 65px;
	}

	.i-solution ul li a {
		padding: 8px 3px 8px 10px;
	}

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

	.i-solution ul li h3 {
		height: 40px;
		font-size: 16px;
	}

	.i-solution ul li i {
		width: 60px;
		height: 60px;
	}

}

@media (max-width:428px) {
	.i-solution ul li h4 {
		font-size: 16px;
	}

	.i-solution ul li h3 {
		font-size: 14px;
	}

	.i-adv span {
		font-size: 18px;
		line-height: 30px;
	}

	.i-solution ul li i {
		width: 50px;
		height: 50px;
	}
}