@charset "UTF-8";
/*------------// Overall //------------------*/
body{font-family: "Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; color:#333; margin:0;line-break: 100%;background-color: transparent;}
body {font-weight: 400\0; font-family: "Microsoft YaHei"; padding-top: 0.1px;font-size: 14px;}
html,body{-webkit-text-size-adjust:none;vertical-align: baseline;position: relative;min-height: 100%;background-color: #fff;z-index: 1;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; border-collapse:collapse;border-spacing:0;}
th, td { border-collapse:collapse; text-align:center;font-weight:normal;vertical-align:middle;}
/* a:link{text-decoration:none; color:#666;} */
/* a:visited{text-decoration:none; color:#666;} */
a{text-decoration:none; color:#666;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
img{vertical-align: middle; border:0;-webkit-transform:scale(1)rotate(0)translate3d(0,0,0);transform:scale(1)rotate(0)translate3d(0,0,0); display: inline-block; outline: none;max-width:100%;max-height:100%;}
div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,span,em,i{margin:0;padding:0;vertical-align: baseline;}
img{vertical-align: middle;}
ol,ul,li{list-style-type:none;vertical-align: baseline;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;vertical-align: baseline;}
input[type=button]{-webkit-appearance:none;outline:none;}
a, input{-webkit-tap-highlight-color: rgba(0,0,0,0);vertical-align: baseline;}
input,select,textarea{outline:none; border:none; background:none;vertical-align: baseline;}
select::-ms-expand{display:none;}
input::-ms-expand{display:none;}
button{overflow: hidden;outline: none;background-color: transparent;border: none;padding: 0;margin: 0;font-family: 'Microsoft YaHei';font: 400 14px Microsoft YaHei;}
::-webkit-input-placeholder{font-size: 14px;color: #aaa;}
q,blockquote{quotes:none}
/* a {transition: all 0.5s ease-in-out;} */
textarea {font-family: '微软雅黑';}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.float_left{ float:left;}
.float_right{ float:right;}
.container{width:100%; margin:0px auto;position: relative;overflow: hidden;background-color: #f9f9f9;min-width: 1200px;max-width: 1920px;}
.container01{background-color: #f9f9f9;padding-bottom: 0.50rem;padding-top: 0.45rem;}
.container02{background-color: #f0f2f8;}
.container-main{width:1200px; margin:0px auto;position:relative;padding-top: 50px;padding-bottom: 100px;z-index: 3;}
.container-main01{padding-top: 80px;padding-bottom: 80px;}
.container-main02{padding-top: 40px;padding-bottom: 0px;}
.clearfix{clear:both;content:"";display:table;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.container_bg{background-color: #eee;}
.none{display: none!important;}
.block{display: block!important;}
.wow,.ani{visibility: visible;}
.open{overflow: hidden;}
a:hover, a:focus{text-decoration: none;}
/* @font-face {font-family: Century Gothic; src: url("./../font/Century Gothic.ttf")} */



.head {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	/* overflow: hidden; */
	height: auto;
}
.head-main {
	width: 1200px;
	margin: 0 auto;
	/* overflow: hidden; */
}
.logo {
	margin-top: 20px;
	float: left;
}
.logo a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.head-menu {
	float: right;
	margin-top: 0px;
	overflow: hidden;
}
.head-menu ul {
	width: auto;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	position: relative;
}
.head-menu ul li {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin: 0 25px;
}
.head-menu ul li:last-child {
	margin-right: 0;
}
.head-menu ul li a {
	display: block;
	width: auto;
	height: 80px;
	line-height: 80px;
	color: #333;
	font-size: 14px;
	position: relative;
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease-in-out;
}
.head-menu ul li a:hover,
.head-menu ul li a.active {
	color: #1061d6;
	border-bottom-color: #1061d6;
}
.head-menu ul li.language a {
	border-bottom: none;
	color: #666;
}
.head-menu ul li.language a:hover,
.head-menu ul li.language a.active {
	border-bottom: none;
	color: #1061d6;
}
.head-menu ul li.language {
	margin: 0;
	padding: 0 14px;
}
.head-menu ul li.languageZh {
	margin-left: 10px;
}
.head-menu ul li.languageZh:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: 1px;
	height: 14px;
	background-color: #999;
	margin-top: -7px;
}
.head-menu ul ul {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 15;
	background-color: #144779;
	display: none;
}
.head-menu ul ul li {
	float: none;
}
.head-menu ul ul li a {
	padding: 0;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;
}
.head-menu ul ul li a:hover {
	background-color: #1c5893;
}

.banner {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner-swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.banner-swiper .swiper-slide {
	position: relative;
}
.banner-swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.banner-swiper .swiper-slide a img {
	display: none;
}
.banner-swiper .swiper-slide a img:nth-of-type(1) {
	display: block;
}
.banner-txt {
	position: absolute;
	z-index: 25;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1200px;
	height: auto;
	overflow: hidden;
	color: #fff;
}
.banner-txt .title {
	font-size: 26px;
	line-height: 40px;
	color: #fff;
}
.banner-txt .brief {
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px;
	margin-bottom: 12px;
	color: rgba(255, 255, 255, 0.6);
}
.banner-txt .line {
	width: 45px;
	height: 3px;
	background-color: #69a4f9;
}

.pagination {
	position: absolute;
	font-size: 0;
	text-align: center;
	left: 0;
	z-index: 5;
	width: 100%;
	bottom: 30px;
}
.pagination span {
	display: inline-block;
	width: 40px;
	height: 4px;
	background-color: #fff;
	margin: 0 10px;
	cursor: pointer;
	position: relative;
}
.pagination span.swiper-visible-switch,
.pagination span.swiper-active-switch {
	background-color: rgba(255, 255, 255, 0.6);
}

.index-about {
	width: 100%;
	height: auto;
	overflow: hidden;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}
.index-about-bg01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 245px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('./../index-about-bg01.jpg');
	background-color: #f2f7ff;
}
.index-about-main {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	padding-bottom: 50px;
	padding-top: 60px;
}
.index-about-left {
	float: left;
	width: 415px;
	box-shadow: 0px 0px 20px 2px #e3e3e3;
}
.index-about-right {
	float: right;
	width: 760px;
	height: auto;
}
.index-about-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 16px;
}
.index-about-title p {
	float: left;
	position: relative;
	font-size: 26px;
	line-height: 60px;
	height: 60px;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
.index-about-title p span {
	color: #999;
}
.index-about-title p i {
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 5;
	width: 50px;
	height: 3px;
	background-color: #1061d6;
}
.index-about-brief {
	width: 100%;
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.index-about-more {
	overflow: hidden;
}
.index-about-more a {
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #1061d6;
	display: block;
	width: auto;
	float: left;
}
.index-about-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 75px;
}
.index-about-swiper {
	width: 675px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.index-about-swiper .swiper-slide {
	width: 225px;
	height: auto;
	padding: 10px 0;
}
.index-about-item {
	width: 200px;
	height: 275px;
	height: auto;
	margin: 0 auto;
	box-shadow: 0px 0px 20px 1px #e3e3e3;
}
.index-about-prev {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 9;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../index-introduction-prev.png');
}
.index-about-prev:hover {
	background-image: url('./../index-about-prev-on.png');
}
.index-about-next {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 9;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../index-introduction-next.png');
}
.index-about-next:hover {
	background-image: url('./../index-about-next-on.png');
}

.index-products {
	width: 100%;
	height: 582px;
	margin: 0 auto;
	min-width: 1380px;
	max-width: 1920px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('./../index-products-bg01.jpg');
}
.index-products-main {
	width: 1380px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 55px;
	padding-top: 45px;
}
.index-products-title {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.index-products-title .brief {
	font-size: 34px;
	line-height: 44px;
	font-family: 'Arial';
	color: rgba(255, 255, 255, 0.6);
}
.index-products-title .title {
	font-size: 26px;
	line-height: 36px;
	color: rgba(255, 255, 255, 1.0);
}
.index-products-title .line {
	margin: 0 auto;
	position: relative;
	width: 380px;
	overflow: hidden;
	margin-top: 12px;
}
.index-products-title .line i {
	width: 50px;
	margin: 0 auto;
	height: 3px;
	background-color: #1061d6;
	position: relative;
	z-index: 6;
	display: block;
}
.index-products-title .line span {
	width: 100%;
	margin: 0 auto;
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	display: block;
}
.index-products-list {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.index-products-swiper {
	width: 1228px;
	margin: 0 auto;
	overflow: hidden;
}
.index-products-swiper .swiper-slide {
	width: 307px;
	height: auto;
	overflow: hidden;
}
.index-products-item {
	width: 277px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}
.index-products-item a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-products-img {
	width: 100%;
	height: 351px;
	overflow: hidden;
	position: relative;
}
.index-products-name {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	text-align: center;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	color: #fff;
	line-height: 55px;
	height: 55px;
	transition: all 0.3s ease-in-out;
	background-color: rgba(0, 0, 0, 0.6);
}
.index-products-item:hover .index-products-name {
	background-color: #1061d6;
}
.index-products-prev {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 9;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../index-products-prev.png');
}
.index-products-prev:hover {
	background-image: url('./../index-products-prev-on.png');
}
.index-products-next {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 9;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url('./../index-products-next.png');
}
.index-products-next:hover {
	background-image: url('./../index-products-next-on.png');
}

.index-news {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1920px;
	overflow: hidden;
	background-color: #fff;
}
.index-news-main {
	width: 1200px;
	margin: 0 auto;
	/* overflow: hidden; */
	padding-bottom: 70px;
	padding-top: 45px;
}
.index-news .index-products-title .brief {
	color: rgba(153, 153, 153, 0.6);
}
.index-news .index-products-title .title {
	color: #333;
}
.index-news-con {
	width: 100%;
	height: auto;
	/* overflow: hidden; */
}
.index-news-left {
	float: left;
	width: 532px;
	height: auto;
	overflow: hidden;
}
.index-news-img {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-news-img a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-news-name {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 12px;
}
.index-news-name a {
	float: left;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 26px;
	color: #1061d6;
	font-weight: bold;
}
.index-news-brief {
	width: 100%;
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	margin-top: 2px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.index-news-right {
	float: right;
	width: 630px;
	height: auto;
}
.index-news-right ul li {
	transition: all 0.3s ease-in-out;
	padding: 16px 0;
	margin-bottom: 15px;
	box-shadow: 0px 0px 15px 3px transparent;
}
.index-news-right ul li:hover {
	box-shadow: 0px 0px 15px 3px #f2f2f2;
}
.index-news-right ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-news-date {
	float: left;
	width: 140px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 13px;
	border-right: 2px solid #e0e0e0;
}
.index-news-date .day {
	width: 100%;
	text-align: center;
	font-size: 60px;
	color: #bbb;
	line-height: 60px;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.index-news-right ul li a:hover .index-news-date .day {
	color: #1061d6;
}
.index-news-date .year {
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #aaa;
	line-height: 22px;
	transition: all 0.3s ease-in-out;
}
.index-news-right ul li a:hover .index-news-date .year {
	color: #666;
}
.index-news-txt {
	float: left;
	margin-left: 26px;
	height: auto;
	overflow: hidden;
	padding-top: 14px;
	width: 430px;
}
.index-news-title {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 24px;
	color: #444;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.index-news-right ul li a:hover .index-news-title {
	color: #1061d6;
}
.index-news-text {
	width: 100%;
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	margin-top: 6px;
	transition: all 0.3s ease-in-out;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.index-news-right ul li a:hover .index-news-text {
	color: #333;
}

.footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1920px;
	overflow: hidden;
	background-color: #353535;
}
.footer-main {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 30px;
}
.footer-logo {
	float: left;
	margin-top: 5px;
	margin-right: 135px;
}
.footer-txt {
	font-size: 14px;
	line-height: 24px;
	color: #ddd;
	float: left;
}
.footer-txt p {
	margin-bottom: 6px;
}
.footer-txt a {
	font-size: 14px;
	color: #ddd;
}
.footer-en {
	float: right;
	width: 360px;
	line-height: 24px;
}
.copyright {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
	text-align: center;
	border-top: 1px solid #717171;
	line-height: 60px;
	height: 60px;
	font-size: 14px;
	color: #ddd;
}
.copyright a {
	font-size: 14px;
	color: #ddd;
}

.other-banner {
	/* height: 400px; */
}
.other-banner img {
	display: block;
	width: 100%;
	height: 100%;
	display: none;
}
.other-banner img:nth-of-type(1) {
	display: block;
}
.other-banner-txt {
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 50%;
	color: #fff;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden;
}
.other-banner-txt .title {
	font-size: 26px;
	line-height: 40px;
	color: #fff;
}
.other-banner-txt .brief {
	font-size: 14px;
	line-height: 24px;
	margin-top: 5px;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.6);
}
.other-banner-txt .line {
	width: 45px;
	height: 3px;
	margin: 0 auto;
	background-color: #69a4f9;
}
.nav {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	height: 50px;
	position: relative;
	border-bottom: 1px solid #e0e0e0;
}
.nav-main {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}
.nav-menu {
	font-size: 0;
	text-align: center;
	height: 51px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
}
.nav-menu ul {
	height: 51px;
	width: auto;
	display: inline-block;
}
.nav-menu ul li {
	float: left;
	width: auto;
	height: 51px;
	position: relative;
}
.nav-menu ul li a {
	position: relative;
	width: auto;
	z-index: 12;
	padding: 0 32px;
	height: 51px;
	color: #333;
	font-size: 14px;
	line-height: 50px;
	display: block;
	text-align: center;
	transition: all 0.3s ease-in-out;
}
.nav-menu ul li a:hover,
.nav-menu ul li a.active {
	background-color: #1061d6;
	color: #fff;
}
.nav-menu ul li a:before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
	z-index: 12;
	content: '';
	transition: all 0.3s ease-in-out;
	border-left: 8px solid transparent; 
    border-right: 8px solid transparent; 
    border-top: 8px solid transparent;
}
.nav-menu ul li a:hover:before,
.nav-menu ul li a.active:before {
	border-top: 8px solid #1061d6;
}
.introduction-bg {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.introduction-bg img {
	display: block;
	width: 100%;
	display: none;
}
.introduction-bg img:nth-of-type(1) {
	display: block;
}
.introduction-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.honor-list {
	width: 100%;
}
.honor-list ul li {
	float: left;
	width: 270px;
	margin-bottom: 40px;
	margin-right: 40px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 0px 25px 3px transparent;
}
.honor-list ul li:nth-of-type(4n) {
	margin-right: 0;
}
.honor-list ul li:hover {
	box-shadow: 0px 0px 25px 3px #ececec;
}
.honor-img {
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #fff;
	padding: 17px 0px; 
}
.honor-img p {
	cursor: pointer;
	width: 175px;
	margin: 0 auto;
}
.honor-txt {
	width: 100%;
	position: relative;
	min-height: 100px;
	transition: all 0.3s ease-in-out;
	background-color: #e0e0e0;
}
.honor-list ul li:hover .honor-txt {
	background-color: #fff;
}
.honor-txt .txt {
	position: relative;
	/* min-height: 100px; */
	margin: 0 auto;
	width: 237px;
	padding-top: 12px;
	transition: all 0.3s ease-in-out;
	border-top: 1px solid transparent;
}
.honor-list ul li:hover .honor-txt .txt {
	border-top: 1px solid #1061d6;
}
.honor-txt .txt .title {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.honor-txt .txt .text {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	color: #666;
	display: none;
}
.honor-list ul li:hover .honor-txt .txt .title {
	display: none;
}
.honor-list ul li:hover .honor-txt .txt .text {
	display: block;
}
.honor-txt .icon {
	position: absolute;
	z-index: 6;
	right: 0;
	bottom: 0;
	width: 28px;
	height: 28px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	background-color: #1061d6;
}
.honor-list ul li:hover .honor-txt .icon {
	opacity: 1;
}
.honor-txt .icon span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
}
.honor-txt .icon span:nth-of-type(1) {
	width: 14px;
	height: 2px;
}
.honor-txt .icon span:nth-of-type(2) {
	width: 2px;
	height: 14px;
}
.honor-page {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 0;
	text-align: center;
}
.honor-page ul {
	display: inline-block;
	width: auto;
	height: auto;
	overflow: hidden;
}
.honor-page ul li {
	float: left;
	margin: 0 7px;
	overflow: hidden;
}
.honor-page ul li a {
	display: block;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	transition: all 0.3s ease-in-out;
	font-size: 14px;
	color: #333;
	border-radius: 6px;
	border: 1px solid #e0e0e0;
}
.honor-page ul li a:hover,
.honor-page ul li a.active {
	background-color: #1061d6;
	color: #fff;
	border-color: #1061d6;
}
.honor-page ul li a.next {
	width: 70px;
}
.honor-page ul li a.last {
	width: 58px;
}

.equipment-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.equipment-list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.equipment-list ul li {
	float: left;
	width: 33.3333333%;
	margin-bottom: 10px;
	padding-right: 7px;
	box-sizing: border-box;
	text-align: center;
}
.equipment-list ul li:nth-of-type(1) {
	width: 100%;
	padding-right: 0;
}
.equipment-list ul li:nth-of-type(3n) {
	padding-right: 3.5px;
	padding-left: 3.5px;
}
.equipment-list ul li:nth-of-type(3n+1) {
	padding-right: 0px;
	padding-left: 7px;
}

.products-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.products-list ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.products-list ul li {
	float: left;
	width: 270px;
	margin-bottom: 40px;
	margin-right: 40px;
	overflow: hidden;
}
.products-list ul li:nth-of-type(4n) {
	margin-right: 0;
}
.products-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.products-img {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.products-modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	background-color: rgba(0, 0, 0, 0.4);
}
.products-list ul li a:hover .products-modal {
	opacity: 1;
}
.products-modal span {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 5;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	/* background-color: rgba(255, 255, 255, 1.0); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.products-modal span:nth-of-type(1) {
	width: 52px;
	height: 1px;
	width: 52px;
	height: 52px;
	background-image: url('./../products-icon01.png');
}
.products-modal span:nth-of-type(2) {
	width: 1px;
	height: 52px;
	display: none;
}
.products-name {
	width: 100%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 60px;
	height: 60px;
	color: #333;
	font-size: 14px;
	background-color: #ddd;
	transition: all 0.3s ease-in-out;
}
.products-list ul li a:hover .products-name {
	background-color: #1061d6;
	color: #fff;
}

.productsDetails {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #fff;
	min-height: 100px;
	box-shadow: 0px 0px 25px 3px #dfdfdf;
	box-sizing: border-box;
	padding: 30px;
}
.productsDetails-left {
	float: left;
	width: 355px;
	height: 355px;
	position: relative;
	text-align: center;
	border: 1px solid #e0e0e0;
}
.productsDetails-left p {
	width: 330px;
	height: 235px;
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
}
.productsDetails-right {
	float: right;
	width: 730px;
	height: auto;
	overflow: hidden;
}
.productsDetails-name {
	font-size: 20px;
	line-height: 30px;
	color: #333;
}
.productsDetails-line {
	width: 40px;
	height: 2px;
	margin-top: 21px;
	margin-bottom: 15px;
	background-color: #1061d6;
}
.productsDetails-brief {
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
.productsDetails-tabs {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 25px;
	border-bottom: 1px solid #1061d6;
}
.productsDetails-tabs ul {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.productsDetails-tabs ul li {
	float: left;
	overflow: hidden;
}
.productsDetails-tabs ul li a {
	display: block;
	transition: all 0.3s ease-in-out;
	width: 125px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.productsDetails-tabs ul li a.active,
.productsDetails-tabs ul li a:hover {
	background-color: #1061d6;
	color: #fff;
}
.productsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
	color: #333;
}

.news-list {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.news-list ul li {
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	border-bottom: 1px dashed #e0e0e0;
	/* background-color: #fff; */
	box-shadow: 0px 0px 25px 3px transparent;
}
.news-list ul li:hover {
	background-color: #fff;
	box-shadow: 0px 0px 25px 3px #ededed;
	border-bottom-color: #fff;
}
.news-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.news-img {
	float: left;
	width: 313px;
	overflow: hidden;
}
.news-txt {
	float: left;
	width: 580px;
	height: auto;
	overflow: hidden;
	padding-top: 33px;
	margin-left: 55px;
}
.news-name {
	width: 100%;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.news-list ul li a:hover .news-name {
	color: #1061d6;
}
.news-brief {
	width: 100%;
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	line-height: 24px;
	color: #999;
	margin-bottom: 14px;
	margin-top: 6px;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.3s ease-in-out;
}
.news-list ul li a:hover .news-brief {
	color: #333;
}
.news-more {
	width: 105px;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	color: #666;
	background-color: #ddd;
	transition: all 0.3s ease-in-out;
}
.news-list ul li a:hover .news-more {
	color: #fff;
	background-color: #1061d6;
}
.news-date {
	float: right;
	min-width: 105px;
	height: auto;
	overflow: hidden;
	margin-top: 52px;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 14px;
	border-left: 2px solid #e0e0e0;
}
.news-date p:nth-of-type(1) {
	font-size: 60px;
	line-height: 62px;
	color: #bbb;
	transition: all 0.3s ease-in-out;
	font-weight: bold;
}
.news-list ul li a:hover .news-date p:nth-of-type(1) {
	color: #1061d6;
}
.news-date p:nth-of-type(2) {
	font-size: 18px;
	line-height: 22px;
	color: #bbb;
	transition: all 0.3s ease-in-out;
}
.news-list ul li a:hover .news-date p:nth-of-type(2) {
	color: #666;
}

.newsDetails-title {
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	color: #333;
}
.newsDetails-date {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	padding-bottom: 15px;
	margin-top: 5px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #e0e0e0;
}
.newsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
	color: #555;
}
.newsDetails-other {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	padding-top: 12px;
	border-top: 1px dashed #e0e0e0;
}
.newsDetails-more {
	float: left;
	max-width: 85%;
	height: auto;
	overflow: hidden;
}
.newsDetails-more p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}
.newsDetails-more p a {
	font-size: 14px;
	line-height: 28px;
	color: #333;
	transition: all 0.3s ease-in-out;
}
.newsDetails-more p a:hover {
	color: #1061d6;
}
.newsDetails-more p a.no {
	color: #999;
}
.newsDetails-more p a.no:hover {
	color: #999;
}
.newsDetails-return {
	float: right;
	margin-top: 10px;
}
.newsDetails-return a {
	display: block;
	font-size: 14px;
	color: #666;
	transition: all 0.3s ease-in-out;
	width: 110px;
	height: 40px;
	border: 1px solid #e0e0e0;
	line-height: 40px;
	text-align: center;
}
.newsDetails-return a:hover {
	background-color: #1061d6;
	border: 1px solid #1061d6;
	color: #fff;
}

.contact-title {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	margin-bottom: 25px;
}
.contact-txt {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contact-item {
	float: left;
	width: 510px;
	height: auto;
	overflow: hidden;
}
.contact-item:nth-of-type(2) {
	float: right;
}
.contact-item p {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	box-sizing: border-box;
	padding-left: 50px;
	position: relative;
	margin-bottom: 12px;
}
.contact-item p span {
	position: absolute;
	top: 0px;
	left: 10px;
}
.contact-item p:nth-of-type(1) span {
	width: 14px;
}
.contact-item p:nth-of-type(2) span {
	width: 18px;
}
.contact-item p:nth-of-type(3) span {
	width: 18px;
}
.contact-item p:nth-of-type(4) span {
	width: 14px;
}
.contact-item p:nth-of-type(5) span {
	width: 18px;
}
.contact-map {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 14px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	margin-top: 35px;
}
.contact-map img {
	max-width: none;
	max-height: none;
}
#contact-map {
	width: 100%;
	height: 440px;
}






@media screen and (max-width: 1400px) {
	.index-products {
		min-width: 1200px;
	}
	.index-products-main {
		width: 1200px;
	}
	.index-products-swiper {
	    width: 1080px;
	}
	.index-products-swiper .swiper-slide {
		width: 270px;
	}
	.index-products-item {
		width: 245px;
	}
	.index-products-img {
		height: auto;
	}
}

@media screen and (max-width: 1200px) {
	.head {
		width: 100%;
		min-width: 970px;
	}
	.head-main {
		width: 970px;
	}
	.head-menu ul li {
		margin: 0 15px;
	}
	.banner {
		width: 100%;
		min-width: 970px;
	}
	.banner-txt {
		width: 970px;
	}
	.index-about {
		min-width: 970px;
	}
	.index-about-bg01 {
		/* height: 230px; */
	}
	.index-about-main {
		width: 970px;
	}
	.index-about-left {
		width: 335px;
	}
	.index-about-right {
		width: 615px;
	}
	.index-about-list {
		margin-top: 35px;
	}
	.index-about-swiper {
		width: 546px;
	}
	.index-about-swiper .swiper-slide {
		width: 182px;
	}
	.index-about-item {
		width: 160px;
		height: auto;
	}
	.index-products {
		height: 515px;
		min-width: 970px;
	}
	.index-products-main {
		width: 970px;
	}
	.index-products-title {
		margin-bottom: 40px;
	}
	.index-products-swiper {
		width: 880px;
	}
	.index-products-swiper .swiper-slide {
		width: 220px;
	}
	.index-products-item {
		width: 200px;
	}
	.index-products-img {
		width: 100%;
		height: auto;
	}
	.index-products-name {
		line-height: 50px;
		height: 50px;
	}
	.index-products-prev {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.index-products-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.index-news {
		min-width: 970px;
	}
	.index-news-main {
		width: 970px;
	}
	.index-news-left {
		width: 430px;
	}
	.index-news-name {
		margin-top: 10px;
	}
	.index-news-right {
		width: 510px;
	}
	.index-news-right ul li {
		padding: 13px 0;
		margin-bottom: 13px;
	}
	.index-news-right ul li:hover {
		box-shadow: 0px 0px 15px 3px #f2f2f2;
	}
	.index-news-date {
		width: 110px;
		padding-top: 8px;
		padding-bottom: 10px;
	}
	.index-news-date .day {
		font-size: 50px;
		line-height: 50px;
	}
	.index-news-date .year {
		font-size: 16px;
		line-height: 20px;
	}
	.index-news-txt {
		float: left;
		margin-left: 18px;
		padding-top: 6px;
		width: 350px;
	}
	.index-news-text {
		margin-top: 2px;
	}
	.footer {
		min-width: 970px;
	}
	.footer-main {
		width: 970px;
		padding-top: 25px;
	}
	.footer-logo {
		margin-right: 25px;
	}
	.container {
		min-width: 970px;
	}
	.container-main {
		width: 970px;
	}
	.nav {
		min-width: 970px;
	}
	.nav-main {
		width: 970px;
	}
	.honor-list ul li {
		width: 220px;
		margin-bottom: 30px;
		margin-right: 30px;
	}
	.honor-img {
		padding: 15px 0px; 
	}
	.honor-img p {
		width: 145px;
	}
	.honor-txt {
		min-height: 85px;
	}
	.honor-txt .txt {
		width: 190px;
		padding-top: 8px;
	}
	.products-list ul li {
		width: 220px;
		margin-bottom: 30px;
		margin-right: 30px;
	}
	.products-name {
		line-height: 50px;
		height: 50px;
	}
	.productsDetails {
		padding: 25px;
	}
	.productsDetails-left {
		width: 290px;
		height: 290px;
	}
	.productsDetails-left p {
		width: 270px;
		height: auto;
		margin-top: 50px;
	}
	.productsDetails-right {
		width: 600px;
	}
	.news-list {
		margin-bottom: 40px;
	}
	.news-list ul li {
		padding: 25px;
	}
	.news-img {
		width: 255px;
	}
	.news-txt {
		width: 470px;
		padding-top: 23px;
		margin-left: 45px;
	}
	.news-date {
		min-width: 100px;
		margin-top: 40px;
		padding-top: 6px;
		padding-bottom: 12px;
	}
	.news-date p:nth-of-type(1) {
		font-size: 56px;
		line-height: 58px;
	}
	.news-date p:nth-of-type(2) {
		font-size: 18px;
		line-height: 20px;
	}
	.contact-item {
		width: 420px;
	}
	#contact-map {
		height: 380px;
	}
}


.head-icon,
.PhoneNav,
.index-introduction-title,
.index-introduction-list,
.honor-more,
.news-txt .date,
.index-introduction-swiper,
.index-introduction-prev,
.index-introduction-next,
.index-products01-swiper,
.index-products01-prev,
.index-products01-next {
	display: none;
}


@media screen and (max-width: 970px) {
	div,p,img,ul,ol,li,form,input,label,span,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,span,em,i{margin:0;padding:0;vertical-align: baseline;box-sizing: border-box;}
	.head,
	.banner,
	.index-about,
	.index-products,
	.index-news,
	.footer {
		min-width: 100%;
	}
	.head-main {
		width: 100%;
		position: relative;
	}
	.index-about-main,
	.index-products-main {
		width: 6.00rem;
	}
	.index-news-main,
	.footer-main {
		width: 6.40rem;
	}
	.head {
		height: 0.80rem;
	}
	.logo {
		margin-left: 0.20rem;
    	width: 3.10rem;
    	margin-top: 0.17rem;
	}
	.head-menu {
		display: none;
	}
	.head-icon {
		float: right;
		width: 0.80rem;
		height: 0.80rem;
		position: relative;
		overflow: hidden;
		display: block;
	}
	.head-icon span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 0.32rem;
		height: 0.28rem;
		transition: all 0.5s ease-in-out;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		/* background-color: #ccc; */
		background-image: url('./../icon01.png');
	}
	.head-icon span i {
		position: absolute;
		left: 0;
		width: 100%;
		height: 0.04rem;
		background-color: #1061d6;
		transition: all 0.5s ease-in-out;
		display: none;
	}
	.head-icon span i:nth-of-type(1) {
		top: 0;
	}
	.head-icon span i:nth-of-type(2) {
		top: 50%;
		margin-top: -0.02rem;
		/* transform: translate(-0%, -50%); */
	}
	.head-icon span i:nth-of-type(3) {
		bottom: 0;
	}
	.head-icon.active span {
		width: 0.28rem;
		background-image: url('./../icon02.png');
	}
	.head-icon.active span i:nth-of-type(1) {
		transform: rotate(45deg);
		top: 0.12rem;
	}
	.head-icon.active span i:nth-of-type(2) {
		opacity: 0;
	}
	.head-icon.active span i:nth-of-type(3) {
		transform: rotate(-45deg);
		bottom: 0.12rem;
	}
	.PhoneNav {
		width: 100%;
		position: fixed;
		top: 0.80rem;
		left: 0;
		bottom: 0;
		z-index: 99;
		display: none;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.PhoneNav ul {
		width: 100%;
		height: auto;
		overflow: hidden;
		/* padding-bottom: 0.70rem; */
		background-color: #1061d6;
	}
	.PhoneNav ul li {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.PhoneNav ul li a {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 0.24rem;
		color: #fff;
		position: relative;
		line-height: 1.10rem;
		height: 1.10rem;
		border-bottom: 0.01rem solid rgba(255, 255, 255, 0.4);
	}
	.PhoneNav ul li:nth-last-child(2),.PhoneNav ul li:nth-last-child(3),.PhoneNav ul li:nth-last-child(4),
	.PhoneNav ul li:last-child {
		float: left;
		width: 33%;
		height: auto;
	}
	.PhoneNav ul li:nth-last-child(2) a,.PhoneNav ul li:nth-last-child(3) a,.PhoneNav ul li:nth-last-child(4) a,
	.PhoneNav ul li:last-child a {
		border-bottom: none;
		color: #d4d4d4
	}
	.PhoneNav ul li:nth-last-child(3) a {
		/*float: right;*/
		width: auto;
		padding: 0.0rem 0.30rem;
	}
	.PhoneNav ul li:nth-last-child(2) a {
		/*float: right;*/
		width: auto;
		padding: 0.0rem 0.30rem;
	}
	.PhoneNav ul li:last-child a {
		/*float: left;*/
		width: auto;
		padding: 0.0rem 0.30rem;
	}
	.PhoneNav ul li:nth-last-child(3) a:after,
	.PhoneNav ul li:nth-last-child(4) a:after{
		position: absolute;
		top: 50%;
		right:3%;
		content: '';
		width: 1px;
		height: 0.24rem;
		margin-top: -0.12rem;
		background-color: #fff;
	}
	.PhoneNav ul li:last-child a:after {
		position: absolute;
		top: 50%;
		left: 0;
		content: '';
		width: 0.01rem;
		height: 0.24rem;
		margin-top: -0.12rem;
		background-color: #fff;
	}
	.PhoneNav ul li a.active {
		color: #eee;
	}
	.banner-swiper .swiper-slide a img,
	.banner-swiper .swiper-slide a img:nth-of-type(1) {
		display: none;
		width: 100%;
	}
	.banner-swiper .swiper-slide a img:nth-of-type(2) {
		display: block;
	}
	.pagination {
		display: none;
	}
	.index-about-main {
		width: 6.40rem;
	    position: relative;
	    overflow: hidden;
	    padding: 0.73rem 0.20rem 0.70rem;
	}
	.index-about-bg01 {
		height: 2.08rem;
		background-image: url('./../index-introduction-bg01.jpg');
	}
	.index-introduction-title {
		width: 100%;
		text-align: center;
		overflow: hidden;
		position: relative;
		z-index: 6;
		display: block;
	}
	.index-introduction-title .en {
		font-size: 0.26rem;
		line-height: 0.36rem;
		color: #999;
	}
	.index-introduction-title .title {
		font-size: 0.26rem;
		line-height: 0.36rem;
		color: #333;
		margin-top: 0.05rem;
		margin-bottom: 0.15rem;
	}
	.index-introduction-title .icon {
		height: 0.03rem;
	}
	.index-introduction-title .icon img {
		display: block;
		margin: 0 auto;
	}
	.index-about-right {
		/* display: none; */
		width: 100%;
	}
	.index-about-title {
		display: none;
	}
	.index-about-brief {
		display: block;
		height: auto;
		overflow: hidden;
		width: 100%;
	    -ms-text-justify: inter-ideograph;
	    text-justify: inter-ideograph;
	    overflow: hidden;
	    text-align: justify;
	    font-size: 0.20rem;
	    line-height: 0.40rem;
	    color: #666;
	    margin-top: 0.25rem;
	    /* margin-bottom: 0.25rem; */
	    position: relative;
	    z-index: 6;
	}
	.index-about-more {
		margin-bottom: 0.25rem;
	}
	.index-about-more a {
		font-size: 0.20rem;
	    line-height: 0.40rem;
	    color: #1061d6;
	}
	.index-about-left {
		margin-top: 0.40rem;
		width: 100%;
		position: relative;
		z-index: 6;
		text-align: center;
		box-shadow: 0rem 0.05rem 0.15rem #f2f2f2;
	}
	.index-about-list {
		/* display: none; */
	}
	.index-about-next,
	.index-about-prev {
		width: 0.46rem;
		height: 0.46rem;
		margin-top: -0.23rem;
	}
	.index-about-swiper {
		width: 4.80rem;
		height: auto;
		overflow: hidden;
		/* padding: 0.10rem 0; */
		margin: 0 auto;
	}
	.index-about-swiper .swiper-slide {
		padding: 0.10rem 0;
		width: 4.80rem;
	}
	.index-about-item {
		width: 100%;
		width: 4.48rem;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
		box-shadow: 0.0rem 0.0rem 0.15rem 0.03rem #f3f3f3;
	}
	.index-products {
		min-height: 8.61rem;
    	background-image: url('./../index-products-bg001.jpg');
	}
	.index-products-main {
		width: 6.40rem;
		padding: 0.53rem 0.20rem 0.0rem;
	}
	.index-products-title {
		width: 100%;
		text-align: center;
		margin-bottom: 0.55rem;
	}
	.index-products-title .brief {
		font-size: 0.34rem;
		line-height: 0.44rem;
	}
	.index-products-title .title {
	    font-size: 0.26rem;
	    line-height: 0.36rem;
	    margin-top: 0.04rem;
	    margin-bottom: 0.14rem;
	}
	.index-products-title .line {
		width: 3.80rem;
		overflow: hidden;
		margin-top: 0;
	}
	.index-products-title .line i {
		width: 0.50rem;
		height: 0.03rem;
	}
	.index-products-title .line span {
		height: 0.01rem;
		background-color: #e5e5e5;
	}
	.index-products-prev,
	.index-products-next {
		width: 0.46rem;
		height: 0.46rem;
		margin-top: -0.23rem;
	}
	.index-products-swiper {
		width: 4.50rem;
		margin: 0 auto;
	}
	.index-products-swiper .swiper-slide {
		width: 4.50rem;
	}
	.index-products-item {
		width: 100%;
	}
	.index-products-img {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.index-products-img img {
		display: block;
	}
	.index-products-name {
	    font-size: 0.24rem;
	    line-height: 0.88rem;
	    height: 0.88rem;
	}
	.index-news-main {
    	padding: 0.71rem 0.20rem 0.40rem;
	}
	.index-news .index-products-title .brief {
		color: #999;
	}
	.index-news-left {
		float: none;
		width: 100%;
		margin-bottom: 0.30rem;
	}
	.index-news-img img {
		width: 100%;
    display: block;
    height: auto;
	}
	.index-news-name {
		width: 100%;
	    margin-bottom: 0.08rem;
	    margin-top: 0.30rem;
	}
	.index-news-name a {
		display: block;
		font-size: 0.20rem;
	    line-height: 0.30rem;
	    color: #444;
	}
	.index-news-brief {
		font-size: 0.20rem;
	    line-height: 0.40rem;
	    color: #999;
	    height: 1.20rem;
	    width: 100%;
	    overflow: hidden;
	    word-break: break-all;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
	}
	.index-news-right {
		float: none;
		width: 100%;
	}
	.index-news-right ul li {
		padding: 0;
		margin-bottom: 0.40rem;
	}
	.index-news-date {
		float: left;
		padding-right: 0.35rem;
		width: auto;
		text-align: left;
		padding-bottom: 0.23rem;
		padding-top: 0.22rem;
		border-right: 0.02rem solid #e0e0e0;
	}
	.index-news-date p:nth-of-type(1) {
		font-size: 0.60rem;
		line-height: 0.64rem;
		text-align: left;
		color: #bbb;
	}
	.index-news-date p:nth-of-type(2) {
		font-size: 0.18rem;
		line-height: 0.22rem;
		text-align: left;
		color: #666;
	}
	.index-news-txt {
		float: right;
		width: 4.65rem;
		margin-left: 0;
		padding-top: 0.04rem;
	}
	.index-news-title {
		font-size: 0.20rem;
		line-height: 0.30rem;
		margin-bottom: 0.08rem;
	}
	.index-news-text {
		font-size: 0.20rem;
		line-height: 0.40rem;
		color: #999;
		height: 0.80rem;
		margin-top: 0;
	}
	.footer-main {
		padding: 0.38rem 0.20rem 0.20rem;
	}
	.footer-logo {
		width: 100%;
		margin: 0;
		float: none;
		height: 0.52rem;
		margin-bottom: 0.17rem;
	}
	.footer-txt {
		float: left;
		width: 2.85rem;
		font-size: 0.18rem;
		line-height: 0.28rem;
		color: #ddd;
	}
	.footer-en {
		float: right;
	}
	.copyright {
		font-size: 0.18rem;
		line-height: 0.36rem;
		border-top: 0.01rem solid #717171;
		padding-top: 0.20rem;
		margin-top: 0.17rem;
		height: auto;
	}
	.other-banner img,
	.other-banner img:nth-of-type(1) {
		display: none;
	}
	.other-banner img:nth-of-type(2) {
		display: block;
	}
	.introduction-bg img,
	.introduction-bg img:nth-of-type(1) {
		display: none;
	}
	.introduction-bg img:nth-of-type(2) {
		display: block;
	}
	.nav {
		height: 0.60rem;
		min-width: 100%;
	}
	.nav-main {
		width: 6.40rem;
	}
	.nav-menu {
		height: 0.60rem;
	}
	.nav-menu ul {
		height: 0.60rem;
	}
	.nav-menu ul li {
		height: 0.60rem;
		margin: 0.0rem 0.12rem;
	}
	.nav-menu ul li a {
	    padding: 0 0.32rem;
	    height: 0.60rem;
	    line-height: 0.60rem;
	    font-size: 0.20rem;
	}
	.container {
		width: 100%;
		min-width: 100%;
	}
	.container-main {
		width: 6.00rem;
		padding-top: 0.55rem;
		padding-bottom: 0.65rem;
	}
	.introduction-txt {
		font-size: 0.20rem;
    	line-height: 0.40rem;
	}
	.honor-list ul li {
		width: 2.90rem;
		margin-right: 0;
		margin-bottom: 0.40rem;
	}
	.honor-list ul li:nth-of-type(2n) {
		float: right;
	}
	.honor-img {
		padding: 0.27rem 0;
	}
	.honor-img p {
		width: 1.75rem;
	}
	.honor-txt {
		min-height: auto;
		padding: 0.15rem 0.20rem 0.30rem;
	}
	.honor-txt .txt {
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: none;
	}
	.honor-txt .txt .title {
		font-size: 0.20rem;
	    line-height: 0.30rem;
	    height: 0.60rem;
	}
	.honor-list ul li:hover .honor-txt .txt .text,
	.honor-list ul li:hover .honor-txt .txt .icon {
		display: none;
	}
	.honor-list ul li:hover .honor-txt .icon {
		opacity: 0;
	}
	.honor-list ul li:hover .honor-txt .txt .title {
		display: block;
	}
	.honor-list ul li:hover .honor-txt .txt {
		border-top: none;
	}
	.honor-list ul li:hover .honor-txt {
		background-color: #e0e0e0;
	}
	.honor-page {
		display: none;
	}
	.honor-more {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: block;
	}
	.honor-more a {
		display: block;
		margin: 0 auto;
		width: 2.90rem;
		text-align: center;
		height: 0.60rem;
		line-height: 0.56rem;
		border-radius: 0.08rem;
		border: 0.02rem solid #1061d6;
		color: #1061d6;
		font-size: 0.20rem;
	}
	.equipment-list {
		margin-bottom: 0.20rem;
	}
	.equipment-list ul li {
		width: 2.90rem;
		padding: 0;
		margin-bottom: 0.20rem;
	}
	.equipment-list ul li img {
		width: 100%;
	}
	.equipment-list ul li:nth-of-type(1),
	.equipment-list ul li:nth-of-type(3n) {
		padding: 0;
	}
	.equipment-list ul li:nth-of-type(2n+1) {
		float: right;
	}
	.products-list ul li {
		width: 2.80rem;
		margin-right: 0.4rem;
		margin-bottom: 0.40rem;
		display:inline-block;
	}
	.products-list ul li:nth-of-type(2n) {
		/*float: right;*/
		margin-right:0rem;
	}
	.products-img img {
		width: 100%;
		display: block;
	}
	.products-list ul li a:hover .products-modal {
		opacity: 0;
	}
	.products-list ul li a:hover .products-name {
		color: #333;
    	background-color: #ddd;
	}
	.products-name {
		line-height: 0.55rem;
    	height: 0.55rem;
    	font-size: 0.20rem;
	}
	.productsDetails {
	    padding: 0.30rem;
	    box-shadow: 0rem 0rem 0.25rem 0.03rem #dfdfdf;
	}
	.productsDetails-right {
		float: none;
		width: 100%;
	}
	.productsDetails-name {
		font-size: 0.26rem;
    	line-height: 0.36rem;
	}
	.productsDetails-line {
		width: 0.40rem;
	    height: 0.02rem;
	    margin-top: 0.20rem;
	    margin-bottom: 0.08rem;
	}
	.productsDetails-brief {
    	font-size: 0.20rem;
    	line-height: 0.40rem;
	}
	.productsDetails-left {
		float: none;
		width: 100%;
		height: auto;
		margin-top: 0.35rem;
	    margin-bottom: 0.40rem;
	    padding: 0.90rem 0.20rem;
	    border: 0.01rem solid #e0e0e0;
	}
	.productsDetails-left p {
		width: 100%;
		height: 100%;
		margin: 0 auto;
	}
	.productsDetails-left img {
		width: 100%;
	}
	.productsDetails-tabs {
		margin-top: 0;
		margin-bottom: 0.25rem;
		border-bottom: 0.01rem solid #1061d6;
	}
	.productsDetails-tabs ul li {
		margin-right: 0.10rem;
	}
	.productsDetails-tabs ul li a {
		line-height: 0.60rem;
	    height: 0.60rem;
	    width: 1.40rem;
	    font-size: 0.20rem;
	}
	.productsDetails-txt {
		font-size: 0.20rem;
    	line-height: 0.40rem;
	}
	.news-list {
		margin-bottom: 0.40rem;
	}
	.news-list ul li {
		padding: 0.30rem 0;
		border-bottom: 0.01rem dashed #e0e0e0;
	}
	.news-list ul li:hover {
		box-shadow: 0px 0px 25px 3px transparent;
		border-bottom: 0.01rem dashed #e0e0e0;
		background-color: transparent;
	}
	.news-img {
		width: 2.45rem;
	}
	.news-img img {
		width: 100%;
	}
	.news-date,
	.news-more {
		display: none;
	}
	.news-txt {
		float: right;
		width: 3.30rem;
    	padding-top: 0.06rem;
    	margin-left: 0;
	}
	.news-name {
		font-size: 0.20rem;
    	line-height: 0.30rem;
    	margin-bottom: 0.05rem;
    	color: #444;
	}
	.news-brief {
		margin: 0;
		font-size: 0.20rem;
	    line-height: 0.40rem;
	    color: #666;
	    height: 0.80rem;
	}
	.news-txt .date {
		display: block;
		width: 100%;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    font-size: 0.18rem;
	    line-height: 0.28rem;
	    color: #999;
	    margin-top: 0.06rem;
	}
	.newsDetails-title {
		font-size: 0.26rem;
    	line-height: 0.36rem;
	}
	.newsDetails-date {
		font-size: 0.18rem;
	    line-height: 0.28rem;
	    padding-bottom: 0.20rem;
	    margin-top: 0.08rem;
	    margin-bottom: 0.28rem;
	    border-bottom: 0.01rem dashed #e0e0e0;
	}
	.newsDetails-txt {
	    font-size: 0.20rem;
	    line-height: 0.40rem;
	}
	.newsDetails-other {
		margin-top: 0.28rem;
    	padding-top: 0.28rem;
    	border-top: 0.01rem dashed #e0e0e0;
	}
	.newsDetails-more {
		max-width: 50%;
	}
	.newsDetails-more p {
		font-size: 0.20rem;
    	line-height: 0.46rem;
	}
	.newsDetails-more p a {
		font-size: 0.20rem;
    	line-height: 0.46rem;
	}
	.newsDetails-return {
		padding-top: 0.12rem;
		margin: 0;
	}
	.newsDetails-return a {
		width: 1.40rem;
	    height: 0.50rem;
	    line-height: 0.48rem;
	    border: 0.01rem solid #e0e0e0;
	    font-size: 0.20rem;
	}
	.contact-title {
		font-size: 0.26rem;
    	line-height: 0.36rem;
    	margin-bottom: 0;
	}
	.contact-item {
		float: none;
		width: 100%;
		font-size: 0.20rem;
	    color: #333;
	    padding-bottom: 0.25rem;
	    padding-top: 0.32rem;
	    line-height: 0.34rem;
	    border-bottom: 0.02rem solid #e0e0e0;
	}
	.contact-item p {
		position: relative;
	    padding-left: 0.37rem;
	    margin-bottom: 0.10rem;
	    font-size: 0.20rem;
	    line-height: 0.34rem;
	}
	.contact-item p span {
		top: 0.08rem;
		left: 0;
	}
	.contact-item p span img {
		display: block;
		width: 100%;
	}
	.contact-item p:nth-of-type(1) span {
		width: 0.17rem;
	}
	.contact-item p:nth-of-type(2) span {
		width: 0.23rem;
	}
	.contact-item p:nth-of-type(3) span {
		width: 0.24rem;
	}
	.contact-item p:nth-of-type(4) span {
		width: 0.14rem;
	}
	.contact-item p:nth-of-type(5) span {
		width: 0.23rem;
	}
	.contact-map {
		padding: 0.15rem;
	    border: 0.01rem solid #e0e0e0;
	    margin-bottom: 0.20rem;
	}
	#contact-map {
		height: 3.95rem;
	}

	.index-about-swiper,
	.index-about-prev,
	.index-about-next,
	.index-products-swiper,
	.index-products-prev,
	.index-products-next {
		display: none;
	}
	.index-introduction-swiper,
	.index-introduction-prev,
	.index-introduction-next,
	.index-products01-swiper,
	.index-products01-prev,
	.index-products01-next {
		display: block;
	}
	
}


.foot_right{
	position:absolute; right: 20px; top: 300px; width: 60px;  z-index: 9999;
	background:#1061d6;
}
.foot_right li{ position: relative; cursor: pointer; width: 60px; height: 60px; -webkit-transition: background 0.6s ;  transition: background 0.6s ; border-bottom:1px solid #fff;   }
.foot_right li a{color: #ffffff; display: block; width: 40px; height: 40px; }
.foot_right li .kf{padding: 9px; background-color: #1061d6; position: absolute; top: 0; right: 61px; text-align: center; color: #ffffff; line-height: 18px;display: none;width: 122px; }
.foot_right li .kf div{ height: 1px; border-bottom: 1px  dashed #ffffff; margin: 5px 0;}
.foot_right li .f-code{position: absolute; right: 61px; color: #ffffff; width: 140px; display: none; /*border-radius: 8px; */   box-shadow: -3px 0px 15px #909090;}
.foot_right li .f-code div{display: inline-block;width: 140px; /*height: 72px;*/ vertical-align: top; text-align: left; font-size: 12px;}
.foot_right li .f-code div p{ margin: 5px 0;}
.foot_right li .f-code div img{width: 140px; height: 140px;}
.foot_right li:nth-child(1){
	background:url(icon_01.png) center no-repeat;
}
.foot_right li:nth-child(2){
	background:url(icon_02.png) center no-repeat;
}
.foot_right li:nth-child(3){
	background:url(icon_03.png) center no-repeat;
	border-bottom:none;
}
.foot_right li:nth-child(1):hover{
	background:url('icon_01h.png') #fff center no-repeat;
}
.foot_right li:nth-child(2):hover{
	background:url('icon_02h.png') #fff center no-repeat;
}
.footer-logo{
	margin-right:80px;
}
.footer-en{
	float:left;margin-left:55px;
}
.ewm{
	float:right;text-align: center;color:#ddd;
}
.ewm img{
	width:100px;height: 100px;
}
.ewm p{
	margin-top:10px;
}
@media screen and (max-width: 1200px) {
	.footer-logo{
		margin-right:20px;width:250px;
	}
	.footer-en{
		margin-left:20px;width:335px;
	}
}
@media screen and (max-width: 970px) {
	.foot_right{
		display:none;
	}
	.footer-en{
		margin-left:0px;width:2.85rem;float:right;
	}
	.ewm{
	    clear: both;
	    margin: 0 auto;
	    float: left;
	    margin-top: -0.6rem;
	    margin-left: 0.5rem;
	}
}