@charset "UTF-8";

/*公共样式*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

div,
input,
textarea,
tr,
th,
td,
ul,
li,
span,
a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	font-size: 14px;
	font-family: "Microsoft YaHei", "Shonar Bangla", "Arial";
	line-height: 1;
	overflow-x: hidden;
	background: #fff;
}

input,
textarea,
button {
	padding: 0;
	font-family: "Microsoft YaHei", "Shonar Bangla", "Arial"
}

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

ul,
ol,
li {
	list-style-type: none;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

select,
input,
textarea,
button {
	vertical-align: middle;
	outline: none;
	resize: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	text-decoration: none;
	color: #000;
	transition: all .5s;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
	color: #000;
}

.clear:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.clear {
	zoom: 1;
}

.zoom-img {
	overflow: hidden;
}

.zoom-img .img {
	overflow: hidden;
}

.zoom-img img {
	transition: all .5s;
}

.zoom-img:hover img {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.nav-page {
	font-size: 0;
	text-align: center;
}

.w14 {
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}

.w16 {
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}


/*引入外部字体*/

@font-face {
	font-family: 'zpixe';
	src: url('../fonts/zpixe.eot');
	src: url('../fonts/zpixe.eot?#iefix') format('embedded-opentype'), url('../fonts/zpixe.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


/* header */

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: rgba(0, 0, 0, .5);
	z-index: 9;
}

.header .head_wrap {
	padding: 0 5%;
}

.header .logo {
	position: absolute;
	left: 0;
	top: 0;
	transition: all .5s;
}

.header .language {
	font-size: 0;
	float: right;
	margin-left: 50px;
}

.header .language a {
	display: inline-block;
	line-height: 100px;
	font-size: 14px;
	color: #fff;
}

.header .language .cn {
	padding-left: 37px;
	background: url(../images/img28.jpg) left center no-repeat;
	margin-right: 23px;
}

.header .language .en {
	padding-left: 37px;
	background: url(../images/img29.jpg) left center no-repeat;
}

.header .search {
	float: right;
	line-height: 100px;
	position: relative;
	z-index: 9;
}

.header .search .icon {
	cursor: pointer;
}

.sear-box {
	/* display: none; */
	position: absolute;
	right: 0;
	top: 10px;
	width: 150px;
	height: auto;
	background: #000;
	padding: 30px 20px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease-out, width 0.3s ease-out;
}

.sear-box .form {
	font-size: 0;
	line-height: 1;
	margin-bottom: 20px;
}

.sear-box .sub {
	width: 26px;
	height: 26px;
	background: url(../images/img1.png) center center no-repeat;
	font-size: 0;
	cursor: pointer;
}

.sear-box .text {
	width: calc(100% - 54px);
	height: 26px;
	background: #000;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
}

.sear-box .close {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 22px;
	font-size: 20px;
	color: #fff;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}

.sear-box .h1 {
	color: #fff;
	display: block;
	margin-bottom: 10px;
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
}

.sear-box li {
	height: 38px;
	line-height: 38px;
	padding-left: 18px;
}

.sear-box li a {
	display: block;
	height: 38px;
	line-height: 38px;
	display: inline-block;
	color: #fff;
	opacity: 0.6;
	padding-left: 18px;
}

.sear-box li:hover a {
	opacity: 1;
}

.header .sear-box.on {
	pointer-events: auto;
	opacity: 1;
	width: 500px;
}

.header .nav {
	float: right;
}

.header .nav_wrap>li {
	float: left;
	height: 100px;
	line-height: 100px;
	margin-right: 70px;
	position: relative;
}

.header .nav_wrap>li>a {
	font-size: 16px;
	color: #fbfbfb;
}

.header .nav_wrap .box {
	background: rgba(0, 0, 0, .8);
	line-height: 1;
	position: absolute;
	top: 100px;
	padding: 50px 20px;
	width: 662px;
	left: -150px;
	display: none;
}

.header .nav_wrap .box ul {
	float: left;
	padding-left: 30px;
}


/*.header .nav_wrap .box ul:nth-child(2) {
	padding-left: 30px;
	width: 348px;
}*/

.header .li_1 .box {
	left: auto;
	right: 0;
	width: 450px;
	white-space: nowrap;
}

.header .nav_wrap .li_1 .box ul:nth-child(2) {
	width: auto;
}

.header .nav_wrap .li_1 .l_ul {
	width: auto;
	padding-right: 50px;
	padding-left: 0;
}

.header .nav_wrap .li_1 .l_ul li {
	display: block;
	width: auto;
}

.header .nav_wrap .box .h1 {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 45px;
}

.header .nav_wrap .box .icon {
	display: inline-block;
	width: 16px;
	height: 2px;
	background: #d42229;
	vertical-align: top;
	margin-top: 7px;
	margin-right: 10px;
}

.header .nav_wrap .box ul li {
	padding-left: 26px;
	margin-bottom: 28px;
}

.header .nav_wrap .box ul a {
	font-size: 16px;
	color: #fff;
	white-space: nowrap;
}

.header .nav_wrap .l_ul {
	font-size: 0;
	background: url(../images/img2.png) right center no-repeat;
	width: 345px;
	padding-left: 0;
}

.header .nav_wrap .l_ul li {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.header .nav_wrap .words {
	font-size: 14px;
	color: #fff;
	margin-top: 22px;
}

.header .mobile-logo {
	display: none;
	transition: all .5s;
	float: left;
}

.header .menu {
	display: none;
	float: right;
}

.header .menu-nav {
	position: fixed;
	top: 1.1rem;
	left: 0;
	width: 100%;
	height: calc(100% - 1.1rem);
	background: #000;
	padding: .34rem .3rem 0;
	border-top: 1px solid #434343;
	display: none;
}

.header .mobile-search {
	width: 100%;
	height: .7rem;
	font-size: 0;
	background: #434343;
	border-radius: .3rem;
	overflow: hidden;
}

.header .mobile-search input {
	height: .7rem;
	line-height: .7rem;
	vertical-align: top;
	padding: 0 .1rem;
}

.header .mobile-search .text {
	width: calc(100% - .75rem);
	background: #434343;
	color: #fff;
}

.header .mobile-search .sub {
	width: .36rem;
	height: .36rem;
	background: url(../images/img31.jpg) center center no-repeat / .36rem auto;
	font-size: 0;
	margin-top: .19rem;
	margin-right: .39rem;
}

.header .wrap {
	height: calc(100vh - 2.14rem);
	overflow-y: scroll;
}

.header .wrap::-webkit-scrollbar {
	display: none;
}

.header .wrap li {
	line-height: 1.14rem;
	border-bottom: 1px solid #434343;
	font-size: .34rem;
	color: #fff;
}

.header .wrap li:last-child {
	border-bottom: 0;
}

.header .wrap li>a {
	color: #fff;
	display: block;
}

.header .menu .h1 {
	background: url(../images/img32.jpg) right center no-repeat / .28rem auto;
}

.header .menu .h1.on {
	background: url(../images/img38.jpg) right center no-repeat / .28rem auto;
}

.header .menu .h1>a {
	color: #fff;
	display: block;
}

.header .wrap .box {
	padding-left: .48rem;
	line-height: .8rem;
	display: none;
	padding-bottom: .4rem;
}

.header .list {
	border-bottom: 1px solid #434343;
}

.header .list:last-child {
	border-bottom: 0;
}

.header .name {
	padding-left: .32rem;
	background: url(../images/img37.jpg) left center no-repeat / .11rem auto, url(../images/img36.jpg) right center no-repeat / .18rem auto;
}

.header .name.on {
	background: url(../images/img37.jpg) left center no-repeat / .11rem auto, url(../images/img35.jpg) right center no-repeat / .18rem auto;
}

.header .pull-down {
	display: none;
	padding-bottom: .23rem;
}

.header .pull-down a {
	display: block;
	font-size: .34rem;
	color: #fff;
	padding-left: .8rem;
}

.header .menu .close {
	position: absolute;
	top: -1.1rem;
	right: 5%;
	width: .5rem;
	height: auto;
	display: none;
}


/* footer */

.footer {
	background: url(../images/img22.jpg) center center no-repeat / cover;
	color: #fff;
}

.footer .top {
	padding: 2.6% 0 0;
	border-bottom: 1px solid #232323;
}

.footer .top>div {
	float: left;
	padding-bottom: 1.6%;
}

.footer .nav {
	margin-left: 10.6%;
	max-width: 200px;
}

.footer .h1 {
	font-size: 16px;
	color: #fbfbfb;
	margin-bottom: 20px;
}

.footer .h1 .icon {
	color: #d42229;
	display: inline-block;
	margin-right: 15px;
}

.footer .nav ul {
	padding-left: 27px;
	font-size: 0;
}

.footer .nav li {
	font-size: 14px;
	color: #fbfbfb;
	display: inline-block;
	width: 50%;
	line-height: 36px;
}

.footer .nav li a {
	color: #fbfbfb;
}

.footer .mode {
	margin-left: 11.3%;
	max-width: 330px;
}

.footer .mode ul {
	padding-left: 25px;
}

.footer .mode li {
	font-size: 14px;
	color: #fbfbfb;
	line-height: 36px;
}

.footer .mode li>span {
	float: left;
}

.footer .mode .name {
	width: 45px;
	height: auto;
}

.footer .mode .sp_1 {
	width: calc(100% - 45px);
	height: auto;
}

.footer .code {
	/* float: right !important; */
	text-align: center;
	margin-left: 10%;
}

.footer .code>span {
	font-size: 14px;
	color: #fff;
	line-height: 50px;
}

.footer .bot {
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 50px;
}

.footer .bot a {
	color: #666;
}


/* index */

.home-swip .text {
	position: absolute;
	top: 45%;
	left: 13%;
	font-family: "思源黑体 CN";
}

.home-swip .text .icon {
	width: 50px;
	height: 6px;
	background: #d42229;
	margin-bottom: 26px;
}

.home-swip .text .h1 {
	font-size: 50px;
	color: #fff;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 34px;
}

.home-swip .text .h1 span {
	font-size: 30px;
}

.home-swip .text .h2 {
	font-size: 50px;
	color: #fff;
	font-weight: bold;
}

.home-swip .bot {
	position: absolute;
	bottom: 70px;
	width: 100%;
	left: 0;
	text-align: center;
	z-index: 2;
}

.home-swip .wrap {
	position: relative;
	background: #fff;
	padding: 0 60px;
	border-radius: 20px;
	display: inline-block;
	height: 40px;
}

.home-swip .swiper-pagination {
	position: relative;
}

.home-swip .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	background: #b1b1b1;
	margin: 0 8px;
	opacity: 1;
	margin-top: 13px;
}

.home-swip .swiper-pagination-bullet-active {
	border: 2px solid #d62329;
	background: #fff;
}

.home-swip .swiper-button-next,
.home-swip .swiper-button-prev {
	width: 8px;
	height: 16px;
	margin-top: -8px;
}

.home-swip .swiper-button-prev {
	background: url(../images/img4.jpg) center center no-repeat;
}

.home-swip .swiper-button-next {
	background: url(../images/img5.jpg) center center no-repeat;
}

.home-swip .swiper-button-prev:hover {
	background: url(../images/img4-2.jpg) center center no-repeat;
}

.home-swip .swiper-button-next:hover {
	background: url(../images/img5-2.jpg) center center no-repeat;
}

.product {
	position: relative;
	width: 100%;
	height: auto;
}

.product .l-box {
	width: 50%;
	height: auto;
}

.product .l-box li {
	padding: 18.3% 0 21% 27.3%;
	font-size: 0;
	cursor: pointer;
	background: #f4f4f4;
}

.product .l-box li>div {
	display: inline-block;
	vertical-align: top;
}

.product .l-box .number {
	font-size: 18px;
	color: #f4f4f4;
	font-family: Arial;
	margin-top: 10px;
	margin-right: 24px;
}

.product .l-box .icon {
	width: 180px;
	height: 1px;
	background: #f4f4f4;
	margin-top: 18px;
	margin-right: 30px;
}

.product .l-box .words {
	font-size: 40px;
	color: #222;
	font-family: zpixe;
}

.product .l-box .h1 {
	font-size: 38px;
	color: #444;
	margin-bottom: 17.5%;
}

.product .l-box li.on {
	background: #d42229;
}

.product .l-box li.on .words {
	color: #fff;
}

.product .l-box li.on .h1 {
	color: #fff;
}

.product .r-box {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 6.8% 8.4% 7.4% 5.8%;
}

.product .r-box .item {
	display: none;
}

.product .r-box .item.on {
	display: block;
}

.product .r-box .home-swip2 .list {
	position: relative;
	margin-bottom: 4.5%;
}

.product .r-box .home-swip2 .list:last-child {
	margin-bottom: 0;
}

.product .r-box .home-swip2 .text {
	position: absolute;
	padding: 0 4%;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .38);
	transition: all .3s;
}

.product .r-box .home-swip2 .list:hover .text {
	background: none;
}

.product .r-box .home-swip2 .number {
	font-size: 20px;
	color: #fff;
	margin-top: 12%;
	margin-bottom: 2.9%;
}

.product .r-box .home-swip2 .h1 {
	font-size: 24px;
	color: #fff;
}

.product .r-box .home-swip2 .more {
	display: block;
	font-size: 14px;
	color: #fff;
}

.product .r-box .home-swip3 .list {
	float: left;
	width: 48%;
	height: auto;
	margin-right: 4%;
	background: #f6f6f6;
	margin-bottom: 2.9%;
	transition: all .5s;
	position: relative;
}

.product .r-box .home-swip3 .list:nth-child(2n) {
	margin-right: 0;
}

.product .r-box .home-swip3 .list .img {
	text-align: center;
	margin: 7% 0;
}

.product .r-box .home-swip3 .list .bot {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 5%;
	line-height: 16px;
	transition: all .5s;
}

.product .r-box .home-swip3 .list .h1 {
	float: left;
	font-size: 16px;
	color: #222;
	transition: all .5s;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product .r-box .home-swip3 .list .more {
	float: right;
	font-size: 12px;
	color: #666;
	transition: all .5s;
	width: 30%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
}

.product .r-box .home-swip3 .list:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.product .r-box .home-swip3 .list:hover .bot {
	background: #d42229;
}

.product .r-box .home-swip3 .list:hover .h1 {
	color: #fff;
}

.product .r-box .home-swip3 .list:hover .more {
	color: #fff;
}

.product .swiper-button-prev2,
.product .swiper-button-next2 {
	width: 58px;
	height: 18px;
	position: absolute;
	cursor: pointer;
}

.product .swiper-button-prev2 {
	bottom: 0;
	left: 0;
	background: url(../images/img9.jpg) center center no-repeat;
	margin-bottom: 14.8%;
	margin-left: 11.5%;
}

.product .swiper-button-next2 {
	bottom: 0;
	left: 0;
	background: url(../images/img10.jpg) center center no-repeat;
	margin-bottom: 14.8%;
	margin-left: 21%;
}

.product .swiper-button-prev2:hover {
	background: url(../images/img9-2.jpg) center center no-repeat;
}

.product .swiper-button-next2:hover {
	bottom: 0;
	left: 0;
	background: url(../images/img10-2.jpg) center center no-repeat;
	margin-bottom: 14.8%;
	margin-left: 21%;
}

.product .swiper-button-prev3,
.product .swiper-button-next3 {
	width: 58px;
	height: 18px;
	position: absolute;
	cursor: pointer;
}

.product .swiper-button-prev3 {
	bottom: 0;
	left: 0;
	background: url(../images/img9.jpg) center center no-repeat;
	margin-bottom: 14.8%;
	margin-left: 11.5%;
}

.product .swiper-button-next3 {
	bottom: 0;
	left: 0;
	background: url(../images/img10.jpg) center center no-repeat;
	margin-bottom: 14.8%;
	margin-left: 21%;
}

.product .swiper-button-prev3:hover {
	background: url(../images/img9-2.jpg) center center no-repeat;
}

.product .swiper-button-next3:hover {
	bottom: 0;
	left: 0;
	background: url(../images/img10-2.jpg) center center no-repeat;
	margin-bottom: 14.8%;
	margin-left: 21%;
}

.service {
	padding: 4.2% 0 13.7%;
	background: url(../images/img11.jpg) center center no-repeat / cover;
}

.home-page .title {
	font-family: zpixe;
	color: #fff;
	margin-bottom: 6.3%;
}

.home-page .title .h1 {
	font-size: 38px;
	color: #fff;
	margin-bottom: 28px;
}

.home-page .title .h2 {
	font-size: 16px;
	color: #fff;
}

.service .wrap {
	font-family: zpixe;
	min-height: 465px;
}

.service .l-box {
	width: 300px;
	height: auto;
	float: left;
	color: #fff;
	padding-left: 3.8%;
}

.service .l-box li {
	font-size: 0;
	color: #fff;
}

.service .l-box li:last-child {
	margin-bottom: 0;
}

.service .l-box .h1 {
	font-size: 20px;
	line-height: 80px;
	transition: all .5s;
}

.service .l-box .icon {
	display: inline-block;
	width: 1px;
	height: 50px;
	background: #fff;
	margin-left: 39px;
	display: none;
	transition: all .5s;
}

.service .l-box .number {
	font-size: 26px;
	color: #fff;
	vertical-align: top;
	display: inline-block;
	margin-right: 30px;
	width: 80px;
	height: 80px;
	text-align: center;
	transition: all .5s;
}

.service .l-box li.on .icon {
	display: block;
}

.service .l-box li:nth-child(1).on .icon:nth-child(1) {
	display: none;
}

.service .l-box li:last-child.on .icon:last-child {
	display: none;
}

.service .l-box li.on .h1 {
	margin: 8.5% 0;
}

.service .l-box li.on .number {
	background: url(../images/img12.png) center center no-repeat;
}

.service .r-box {
	width: calc(100% - 300px);
	height: auto;
	float: left;
	color: #fff;
	padding-left: 11%;
}

.service .r-box .list {
	display: none;
	transition: all .5s;
}

.service .r-box .list.on {
	display: block;
}

.service .r-box .number {
	font-size: 20px;
	color: #fff;
	font-family: zpixe;
	margin: 25px 0 18px;
}

.service .r-box .h1 {
	font-size: 30px;
	color: #fff;
	font-family: zpixe;
	margin-bottom: 3.6%;
}

.service .r-box .h1>span {
	font-size: 18px;
	display: inline-block;
	margin-left: 18px;
}

.service .r-box li {
	margin-bottom: 3.6%;
}

.service .r-box .text .icon {
	float: left;
	width: 40px;
	height: 40px;
}

.service .r-box .text .words {
	float: left;
	width: 440px;
	height: auto;
	margin-left: 18px;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
}

.about .box>div {
	float: left;
	/* width: 50%; */
	height: auto;
}

.about .title .h1 {
	color: #222;
}

.about .title .h2 {
	color: #222;
}

.about .l-box {
	padding-top: 10.6%;
	padding-right: 10.6%;
	width: 65%;
}

.about .l-box .words {
	font-size: 16px;
	color: #666;
	line-height: 1.8;
	/* height: 240px; */
	/*
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	*/
}

.home-page .about .more,
.home-page .new .more {
	width: 184px;
	height: 68px;
	line-height: 68px;
	margin-top: 16%;
	transition: all .5s;
	position: relative;
	padding-left: 25px;
}

.home-page .about .more::before,
.home-page .new .more::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #d42229;
	transition: all .5s;
	z-index: 0;
}

.home-page .about .more a,
.home-page .new .more a {
	display: block;
	font-size: 16px;
	color: #666;
	position: relative;
	z-index: 2;
	background: url(../images/img15-2.png) 85% center no-repeat;
	transition: all;
}

.home-page .about .more:hover a,
.home-page .new .more:hover a {
	background: url(../images/img15.png) 85% center no-repeat;
	color: #fff;
}

.home-page .about .more:hover::before,
.home-page .new .more:hover::before {
	width: 100%;
}

.about .r-box {
	position: relative;
	width: 35%;
}

.about .data {
	width: 225px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #f8f8f8;
	padding: 20.6% 3.5% 0;
}

.about .data li {
	font-size: 20px;
	color: #222;
	margin-bottom: 47.5%;
}

.about .data li:last-child {
	margin-bottom: 0;
}

.about .data .h1 {
	font-size: 45px;
	color: #d42229;
	font-weight: bold;
	margin-bottom: 18px;
}

.about .data .sp_1 {
	font-size: 16px;
	color: #222;
	font-weight: normal;
	display: inline-block;
	margin-left: 5px;
}

.about .img-box {
	width: 100%;
	height: auto;
	float: right;
}

.about .img-box .img>a {
	/* display: none; */
}

.about .img {
	position: relative;
}

.about .img .text {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 13%;
	background: url(../images/img15.png) 10% 80% no-repeat;
}

.about .img .h1 {
	font-size: 20px;
	color: #fff;
	line-height: 30px;
	padding: 0 9%;
}

.new {
	padding: 4.7% 0 0;
}

.new .title .h1 {
	color: #222;
}

.new .title .h2 {
	color: #222;
}

.new .more {
	margin-top: 29%;
}

.new .box>div {
	float: left;
}

.new .l-box {
	width: 275px;
	height: auto;
}

.new .r-box {
	width: calc(100% - 275px);
	height: auto;
}

.new .news-list {
	float: left;
	width: 30%;
	height: auto;
	margin-right: 5%;
}

.new .news-list:last-child {
	margin-right: 0;
}

.new .news-list .h1 {
	font-size: 20px;
	color: #000;
	border-bottom: 1px solid #aaa;
	margin-bottom: 30px;
}

.new .news-list .h1>span {
	position: relative;
	display: inline-block;
	height: 39px;
}

.new .news-list .h1>span::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #d42229;
	content: "";
}

.new .img-text {
	padding-bottom: 37px;
	border-bottom: 1px dashed #e5e5e5;
	margin-bottom: 27px;
}

.new .img-text a>div {
	float: left;
}

.new .img {
	width: 40%;
	height: auto;
}

.new .news-list .text {
	width: 60%;
	height: auto;
	padding-left: 15px;
}

.new .news-list .date {
	font-size: 16px;
	color: #222;
}

.new .news-list ul .date {
	color: #666;
}

.new .news-list .h2 {
	font-size: 20px;
	color: #222;
	margin: 8.5% 0 6.3%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .5s;
}

.new .news-list .words {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.new .img-text:hover .h2 {
	color: #d42229;
}

.new .bot li {
	margin-bottom: 25px;
}

.new .bot li a>span {
	float: left;
}

.new .bot .name {
	width: calc(100% - 100px);
	height: auto;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all .5s;
}

.new .bot .data {
	float: right;
	width: 90px;
	height: auto;
	font-size: 16px;
	color: #666;
}

.new .bot li:hover .name {
	color: #d42229;
}

.link {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	vertical-align: top;
	line-height: 26px;
	margin: 2.1% 0 1.6%;
}

.link .box>span {
	vertical-align: top;
	display: inline-block;
	margin-right: 2px;
}

.link .box>a {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	color: #666;
	margin-right: 3.4%;
	font-weight: normal;
}


/* product */

.banner .img_2 {
	display: none;
}

.nav-all .box {
	position: relative;
}

.nav-all .wrap {
	position: absolute;
	top: -80px;
	left: 0;
	font-size: 0;
}

.posit {
	position: absolute;
	top: -80px;
	right: 0;
}

.posit a {
	display: inline-block;
	font-size: 14px;
	color: #999;
	line-height: 80px;
}

.nav-all li {
	display: inline-block;
	width: 250px;
	height: 80px;
	background: #262626;
	font-family: zpixe;
}

.nav-all li.on {
	background: #d42229;
}

.nav-all li a {
	display: inline-block;
	padding-left: 15px;
	height: 80px;
}

.nav-all li a>div {
	float: left;
}

.nav-all li .icon {
	line-height: 80px;
	margin-right: 12px;
}

.nav-all .en {
	font-size: 14px;
	color: #fefefe;
	margin: 20px 0 5px;
}

.nav-all .cn {
	font-size: 24px;
	color: #fefefe;
}

.products .nav-box .wrap {
	font-size: 0;
	text-align: center;
	margin: 5.3% 0 4%;
	text-align: left;
}

.products .nav-box li {
	display: inline-block;
	width: 25%;
	height: 83px;
	line-height: 82px;
	border-bottom: 1px solid #434343;
	border-right: 1px solid #434343;
	background: #262626;
	text-align: center;
}

.products .nav-box li:nth-child(4n) {
	border-right: 0;
}

.products .nav-box li a {
	display: block;
	font-size: 16px;
	color: #fff;
}

.products .nav-box li.on {
	background: #d42229;
}

.prod-list .list {
	float: left;
	width: 31%;
	height: auto;
	margin-right: 3.5%;
	background: #f6f6f6;
	margin-bottom: 2.9%;
	transition: all .5s;
}

.prod-list .list:nth-child(3n) {
	margin-right: 0;
}

.prod-list .list .img {
	text-align: center;
	margin: 7% 0;
}

.prod-list .list .bot {
	padding: 4.8% 6% 5.6%;
	line-height: 16px;
	border-top: 1px solid #e5e5e5;
	transition: all .5s;
}

.prod-list .list .h1 {
	float: left;
	font-size: 16px;
	color: #222;
	transition: all .5s;
}

.prod-list .list .more {
	float: right;
	font-size: 12px;
	color: #666;
	transition: all .5s;
}

.prod-list .list:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.prod-list .list:hover .bot {
	border-top: 1px solid #d42229;
}

.prod-list .list:hover .h1 {
	color: #ce2128;
}

.prod-list .list:hover .more {
	color: #ce2128;
}

.nav-page a {
	display: inline-block;
	font-size: 14px;
	color: #222;
	width: 45px;
	height: 45px;
	border: 1px solid #dcdcdc;
	line-height: 43px;
	margin: 0 8px;
}

.nav-page a.on {
	background: #f4f4f4;
}

.nav-page .prev,
.nav-page .next {
	width: auto;
	padding: 0 20px;
}

.products .nav-page {
	margin: 2.6% 0 4.7%;
}

.box_1 {
	margin: 7% auto 6.1%;
}

.box_1 .img {
	float: left;
	width: 44%;
	height: auto;
}

.box_1 .text {
	float: left;
	width: 56%;
	height: auto;
	padding-left: 9.7%;
	padding-top: 1.8%;
}

.box_1 .h1 {
	font-size: .36rem;
	color: #222;
	font-weight: bold;
}

.box_1 .h2 {
	font-size: .2rem;
	color: #222;
	margin: .2rem 0 .25rem;
}

.box_1 .icon {
	width: .42rem;
	height: .03rem;
	background: #d42229;
}

.box_1 .words {
	font-size: .16rem;
	color: #222;
	line-height: .3rem;
	margin: .23rem 0 .73rem;
}

.box_1 .more {
	width: 155px;
	height: 60px;
	line-height: 60px;
	transition: all .5s;
	position: relative;
	padding-left: 45px;
	background: #f4f4f4;
}

.box_1 .more::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #d42229;
	transition: all .5s;
	z-index: 0;
}

.box_1 .more a {
	display: block;
	font-size: 16px;
	color: #666;
	position: relative;
	z-index: 2;
	transition: all;
}

.box_1 .more:hover a {
	color: #fff;
}

.box_1 .more:hover::before {
	width: 100%;
}

.box_1 .share {
	margin-top: 20px;
}

.box_1 .share a span {
	display: inline-block;
	margin-right: 20px;
}

.nav-box2 .wrap {
	font-size: 0;
}

.nav-box2 .wrap li {
	display: inline-block;
	margin-right: .5rem;
}

.nav-box2 .wrap li.on {
	border-bottom: 3px solid #d42229;
}

.nav-box2 a {
	display: block;
	font-size: .2rem;
	color: #222;
	padding: .2rem .24rem;
}

.box_2 {}

.box_2 .box {
	padding-top: 9.5%;
}

.box_2 .h1 {
	font-size: .4rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: .3rem;
	border-left: 2px solid #d42229;
	padding-left: .18rem;
	line-height: .4rem;
}

.box_2 .words {
	max-width: 40%;
	height: auto;
	font-size: .16rem;
	color: #fff;
	line-height: .35rem;
	min-height: 4.3rem;
}

.box_3 {}

.box_3 .box {
	padding-top: 9.5%;
}

.box_3 .text-wrap {
	float: right;
	width: 40%;
}

.box_3 .h1 {
	font-size: .4rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: .3rem;
	line-height: .4rem;
}

.box_3 .icon {
	width: .4rem;
	height: .04rem;
	background: #fff;
	margin: .35rem 0 .27rem;
}

.box_3 .words {
	font-size: .16rem;
	color: #fff;
	line-height: .35rem;
	padding-bottom: 2.2rem;
}

.box_s .text {
	padding: 35px 0 0;
}

.box_s .words {
	font-size: 14px;
	color: #333;
	line-height: 35px;
}

.box_4 {
	margin: 5.3% auto;
}

.box_4 .list {
	margin-bottom: 3%;
}

.box_4 .list:last-child {
	margin-bottom: 0;
}

.box_4 .list>div {
	float: right;
}

.box_4 .img-box {
	width: 56%;
	height: auto;
	font-size: 0;
}

.box_4 .img-box .img {
	width: 48%;
	height: auto;
	margin-right: 4%;
	display: inline-block;
}

.box_4 .img-box .img:last-child {
	margin-right: 0;
}

.box_4 .text {
	width: 44%;
	height: auto;
	text-align: center;
	padding: 5.5% 10% 0;
}

.box_4 .h1 {
	font-size: .4rem;
	color: #222;
	font-weight: bold;
}

.box_4 .icon {
	width: .4rem;
	height: .04rem;
	background: #d42229;
	margin: .25rem auto;
}

.box_4 .words {
	font-size: .14rem;
	color: #666;
	line-height: .3rem;
}

.box_4 .list:nth-child(2n)>div {
	float: left;
}

.box_5 {
	background: #f4f4f4;
	padding-bottom: 5.8%;
}

.box_5 .title {
	margin-bottom: .7rem;
}

.box_5 .title .h1 {
	font-size: .4rem;
	color: #222;
	font-weight: bold;
	text-align: center;
	padding: 4.4% 0 2.2%;
}

.box_5 .title .icon {
	width: .4rem;
	height: .04rem;
	background: #d42229;
	margin: 0 auto;
}

.box_5 .list {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0 2%;
	margin-bottom: 4%;
}

.box_5 .list .img {
	max-width: 243px;
	max-height: 243px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.box_5 .list .h1 {
	font-size: .2rem;
	color: #222;
	margin: .25rem 0 .1rem;
}

.box_5 .list .h2 {
	font-size: .16rem;
	color: #222;
}

.box_6 .h1 {
	font-size: .24rem;
	color: #222;
	font-weight: bold;
	margin: 4.3% 0 3.2%;
}

.box_6 .list-box {
	padding-bottom: 7%;
}

.box_6 .list {
	width: 23%;
	height: auto;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
	background: #f6f6f6;
	float: left;
}

.box_6 .list:last-child {
	margin-right: 0;
}

.box_6 .h2 {
	font-size: .16rem;
	color: #222;
	margin-bottom: 12%;
}

.box_7 {
	display: none;
}


/* service */

.services {
	padding-top: 5.8%;
}

.services .list-box {
	padding-bottom: 3.5%;
}

.services .list {
	margin-bottom: 5.4%;
}

.services .list>div {
	float: left;
	width: 50%;
	height: auto;
	position: relative;
}

.services .list .icon {
	position: absolute;
	width: 90px;
	height: 4px;
	background: #d42229;
	top: 0;
	right: -45px;
	margin-top: 9.7%;
}

.services .list .text {
	padding: 4.3% 0 0 5.4%;
}

.services .list .h1 {
	font-size: .2rem;
	color: #666;
	font-family: zpixe;
	position: relative;
}

.services .list .h2 {
	font-size: .3rem;
	color: #222;
	font-weight: bold;
	line-height: 46px;
	margin: 20px 0 30px;
}

.services .list .words {
	font-size: 16px;
	color: #666;
	line-height: 30px;
}

.services .list:nth-child(2n) .img {
	float: right;
}

.services .list:nth-child(2n) .icon {
	right: auto;
	left: -45px;
}

.services .list:nth-child(2n) .text {
	padding-left: 0;
	padding-right: 5.4%;
	text-align: right;
}


/* about */

.nav-box3 {
	border-bottom: 1px solid #e5e5e5;
}

.nav-box3 .wrap {
	font-size: 0;
}

.nav-box3 li {
	display: inline-block;
}

.nav-box3 li:last-child {
	margin-right: 0;
}

.nav-box3 li.on {
	border-bottom: 2px solid #d42229;
}

.nav-box3 li a {
	display: block;
	font-size: 16px;
	color: #222;
	padding: .3rem .28rem .25rem;
}

.introduce .box {
	padding: 70px 0 95px;
}

.introduce .box>div {
	width: 50%;
	height: auto;
	float: left;
}

.abouts .title {
	margin-bottom: 40px;
}

.abouts .title .h1 {
	font-size: 30px;
	color: #222;
	padding: 55px 0 15px;
}

.abouts .title .h2 {
	font-size: 30px;
	color: #000;
}

.introduce .icon {
	width: 2px;
	height: 60px;
	background: #d42229;
	margin-bottom: 38px;
}

.introduce .words {
	font-size: 16px;
	color: #444;
	line-height: 44px;
	padding-right: 85px;
}

.abouts .data {
	font-size: 0;
	padding: 73px 0 77px;
	background: url(../images/img73.jpg) center center no-repeat / cover;
}

.abouts .data li {
	font-size: 20px;
	color: #222;
	display: inline-block;
	width: 25%;
	height: auto;
	padding-left: 115px;
}

.abouts .data .h1 {
	font-size: 45px;
	color: #d42229;
	font-weight: bold;
	margin-bottom: 18px;
}

.abouts .data .sp_1 {
	font-size: 16px;
	color: #222;
	font-weight: normal;
	display: inline-block;
	margin-left: 5px;
}

.mission .box {
	padding: 120px 0 110px
}

.mission .box>div {
	float: left;
}

.mission .l-box {
	width: 48%;
	height: auto;
	padding-right: 20px;
	padding-bottom: 20px;
	position: relative;
}

.mission .l-box img {
	position: relative;
}

.mission .l-box::before {
	content: "";
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	background: #d42229;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.mission .r-box {
	width: 52%;
	height: auto;
	text-align: right;
	padding-left: 7.5%;
}

.mission .icon {
	display: inline-block;
	width: 2px;
	height: 60px;
	background: #d42229;
	margin-bottom: 38px;
}

.mission .words {
	font-size: 16px;
	color: #000;
	line-height: 44px;
	text-align: left;
}

.subsi {
	padding-bottom: 165px;
	background: #f8f8f8 url(../images/img74.jpg) center bottom no-repeat / 100% auto;
}

.subsi .title {
	margin-bottom: 55px;
}

.subsi .title .h1 {
	padding-top: 100px;
}

.subsi .list {
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
}

.subsi .swiper-slide {
	padding-right: 2%;
}

.subsi .swiper-slide:nth-child(2n) {
	padding-left: 2%;
	padding-right: 0;
}

.subsi .list:nth-child(2n) {
	margin-right: 0;
}

.subsi .img {
	position: relative;
	z-index: 1;
	padding-right: 12px;
	transition: all .5s;
}

.subsi img {
	position: relative;
	z-index: 2;
}

.subsi .img:nth-child(1)::before {
	right: 0;
}

.subsi .img::before {
	content: "";
	position: absolute;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	background: #d42229;
	bottom: -12px;
	right: -12px;
	opacity: 0;
	transition: all .5s;
}

.subsi .list .words {
	font-size: 16px;
	color: #000;
	margin: 30px 0 60px;
}

.subsi .swiper-pagination-bullet {
	opacity: 1;
	background: #dcdcdc;
}

.subsi .swiper-pagination-bullet-active {
	background: #d42229;
}

.subsi .list:hover .img::before {
	opacity: 1;
}

.scheme .box {
	padding: 85px 0 110px;
}

.scheme .list {
	float: left;
	width: 32%;
	height: auto;
	margin-right: 1.33%;
	position: relative;
	margin-bottom: 30px;
}

.scheme .list_1 {
	width: 65.33%;
}


/* .scheme .list_2 {
	margin-right: 0;
} */

.scheme .list_3 {
	margin-right: 0;
}

.scheme .list .text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 24px;
	color: #fff;
	padding: 55px 35px 30px;
	transition: all .5s;
}

.scheme .list:hover .text {
	padding-bottom: 100px;
	color: #d42229;
	background: rgba(0, 0, 0, .8) url(../images/img80.png) 35px 70% no-repeat;
}

.case .box {
	padding: 90px 0 50px;
}

.case .list {
	float: left;
	width: 31%;
	height: auto;
	margin-right: 3.5%;
	margin-bottom: 40px;
}

.case .list:nth-child(3n) {
	margin-right: 0;
}

.case .list .img {
	position: relative;
}

.case .list .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -34px;
	margin-left: -28px;
	opacity: 0;
	transition: all .1s;
}

.case .list .img img {
	position: relative;
	z-index: 2;
}

.case .list .img::before {
	content: "";
	position: absolute;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	background: #d42229;
	bottom: -12px;
	right: -12px;
	opacity: 0;
	transition: all .5s;
}

.case .list:hover .img::before {
	opacity: 1;
}

.case .list .text {
	padding-top: 30px;
}

.case .list .h1 {
	font-size: 18px;
	color: #222;
	font-weight: bold;
	margin-bottom: 18px;
	transition: all .5s;
}

.case .list .words {
	font-size: 14px;
	color: #999;
}

.case .list:hover .h1 {
	color: #d42229;
}

.case .list:hover .icon {
	opacity: 1;
}

.case .nav-page {
	margin-top: 55px;
}

.case-details .box {
	padding: 90px 0 50px;
}

.case-details .l-box {
	float: left;
	width: 78%;
	height: auto;
	border-right: 1px solid #e5e5e5;
}

.case-details .l-box .h2 {
	font-size: 30px;
	color: #222;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
}

.case-details .l-box .h2 h1 {
	font-size: 30px;
	color: #222;
}

.case-details .l-box .h2 .time {
	font-size: 14px;
	color: #999;
	font-weight: normal;
	margin-top: 28px;
}

.case-details .l-box .words {
	font-size: 16px;
	color: #222;
	line-height: 30px;
	padding-right: 40px;
}

.case-details .swip1 .swiper-button-prev {
	background: rgba(0, 0, 0, .5) url(../images/need_arrow.png) center center no-repeat / 80% auto;
	margin-top: -5%;
}

.case-details .news-recom .swip1 .swiper-button-prev {
	margin-top: -17%;
	left: 2%;
}

.case-details .swip1 .swiper-button-next {
	background: rgba(0, 0, 0, .5) url(../images/need_arrow.png) center center no-repeat / 80% auto;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	/* IE 9 */
	-moz-transform: rotate(180deg);
	/* Firefox */
	-webkit-transform: rotate(180deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(180deg);
	margin-top: -5%;
}

.case-details .news-recom .swip1 .swiper-button-next {
	margin-top: -17%;
	right: 2%;
}

.case-details .r-box {
	float: left;
	width: 22%;
}

.up-down {
	font-size: 0;
	height: 71px;
	line-height: 69px;
	padding-right: 40px;
	margin: 84px 0 54px;
}

.up-down2 {
	display: none;
}

.up-down a {
	display: inline-block;
	font-size: 14px;
	color: #666;
}

.up-down .up {
	width: 40%;
	padding-left: 45px;
	background: url(../images/img92.jpg) left center no-repeat;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.up-down .return {
	width: 20%;
	text-align: center;
	background: url(../images/img93.jpg) 20px center no-repeat;
	padding-left: 10px;
	border: 1px solid #e5e5e5;
}

.up-down .down {
	width: 40%;
	text-align: right;
	padding-right: 45px;
	background: url(../images/img94.jpg) right center no-repeat;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.rele-recom {
	padding-right: 40px;
}

.rele-recom .h3 {
	font-size: 20px;
	color: #222;
	font-weight: bold;
	margin-bottom: 45px;
}

.rele-recom .list {
	float: left;
	width: 48%;
	height: auto;
	margin-right: 4%;
}

.rele-recom .list:nth-child(2n) {
	margin-right: 0;
}

.rele-recom .list .img {
	position: relative;
}

.rele-recom .list .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -34px;
	margin-left: -28px;
	opacity: 0;
	transition: all .1s;
}

.rele-recom .list .img img {
	position: relative;
	z-index: 2;
}

.rele-recom .list .img::before {
	content: "";
	position: absolute;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	background: #d42229;
	bottom: -12px;
	right: -12px;
	opacity: 0;
	transition: all .5s;
}

.rele-recom .list:hover .img::before {
	opacity: 1;
}

.rele-recom .list .text {
	padding-top: 30px;
}

.rele-recom .list .h1 {
	font-size: 18px;
	color: #222;
	font-weight: bold;
	margin-bottom: 18px;
	transition: all .5s;
}

.rele-recom .list .words {
	font-size: 14px;
	color: #999;
}

.rele-recom .list:hover .h1 {
	color: #d42229;
}

.rele-recom .list:hover .icon {
	opacity: 1;
}

.hot-recom {
	padding-left: 25px;
}

.hot-recom .h1 {
	font-size: 20px;
	color: #222;
	font-weight: bold;
	padding: 27px 0 39px;
}

.hot-recom li {
	margin-bottom: 38px;
}

.hot-recom li a {
	display: block;
	font-size: 14px;
	color: #222;
	padding-left: 16px;
	background: url(../images/img90.jpg) left center no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hot-recom li a:hover {
	color: #d42229;
}

.address {
	padding: 88px 0 104px;
}

.address .box>div {
	float: left;
	width: 50%;
}

.address .h1 {
	font-size: 30px;
	color: #222;
	border-left: 2px solid #d42229;
	padding-left: 9px;
	margin-bottom: 88px;
}

.address li {
	margin-bottom: 46px;
}

.address li>div {
	float: left;
}

.address .icon {
	width: 29px;
	line-height: 72px;
}

.address .text {
	width: calc(100% - 55px);
	font-size: 20px;
	color: #222;
	border-left: 1px solid #dcdcdc;
	margin-left: 20px;
	padding: 12px 0 6px;
	padding-left: 16px;
}

.address .li_1 .text {
	font-size: 16px;
}

.address .name {
	margin-bottom: 14px;
}

.address .map {
	margin-top: 60px;
}

.subs {
	margin-bottom: 98px;
}

.subs .h1 {
	font-size: 30px;
	color: #222;
	border-left: 2px solid #d42229;
	padding-left: 9px;
	margin-bottom: 75px;
}

.subs .list {
	padding: 0 15px;
	float: left;
	width: 31%;
	margin-right: 3.5%;
	transition: all .5s;
	border-top: 2px solid #fff;
}

.subs .list:last-child {
	margin-right: 0;
}

.subs .h2 {
	font-size: 20px;
	color: #222;
	font-weight: bold;
	padding: 38px 0 35px;
}

.subs ul {
	margin-bottom: 36px;
}

.subs li {
	font-size: 14px;
	color: #222;
	margin-bottom: 10px;
	line-height: 30px;
}

.subs li>div {
	float: left;
}

.subs .name {
	width: 45px;
	height: auto;
}

.subs .words {
	width: calc(100% - 45px);
	height: auto;
}

.subs li:nth-child(3) .words {
	height: 60px;
}

.subs .list:hover {
	border-top: 2px solid #d42229;
}

.mess {
	padding: 97px 0 124px;
	background: url(../images/img103.jpg) center center no-repeat / cover;
}

.mess form {
	font-size: 0;
}

.mess label {
	display: inline-block;
	width: 48%;
	height: auto;
	margin-right: 4%;
	margin-bottom: 40px;
	font-size: 16px;
	color: #000;
}

.mess label:nth-child(2n) {
	margin-right: 0;
}

.mess label input,
.mess label textarea {
	display: block;
	width: 100%;
	height: 70px;
	line-height: 68px;
	padding: 0 10px;
	margin-top: 15px;
	border: 1px solid #e5e5e5;
}

.mess .text {
	width: 100%;
	height: auto;
	margin-right: 0;
}

.mess label textarea {
	padding: 10px;
	height: 192px;
	line-height: 34px;
}

.mess .sub input {
	display: block;
	width: 200px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #d42229;
	margin: 0 auto;
	margin-top: 18px;
}

.recr {
	padding: 70px 0 90px;
	background: #f4f4f4;
}

.recr .box {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}

.recr-list li {
	float: left;
	width: 23%;
	margin-right: 2.66%;
	margin-bottom: 30px;
	background: #fff;
	padding: 42px 26px;
	transition: all .3s;
	cursor: pointer;
}

.recr-list li:nth-child(4n) {
	margin-right: 0;
}

.recr-list .h1 {
	font-size: 20px;
	color: #222;
	font-weight: bold;
	margin-bottom: 35px;
	transition: all .3s;
}

.recr-list .text {
	margin-bottom: 32px;
}

.recr-list .words {
	font-size: 14px;
	color: #666;
	line-height: 30px;
	transition: all .3s;
}

.recr-list .number {
	color: #222;
	transition: all .3s;
}

.recr-list .links {
	font-size: 0;
	text-align: center;
}

.recr-list .links .detail {
	display: inline-block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin: 0 10px;
}

.recr-list .detail {
	background: #000;
}

.recr-list .apply {
	background: #d42229;
	transition: all .3s;
}

.recr-list li:hover {
	background: #d42229;
}

.recr-list li:hover .h1 {
	color: #fff;
}

.recr-list li:hover .words {
	color: #fff;
}

.recr-list li:hover .number {
	color: #fff;
}

.recr-list li:hover .apply {
	color: #222;
	background: #fff;
}

.recr .details {
	/* background: #fff; */
	/* padding: 47px 40px 73px; */
}

.recr .details .h1 {
	font-size: 24px;
	color: #222;
	padding-bottom: 25px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	font-weight: bold;
}

.recr .details .tips {
	font-size: 16px;
	color: #222;
	line-height: 44px;
	margin-bottom: 40px;
}

.recr .details .text {
	margin-bottom: 30px;
}

.recr .details .words {
	font-size: 16px;
	color: #222;
	line-height: 44px;
}

.recr .details .mail {
	display: inline-block;
	padding: 0 77px 0 22px;
	line-height: 40px;
	background: #000;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.honour {
	padding: 93px 0 117px;
}

.honour .list {
	float: left;
	width: 22%;
	height: auto;
	margin-right: 4%;
	text-align: center;
	margin-bottom: 35px;
	border: 1px solid #e5e5e5;
}

.honour .list:nth-child(4n) {
	margin-right: 0;
}

.honour .list .img {
	padding: 5%;
	height: 395px;
}

.honour .list .h1 {
	font-size: 16px;
	color: #222;
	margin-bottom: 26px;
}

.news .box {
	padding: 70px 0 90px;
}

.news .list {
	float: left;
	width: 31%;
	height: auto;
	margin-right: 3.5%;
	margin-bottom: 56px;
	transition: all .5s;
}

.news .list:nth-child(3n) {
	margin-right: 0;
}

.news .list .sign {
	width: 67px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #444;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 30px;
}

.news .list .text {
	padding: 24px 27px 28px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	transition: all .5s;
}

.news .list .h1 {
	font-size: 20px;
	color: #222;
	transition: all .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news .list .words {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	margin: 23px 0 25px;
	transition: all .5s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .date .icon {
	float: left;
	width: 40px;
	height: 22px;
	background: url(../images/img121.png) center center no-repeat;
	transition: all .5s;
}

.news .date .time {
	float: right;
	font-size: 16px;
	color: #b8b8b8;
	line-height: 22px;
	transition: all .5s;
}

.news .list:hover {
	box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.news .list:hover .text {
	background: #d42229;
	border: 1px solid #d42229;
	border-top: 0;
}

.news .list:hover .sign {
	background: #fff;
	color: #222;
}

.news .list:hover .h1 {
	color: #fff;
}

.news .list:hover .words {
	color: #fff;
}

.news .list:hover .icon {
	background: url(../images/img122.png) center center no-repeat;
}

.news .list:hover .date .time {
	color: #fff;
}

.news .nav-page {
	margin-top: 28px;
}

.news-recom {
	padding-right: 40px;
}

.news-recom .h3 {
	font-size: 20px;
	color: #222;
	font-weight: bold;
	margin-bottom: 45px;
}

.news-recom .swiper-slide {
	/* padding-right: 4%; */
	padding: 2%;
}

.news-recom .list {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 56px;
	transition: all .5s;
}

.news-recom .swiper-slide:nth-child(2n) {
	/* padding-right: 0; */
	/* padding-left: 2%; */
}

.news-recom .list:nth-child(2n) {
	margin-right: 0;
}

.news-recom .list .sign {
	width: 67px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #444;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 30px;
}

.news-recom .list .text {
	padding: 24px 27px 28px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	transition: all .5s;
}

.news-recom .list .h1 {
	font-size: 20px;
	color: #222;
	transition: all .5s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-recom .list .words {
	font-size: 14px;
	color: #666;
	line-height: 24px;
	height: 48px;
	margin: 23px 0 25px;
	transition: all .5s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news-recom .date .icon {
	float: left;
	width: 40px;
	height: 22px;
	background: url(../images/img121.png) center center no-repeat;
	transition: all .5s;
}

.news-recom .date .time {
	float: right;
	font-size: 16px;
	color: #b8b8b8;
	line-height: 22px;
	transition: all .5s;
}

.news-recom .list:hover {
	box-shadow: 0 3px 10px rgba(0, 0, 0, .2);
}

.news-recom .list:hover .text {
	background: #d42229;
	border: 1px solid #d42229;
	border-top: 0;
}

.news-recom .list:hover .sign {
	background: #fff;
	color: #222;
}

.news-recom .list:hover .h1 {
	color: #fff;
}

.news-recom .list:hover .words {
	color: #fff;
}

.news-recom .list:hover .icon {
	background: url(../images/img122.png) center center no-repeat;
}

.news-recom .date .time {
	color: #fff;
}

.nav-box2 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 9;
}


/* search */

.search-page .search {
	padding-bottom: 140px;
}

.search-page .top {
	font-size: 20px;
	color: #222;
	margin: 90px 0 25px;
	padding-left: 8px;
	border-left: 4px solid #d42229;
}

.search-page .bot .list {
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.search-page .bot .img {
	float: left;
	width: 120px;
	height: auto;
}

.search-page .bot .text {
	float: left;
	width: calc(100% - 120px);
	height: auto;
	padding: 35px 30px 0;
}

.search-page .bot .list .h1 {
	font-size: 16px;
	color: #222;
	margin-bottom: 15px;
}

.search-page .bot .post {
	font-size: 14px;
	line-height: 1.6;
	color: #999;
}

.search-page .bot .item {
	padding: 30px 10px;
	border-bottom: 1px solid #eee;
}

.search-page .bot .item .h1 {
	font-size: 18px;
	color: #222;
	margin-bottom: 15px;
	transition: all .3s;
}

.search-page .bot .item .words {
	font-size: 12px;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.search-page .bot .item:hover .h1 {
	color: #d42229;
}


/*产品详情修改*/

.products .details {
	background: #f4f4f4;
	padding: 55px 0 75px;
}

.products .details .boxs {
	background: #fff;
	padding: 30px 22px;
}

.products .details .boxs .l-box {
	float: left;
	width: 250px;
}

.products .details .boxs .r-box {
	float: right;
	width: calc(100% - 290px);
	margin-left: 40px;
}

.products .details .boxs .title {
	background: #d42229;
	margin-bottom: 2px;
}

.products .details .boxs .title a {
	display: inline-block;
	padding-left: 15px;
	height: 80px;
	vertical-align: top;
}

.products .details .boxs .title a>div {
	float: left;
}

.products .details .boxs .title .icon {
	line-height: 80px;
	margin-right: 12px;
}

.products .details .boxs .title .en {
	font-size: 14px;
	color: #fefefe;
	margin: 20px 0 5px;
}

.products .details .boxs .title .cn {
	font-size: 24px;
	color: #fefefe;
}

.nav-boxs .nav-wrap>li {
	line-height: 60px;
	border: 1px solid #eee;
	border-bottom: 0;
	background: url(../images/img138.png) 7% 25px no-repeat;
}

.nav-boxs .nav-wrap>li.on {
	background: #d42229 url(../images/img135.png) 7% 25px no-repeat;
}

.nav-boxs .nav-wrap>li.on .hide-box1{
	display: block;
}

.nav-boxs .sort>li.on .hide-box2{
	display: block;
}

.hide-box2>a.on{
	color: #d42229;
}

.nav-boxs .nav-wrap>li.on .level_1 {
	color: #fff;
	background: url(../images/img136.png) 93% center no-repeat;
}

.nav-boxs .level_1 {
	font-size: 18px;
	color: #222;
	height: 60px;
	padding: 0 37px;
	background: url(../images/img139.png) 93% center no-repeat;
}

.nav-boxs .nav-wrap>li:last-child {
	border-bottom: 1px solid #eee;
}

.nav-boxs .hide-box1 {
	display: none;
}

.nav-boxs .sort {
	background: #eee;
}

.nav-boxs .sort>li {
	line-height: 50px;
}

.nav-boxs .sort>li:last-child .level_2 {
	border-bottom: 0;
}

.nav-boxs .level_2 {
	font-size: 16px;
	color: #222;
	padding: 0 22px;
	border-bottom: 1px solid #e5e5e5;
	/*background: url(../images/img139.png) 93% center no-repeat;*/
}

.hide-box2 {
	display: none;
	padding: 0 20px;
	background: #f9f9f9;
}

.hide-box2>a {
	display: block;
	line-height: 50px;
	padding: 0 17px;
	border-bottom: 1px solid #e5e5e5;
}

.hide-box2>a:last-child {
	border-bottom: 0;
}

.nav-boxs .sort>li.on .level_2 {
	color: #d42229;
	/*background: url(../images/img137.png) 93% center no-repeat;*/
}

.prod-deta .top .img {
	float: left;
	width: 45%;
}

.prod-deta .top .text {
	float: left;
	width: 55%;
	padding: 2.4% 8.5%;
}

.prod-deta .top {
	margin-bottom: 40px;
}

.prod-deta .top .h1 {
	font-size: 36px;
	color: #222;
	font-weight: bold;
	margin-bottom: 20px;
}

.prod-deta .top .h2 {
	font-size: 20px;
	color: #222;
	margin-bottom: 25px;
}

.prod-deta .top .icon {
	width: 42px;
	height: 3px;
	background: #d42229;
	margin-bottom: 23px;
}

.prod-deta .top .words {
	font-size: 16px;
	color: #222;
	line-height: 30px;
	margin-bottom: 18%;
}

.prod-deta .top .link {
	display: inline-block;
	width: 155px;
	height: 60px;
	line-height: 60px;
	background: #f4f4f4;
	border-left: 2px solid #d42229;
	font-size: 16px;
	color: #222;
	text-align: center;
	font-weight: 500;
}

.prod-deta .bot .nav {
	font-size: 0;
	border-bottom: 1px solid #e5e5e5;
}

.prod-deta .bot .nav li {
	display: inline-block;
	font-size: 16px;
	color: #222;
	line-height: 44px;
	font-weight: bold;
	padding: 0 15px;
	margin-right: 27px;
	cursor: pointer;
}

.prod-deta .bot .nav li:last-child {
	margin-right: 0;
}

.prod-deta .bot .nav li.on {
	border-bottom: 3px solid #d42229;
}

.prod-deta .bot .list {
	display: none;
	padding: 28px 0 76px;
}

.prod-deta .bot .list.on {
	display: block;
}

.prod-deta .bot .words {
	font-size: 16px;
	color: #222;
	line-height: 30px;
}

@media only screen and (max-width:1440px) {
	.products .details .boxs {
		width: 90%;
		margin: 0 auto;
	}
}

@media only screen and (max-width:1320px) {
	.prod-deta .top .text {
		padding: 15px 30px;
	}
	.prod-deta .top .words {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width:1199px) {
	.products .details .boxs .l-box {
		width: 100%;
	}
	.products .details .boxs .r-box {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
}

@media only screen and (max-width:1024px) {
	.prod-deta .top .link {
		margin: 0;
	}
}

@media only screen and (max-width:768px) {
	.prod-deta .top .img {
		width: 100%;
	}
	.prod-deta .top .text {
		width: 100%;
	}
}

@media only screen and (max-width:414px) {
	.prod-deta .top .img .swiper-button-next,.prod-deta .top .img .swiper-button-prev{
		width: 20px;
		height: 37px;
		background-size: cover;
	}
	.products .details {
		padding: 20px 0 30px;
	}
	.products .details .boxs {
		padding: 20px 15px;
	}
	.products .details .boxs .title a {
		height: 1rem;
		padding-left: .11rem;
	}
	.products .details .boxs .title .icon {
		width: .7rem;
		line-height: 1;
		margin-top: .15rem;
	}
	.products .details .boxs .title .en {
		margin: .2rem 0 .05rem;
		font-size: .14rem;
	}
	.products .details .boxs .title .cn {
		font-size: .24rem;
	}
	.nav-boxs .nav-wrap>li {
		line-height: .7rem;
		background: url(../images/img138.png) 3% .26rem no-repeat;
		background-size: .1rem auto;
	}
	.nav-boxs .level_1 {
		font-size: 14px;
		padding: 0 .4rem;
		height: .7rem;
		background: url(../images/img139.png) 97% center no-repeat;
		background-size: .2rem auto;
	}
	.nav-boxs .nav-wrap>li.on {
		background: #d42229 url(../images/img135.png) 3% .26rem no-repeat;
		background-size: .1rem auto;
	}
	.nav-boxs .nav-wrap>li.on .level_1 {
		background: url(../images/img136.png) 97% center no-repeat;
		background-size: .2rem auto;
	}
	.nav-boxs .sort>li {
		line-height: .6rem;
	}
	.nav-boxs .level_2 {
		font-size: 14px;
		padding: 0 .2rem;
		/*background: url(../images/img139.png) 99% center no-repeat;
		background-size: .2rem auto;*/
	}
	.hide-box2 {
		padding: 0 .2rem;
	}
	.hide-box2>a {
		font-size: 12px;
		line-height: .6rem;
		padding: 0 .2rem;
	}
	.nav-boxs .sort>li.on .level_2 {
		/*background: url(../images/img137.png) 99% center no-repeat;*/
		background-size: .2rem auto;
	}
	.prod-deta .top .text {
		padding: .3rem .2rem .2rem;
	}
	.prod-deta .top .h1 {
		font-size: .3rem;
		margin-bottom: .2rem;
	}
	.prod-deta .top .h2 {
		font-size: .28rem;
		margin-bottom: .2rem;
	}
	.prod-deta .top .icon {
		width: .7rem;
		height: .04rem;
		margin-bottom: .2rem;
	}
	.prod-deta .top .words {
		font-size: .28rem;
		line-height: .56rem;
		margin-bottom: .3rem;
	}
	.prod-deta .top .link {
		width: 1.6rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .24rem;
		border-left: 1px solid #d42229;
	}
	.prod-deta .bot .nav li {
		line-height: .5rem;
		padding: 0 .3rem;
		margin-right: .2rem;
		font-size: .28rem;
	}
	.prod-deta .bot .nav li.on {
		border-bottom: 1px solid #d42229;
	}
	.prod-deta .top {
		margin-bottom: .4rem;
	}
	.prod-deta .bot .list {
		padding: .3rem 0;
	}
	.prod-deta .bot .words {
		font-size: .28rem;
		line-height: .4rem;
	}
}


/* 媒体查询 */

@media only screen and (max-width:1600px) {
	/* header */
	.header .nav_wrap>li {
		margin-right: 50px;
	}
	/* index */
	.w16 {
		padding: 0 5%;
	}
	.w14 {
		padding: 0 5%;
	}
	.about .data li {
		margin-bottom: 30%;
	}
	.about .l-box {
		padding: 7% 7% 0 0;
	}
	.home-page .about .more,
	.home-page .new .more {
		margin-top: 8%;
	}
	.new .news-list .h2 {
		margin: 4% 0;
	}
	/* product */
	.box_2 .h1 {
		margin-top: 8%;
	}
	.box_2 .words {
		max-width: 50%;
	}
	.box_3 .r-box {
		position: relative;
		padding: 5% 10% 0 5%;
	}
	/* about */
	.introduce .box {
		padding: 50px 5%;
	}
	.abouts .title {
		margin-bottom: 20px;
	}
	.abouts .title .h1 {
		padding-top: 25px;
	}
	.introduce .icon {
		margin-bottom: 20px;
	}
	.mission .box {
		padding: 70px 5%;
	}
	.abouts .data {
		padding: 50px 0;
	}
	.subsi .title .h1 {
		padding-top: 50px;
	}
	.subsi .title {
		margin-bottom: 30px;
	}
	.case .box {
		padding: 50px 5%;
	}
	/*招聘*/
	.recr .box {
		max-width: 100%;
		width: 100%;
		padding: 0 5%;
	}
	.popup-box .popup {
		width: 1000px;
		margin-left: -500px;
		height: 500px;
		margin-top: -200px;
		padding: 25px;
	}
	.popup-box .popup .box {
		height: 450px;
	}
	.popup-box .close {
		right: -25px;
		top: -65px;
	}
}

@media only screen and (max-width:1440px) {
	.case-details .swip1 .swiper-button-next {
		margin-top: -7%;
	}
	.case-details .news-recom .swip1 .swiper-button-next {
		margin-top: -18%;
	}
	.case-details .swip1 .swiper-button-prev {
		margin-top: -7%;
	}
	.case-details .news-recom .swip1 .swiper-button-prev {
		margin-top: -18%;
	}
	.news .box {
		padding: 70px 5% 90px;
	}
	.home-swip .text {
		left: 9%;
	}
	.case-details .box {
		padding: 50px 5% 50px;
	}
	.honour .list .img {
		height: 370px;
	}
	.scheme .box {
		padding: 85px 5% 110px;
	}
	/* index */
	.product .l-box li {
		padding: 18.3% 0 21% 20%;
	}
	.about .data {
		padding-top: 10%;
	}
	.home-page .title {
		margin-bottom: 3%;
	}
	.about .title .h1 {
		margin-bottom: 15px;
	}
	.new .news-list .h2 {
		font-size: 16px;
	}
	.new .news-list .words {
		line-height: 20px;
		height: 40px;
	}
	.product .r-box .h1 {
		font-size: 20px;
	}
	.up-down .up {
		width: 35%;
	}
	.up-down .return {
		width: 30%;
		background: url(../images/img93.jpg) 20% center no-repeat;
	}
	.up-down .down {
		width: 35%;
	}
	/*招聘*/
	.recr-list li {
		width: 30%;
		margin-right: 5%;
	}
	.recr-list li:nth-child(4n) {
		margin-right: 5%;
	}
	.recr-list li:nth-child(3n) {
		margin-right: 0;
	}
}

@media only screen and (max-width:1366px) {
	/* index */
	.product .r-box .home-swip2 .number {
		margin-top: 10%;
	}
	.about .data li {
		margin-bottom: 20%;
	}
	/*招聘*/
	.popup-box .popup {
		width: 80%;
		margin-left: -40%;
		height: 400px;
		margin-top: -150px;
		padding: 25px;
	}
	.popup-box .popup .box {
		height: 350px;
	}
	.popup-box .close {
		right: -25px;
		top: -65px;
	}
}

@media only screen and (max-width:1300px) {
	.honour .list .img {
		height: 340px;
	}
	/* index */
	.header .nav_wrap>li {
		margin-right: 30px;
	}
	.about .data li {
		margin-bottom: 10%;
	}
	.about .l-box .words {
		height: 200px;
		-webkit-line-clamp: 2;
	}
	.new .news-list .words {
		line-height: 24px;
		height: 24px;
		-webkit-line-clamp: 1;
	}
	.product .swiper-button-next2 {
		margin-left: 25%;
	}
	.product .swiper-button-next3 {
		margin-left: 25%;
	}
	/* product */
	.box_3 .r-box {
		padding: 5% 5% 0 5%;
	}
	/* services */
	.services .list .icon {
		width: 60px;
		right: -30px;
		height: 3px;
		margin-top: 7%;
	}
	.services .list:nth-child(2n) .icon {
		right: 0;
		left: -30px;
	}
	.services .list .text {
		padding: 3% 0 0 3%;
	}
	.services .list:nth-child(2n) .text {
		padding-left: 0;
		padding-right: 3%;
	}
	.services .list .h2 {
		margin: 10px 0;
	}
	/* about */
	.introduce .words {
		line-height: 36px;
	}
	.mission .words {
		line-height: 36px;
	}
}

@media only screen and (max-width:1200px) {
	/* index */
	.product .l-box li {
		padding: 18.3% 0 21% 15%;
	}
	.about .data .h1 {
		font-size: 36px;
	}
	/* product */
	.box_3 .r-box {
		padding: 3% 3% 0 3%;
	}
	.box_3 .r-box .icon {
		margin: .2rem 0 .1rem;
	}
	.services .list .h2 {
		line-height: 34px;
	}
	/* about */
	.introduce .words {
		line-height: 30px;
	}
	.mission .words {
		line-height: 30px;
	}
}

@media only screen and (max-width:1199px) {
	.hot-recom li {
		display: inline-block;
		width: 50%;
	}
	.box_3 .words {
		padding-bottom: .6rem;
	}
	.subs li:nth-child(3) .words {
		height: auto;
	}
	.box_8 .list {
		width: 31%;
		margin-right: 3.5%;
	}
	.box_8 .list:nth-child(4n) {
		margin-right: 3.5%;
	}
	.box_8 .list:nth-child(3n) {
		margin-right: 0;
	}
	.case-details .swip1 .swiper-button-prev {
		background: rgba(0, 0, 0, .5) url(../images/need_arrow.png) center center no-repeat / 80% auto;
		margin-top: -5%;
	}
	.case-details .news-recom .swip1 .swiper-button-prev {
		margin-top: -20%;
	}
	.case-details .swip1 .swiper-button-next {
		background: rgba(0, 0, 0, .5) url(../images/need_arrow.png) center center no-repeat / 80% auto;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-moz-transform: rotate(180deg);
		/* Firefox */
		-webkit-transform: rotate(180deg);
		/* Safari 和 Chrome */
		-o-transform: rotate(180deg);
		margin-top: -5%;
	}
	.case-details .news-recom .swip1 .swiper-button-next {
		margin-top: -20%;
	}
	.product .swiper-button-prev2 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next2 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .swiper-button-prev2:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next2:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .swiper-button-prev3 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next3 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .swiper-button-prev3:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next3:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .l-box .nav-box {
		font-size: 0;
	}
	.product .l-box li {
		width: 50%;
		display: inline-block;
		padding: .69rem 1rem .64rem;
	}
	.product .l-box {
		width: 100%;
		height: auto;
	}
	.product .r-box {
		position: relative;
		width: 100%;
		height: auto;
		padding: .6rem .3rem 1.7rem;
	}
	.honour .list {
		width: 32%;
		margin-right: 2%;
	}
	.honour .list:nth-child(4n) {
		margin-right: 2%;
	}
	.honour .list:nth-child(3n) {
		margin-right: 0;
	}
	.honour .list .img {
		height: auto;
	}
	.news-recom {
		padding-right: 0;
	}
	.news-recom .date .time {
		font-size: .22rem;
	}
	.news-recom .date .icon {
		background: url(../images/img121.png) center center no-repeat / .4rem auto;
	}
	.news-recom .list:hover .date .icon {
		background: url(../images/img122.png) center center no-repeat / .4rem auto;
	}
	.news-recom .list .text {
		padding: .53rem .27rem .46rem;
	}
	.news-recom .list .sign {
		width: 1rem;
		height: .4rem;
		line-height: .4rem;
		font-size: .2rem;
		margin-bottom: .35rem;
	}
	.news-recom .list .h1 {
		font-size: .3rem;
	}
	.news-recom .list .words {
		font-size: .22rem;
		line-height: .4rem;
		height: .8rem;
		margin: .37rem 0 .48rem;
	}
	.news-recom .list {
		margin-bottom: 0;
	}
	.news-recom .list:nth-child(2n) {
		margin-right: 0;
	}
	.news-recom .h3 {
		font-size: .3rem;
		margin-bottom: .36rem;
	}
	.up-down {
		margin: 1rem 0 .5rem;
	}
	.news .list {
		width: 48%;
		margin-right: 4%;
		margin-bottom: .7rem;
	}
	.news .list:nth-child(3n) {
		margin-right: 4%;
	}
	.news .list:nth-child(2n) {
		margin-right: 0;
	}
	.case-details .l-box {
		width: 100%;
		border-right: 0;
	}
	.case-details .r-box {
		width: 100%;
	}
	.case-details .l-box .words {
		padding-right: 0;
	}
	.up-down {
		padding-right: 0;
	}
	.rele-recom {
		padding-right: 0;
	}
	.hot-recom {
		padding-left: 0;
	}
	/* header */
	.header {
		height: 1.1rem;
		background: #000;
	}
	.header .logo {
		display: none;
	}
	.header .mobile-logo {
		display: block;
		width: .9rem;
		height: auto;
		line-height: 1.1rem;
	}
	.header .language {
		display: none;
	}
	.header .search {
		display: none;
	}
	.header .nav {
		display: none;
	}
	.header .menu {
		display: block;
		width: .5rem;
		height: auto;
		line-height: 1.1rem;
	}
	/* footer */
	.footer .nav {
		margin-left: 1%;
	}
	.footer .mode {
		margin-left: 1%;
	}
	/* index */
	.about .box>div {
		width: 100%;
		margin-bottom: 20px;
	}
	.about .l-box {
		padding: .75rem 0 0;
	}
	.about .l-box .words {
		font-size: .24rem;
		line-height: .4rem;
		height: auto;
		-webkit-line-clamp: 99;
	}
	.about .more {
		display: none;
	}
	.about .data {
		width: 100%;
		position: relative;
		background: #fff;
		padding: 1rem .3rem .3rem;
	}
	.about .data ul {
		font-size: 0;
		text-align: center;
	}
	.about .data li {
		margin-bottom: .8rem;
		display: inline-block;
		width: 50%;
		font-size: .22rem;
		margin-bottom: .8rem;
	}
	.about .data .h1 {
		font-size: .5rem;
		margin-bottom: .15rem;
	}
	.about .data .sp_1 {
		font-size: .2rem;
	}
	.about .img-box {
		width: 100%;
		font-size: 0;
	}
	.about .img {
		width: 50%;
		display: inline-block;
	}
	.about .img .text {
		background: url(../images/img15.png) 10% .7rem no-repeat / .45rem auto;
	}
	.about .img .h1 {
		font-size: .24rem;
		line-height: .3rem;
	}
	.new {
		padding: .75rem .3rem 0;
	}
	.new .box>div {
		width: 100%;
	}
	.new .title {
		float: left;
	}
	.home-page .new .more {
		float: right;
		margin-top: 0;
		width: 1.85rem;
		height: .68rem;
		line-height: .68rem;
		padding-left: .25rem;
		background: #d42229;
		margin-top: 4.5%;
	}
	.home-page .new .more a {
		background: url(../images/img15.png) 85% center no-repeat / .45rem auto;
		font-size: .16rem;
		color: #fff;
	}
	.new .news-list {
		width: 100%;
		margin-right: 0;
		margin-bottom: .85rem;
	}
	.new .news-list .h1 {
		font-size: .3rem;
		padding-bottom: .17rem;
		margin-bottom: .3rem;
	}
	.new .news-list .h1>span {
		height: auto;
	}
	.new .news-list .h1>span::after {
		bottom: -65%;
	}
	.new .img-text {
		padding-bottom: .38rem;
		margin-bottom: .21rem;
	}
	.new .img {
		width: 30%;
	}
	.new .news-list .text {
		width: 70%;
		padding: .1rem 0 0 .2rem;
	}
	.new .news-list .date {
		font-size: .2rem;
	}
	.new .news-list .h2 {
		font-size: .24rem;
		margin: .2rem 0;
	}
	.new .news-list .words {
		font-size: .2rem;
		line-height: .24rem;
		height: .24rem;
		-webkit-line-clamp: 1;
	}
	.new .bot li {
		margin-bottom: .28rem;
	}
	.new .bot .name {
		font-size: .22rem;
		width: calc(100% - 1.5rem);
	}
	.new .news-list ul .date {
		text-align: right;
		width: 1.5rem;
	}
	/* service */
	.posit {
		display: none;
	}
	.services .list-box {
		margin-bottom: .65rem;
	}
	.services .list {
		margin-bottom: .7rem;
	}
	.services .list>div {
		width: 100%;
	}
	.services .list .icon {
		width: .04rem;
		height: .9rem;
		margin-top: 0;
		left: .4rem;
		right: auto;
		bottom: -.45rem;
		top: auto;
	}
	.services .list .text {
		padding-top: 1rem;
		padding-left: 0;
	}
	.services .list:nth-child(2n) .icon {
		left: auto;
		right: .45rem;
	}
	.services .list .h2 {
		line-height: .44rem;
		margin: .2rem 0 .3rem;
	}
	.services .list .words {
		font-size: .2rem;
		line-height: .4rem;
	}
	/* about */
	.nav-box3 li {
		margin-right: .7rem;
	}
	.nav-box3 li a {
		font-size: .24rem;
	}
	.nav-all li .icon {
		width: .39rem;
		height: .8rem;
		line-height: .8rem;
	}
	.introduce .box {
		padding-top: .78rem;
	}
	.introduce .box>div {
		width: 100%;
	}
	.abouts .title {
		margin-bottom: 0;
	}
	.abouts .title .h1 {
		font-size: .3rem;
		padding: 0 0 .15rem;
	}
	.abouts .title .h2 {
		font-size: .3rem;
	}
	.introduce .icon {
		width: 1px;
		height: .6rem;
		margin: .4rem 0;
	}
	.introduce .words {
		font-size: .24rem;
		line-height: .5rem;
		padding-right: 0;
	}
	.introduce .box .r-box {
		margin-top: .3rem;
	}
	.abouts .data {
		padding: .8rem 0 0;
	}
	.abouts .data li {
		width: 50%;
		padding-left: 0;
		text-align: center;
		margin-bottom: 1rem;
		font-size: .2rem;
	}
	.abouts .data .h1 {
		font-size: .45rem;
	}
	.mission .box {
		padding: 1rem 5% .7rem;
	}
	.mission .box>div {
		width: 100%;
	}
	.mission .icon {
		width: 1px;
		height: .6rem;
		margin: .4rem 0;
	}
	.mission .r-box .title {
		margin-top: 1.1rem;
	}
	.mission .words {
		font-size: .24rem;
		line-height: .5rem;
	}
	.subsi .title {
		padding: 1rem 0 .7rem;
	}
	.subsi .swiper-slide {
		padding: 0 !important;
	}
	.subsi {
		padding-bottom: 2.1rem;
	}
	.address {
		padding: .8rem 0 0;
	}
	.address .box>div {
		width: 100%;
	}
	.address .h1 {
		font-size: .3rem;
		margin-bottom: .88rem;
	}
	.address .icon {
		width: .29rem;
		height: .69rem;
		line-height: .69rem;
	}
	.address .text {
		font-size: .24rem;
		width: calc(100% - .55rem);
		padding: .05rem 0 .05rem;
		padding-left: .16rem;
		margin-left: .2rem;
		height: .69rem;
	}
	.address .name {
		font-size: .2rem;
		margin-bottom: .13rem;
	}
	.address .li_1 .text {
		font-size: .24rem;
	}
	.address .map {
		margin-top: .6rem;
	}
	.subs .h1 {
		font-size: .3rem;
		margin: 1.52rem 0 .72rem;
	}
	.subs .list {
		width: 100%;
		margin-right: 0;
		padding: 0 .15rem;
		border-top: 2px solid #d42229;
		margin-bottom: 1rem;
	}
	.subs .h2 {
		font-size: .24rem;
		padding: .55rem 0 .35rem;
	}
	.subs li {
		font-size: .24rem;
		line-height: .5rem;
	}
	.subs .name {
		width: .75rem;
	}
	.subs .words {
		width: calc(100% - .75rem);
	}
	.mess label {
		font-size: .24rem;
		width: 100%;
		height: auto;
		padding-right: 0;
		margin-bottom: .4rem;
	}
	.mess label input,
	.mess label textarea {
		height: .7rem;
		line-height: .68rem;
	}
	.mess label textarea {
		height: 3.41rem;
		line-height: .3rem;
	}
	.mess .sub input {
		width: 2rem;
		height: .7rem;
		line-height: .7rem;
		font-size: .24rem;
	}
	.case .list {
		width: 48%;
		margin-right: 4%;
	}
	.case .list:nth-child(3n) {
		margin-right: 4%;
	}
	.case .list:nth-child(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width:1024px) {
	.weixin {
		display: none
	}
	.home-swip .text .h1 span {
		font-size: .18rem;
	}
	.box_3 .text-wrap {
		width: 45%;
	}
	.case-details .l-box .h2 h1 {
		font-size: .3rem;
	}
	.footer .code {
		display: none;
	}
	.box_8 {
		display: block !important;
	}
	.box_8 .item-box {
		margin: .4rem 0 1rem;
	}
	.box_8 .list:nth-child(3n) {
		margin-right: 4%;
	}
	.home-swip .text .icon {
		width: .2rem;
		height: .02rem;
		margin-bottom: .16rem;
	}
	.home-swip .text .h1 {
		font-size: .24rem;
		margin-bottom: .07rem;
	}
	.home-swip .text .h2 {
		font-size: .24rem;
	}
	.honour {
		padding: .8rem 0 .5rem;
	}
	.honour .list {
		width: 48%;
		margin-right: 4%;
		margin-bottom: .5rem;
	}
	.honour .list:nth-child(4n) {
		margin-right: 4%;
	}
	.honour .list:nth-child(3n) {
		margin-right: 4%;
	}
	.honour .list:nth-child(2n) {
		margin-right: 0;
	}
	.honour .list .h1 {
		font-size: .24rem;
	}
	.scheme .list {
		width: 48%;
		margin-right: 4%;
	}
	.scheme .list_1 {
		width: 100%;
	}
	.scheme .list_4 {
		margin-right: 0;
	}
	.scheme .list_3 {
		margin-right: 0;
	}
	.box_3>div {
		width: 100%;
	}
	.products .nav-box li a {
		font-size: .24rem;
	}
	.prod-list .list .h1 {
		font-size: .26rem;
	}
	.prod-list .list .more {
		font-size: .2rem;
	}
	/* index */
	.main {
		padding-top: 1.1rem;
	}
	.home-swip .bot {
		bottom: .24rem;
	}
	.home-swip .wrap {
		height: .4rem;
		padding: 0 .6rem;
	}
	.home-swip .swiper-pagination-bullet {
		width: .14rem;
		height: .14rem;
		margin-top: .13rem;
	}
	.home-swip .swiper-button-next,
	.home-swip .swiper-button-prev {
		width: .08rem;
		height: .16rem;
		margin-top: -.08rem;
	}
	.home-swip .swiper-button-prev {
		background: url(../images/img4.jpg) center center no-repeat / .08rem auto;
	}
	.home-swip .swiper-button-next {
		background: url(../images/img5.jpg) center center no-repeat / .08rem auto;
	}
	.home-swip .swiper-button-prev:hover {
		background: url(../images/img4-2.jpg) center center no-repeat / .08rem auto;
	}
	.home-swip .swiper-button-next:hover {
		background: url(../images/img5-2.jpg) center center no-repeat / .08rem auto;
	}
	.product .l-box {
		width: 100%;
		height: auto;
	}
	.product .l-box .nav-box {
		font-size: 0;
	}
	.product .l-box li {
		width: 50%;
		display: inline-block;
		padding: .69rem 1rem .64rem;
	}
	.product .l-box .words {
		font-size: .4rem;
	}
	.product .l-box .h1 {
		font-size: .38rem;
	}
	.product .l-box .number {
		display: none;
		font-size: .18rem;
		margin-right: .08rem;
		margin-top: .07rem;
	}
	.product .l-box .icon {
		display: none;
		width: .5rem;
		margin-right: .15rem;
		margin-top: .18rem;
	}
	.product .l-box li.on {
		padding-left: .1rem;
		padding-right: .1rem;
	}
	.product .l-box li.on .number {
		display: inline-block;
	}
	.product .l-box li.on .icon {
		display: inline-block;
	}
	.product .r-box .number {
		font-size: .2rem;
		margin-top: 12%;
	}
	.product .r-box .home-swip2 .h1 {
		font-size: .24rem;
	}
	.product .r-box .home-swip3 .list .h1 {
		font-size: .24rem;
		width: 60%;
	}
	.product .r-box .home-swip3 .list .more {
		font-size: .24rem;
		width: 40%;
	}
	.product .swiper-button-prev2 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next2 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .swiper-button-prev2:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9-2.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next2:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10-2.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .swiper-button-prev3 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next3 {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.product .swiper-button-prev3:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img9-2.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		margin-bottom: 10%;
		left: 50%;
		margin-left: -.9rem;
	}
	.product .swiper-button-next3:hover {
		width: .6rem;
		height: .18rem;
		background: url(../images/img10-2.jpg) center center no-repeat / .6rem auto;
		margin-bottom: 10%;
		margin-bottom: 10%;
		left: 50%;
		margin-left: .1rem;
	}
	.service {
		padding: .8rem .3rem 2rem;
	}
	.home-page .title .h1 {
		font-size: .38rem;
		margin-bottom: .26rem;
	}
	.home-page .title .h2 {
		font-size: .4rem;
		margin-bottom: .2rem;
	}
	.service .wrap {
		min-height: auto;
	}
	.service .l-box {
		width: 100%;
		font-size: 0;
		white-space: nowrap;
		overflow-x: scroll;
		padding-left: 0;
	}
	.service .l-box::-webkit-scrollbar {
		display: none;
	}
	.service .l-box li {
		display: inline-block;
		margin-right: .3rem;
	}
	.service .l-box .icon {
		width: .5rem;
		height: 1px;
		margin-left: 0;
		vertical-align: top;
		margin-top: .38rem;
	}
	.service .l-box .icon:last-child {
		margin-left: .25rem;
	}
	.service .l-box .h1 {
		line-height: .8rem;
		font-size: .24rem;
		display: inline-block;
	}
	.service .l-box .number {
		width: .8rem;
		height: .8rem;
		margin-right: 0;
		line-height: .8rem;
		font-size: .26rem;
	}
	.service .l-box li.on .icon {
		display: inline-block;
	}
	.service .l-box li.on .number {
		background: url(../images/img12.png) center center no-repeat / .8rem auto;
		margin: 0 .25rem;
	}
	.service .l-box li.on .h1 {
		margin: 0;
	}
	.service .r-box {
		width: 100%;
		height: auto;
		padding-left: .2rem;
	}
	.service .r-box .number {
		font-size: .2rem;
		margin: 1.1rem 0 .2rem;
	}
	.service .r-box .h1 {
		font-size: .3rem;
		margin-bottom: .4rem;
	}
	.service .r-box .h1>span {
		font-size: .18rem;
	}
	.service .r-box .text .icon {
		width: .4rem;
		height: .4rem;
	}
	.service .r-box li {
		margin-bottom: .4rem;
	}
	.service .r-box .text .words {
		width: calc(100% - .4rem);
		font-size: .22rem;
		margin-left: 0;
		padding-left: .18rem;
		line-height: .4rem;
	}
	.link {
		display: none;
		padding: 0 .3rem;
		margin: .6rem 0 .45rem;
		font-size: .2rem;
	}
	.link .box>a {
		font-size: .14rem;
		margin-right: .75rem;
	}
	.link .box>a:last-child {
		margin-right: 0;
	}
	.footer .top {
		padding: .6rem .3rem .2rem;
	}
	.footer .top>div {
		width: 100%;
		margin-left: 0;
		float: none;
		max-width: 100%;
		padding-bottom: 0;
		/* display: none; */
	}
	.footer .top .logo {
		float: inherit !important;
		text-align: center;
		width: 1.45rem;
		height: auto;
		margin: 0 auto;
		margin-bottom: .4rem;
	}
	.footer .h1 {
		font-size: .2rem;
		margin-bottom: .25rem;
	}
	.footer .nav {
		margin-bottom: .5rem;
	}
	.footer .nav ul {
		padding-left: .31rem;
	}
	.footer .nav li {
		font-size: .2rem;
		line-height: .5rem;
		width: 25%;
	}
	.footer .h1 .icon {
		margin-right: .15rem;
	}
	.footer .mode {
		margin-bottom: .65rem;
	}
	.footer .mode ul {
		padding-left: .31rem;
	}
	.footer .mode li {
		font-size: .2rem;
		line-height: .5rem;
	}
	.footer .mode .name {
		width: .8rem;
	}
	.footer .mode .sp_1 {
		width: calc(100% - .8rem)
	}
	.footer .code .img {
		width: 1.24rem;
		height: auto;
		margin: 0 auto;
	}
	.footer .code>span {
		font-size: .2rem;
		line-height: .7rem;
	}
	.footer .bot {
		font-size: .18rem;
		line-height: .35rem;
		padding: .3rem .3rem;
	}
	/* product */
	.banner .img_1 {
		display: none;
	}
	.banner .img_2 {
		display: block;
	}
	.nav-all .wrap {
		top: -.8rem;
	}
	.nav-all li {
		width: 2.5rem;
		height: .8rem;
	}
	.nav-all li a {
		height: .8rem;
		padding-left: .11rem;
	}
	.nav-all .en {
		margin: .2rem 0 .05rem;
		font-size: .14rem;
	}
	.nav-all .cn {
		font-size: .24rem;
	}
	.products .nav-box .wrap {
		margin: .83rem 0 .5rem;
	}
	.products .nav-box li {
		display: inline-block;
		width: 50%;
		height: .83rem;
		line-height: .82rem;
		border-right: 0;
	}
	.prod-list .list {
		width: 48%;
		margin-right: 4%;
	}
	.prod-list .list:nth-child(3n) {
		margin-right: 4%;
	}
	.prod-list .list:nth-child(2n) {
		margin-right: 0;
	}
	.box_1 {
		padding: .8rem 0 1rem;
		margin: 0 auto;
	}
	.box_1 .img {
		width: 100%;
	}
	.box_1 .text {
		width: 100%;
		padding-left: 0;
		padding-top: .68rem;
	}
	.box_1 .words {
		margin-bottom: .6rem;
	}
	.nav-box2 .wrap li.on {
		border-bottom: 1px solid #d42229;
	}
	.box_2 {
		background: url(../images/img58.jpg) center center no-repeat / cover;
	}
	.box_2 .words {
		max-width: 100%;
		min-height: 6.6rem;
		font-size: .22rem;
		line-height: .4rem;
	}
	.box_3 .r-box .h1 {
		font-size: .4rem;
	}
	.box_3 .r-box .icon {
		margin: .3rem 0 .2rem;
	}
	.box_3 .r-box {
		padding-top: 1.5rem;
		padding-bottom: 2rem;
	}
	.box_3 .r-box .words {
		font-size: .22rem;
		line-height: .4rem;
	}
	.box_4 .list>div {
		display: block;
		width: 100%;
	}
	.box_4 {
		margin-bottom: .9rem;
	}
	.box_4 .list {
		margin-bottom: .5rem;
	}
	.box_4 .words {
		font-size: .2rem;
		line-height: .4rem;
		margin-bottom: .5rem;
	}
	.box_5 .title .h1 {
		padding: .65rem 0 .32rem;
	}
	.box_5 .list {
		width: 48%;
		margin-right: 4%;
		margin-bottom: .75rem;
	}
	.box_5 .list:nth-child(2n) {
		margin-right: 0;
	}
	.box_5 .list .h1 {
		font-size: .24rem;
	}
	.box_5 .list .h2 {
		font-size: .2rem;
	}
	.box_6 {
		display: none;
	}
	.box_6 .h1 {
		margin: .67rem 0 .54rem;
		font-size: .3rem;
	}
	.box_6 .list {
		width: 48%;
		margin-right: 4%;
	}
	.box_6 .list:nth-child(2n) {
		margin-right: 0;
	}
	.box_7 {
		display: block;
		padding-bottom: .6rem;
	}
	.box_7 .h2 {
		margin: .67rem 0 .54rem;
		font-size: .3rem;
		font-weight: bold;
	}
	.box_7 .prod-list .list {
		width: 48%;
		margin-right: 4%;
	}
	.box_7 .prod-list .list:nth-child(2n) {
		margin-right: 0;
	}
	.box_7 .prod-list .list .h1 {
		font-size: .2rem;
		width: 60%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.box_7 .prod-list .list .more {
		font-size: .18rem;
		width: 40%;
		text-align: right;
	}
	/* 分页 */
	.product .nav-page {
		margin: .32rem 0 .76rem;
	}
	.nav-page a {
		width: .45rem;
		height: .45rem;
		line-height: .43rem;
		font-size: .2rem;
	}
	.nav-page .prev,
	.nav-page .next {
		padding: 0 .2rem;
	}
	/*招聘*/
	.recr-list li {
		width: 48%;
		margin-right: 4%;
	}
	.recr-list li:nth-child(4n) {
		margin-right: 4%;
	}
	.recr-list li:nth-child(3n) {
		margin-right: 4%;
	}
	.recr-list li:nth-child(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width:980px) {
	.case-details .swip1 .swiper-button-prev {
		background: rgba(0, 0, 0, .5) url(../images/need_arrow.png) center center no-repeat / 80% auto;
		margin-top: -7%;
	}
	.case-details .news-recom .swip1 .swiper-button-prev {
		margin-top: -25%;
	}
	.case-details .swip1 .swiper-button-next {
		background: rgba(0, 0, 0, .5) url(../images/need_arrow.png) center center no-repeat / 80% auto;
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		/* IE 9 */
		-moz-transform: rotate(180deg);
		/* Firefox */
		-webkit-transform: rotate(180deg);
		/* Safari 和 Chrome */
		-o-transform: rotate(180deg);
		margin-top: -7%;
	}
	.case-details .news-recom .swip1 .swiper-button-next {
		margin-top: -25%;
	}
}

@media only screen and (max-width:768px) {
	.news .box {
		padding: .7rem 5% .5rem;
	}
	.search-page .top {
		font-size: .3rem;
		margin: .5rem 0 .3rem;
		border-left: 2px solid #d42229;
	}
	.search-page .bot .img {
		width: 1.5rem;
	}
	.search-page .bot .text {
		width: calc(100% - 1.5rem);
		padding: .4rem 0 0 .3rem;
	}
	.search-page .bot .list .h1 {
		font-size: .32rem;
		margin-bottom: .2rem;
	}
	.search-page .bot .post {
		font-size: .24rem;
		line-height: 1.6;
	}
	.search-page .bot .item .h1 {
		font-size: .3rem;
		margin-bottom: .2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.search-page .bot .item .words {
		font-size: .24rem;
	}
	.case-details .swip1 .swiper-button-next {
		margin-top: -10%;
	}
	.case-details .swip1 .swiper-button-prev {
		margin-top: -10%;
	}
	.news-recom .list:hover .text {
		/* background: none; */
		border: 1px solid #fff;
	}
	.rele-recom .list .img::before {
		display: none;
	}
	.news-recom .swiper-slide {
		padding: 0 !important;
	}
	.scheme .list .text {
		font-size: .24rem;
		padding: .3rem;
	}
	.scheme .list:hover .text {
		padding-bottom: .3rem;
		background: none;
	}
	.scheme .list {
		margin-bottom: .3rem;
	}
	.scheme .box {
		padding: .83rem 5% 1.2rem;
	}
	.news .date .time {
		font-size: .22rem;
	}
	.news .date .icon {
		background: url(../images/img121.png) center center no-repeat / .4rem auto;
	}
	.news .list:hover .date .icon {
		background: url(../images/img122.png) center center no-repeat / .4rem auto;
	}
	.news .list .text {
		padding: .53rem .27rem .46rem;
	}
	.news .list .sign {
		width: 1rem;
		height: .4rem;
		line-height: .4rem;
		font-size: .2rem;
		margin-bottom: .35rem;
	}
	.news .list .h1 {
		font-size: .3rem;
	}
	.news .list .words {
		font-size: .22rem;
		line-height: .4rem;
		height: .8rem;
	}
	.news .list {
		width: 100%;
		margin-right: 0 !important;
	}
	.case-details .box {
		padding: .8rem 5% 1rem;
	}
	.case-details .l-box .h2 {
		font-size: .3rem;
		padding-bottom: .4rem;
		margin-bottom: .4rem;
	}
	.case-details .l-box .words {
		font-size: .24rem;
		line-height: .4rem;
	}
	.up-down {
		display: none;
	}
	.up-down2 {
		display: block;
		height: 1.42rem;
		margin: .78rem 0 .5rem;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
	}
	.up-down2 a {
		display: block;
		font-size: .24rem;
	}
	.up-down2 .l-box {
		float: left;
		width: 60%;
		padding-top: .3rem;
	}
	.up-down2 .l-box a {
		line-height: .4rem;
		color: #666;
		padding-left: .45rem;
	}
	.up-down2 .l-box .up {
		background: url(../images/img92.jpg) left center no-repeat / .08rem auto;
	}
	.up-down2 .l-box .down {
		background: url(../images/img94.jpg) left center no-repeat / .08rem auto;
	}
	.up-down2 .r-box {
		float: right;
		width: 40%;
	}
	.up-down2 .r-box a {
		border-left: 1px solid #e5e5e5;
		padding-left: .7rem;
		line-height: 1.4rem;
		background: url(../images/img93.jpg) 15% center no-repeat / .23rem auto;
		font-size: .24rem;
		color: #444;
	}
	.rele-recom .h3 {
		font-size: .3rem;
		margin-bottom: .35rem;
	}
	.rele-recom .swiper-button-next,
	.rele-recom .swiper-button-prev {
		width: .27rem;
		height: .44rem;
		line-height: .4rem;
		background: rgba(0, 0, 0, .5);
		font-size: .3rem;
		color: #fff;
		text-align: center;
		margin-top: -30%;
	}
	.news-recom .swiper-button-next,
	.news-recom .swiper-button-prev {
		width: .27rem;
		height: .44rem;
		line-height: .4rem;
		background: rgba(0, 0, 0, .5);
		font-size: .3rem;
		color: #fff;
		text-align: center;
		margin-top: -30% !important;
	}
	.rele-recom .list .text {
		padding-top: .3rem;
	}
	.rele-recom .list .h1 {
		font-size: .24rem;
		margin-bottom: .2rem;
	}
	.hot-recom .h1 {
		font-size: .3rem;
		padding: .9rem 0 .4rem;
	}
	.hot-recom li {
		margin-bottom: .37rem;
		width: 50%;
		display: inline-block;
	}
	.hot-recom li a {
		font-size: .24rem;
		background: url(../images/img90.jpg) left center no-repeat / .1rem auto;
	}
	/* product */
	.prod-list .list {
		width: 100%;
		margin-right: 0;
		margin-bottom: .5rem;
	}
	.prod-list .list:nth-child(3n) {
		margin-right: 0;
	}
	.prod-list .list:nth-child(2n) {
		margin-right: 0;
	}
	.case .list {
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: .7rem;
	}
	.case .list .text {
		padding-top: .35rem;
	}
	.case .list .h1 {
		font-size: .26rem;
		margin-bottom: .18rem;
	}
	.case .list .words {
		font-size: .22rem;
	}
	.case .nav-page {
		margin-top: .55rem;
	}
	/*招聘*/
	.recr {
		padding: 40px 0 30px;
	}
	.recr-list li {
		padding: 20px 15px;
	}
	.recr-list .h1 {
		margin-bottom: 15px;
	}
	.recr-list .words {
		font-size: 14px;
		line-height: 24px;
	}
	.recr-list .text {
		margin-bottom: 20px;
	}
	.popup-box .popup {
		width: 90%;
		margin-left: -45%;
		padding: 15px;
	}
	.popup-box .popup .box {
		height: 370px;
	}
	.popup-box .h1 {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.popup-box .tips {
		font-size: 12px;
		line-height: 24px;
		margin-bottom: 15px;
	}
	.popup-box .text {
		margin-bottom: 20px;
	}
	.popup-box .words {
		font-size: 12px;
		line-height: 24px;
	}
	.popup-box .mail {
		padding: 0 15px;
		font-size: 12px;
		line-height: 30px;
	}
	.popup-box .close {
		top: -55px;
		right: -20px;
	}
}

@media only screen and (max-width:414px) {
	.home-swip .text {
		top: 30%;
	}
	.home-swip .text .h1 {
		font-size: .32rem;
	}
	.home-swip .text .h1 span {
		font-size: .24rem;
	}
	/*招聘*/
	.recr {
		padding: 30px 0 20px;
	}
	.recr-list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px
	}
	.recr-list .h1 {
		font-size: 16px;
	}
	.recr-list .words {
		font-size: 12px;
	}
	.recr-list .links a {
		width: 80px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
}