﻿@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: #f6f6f6;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;box-sizing: border-box;}
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;min-width: 1200px;max-width: 1920px;margin: 0 auto;}
.container-main{width: 1200px; margin:0px auto;position: relative;z-index: 1;padding-top: 60px;padding-bottom: 100px;}
.container-main01{padding-bottom: 140px;}
.container-main02{padding-bottom: 170px;}
.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: Montserrat; src: url("./../font/Montserrat-Regular.otf")}
@font-face {font-family: MontserratBold; src: url("./../font/Montserrat-Bold.otf")}
.phone {
	width: 100%;
	position: relative;
	overflow: hidden;
}

/* 首页 */
.head {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19;
	min-width: 1200px;
	max-width: 1920px;
	background-color: rgba(0, 0, 0, 0.4);
}
.head-main {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}
.logo {
	float: left;
	font-size: 0;
	overflow: hidden;
	margin-top: 26px;
	width: 236px;
}
.head-menu {
	float: right;
	overflow: hidden;
}
.head-menu ul {
	overflow: hidden;
}
.head-menu li {
	float: left;
	overflow: hidden;
	padding-left: 30px;
}
.head-menu a {
	display: block;
	width: auto;
	text-align: center;
	overflow: hidden;
	line-height: 80px;
	height: 80px;
	font-size: 16px;
	color: #fff;
	font-family: Helvetica;
	border-bottom: 4px solid transparent;
	transition: all 0.3s ease-in-out;
}
.head-menu a.active,
.head-menu a:hover {
	color: #f3d170;
	border-bottom-color: #f3d170;
}

.banner {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	/* overflow: hidden; */
	position: relative;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.banner-swiper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	/* height: 500px; */
}
.banner-swiper .swiper-slide img {
	/* width: 100%; */
}
.banner-swiper .swiper-pagination {
	font-size: 0;
	bottom: 30px;
}
.banner-swiper .swiper-pagination span {
	width: 16px;
	height: 16px;
	background: none;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.8);
	margin: 0 11px!important;
}
.banner-swiper .swiper-pagination span.swiper-pagination-bullet-active {
	background-color: #ffbd00;
}

.index-faith {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.index-faith-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 72px;
}
.index-faith-title {
	width: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.index-faith-title p {
	display: inline-block;
	padding: 0 40px;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-family: MontserratBold;
	position: relative;
	z-index: 5;
}
.index-faith-title p span {
	position: relative;
	z-index: 5;
}
.index-faith-title p i {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background-color: #f3d170;
	height: 11px;
}
.index-faith-list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 52px;
}
.index-faith-list ul {
	width: 100%;
	overflow: hidden;
}
.index-faith-list li {
	float: left;
	width: 25%;
	padding-top: 5px;
	overflow: hidden;
	text-align: center;
}
.index-faith-list .icon {
	width: 184px;
	height: 184px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 0;
	border-radius: 92px;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
}
.index-faith-list .icon img {
	width: 100%;
	display: block;
	transition: all 0.3s ease-in-out;
}
.index-faith-list li:hover .icon img {
	transform: translate(0, -184px);
}
.index-faith-list li:hover .icon {
	box-shadow: 0px 5px 10px 0px rgba(150, 112, 1, 0.2);
}
.index-faith-list .title {
	width: 100%;
	font-size: 24px;
	line-height: 34px;
	color: #333;
	font-family: Arial;
	transition: all 0.3s ease-in-out;
	margin-top: 22px;
	margin-bottom: 4px;
}
.index-faith-list li:hover .title {
	color: #f3d170;
}
.index-faith-list .line {
	width: 30px;
	margin: 0 auto;
	height: 2px;
	background-color: #f3d170;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.index-faith-list li:hover .line {
	opacity: 1;
}

.index-mode {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.index-mode-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 80px;
}
.index-mode-list {
	width: 100%;
	overflow: hidden;
	margin-top: 45px;
}
.index-mode-list ul {
	width: 100%;
	overflow: hidden;
}
.index-mode-list li {
	float: left;
	width: 375px;
	overflow: hidden;
	position: relative;
	margin-right: 37.5px;
}
.index-mode-list li:nth-of-type(3n) {
	margin-right: 0;
}
.index-mode-list a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.index-mode-list .img {
	width: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	position: relative;
	line-height: 275px;
	height: 275px;
}
.index-mode-list .img img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.index-mode-list li:hover .img img {
	transform: scale(1.04, 1.04);
}
.index-mode-list .modal {
	position: absolute;
	left: 0;
	bottom: 12px;
	z-index: 5;
	max-width: 100%;
	overflow: hidden;
	min-height: 66px;
	line-height: normal;
	height: auto;
	min-width: 315px;
	transition: all 0.3s ease-in-out;
	padding: 6px 15px 6px 30px;
	background-color: rgba(255, 189, 0, 0.95);
}
.index-mode-list li:hover .modal {
	background-color: rgba(255, 255, 255, 0.95);
}
.index-mode-list .modal span {
	position: absolute;
	top: 13px;
	left: 15px;
	width: 4px;
	height: 16px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}
.index-mode-list li:hover .modal span {
	background-color: #febf0c;
}
.index-mode-list .modal p {
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	font-family: Helvetica;
	color: #000;
	text-align: left;
}

.index-business {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('./../index-bg01.jpg');
}
.index-business-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 58px;
}
.index-business .index-faith-title span {
	color: #fff;
}
.index-business-brief {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-top: 24px;
	margin-bottom: 20px;
	font-size: 0;
}
.index-business-brief p {
	color: #fff;
	font-size: 26px;
	line-height: 36px;
	font-family: Helvetica;
	margin-bottom: 10px;
}
.index-business-list {
	width: 100%;
	position: relative;
	/* overflow: hidden; */
}
.index-business-prev {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 13;
	width: 28px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon08.png');
	transition: all 0.3s ease-in-out;
}
.index-business-prev:hover {
	background-image: url('./../icon09.png');
}
.index-business-next {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 13;
	width: 28px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon10.png');
	transition: all 0.3s ease-in-out;
}
.index-business-prev:hover {
	background-image: url('./../icon11.png');
}
.index-business-swiper {
	padding: 10px;
	width: 902px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.index-business-swiper .swiper-slide {
	width: 410px;
}
.index-business-item {
	width: 390px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.index-business-item a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.index-business-item .img {
	width: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	height: 520px;
	line-height: 520px;
	position: relative;
}
.index-business-item .img>img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.index-business-item:hover .img>img {
	transform: scale(1.04, 1.04);
}
.index-business-item .modal {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 30px 37px;
	z-index: 19;
	overflow: hidden;
	text-align: center;
	line-height: normal;
	height: auto;
}
.index-business-item .modal .icon {
	font-size: 0;
	width: 100%;
	height: 38px;
	overflow: hidden;
}
.index-business-item .modal .line {
	width: 36px;
	height: 4px;
	background-color: #ffbd05;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
}
.index-business-item .modal .title {
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}

.index-products {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.index-products-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 52px;
	padding-bottom: 68px;
}
.index-products-list {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 26px;
	margin-top: 40px;
}
.index-products-prev {
	position: absolute;
	bottom: 0;
	left: 50%;
	cursor: pointer;
	width: 36px;
	height: 36px;
	z-index: 13;
	margin-left: -65.5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon01.png');
	transition: all 0.3s ease-in-out;
}
.index-products-prev:hover {
	background-image: url('./../icon02.png');
}
.index-products-next {
	position: absolute;
	bottom: 0;
	left: 50%;
	cursor: pointer;
	width: 36px;
	height: 36px;
	z-index: 13;
	margin-left: 29.5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon03.png');
	transition: all 0.3s ease-in-out;
}
.index-products-next:hover {
	background-image: url('./../icon04.png');
}
.index-products-icon {
	position: absolute;
	bottom: 3px;
	left: 50%;
	cursor: pointer;
	width: 19px;
	height: 29px;
	z-index: 13;
	margin-left: -9.5px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon05.png');
	transition: all 0.3s ease-in-out;
}
.index-products-swiper {
	width: 100%;
	overflow: hidden;
}
.index-products-item {
	width: 100%;
	overflow: hidden;
}
.index-products-item ul {
	width: 100%;
	overflow: hidden;
}
.index-products-item li {
	float: left;
	width: 375px;
	margin-right: 37.5px;
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
	background-color: #fff;
}
.index-products-item li:nth-of-type(3n) {
	margin-right: 0;
}
.index-products-item a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-products-item .img {
	width: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	height: 268px;
	line-height: 268px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.index-products-item .img>img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.index-products-item li:hover .img>img {
	transform: scale(1.04, 1.04);
}
.index-products-item .img::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	overflow: hidden;
	content: '';
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}
.index-products-item li:hover .img::after {
	background-color: #fbbb05;
}
.index-products-item .txt {
	width: 100%;
	overflow: hidden;
	border: 1px solid #dedede;
	padding: 15px 23px 18px;
	font-size: 16px;
	line-height: 30px;
	color: #000;
	font-family: Helvetica;
}

.footer {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('./../index-bg02.jpg');
}
.footer-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 88px;
	padding-top: 60px;
}
.footer-left {
	float: left;
	width: 520px;
	overflow: hidden;
}
.footer-logo {
	width: 365px;
	overflow: hidden;
	font-size: 0;
}
.footer-txt {
	width: 100%;
	font-size: 22px;
	line-height: 40px;
	color: #fff;
	font-family: Arial;
	overflow: hidden;
	position: relative;
	margin-top: 62px;
}
.footer-txt p {
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
}
.footer-txt img {
	position: absolute;
	top: 8px;
	left: 0;
}
.footer-right {
	float: right;
	width: 590px;
	overflow: hidden;
}
.footer-title {
	font-size: 30px;
	line-height: 36px;
	color: #f3d170;
	font-family: MontserratBold;
	margin-bottom: 25px;
}
.footer-item {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.footer-item input {
	float: left;
	width: 285px;
	height: 45px;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0 20px;
	font-size: 16px;
	font-family: Arial;
	color: #666;
	background-color: rgba(255, 255, 255, 0.9);
}
.footer-item input::-webkit-input-placeholder {
	font-size: 16px;
	font-family: Arial;
	color: #666;
}
.footer-item input::-moz-input-placeholder {
	font-size: 16px;
	font-family: Arial;
	color: #666;
}
.footer-item input::-ms-input-placeholder {
	font-size: 16px;
	font-family: Arial;
	color: #666;
}
.footer-item input:nth-of-type(2n) {
	float: right;
}
.footer-textarea {
	width: 100%;
	overflow: hidden;
}
.footer-textarea textarea {
	display: block;
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	font-family: Arial;
	height: 135px;
	box-sizing: border-box;
	padding: 12px 20px;
	resize: none;
	background-color: rgba(255, 255, 255, 0.9);
}
.footer-textarea textarea::-webkit-input-placeholder {
	font-size: 16px;
	line-height: 26px;
	font-family: Arial;
	color: #666;
}
.footer-textarea textarea::-moz-input-placeholder {
	font-size: 16px;
	line-height: 26px;
	font-family: Arial;
	color: #666;
}
.footer-textarea textarea::-ms-input-placeholder {
	font-size: 16px;
	line-height: 26px;
	font-family: Arial;
	color: #666;
}
.footer-btn {
	margin-top: 20px;
	width: 205px;
	height: 45px;
	line-height: 43px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-family: Helvetica;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.footer-btn:hover {
	background-color: #fbbb05;
	border-color: #fbbb05;
}
.copyright {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 13;
	background-color: rgba(0, 0, 0, 0.4);
	overflow: hidden;
	text-align: center;
	line-height: 60px;
	height: 60px;
	color: #ddd;
	font-size: 16px;
	font-family: Arial;
}
/* 首页 End */

/* 产品中心 */
.other-banner img {
	display: block;
}
.other-banner img:nth-of-type(2) {
	display: none;
}
.products-list {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 0;
}
.products-page {
	width: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.products-page ul {
	display: inline-block;
	width: auto;
	overflow: hidden;
}
.products-page li {
	float: left;
	padding: 0 8px;
}
    .products-page a{
        display: block;
        width: 36px;
        line-height: 36px;
        height: 36px;
        font-size: 24px;
        text-align: center;
        color: #1a1b1f;
        transition: all 0.3s ease-in-out;
        font-family: Montserrat;
    }
.pages {
    display:flex;
}
.pages span{
    
}
.products-page span.curr a,
.products-page span:hover a {
	color: #fcbc05;
}
.products-page span.prev a {
	width: 26px;
	height: 26px;
	z-index: 13;
	margin-top: 4px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon01.png');
}
.products-page span.prev:hover a {
	background-image: url('./../icon02.png');
}
.products-page span.next a {
	width: 26px;
	height: 26px;
	z-index: 13;
	margin-top: 4px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon03.png');
}
.products-page span.next:hover a {
	background-image: url('./../icon04.png');
}
.productsDetails-con {
	width: 100%;
	overflow: hidden;
	border-bottom: 2px solid #dedede;
	padding-bottom: 46px;
	margin-bottom: 42px;
}
.productsDetails-left {
	float: left;
	font-size: 0;
	overflow: hidden;
	width: 450px;
}
.productsDetails-right {
	float: right;
	width: 700px;
	overflow: hidden;
	padding-top: 45px;
}
.productsDetails-title {
	font-size: 30px;
	line-height: 40px;
	color: #333;
	font-family: Arial;
	position: relative;
	padding-left: 22px;
}
.productsDetails-title i {
	position: absolute;
	top: 5px;
	left: 0;
	width: 5px;
	height: 28px;
	background-color: #fec00d;
}
.productsDetails-brief {
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	line-height: 32px;
	color: #333;
	font-family: Arial;
	margin-top: 28px;
	margin-bottom: 20px;
}
.productsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	font-family: Arial;
}
.productsDetails-title01 {
	font-size: 0;
	text-align: left;
	overflow: hidden;
	position: relative;
	z-index: 5;
	font-size: 30px;
	line-height: 34px;
	font-family: MontserratBold;
	color: #333;
}
.productsDetails-title01 p {
	display: inline-block;
	position: relative;
	z-index: 5;
	padding-right: 40px;
}
.productsDetails-title01 p span {
	position: relative;
	z-index: 5;
}
.productsDetails-title01 p i {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background-color: #f3d170;
	height: 11px;
}
.productsDetails-list {
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.productsDetails-list ul {
	width: 100%;
	overflow: hidden;
}
.productsDetails-list li {
	float: left;
	width: 232px;
	overflow: hidden;
	margin-right: 10px;
}
.productsDetails-list li:nth-of-type(5n) {
	margin-right: 0;
}
.productsDetails-list a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.productsDetails-list .img {
	width: 100%;
	overflow: hidden;
	line-height: 232px;
	height: 232px;
	font-size: 0;
	text-align: center;
}
.productsDetails-list .img img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.productsDetails-list li:hover .img img {
	transform: scale(1.04, 1.04);
}
/* 产品中心 End */

/* 关于我们 */
.introduction-tabs {
	width: 100%;
	font-size: 0;
	text-align: center;
	/* overflow: hidden; */
	position: relative;
}
.introduction-tabs ul {
	display: inline-block;
	width: auto;
	overflow: hidden;
}
.introduction-tabs li {
	float: left;
	padding: 0 16px;
	overflow: hidden;
	position: relative;
}
.introduction-tabs a {
	display: block;
	width: 100%;
	padding: 0 24px;
	position: relative;
	z-index: 5;
	overflow: hidden;
	font-size: 24px;
	line-height: 28px;
	color: #666;
	font-family: Arial;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.introduction-tabs a.active,
.introduction-tabs a:hover {
	color: #333;
}
.introduction-tabs a span {
	position: relative;
	z-index: 5;
}
.introduction-tabs a i {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	z-index: 1;
	height: 11px;
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}
.introduction-tabs a.active i,
.introduction-tabs a:hover i {
	background-color: #f3d170;
}
.introduction-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 28px;
	color: #333;
	margin-top: 32px;
	margin-bottom: 10px;
}
.introduction-img {
	width: 100%;
	overflow: hidden;
}
.introduction-img p {
	float: left;
	font-size: 0;
	overflow: hidden;
	width: 373px;
	margin-right: 40px;
}
.introduction-img p:nth-of-type(3n) {
	margin-right: 0;
}
/* 关于我们 End */

/* 联系我们 */
.contact-list {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contact-list .item {
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: #fff;
	border-bottom: 3px solid #fff;
	width: 585px;
    height:225px;
	transition: all 0.3s ease-in-out;
	padding: 18px 25px 12px 20px;
}
.contact-list .item:nth-of-type(2n) {
	float: right;
}
.contact-list .item:hover {
	border-bottom-color: #fec00d;
}
.contact-list .icon {
	float: left;
	width: 16px;
	font-size: 0;
	overflow: hidden;
	margin-top: 3px;
}
.contact-list .txt {
	float: right;
	overflow: hidden;
	width: 515px;
}
.contact-list .title {
	font-size: 18px;
	line-height: 28px;
	color: #1a1b1f;
	font-weight: bold;
	font-family: Arial;
}
.contact-list .line {
	width: 26px;
	height: 4px;
	background-color: #fec00d;
	margin-top: 8px;
	margin-bottom: 12px;
}
.contact-list .brief {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	color: #1a1b1f;
	font-family: Arial;
}
/* 联系我们 End */

/* 下载中心 */
.download-list {
	width: 100%;
	overflow: hidden;
}
.download-list ul {
	width: 100%;
	overflow: hidden;
}
.download-list li {
	float: left;
	width: 275px;
	border: 1px solid #dedede;
	overflow: hidden;
	padding: 0 20px;
	background-color: #fff;
	margin-bottom: 30px;
	margin-right: 33.33px;
}
.download-list li:nth-of-type(4n) {
	margin-right: 0;
}
.download-list .img {
	width: 164px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	font-size: 0;
	line-height: 255px;
	height: 255px;
	margin-top: 15px;
	margin-bottom: 12px;
}
.download-list .img img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.download-list li:hover .img img {
	transform: scale(1.04, 1.04);
}
.download-list .title {
	width: 100%;
	border-top: 1px solid #dedede;
	overflow: hidden;
}
.download-list .title p {
	float: left;
	max-width: 85%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	font-size: 14px;
	color: #666;
	padding-left: 12px;
	line-height: 40px;
	height: 40px;
	transition: all 0.3s ease-in-out;
}
.download-list li:hover .title p {
	color: #333;
}
.download-list .title p i {
	position: absolute;
	top: 12px;
	left: 0;
	width: 4px;
	height: 14px;
	background-color: #999;
	transition: all 0.3s ease-in-out;
}
.download-list li:hover .title p i {
	background-color: #f5bc1b;
}
.download-list .title em {
	float: right;
	width: 13px;
	height: 13px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 14px;
	background-image: url('./../icon19.png');
	transition: all 0.3s ease-in-out;
}
.download-list li:hover .title em {
	background-image: url('./../icon20.png');
}
/* 下载中心 End */

/* 新闻中心 */
.news-list {
	width: 100%;
	overflow: hidden;
	margin-top: 45px;
}
.news-list ul {
	width: 100%;
	overflow: hidden;
}
.news-list li {
	float: left;
	width: 375px;
	margin-bottom: 40px;
	margin-right: 37.5px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}
.news-list li:nth-of-type(3n-1) {
	margin-right: 0;
}
.news-list li:nth-of-type(1) {
	width: 788px;
	margin-right: 37px;
}
.news-list a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.news-list .img {
	width: 100%;
	font-size: 0;
	text-align: center;
	line-height: 460px;
	height: 460px;
	overflow: hidden;
	position: relative;
}
.news-list .img>img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.news-list li:hover .img>img {
	transform: scale(1.04, 1.04);
}
.news-list .modal {
	position: absolute;
	line-height: normal;
	height: auto;
	z-index: 13;
	left: 0;
	bottom: 30px;
	background-color: rgba(255, 189, 0, 0.95);
	padding: 0.18rem 0.20rem 0.12rem;
	width: 515px;
	text-align: left;
}
.news-list .title {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 16px;
	position: relative;
	font-size: 24px;
	color: #000;
	line-height: 34px;
	font-family: Arial;
	font-weight: bold;
}
.news-list .title i {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 17px;
	background-color: #000;
}
.news-list .brief {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	color: #444;
	font-family: Arial;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 0.44rem;
}
.news-list .date {
	width: 100%;
	overflow: hidden;
}
.news-list .date span {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	font-family: Arial;
	float: left;
}
.news-list .date p {
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-family: Arial;
	float: right;
	position: relative;
	padding-left: 13px;
}
.news-list .date p i {
	position: absolute;
	top: 7px;
	left: 0;
	width: 6px;
	height: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon21.png');
}
.news-list .img01 {
	width: 100%;
	font-size: 0;
	text-align: center;
	line-height: 280px;
	height: 280px;
	overflow: hidden;
	position: relative;
}
.news-list .img01>img {
	transition: all 0.3s ease-in-out;
	transform: scale(1.0, 1.0);
}
.news-list li:hover .img01>img {
	transform: scale(1.04, 1.04);
}
.news-list .img01::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 6px;
	width: 100%;
	content: '';
	background-color: transparent;
	transition: all 0.3s ease-in-out;
}
.news-list li:hover .img01::after {
	background-color: #fec00d;
}
.news-list .txt {
	width: 100%;
	overflow: hidden;
	border: 1px solid #dedede;
	border-top: none;
	overflow: hidden;
	padding: 21px 20px 27px;
}
.news-list .title01 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 16px;
	position: relative;
	font-size: 24px;
	color: #000;
	line-height: 34px;
	font-family: Arial;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
}
.news-list li:hover .title01 {
	color: #fec00d;
}
.news-list .title01 i {
	position: absolute;
	top: 8px;
	left: 0;
	width: 4px;
	height: 17px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}
.news-list li:hover .title01 i {
	background-color: #fec00d;
}
.news-list .brief01 {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	color: #444;
	font-family: Arial;
	margin-top: 13px;
	margin-bottom: 16px;
	height: 44px;
}
.news-list .date01 {
	width: 100%;
	overflow: hidden;
}
.news-list .date01 span {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	font-family: Arial;
	float: left;
}
.news-list .date01 p {
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-family: Arial;
	float: right;
	position: relative;
	padding-left: 13px;
	transition: all 0.3s ease-in-out;
}
.news-list li:hover .date01 p {
	color: #fec00d;
}
.news-list .date01 p i {
	position: absolute;
	top: 7px;
	left: 0;
	width: 6px;
	height: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url('./../icon21.png');
	transition: all 0.3s ease-in-out;
}
.news-list li:hover .date01 p i {
	background-image: url('./../icon22.png');
}
.newsDetails-title {
	font-size: 30px;
	line-height: 40px;
	color: #1a1b1f;
	position: relative;
	padding-left: 20px;
}
.newsDetails-title i {
	position: absolute;
	top: 9px;
	left: 0;
	width: 7px;
	height: 22px;
	background-color: #fec00d;
}
.newsDetails-date {
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dedede;
}
.newsDetails-date .date {
	line-height: 30px;
	float: left;
	font-size: 14px;
	color: #1a1b1f;
}
.newsDetails-date .bdsharebuttonbox {
	float: right;
	overflow: hidden;
}
.newsDetails-date .bdsharebuttonbox a {
	float: left;
	margin: 0;
	opacity: 1;
	background: none;
	width: 30px;
	height: 30px;
	padding: 0;
	margin-left: 15px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.newsDetails-date .bdsharebuttonbox a:hover {
	opacity: 1;
}
.newsDetails-date .bdsharebuttonbox a.bds_fbook {
	background-image: url('./../icon25.png');
}
.newsDetails-date .bdsharebuttonbox a.bds_twi {
	background-image: url('./../icon26.png');
}
.newsDetails-date .bdsharebuttonbox a.bds_copy {
	background-image: url('./../icon27.png');
}
.newsDetails-txt {
	width: 100%;
	overflow: hidden;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	text-align: justify;
	font-size: 16px;
	line-height: 28px;
	color: #1a1b1f;
	font-family: Arial;
}
.newsDetails-other {
	width: 100%;
	border-top: 1px solid #dedede;
	margin-top: 40px;
	overflow: hidden;
	padding-top: 18px;
}
.newsDetails-nav {
	float: left;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	font-family: Arial;
}
.newsDetails-nav p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333;
	line-height: 28px;
	font-family: Arial;
}
.newsDetails-nav p a {
	font-size: 16px;
	color: #333;
	line-height: 28px;
	font-family: Arial;
	border-bottom: 1px solid transparent;
	transition: all 0.3s ease-in-out;
}
.newsDetails-nav p a.no {
	color: #555;
	border-bottom: none;
}
.newsDetails-nav p a:hover {
	border-bottom-color: #fec00d;
}
.newsDetails-return {
	float: right;
	overflow: hidden;
	position: relative;
}
.newsDetails-return a {
	display: block;
	width: auto;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
	position: relative;
	font-size: 16px;
	font-family: Arial;
	color: #333;
	padding-left: 16px;
	transition: all 0.3s ease-in-out;
}
.newsDetails-return a:hover {
	color: #fec00d;
}
.newsDetails-return a i {
	position: absolute;
	top: 7px;
	left: 0;
	width: 7px;
	height: 12px;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	transition: all 0.3s ease-in-out;
	background-image: url('./../icon23.png');
}
.newsDetails-return a:hover i {
	background-image: url('./../icon24.png');
}
/* 新闻中心 End */


.phone-nav,
.head-icon,
.banner-swiper001,
.index-products-more,
.products-more,
.introduction-tabs p {
	display: none;
}

@media screen and (max-width: 750px) {
	.phone {
		max-width: 750px;
	}
	.phone-nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 131;
		background-color: rgba(0, 0, 0, 0.34);
	}
	.phone-nav-close {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.phone-nav-icon {
		position: relative;
		z-index: 1319;
		background-color: #fbbb08;
		padding: 0.25rem 0.30rem 0.18rem;
		overflow: hidden;
	}
	.phone-nav-icon img {
		float: left;
		width: 2.36rem;
	}
	.phone-nav-icon span {
		float: right;
		width: 0.30rem;
		height: 0.30rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon13.png');
	}
	.phone-nav-con {
		position: relative;
		z-index: 1319;
		background-color: #fbbb08;
		padding: 0.0rem 0.30rem 5.65rem;
		overflow: hidden;
	}
	.phone-nav-con ul {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.phone-nav-con li {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 0.02rem solid rgba(255, 255, 255, 0.4);
	}
	.phone-nav-con ul ul li {
		border-bottom: none;
	}
	.phone-nav-con a {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
		font-size: 0;
		text-align: center;
	}
	.phone-nav-con a span {
		display: inline-block;
		font-size: 0.34rem;
		line-height: 0.85rem;
		height: 0.85rem;
		color: #fff;
		font-family: Arial;
		transition: all 0.3s ease-in-out;
	}
	.phone-nav-con a i {
		display: inline-block;
		width: 0.24rem;
		height: 0.13rem;
		overflow: hidden;
		position: relative;
		top: -0.03rem;
		margin-left: 0.28rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon15.png');
		transition: all 0.3s ease-in-out;
	}
	.phone-nav-con .active i {
		background-image: url('./../icon14.png');
	}
	.phone-nav-con ul ul {
		display: none;
		padding-bottom: 0.10rem;
	}
	.phone-nav-con ul ul a {
		font-size: 0.24rem;
		color: #fff;
		font-weight: bold;
		font-family: Arial;
		line-height: 0.55rem;
		height: 0.55rem;
	}
	.head,
	.banner,
	.index-faith,
	.index-mode,
	.index-business,
	.index-products,
	.footer,
	.container {
		min-width: 100%;
		max-width: 100%;
	}
	.head-main,
	.index-faith-main,
	.index-mode-main,
	.index-business-main,
	.index-products-main,
	.footer-main,
	.container-main {
		width: 100%;
	}
	.head-menu,
	.banner-swiper,
	.index-faith-list .line,
	.index-business-brief img,
	.index-products-prev,
	.index-products-next,
	.index-products-icon,
	.products-page {
		display: none;
	}
	.logo {
		width: 2.36rem;
		margin-top: 0.26rem;
		margin-left: 0.30rem;
	}
	.head-icon {
		float: right;
		width: 0.90rem;
		height: 0.80rem;
		position: relative;
		overflow: hidden;
		display: block;
	}
	.head-icon span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0.30rem;
		height: 0.26rem;
		margin-left: -0.15rem;
		margin-top: -0.13rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon12.png');
	}
	.banner-swiper001 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.banner-swiper001 .swiper-pagination {
		font-size: 0;
		bottom: 0.22rem;
	}
	.banner-swiper001 .swiper-pagination span {
		width: 0.16rem;
		height: 0.16rem;
		background: none;
		opacity: 1;
		background-color: rgba(255, 255, 255, 0.8);
		margin: 0 0.11rem!important;
	}
	.banner-swiper001 .swiper-pagination span.swiper-pagination-bullet-active {
		background-color: #ffbd00;
	}
	.index-faith-main {
		padding-top: 0.75rem;
	}
	.index-faith-title p {
		padding: 0 0.40rem;
		font-size: 0.34rem;
		line-height: 0.38rem;
	}
	.index-faith-title p i {
		height: 0.11rem;
	}
	.index-faith-list {
		margin-top: 0.40rem;
	}
	.index-faith-list li {
		width: 50%;
		padding-top: 0;
		margin-bottom: 0.35rem;
	}
	.index-faith-list .icon {
		width: 1.84rem;
		height: 1.84rem;
		border-radius: 0.92rem;
	}
	.index-faith-list li:hover .icon img {
		transform: translate(0, 0);
	}
	.index-faith-list .title {
		font-size: 0.28rem;
		line-height: 0.34rem;
		margin: 0;
		margin-top: 0.22rem;
	}
	.index-faith-list li:hover .title {
		color: #333;
	}
	.index-mode-main {
		padding: 0.35rem 0.30rem 0.50rem;
	}
	.index-mode-list {
		margin-top: 0.35rem;
	}
	.index-mode-list li {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 0.30rem;
	}
	.index-mode-list .img {
		line-height: normal;
		height: auto;
	}
	.index-mode-list li:hover .img img {
		transform: scale(1.0, 1.0);
	}
	.index-mode-list .modal {
		min-width: 4.50rem;
		min-height: 0.95rem;
		bottom: 0.20rem;
		padding: 0.12rem 0.20rem 0.12rem 0.35rem;
	}
	.index-mode-list li:hover .modal {
		background-color: rgba(255, 189, 0, 0.95);
	}
	.index-mode-list .modal span {
		top: 0.20rem;
		left: 0.20rem;
		width: 0.04rem;
		height: 0.17rem;
	}
	.index-mode-list li:hover .modal span {
		background-color: #000;
	}
	.index-mode-list .modal p {
		font-size: 0.24rem;
		line-height: 0.34rem;
	}
	.index-business {
		background-size: 100% auto;
		background-image: url('./../index-bg001.jpg');
	}
	.index-business-main {
		padding: 0.55rem 0.30rem 0.95rem;
	}
	.index-business-brief {
		margin-bottom: 0.17rem;
		margin-top: 0.27rem;
	}
	.index-business-brief p {
		font-size: 0.28rem;
		line-height: 0.40rem;
		margin-bottom: 0;
	}
	.index-business-prev,
	.index-business-next {
		width: 0.28rem;
		height: 0.50rem;
		margin-top: -0.25rem;
	}
	.index-business-prev:hover {
		background-image: url('./../icon08.png');
	}
	.index-business-next:hover {
		background-image: url('./../icon10.png');
	}
	.index-business-swiper {
		width: 5.45rem;
		padding: 0;
		/* background-color: #fff; */
		box-shadow: 0.0rem 0.0rem 0.10rem 0.0rem rgba(0, 0, 0, 0.3);
	}
	.index-business-swiper .swiper-slide {
		width: 100%;
	}
	.index-business-item {
		width: 100%;
		background-color: transparent;
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.0);
	}
	.index-business-item .img {
		height: auto;
		line-height: normal;
	}
	.index-business-item:hover .img>img {
		transform: scale(1.0, 1.0);
	}
	.index-business-item .modal {
		padding: 0.42rem 0.75rem;
	}
	.index-business-item .modal .icon {
		height: 0.38rem;
	}
	.index-business-item .modal .line {
		width: 0.36rem;
		height: 0.04rem;
		margin-top: 0.20rem;
		margin-bottom: 0.10rem;
	}
	.index-business-item .modal .title {
		font-size: 0.26rem;
		line-height: 0.40rem;
	}
	.index-products-main {
		padding: 0.72rem 0.30rem 0.98rem;
	}
	.index-products-list {
		margin-top: 0.40rem;
		padding-bottom: 0.0rem;
	}
	.index-products-item li {
		margin-right: 0;
		margin-bottom: 0.30rem;
		width: 3.30rem;
	}
	.index-products-item li:nth-of-type(2n) {
		float: right;
	}
	.index-products-item .img {
		height: 2.35rem;
		line-height: 2.35rem;
	}
	.index-products-item li:hover .img>img {
		transform: scale(1.0, 1.0);
	}
	.index-products-item .img::after {
		display: none;
	}
	.index-products-item .txt {
		font-size: 0.22rem;
		line-height: 0.40rem;
		padding: 0.14rem 0.22rem;
		border: 0.01rem solid #dedede;
	}
	.index-products-more {
		display: block;
	}
	.index-products-more a {
		width: 2.15rem;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		line-height: 0.70rem;
		height: 0.70rem;
		background-color: #ffc315;
		font-size: 0.24rem;
		color: #000;
		display: block;
		font-family: Montserrat;
	}
	.footer {
		background-size: 100% 100%;
		background-image: url('./../index-bg002.jpg');
	}
	.footer-main {
		padding: 0.40rem 0.30rem 1.20rem;
	}
	.footer-left {
		float: none;
		width: 100%;
	}
	.footer-logo {
		width: 3.65rem;
	}
	.footer-txt {
		margin-top: 0.0rem;
		font-size: 0.24rem;
		line-height: 0.40rem;
		margin-top: 0.20rem;
	}
	.footer-txt p {
		padding-left: 0.32rem;
		margin-bottom: 0.05rem;
	}
	.footer-txt img {
		top: 0.08rem;
		height: 0.22rem;
	}
	.footer-right {
		width: 100%;
		float: none;
		margin-top: 0.22rem;
	}
	.footer-title {
		font-size: 0.34rem;
		line-height: 0.44rem;
		margin-bottom: 0.22rem;
	}
	.footer-item {
		margin-bottom: 0.30rem;
	}
	.footer-item input {
		width: 3.30rem;
		height: 0.60rem;
		padding: 0 0.20rem;
		font-size: 0.20rem;
	}
	.footer-item input::-webkit-input-placeholder {
		font-size: 0.20rem;
	}
	.footer-item input::-moz-input-placeholder {
		font-size: 0.20rem;
	}
	.footer-item input::-ms-input-placeholder {
		font-size: 0.20rem;
	}
	.footer-textarea textarea {
		font-size: 0.20rem;
		line-height: 0.30rem;
		padding: 0.10rem 0.20rem;
		height: 1.40rem;
	}
	.footer-textarea textarea::-webkit-input-placeholder {
		font-size: 0.20rem;
		line-height: 0.30rem;
	}
	.footer-textarea textarea::-moz-input-placeholder {
		font-size: 0.20rem;
		line-height: 0.30rem;
	}
	.footer-textarea textarea::-ms-input-placeholder {
		font-size: 0.20rem;
		line-height: 0.30rem;
	}
	.footer-btn {
		margin-top: 0.40rem;
		width: 2.05rem;
		height: 0.60rem;
		line-height: 0.58rem;
		border: 0.01rem solid #fff;
		font-size: 0.20rem;
	}
	.footer-btn:hover {
		background-color: transparent;
		border-color: #fff;
	}
	.copyright {
		font-size: 0.20rem;
		line-height: 0.60rem;
		height: 0.60rem;
	}
	.other-banner img:nth-of-type(1) {
		display: none;
	}
	.other-banner img:nth-of-type(2) {
		display: block;
	}
	.container-main {
		padding: 0.60rem 0.30rem 1.00rem;
	}
	.products-more {
		display: block;
	}
	.products-more a {
		width: 2.15rem;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		line-height: 0.70rem;
		height: 0.70rem;
		background-color: #ffc315;
		font-size: 0.24rem;
		color: #000;
		display: block;
		font-family: Montserrat;
	}
	.productsDetails-con {
		border-bottom: 0.02rem solid #dedede;
		margin-bottom: 0.42rem;
		padding-bottom: 0.35rem;
	}
	.productsDetails-left {
		float: none;
		width: 100%;
	}
	.productsDetails-right {
		float: none;
		width: 100%;
		overflow: hidden;
		padding-top: 0.25rem;
	}
	.productsDetails-title {
		font-size: 0.36rem;
		line-height: 0.46rem;
		padding-left: 0.22rem;
	}
	.productsDetails-title i {
		top: 0.08rem;
		width: 0.05rem;
		height: 0.28rem;
	}
	.productsDetails-brief {
		margin-top: 0.10rem;
		margin-bottom: 0.10rem;
		font-size: 0.26rem;
		line-height: 0.42rem;
	}
	.productsDetails-txt {
		font-size: 0.22rem;
		line-height: 0.40rem;
	}
	.productsDetails-title01 {
		font-size: 0.34rem;
		line-height: 0.38rem;
	}
	.productsDetails-title01 p {
		padding-right: 0.40rem;
	}
	.productsDetails-title01 p i {
		height: 0.11rem;
	}
	.productsDetails-list {
		margin-top: 0.30rem;
	}
	.productsDetails-list li {
		margin-right: 0;
		margin-bottom: 0.30rem;
		width: 3.30rem;
	}
	.productsDetails-list li:nth-of-type(2n) {
		float: right;
	}
	.productsDetails-list .img {
		height: 3.30rem;
		line-height: 3.30rem;
	}
	.productsDetails-list li:hover .img img {
		transform: scale(1.0, 1.0);
	}
	.introduction-tabs {
		position: absolute;
		top: 0.22rem;
		left: 0.0rem;
		z-index: 13;
	}
	.introduction-tabs ul {
		position: absolute;
		top: 0.70rem;
		left: 0.0rem;
		z-index: 23;
		width: 100%;
		display: none;
		background-color: #fff;
		border-top: 0.02rem solid #dedede;
	}
	.introduction-tabs li {
		float: none;
		padding: 0;
		border-bottom: 0.02rem solid #dedede;
	}
	.introduction-tabs a {
		padding: 0;
		font-size: 0.26rem;
		line-height: 0.60rem;
		height: 0.60rem;
	}
	.introduction-tabs a.active, 
	.introduction-tabs a:hover {
		color: #666;
	}
	.introduction-tabs a i {
		display: none;
	}
	.introduction-tabs p {
		display: block;
		width: 100%;
		height: 0.70rem;
		line-height: 0.70rem;
		font-size: 0;
		text-align: center;
		background-color: #fff;
		box-shadow: 0.0rem 0.06rem 0.10rem 0.0rem rgba(0, 0, 0, 0.05);
	}
	.introduction-tabs p span {
		display: inline-block;
		height: 0.70rem;
		line-height: 0.70rem;
		font-size: 0.28rem;
		color: #333;
		font-family: Arial;
		font-weight: bold;
	}
	.introduction-tabs p i {
		display: inline-block;
		width: 0.18rem;
		height: 0.10rem;
		background-position: center center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-image: url('./../icon17.png');
		transition: all 0.3s ease-in-out;
		position: relative;
		top: -0.03rem;
		margin-left: 0.30rem;
	}
	.introduction-tabs .active i {
		transform: rotate(180deg);
	}
	.introduction-txt {
		font-size: 0.22rem;
		line-height: 0.40rem;
		margin-top: 0.70rem;
		margin-bottom: 0.20rem;
	}
	.introduction-img p {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 0.30rem;
	}
	.contact-list .item {
		float: none;
		width: 100%;
		margin-bottom: 0.30rem;
		padding: 0.32rem 0.30rem 0.36rem;
		border: none;
	}
	.contact-list .item:nth-of-type(2n) {
		float: none;
	}
	.contact-list .icon {
		width: 0.18rem;
		margin-top: 0.05rem;
	}
	.contact-list .txt {
		width: 6.00rem;
	}
	.contact-list .title {
		font-size: 0.26rem;
		line-height: 0.36rem;
	}
	.contact-list .line {
		width: 0.26rem;
		height: 0.04rem;
		margin-top: 0.16rem;
		margin-bottom: 0.18rem;
	}
	.contact-list .brief {
		font-size: 0.22rem;
		line-height: 0.40rem;
	}
	.download-list li {
		margin-right: 0;
		margin-bottom: 0.30rem;
		border: 0.01rem solid #dedede;
		padding: 0 0.20rem;
		width: 3.30rem;
	}
	.download-list li:nth-of-type(2n) {
		float: right;
	}
	.download-list .img {
		width: 1.85rem;
		line-height: 2.87rem;
		height: 2.87rem;
		margin-top: 0.20rem;
		margin-bottom: 0.20rem;
	}
	.download-list li:hover .img img {
		transform: scale(1.0, 1.0);
	}
	.download-list .title {
		border-top: 0.01rem solid #dedede;
	}
	.download-list .title p {
		color: #333;
		font-size: 0.22rem;
		line-height: 0.58rem;
		height: 0.58rem;
		padding-left: 0.16rem;
	}
	.download-list .title p i {
		width: 0.04rem;
		height: 0.18rem;
		top: 0.19rem;
	}
	.download-list li:hover .title p i {
		background-color: #999;
	}
	.download-list .title em {
		width: 0.18rem;
		height: 0.18rem;
		margin-top: 0.18rem;
	}
	.download-list li:hover .title em {
		background-image: url('./../icon19.png');
	}
	.news-list {
		margin-top: 0.80rem;
	}
	.news-list li {
		float: none;
		width: 100%;
		margin-bottom: 0.30rem;
		margin-right: 0;
	}
	.news-list li:nth-of-type(1) {
		width: 100%;
		margin-right: 0;
	}
	.news-list .img {
		line-height: normal;
		height: auto;
	}
	.news-list li:hover .img>img {
		transform: scale(1.0, 1.0);
	}
	.news-list .modal {
		width: 5.30rem;
		padding: 0.22rem 0.30rem 0.23rem;
	}
	.news-list .title {
		font-size: 0.28rem;
		line-height: 0.38rem;
		padding-left: 0.18rem;
	}
	.news-list .title i {
		width: 0.04rem;
		height: 0.20rem;
		top: 0.08rem;
	}
	.news-list .brief {
		margin-top: 0.10rem;
		margin-bottom: 0.08rem;
		font-size: 0.22rem;
		line-height: 0.40rem;
		height: 0.80rem;
	}
	.news-list .date span {
		font-size: 0.22rem;
		line-height: 0.32rem;
	}
	.news-list .date p {
		font-size: 0.22rem;
		line-height: 0.32rem;
		padding-left: 0.22rem;
	}
	.news-list .date p i {
		width: 0.10rem;
		height: 0.17rem;
		top: 0.06rem;
	}
	.news-list .img01 {
		line-height: normal;
		height: auto;
	}
	.news-list li:hover .img01>img {
		transform: scale(1.0, 1.0);
	}
	.news-list li:hover .img01::after {
		background-color: transparent;
	}
	.news-list .txt {
		border: 0.01rem solid #dedede;
		border-top: none;
		padding: 0.22rem 0.30rem;
	}
	.news-list .title01 {
		font-size: 0.28rem;
		line-height: 0.38rem;
		padding-left: 0.18rem;
	}
	.news-list li:hover .title01 {
		color: #000;
	}
	.news-list .title01 i {
		width: 0.04rem;
		height: 0.20rem;
		top: 0.08rem;
	}
	.news-list li:hover .title01 i {
		background-color: #000;
	}
	.news-list .brief01 {
		margin-top: 0.10rem;
		margin-bottom: 0.10rem;
		font-size: 0.22rem;
		line-height: 0.40rem;
		height: 0.80rem;
	}
	.news-list .date01 span {
		font-size: 0.22rem;
		line-height: 0.32rem;
	}
	.news-list .date01 p {
		font-size: 0.22rem;
		line-height: 0.32rem;
		padding-left: 0.22rem;
	}
	.news-list li:hover .date01 p {
		color: #000;
	}
	.news-list .date01 p i {
		width: 0.10rem;
		height: 0.17rem;
		top: 0.05rem;
	}
	.news-list li:hover .date01 p i {
		background-image: url('./../icon21.png');
	}
	.newsDetails-title {
		font-size: 0.34rem;
		line-height: 0.44rem;
		padding-left: 0.22rem;
	}
	.newsDetails-title i {
		top: 0.10rem;
		width: 0.07rem;
		height: 0.25rem;
	}
	.newsDetails-date {
		margin-top: 0.25rem;
		margin-bottom: 0.30rem;
		padding-bottom: 0.16rem;
		border-bottom: 0.01rem solid #dedede;
	}
	.newsDetails-date .date {
		font-size: 0.22rem;
		line-height: 0.30rem;
		height: 0.30rem;
	}
	.newsDetails-date .bdsharebuttonbox a {
		width: 0.30rem;
		height: 0.30rem;
		margin-left: 0.15rem;
	}
	.newsDetails-txt {
		font-size: 0.22rem;
		line-height: 0.40rem;
	}
	.newsDetails-other {
		border-top: 0.01rem solid #dedede;
		margin-top: 0.50rem;
		padding-top: 0.32rem;
	}
	.newsDetails-nav,
	.newsDetails-nav p,
	.newsDetails-nav p a {
		font-size: 0.22rem;
		line-height: 0.38rem;
		border-bottom: none;
	}
	.newsDetails-nav p a:hover {
		border-bottom: none;
	}
	.newsDetails-return a {
		font-size: 0.22rem;
		line-height: 0.38rem;
		height: 0.38rem;
		padding-left: 0.18rem;
	}
	.newsDetails-return a:hover {
		color: #333;
	}
	.newsDetails-return a i {
		width: 0.09rem;
		height: 0.15rem;
		top: 0.10rem;
	}
	.newsDetails-return a:hover i {
		background-image: url('./../icon23.png');
	}


}


