/* banner */
.banner {
	position: relative;

}

.banner .imgs {
	height: 18.5em;

}

.bg-img {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.banner h1 {
	text-align: center;
	font-size: 3.6em;
	color: #fff;
}

.banner .text {
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	margin-top: .8em;
	line-height: 1.3;
}
.downnew{
	font-size: .8em;
	margin-left: 35px;
	margin-top: 20px;
	width: 110px;
    height: 40px;
    line-height: 40px;
    background: #ff0303;
    text-align: center;
    border-radius: 3px;
}
.downnew a{
	justify-content: center;
	color: #fff;
}
.downnew:hover{
	color: #8ec31f;
}
.banner .textbox {
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	width: 100%;
}
.honor .imgs{
	background-size: contain; 
}
/* 产品 */
.conlis span{
	font-size: .8em;
	margin-top: 22px;
	display: inline-block;
}
.conlis span+span{
	margin-left: 2.81em
}
.conlis span img{
	margin-right: 10px;
}
.gnull-tips{
	margin-top: 20px;
}
.tab2{
	margin-top: 41px;
}
.pro .left {
	width: 24%;
	padding-right: 1.5em;
}

.pro .leftbox {
	background-color: #f7f7f7;
	width: 100%;
	padding: 2em 1.5em;
}

.pro input {
	width: 15px;
	height: 15px;
	border: 1px solid #8ec31f;
	margin-right: .8em;
}

.p-prodet{
	font-family: 'Medium';
}
.pro .tit {
	font-size: .8em;
	margin-bottom: 1.37em;
	cursor: pointer;
	font-family: 'Medium';
}

.pro .item {
	font-size: .8em;
}

.pro .item+.item {
	margin-top: 1em;
}

.pro input:checked {
	background-image: url(/content/img/images/duihao.png);
	background-size: cover;

}

.pro .tit svg {
	width: 11px;
	height: 7px;
	float: right;
	margin-top: 3px;
}
.svg img{
	margin-right: 12px;
}
.pro .bottom {
	display: none;
	margin-bottom: 2em;
}

.curtit h1 {
	font-size: 1.4em;
	color: #ff0303;
}

.curs svg {
	width: 7px;
	height: 11px;
	margin-left: 20px;
	margin-right: 20px;
}

.curtit {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	align-content: center;
}
.curs{
	font-size: .8em;
}
.pro .right {
	width: 76%;
}

.pro {
	margin-top: 3em;
}

.pro .more svg {
	width: 6px;
	height: 11px;
	color: #fff;
font-family: "Regular";
}

.pro .more span {
	width: 22px;
	height: 22px;
	display: flex;
	border-radius: 50%;
	background-color: #ff0303;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}

.pro .more {
	display: flex;
	margin-top: 1.25em;
	font-size: .8em;
	align-items: center;
	font-family: 'Medium';
}

.pro .imgs {
	width: 100%;
	height: 18em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto;
	transition: all .3s;
}

.pro .type {
	font-size: .7em;
	color: #000;
	height: 21px;
	display: inline-block;
	padding:3px 10px;
	color: #fff;
	border-radius: 2px;
}
.prolist2 .pro .type{
	background: transparent;
	display: none;
}
.nohtml{
	background: transparent!important;
}
.pro .textbox .flex{
	display: block;
	height: 2.4em;
}
.pro h2 {
	font-size: .9em;
	margin: 7px 0 11px;
	transition: all .3s;
    line-height: 1.3;
}
.pro li .textbox{
	margin-top: 20px;
}
.pro .text {
	font-size: .8em;
	line-height: 1.5;
	height: 3em;
	display: initial;

}

.pro ul .box {
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	padding: 0 1.1em 1.75em;
	position: relative;
	overflow: hidden;
}

.pro ul .col-lg-4 img{
	position: absolute;
	right: 29px;
	top: 12px;
	z-index: 999
}
.pro .row {
	margin: 1.5em -15px 0;
}

.pro .row li {
	margin-bottom: 1.5em;
}

.go-left svg,
.go-right svg {
	width: 8px;
	height: 12px;
}

.go-left {
	margin-right: 16px;
}

.go-right {
	margin-left: 16px;
}

.page {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
}

.page .num {
	display: block;
	width: 2.5em;
	height: 2.5em;
	font-size: .8em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.page .active {
	background-color: #ff0303;
	color: #fff!important;
}

.main-box {
	padding-bottom: 3em;
}

.productimg{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  justify-content: space-between; padding:30px 0 10px 0; border-bottom:1px solid #dedede}

.productimg .productimg_l{ width:49%;}
.productimg .productimg_r{ width:49%;}
.productimg .productimg_r h1{ font-size:22px; color:#333;}
.productimg .productimg_r .productimg_r_txt{ line-height:1.6; padding-top:20px;}


.swiperBanner .imgs {

	display: flex;
	align-items: center;
}

.swiperBanner {
	height: 450px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.swiperBanner img {
	display: block;
	margin: auto;
	height: 100%;
}

.swiperBanner .imgs {
	height: 22.5em;
}

.detbtn {
	width: 4.25em;
	height: 4.25em;
	
	position: absolute;
	bottom: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.detbtn:hover{
	background-color: rgba(255, 255, 255, .1);
}

.detbtn svg {
	width: 16px;
	height: 30px;
	color: #fff;
}

.detbtn1 {
	right: 4.26em;

}

.detbtn2 {
	right: 0;
}

.detbtn.swiper-button-disabled {
	background-color: transparent;
}

.det1 h6 {
	font-size: 1em;
	display: none;
}

.det1 h1 {
	font-size: 2.4em;
	color: #ff0303;
	margin-top: 10px;
	line-height: 1.3;
}

.detbox {
	padding-top: 0em;

}
.subtext{
	font-size: 1em;
	margin-top: 1.86em; line-height:2;
}
.det1 li {
	width: 50%;
	float: left;
	font-size: .8em;
	line-height: 1.7;
	padding-left: 20px;
	position: relative;

}

.det1 ul {
	margin-top: 1em;
	padding-bottom: 1.75em;
	border-bottom: 1px solid #eeeeee;
}

.overflow {
	overflow: hidden;
}

.det1 li::after {
	display: block;
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 11px;
	background-color: #222;
}

.det1 h3 {
	font-size: 1.2em;
	color: #8ec31f;
	margin-top: 1.45em;
}

.det1 .textbox span {
	font-size: .8em;
	padding: 0 22px;
}

.det1 .textbox span+span {
	border-left: 1px solid #999999;
}

.det1 .textbox {
	margin-top: .9em;
	margin-left: -22px;
}

.det2 .flex {
	width: 100%;
	line-height: 2.5em;
	background-color: #f7f7f7;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);
	padding-left: 1.75em;
	margin-top: 2.75em;
	text-transform: uppercase;
}

.det2 .flex .item+.item {
	margin-left: 3em;
}

.det2 .flex .item {
	opacity: .5;
	position: relative;
	cursor: pointer;
	 font-family: "Regular";
	 font-size: .8em;
}

.det2 .item.active {
	color: #8ec31f;
	opacity: 1;
}

.det2 .flex .item img {
	display: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -24px;
}

.det2 .flex .item.active img {
	display: block;
}
.p-about .det2 .flex{
	margin-left: -15px;
	margin-right: -15px;
}
.det2box h1 {
	font-size: 1.2em;
}

.det2box {
	margin-top: 2em;
}

.det2box li div {
	font-size: .8em;
	float: left;
	line-height: 1.5;

}

.det2box li div i {
	display: block;
	font-style: normal;
}

.det2box .name {
	width: 17.5em;
	flex-shrink: 0;
}

.det2box li {
	border-bottom: 1px solid #dddddd;
	padding: 15px 0;
	overflow: hidden;
	position: relative;
}

.det2box .item+.item {
	margin-top: 3em;
}
.det2box .item+.item+.item{
	display: none;
}
.det2box ul {
	margin-top: 18px;
}

.timor svg {
	width: 15px;
	height: 8px;
	color: #ff0303;
}

.timor {
	font-size: .8em;
	color: #ff0303;
	text-align: center;
	margin-top: 3.12em;
	cursor: pointer;
}

.det2box .row img {
	display: block;
	margin: auto;
}

.det2box .row .text1 {
	text-align: center;
	font-size: .8em;
	color: #666666;
	margin-top: 2.2em;
}

.det2box .row .text2 {
	text-align: center;
	font-size: 1em;
	margin-top: 13px;
	line-height: 1.3;
}

.det2box .itembox {
	display: none;
}

.det2box .itembox.active {
	display: block;
}

.det2box .row {
	margin-top: 3.75em;
	padding-bottom: 2em;
}

.det2box a {
	display: flex;
}
.det2box .col-6 a{
	display: block;
}
.riic svg {
	width: 12px;
	height: 18px;
}

.riic {
	position: absolute;
	right: 0;
}

.det2box .msg {
	padding-right: 10em;
	color: #666;
	
}

.titleh1 {
	font-size: 2.4em;
	color: #ff0303;
	padding-top: 1.2em;
	font-family: "Medium";
}

.supsear input {
	width: 500px;
	line-height: 50px;
	height: 50px;
	border: 1px solid #eeeeee;
	padding: 10px;
}

.supsear {
	margin-top: .9em;
}

.supsear a {
	display: inline-block;
	width: 140px;
	height: 50px;
	line-height: 50px;
	background-color: #ff0303;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: .8em;
	margin-left: -5px;
	margin-top: -1px;
	vertical-align: 2px;
	font-family: 'Regular';
}

.titletext {
	font-size: 1em;
	margin-top: 1.5em;
	line-height: 1.3;
	font-family: 'Regular';
}
.p-service .titletext{
	 font-family: "Light";
}
.p-support .det2 .flex {
	margin-top: 2em;
}
.supcen h1 {
	line-height: 1.3;
	transition: all .3s;
}
.tab2{
	padding: 10px 0;
}
.supcen .tab2+.tab2{
	display: none;
}
.supcen .text {
	font-size: .8em;
	margin-top: 5px;
	line-height: 1.3;
}
.table td{
	border:0px;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 0;
	line-height: 1.5
}
.table{
	
	overflow: hidden;
}
/*.table tr+tr+tr+tr+tr+tr+tr+tr{
	display: none;
}*/
.disnone{
	display: none;
}
.allshow .table{
	max-height: 10000px
}
.table tr:nth-child(1){
	/* font-size: 1.2em; */
	border-bottom: 1px solid #000;
}
.table tr+tr{
	font-size: .8em;
}
.table tr+tr td+td{
	color: #666666;
	width: auto!important;
	 font-family: "Regular";
}
.table tr+tr td:nth-child(1){
	width: 20.5%;
	color: #000;
	padding-left: 0;
	  font-family: "Medium";
}
.tabletit{
	padding-top: 50px!important;
	font-size: 24px!important
}
.table table{
	border:0px;
	width: 100%!important;
}
.table tr{
	border-bottom: 1px solid #dddddd;
}
.supcen .item a {
	display: flex;
}
.table span{
	word-break: break-word;
}
.table td{
word-break: break-word
}
.table td[colspan]{
	font-size: 18px;
	color: #ff0303!important;
	padding-top: 40px;
}
.supcen .item {
	padding: 1.6em 0 1.75em;
	border-bottom: 1px solid #f7f7f7;
}

.supcen {
	margin-top: 12px;
}

.supcen .page {
	margin-top: 2em;
}

.supcen .list {
	display: none;
}

.supcen .list.active {
	display: block;
}

.p-support .waptab {
	margin-top: .3rem !important;
}
.waptab  .tit img{
	position: absolute;
	bottom: -22px;
	left: .3rem;
}
.tittext1 {
	font-size: 1.6em;
	line-height: 1.3;
	margin-top: 25px;
	 font-family: "Medium";
}
.p-service .titletext{
	margin-top: 2em;
	max-height: 13.5em;
	overflow: hidden;
	transition: all 1s;
	line-height: 2;
}
.isc .titletext{
	max-height: 1000px;
	line-height: 2
}
/* 服务页面 */
.ser1 .imgs {
	height: 36.25em;
}
.ser1Swip .swiper-slide{
	width: 14.5em;
	

}
.ser1Swip .swiper-slide .imgs{
	border-radius: 8px;
	overflow: hidden;
}
.ser1 {
	padding-left:5em;
	margin-top: 3em;
}

.pos {
	position: relative;
}

.ser1 .textbox {
	position: absolute;
	width: 100%;
	bottom: 2em;
	color: #fff;
}

.serSwip .swiper-slide {
	background-color: #553a63;

	text-align: center;

}

.serSwip .swiper-slide a {
	transition: all .3s;
	display: block;
	padding: 1.5em 0;
}

.serSwip {
	margin-top: 1.75em;
}

.ser1 h1 {
	font-size: 2.4em;
	color: #fff;
	margin-top:2.08em;
}

.heightImg {
	width: 100%;
	opacity: 0;
}

.ser2 h2 {
	font-size: 1.2em;
	line-height: 1.3;
	margin-top: 1.1em;
}
.ser1Swip .imgs{
	width: 100%;
	height: 18.75em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .3s;
	box-shadow: 10px 0px 50px rgba(0,0,0,.28);
}
.ser1Swip{
	padding: 3.5em 1em;
	margin-left: -1em;
	margin-top: -1em;
}
.ser1Swip .swiper-slide:hover .imgs{
	transform: scale(1.1);
}
.ser1Swip .swiper-slide:hover .text{
	opacity: 1;
}
.ser2 .text {
	font-size: .8em;
	line-height: 1.5em;
	margin-top: 2.4em;
	height: 7.5em;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.ser1Swip .text{
	font-size: .8em;
	line-height: 1.5;
	color: #fff;
	margin-top: 1.87em;
	opacity: 0;
	transition: all .3s;
}
.ser2 li {
	margin-bottom: 2.5em;
	padding: 0 1.5em;
}
.ser1Swip img{
	display: block;
}
.ser1Swip .text_1{
	margin-top: 1.25em;
}
.ser1Swip .box{
	padding:2em 1.5em;
	position: absolute;
	top: 0;
	left: 0;
}
.ser2 ul {
	margin: 1.26em -20px -2.5em;
}
.ser2 h2 span{
	border-bottom: 2px solid #8ec31f;
	padding-bottom: 9px;
	display: inline-block;
}
.goodsI{
	position: absolute;
	top: 4em;
	right: -2em;
	max-width:16em;
	height: 16em;
	object-fit: contain;
	
}
.det2 .det2box .itembox:nth-child(1){
	margin-top: 40px
}

.det2 .det2box .heig{ line-height:2;}
.ser2 .imgs {
	transition: all .5s;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.tec1 ul .box {
	background-color: #e36810;
	color: #fff;
	padding: 1.25em 1.3em 2em;
	transition: all .3s;
}

.tec1 ul li {
	margin-bottom: 5px;
	padding: 0 3px;
}
.tec1 {
	padding: 0 6em;
}
.tec1 ul li h6 {
	font-size: 1em;
	line-height: 1.3;
	 font-family: "Medium";
	 color: #fff;
}

.tec1 ul li .text {
	font-size: .8em;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 10px;
	color: #fff;
}

.tec1 {
	margin-top: 2.5em;
}

.tec1 h2 {
	font-size: 1.6em;
	color: #8ec31f;
	text-align: center;
	text-transform: uppercase;

}

.tec1 .imgs {
	padding: 3.75em 0 5em;
}

.tec1 ul {
	margin-top: 2em;
	padding: 0 2em;
}

.tecd1 .imgs {
	width: 100%;
	background-size: cover;
}
.tecd1{
	padding-top: 1.25em;
	border-top: 1px solid #eeeeee;
	margin-top: 2.5em;
}
.tecd1 .left {
	width: 50%;
	padding-right: 1.5em;
}

.tecd1 .right {
	width: 50%;
	padding-left: 1.5em;
}

.tecd1 h1 {
	font-size: 1.6em;
	padding-top: 9%;
	text-transform: uppercase;
}

.tecd1 .text1 {
	font-size: 1.2em;
	display: inline-block;
	padding: 5px 13px;
	/* background:#ff0303; */
	color: #fff;
	margin: .7em 0 0;
	background-position: center;
	background-size: cover;
	border-radius: 3px;
}

.tecd1 .text {
	font-size: .8em;
	line-height: 1.5;
	margin-top: 1.5em;
}

.tecd1 .item {
	padding: 1.25em 0;
}

.tecd1 .item:nth-child(odd) {
	flex-direction: row-reverse;
}

.tecd1 .item:nth-child(odd) .left {
	padding-left: 1.5em;
	padding-right: 0;
}
.tecd_2 .item{
	flex-direction: initial!important;
}
.tecd_2 .item .left{
	padding-left: 0!important;
	padding-right: 1.5em!important;
}
.tecd_2 .item .right{
	padding-left: 1.5em!important;
}
.tecd1 .item:nth-child(odd) .right {
	padding-right: 3em;
	padding-left: 0;
}

.tecd1 .item:nth-child(3) {
	flex-direction: row-reverse;
}

.tecd1 .item:nth-child(even) .left {
	padding-left: 0;
}

.tecd1 .item:nth-child(even) .right {
	padding-right: 3em;
	padding-left: 1.5em;
}

.newsList .overflow {
	width: 31.5%;
	height: 13.15em;
}

.newsList .imgs {
	width: 100%;
	height: 100%;
	transition: all .3s;
}

.newsList .time {
	font-size: 1em;
	color: #ff0303;
	font-family: "Regular";
}

.newsList .textbox {
	width: 68.5%;
	padding-top: 1.8em;
}

.newsList h1 {
	font-size: 1.2em;
	line-height: 1.3;
	margin-top: .56em;
}

.newsList .text {
	font-size: .8em;
	line-height: 1.5;
}

.newsList .textbox {
	padding-left: 2em;
}

.newsList .list {
	overflow: hidden;
	width: 100%;
	padding: 1.5em 0;
	border-bottom: 1px solid #eeeeee;
}

.newsList {
	padding-top: 1.5em;
}

.p-news .page {
	margin-top: 2em;
}

.det-a {
	height: 3em;
	display: flex;
	align-items: center;
	background-color: #f7f7f7;
}

.newsdet {
	padding-top: 3.25em;
}
.newsdet .time{
	 font-family: "Regular";
}

.newsdet h1 {
	font-size: 2.4em;
	color: #ff0303;
	line-height: 1.15em;
	margin-top: 10px;
}

.newsdet .textbox {
	font-size: .8em;
	line-height: 1.87em;
	padding-top: 2.8em;
	margin-top: 2.8em;
	border-top: 1px solid #ff0303;
	min-height: 300px;
}
.newsdet .textbox .arcleconten{ margin-top:2.8em;}
.curs span:hover{
	opacity: .6
}
.newsdet .textbox img {
	max-width: 100%;
height:100%;
	display: block;
	margin: 2.3em auto;
}

.tolinek {
	margin-top: 47px;
	display: flex;
	font-family: "Regular";
	color: #666;
}

.tolinek a {
	width: 5.5em;
	height: 1.5em;
/* 	border: 1px solid #999999; */
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 16px;
	margin-top: -5px;
}
.about1 .col-lg-12{
	border-top: 1px solid #eeeeee;
	padding-top: 2.5em;
	margin-top: 2.5em;
}
.about2 .imgs {
	height: 16.5em;
	position: relative;
}

.about2 h1 {
	font-size: 1.2em;
	color: #8ec31f;
}
.about2 .imgs img{
	width: 100%;
	position: absolute;
	bottom: 0;
}
.about2 .text {
	font-size: .8em;
	line-height: 1.5;
	margin-top: 13px;
	height:6em;
}
.about2 .textbox {
	background-color: #f7f7f7;
	padding: 0 1.5em 2em;
}
.about2 .col-lg-4{
	padding: 0 20px;
	margin-bottom: 1.25em;
}
.about2 .row{
	margin: 2.5em -20px 0;
}
.contactUs h1{
	font-size: 1.7em;
	color: #ff0303;
}
.tocontact{
	position: fixed;
	right: 10px;
	bottom: 4.5em;
	z-index: 999;
	cursor: pointer;
	max-width: 2.5em;
	display: flex;
	height: 2.5em;
	border-radius: 6px;
	box-shadow: 0px 3px 20px rgba(0,0,0,.1);
	transition:all .5s;
	overflow: hidden;
	
}
.tocontact a{
	display: flex;
	flex-wrap: nowrap;
}
.tocontact:hover{
	max-width: 8em;
}
.tocontact .tocRight{
	width: 100px;
	float: left;
	font-size: .8em;
	line-height: 3.125em;
	font-weight: bold;
}
.tocontact img{
	width: 2.5em;
	float: left;
	
}
.tocontact .bg{
	width: 3em;
	height: 3em;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.1);
	display: none;
}
.tocontact:hover .bg{
	display: block;
}
.contactUs .row{
	margin-right: -15px;
	margin-left: -15px;
}
.contactUs h3{
	font-size: 1.2em;
	color: #8ec31f;
	margin-bottom: 17px;
	 font-family: "Medium";
	 text-transform: uppercase;
}
.contactUs .isli{
	font-size: .8em;
	line-height: 1.5;
	margin-bottom: 7px;
}
.contactUs .col-lg-6:nth-child(1){
	border-bottom: 1px solid #f2f2f2;
}
.contactUs .col-lg-6:nth-child(2){
	border-bottom: 1px solid #f2f2f2;
}
.contactUs .row .box{
	padding: 2em 0;
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2
}
.p-about .main-box{
	padding-bottom: 2em
}
.contactUs .row .box .imgs{
    width: 38.5%;
    float: left;
    height: 17em;
    border-radius: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.contactUs .row .box .ussmg{
    width: 61.5%;
    float: left;
    padding-left: 3em;
    padding-top: 3em;
    padding-right: 4.25em;
}
.contactUs .textbg{
	font-size: 1.2em;
	display: inline-block;
	padding: 5px 13px;
	background-image: url(/content/img/images/tecd5.png);
	color: #fff;
	margin: .9em 0 1.25em;
	background-position: center;
	background-size: cover;
	border-radius: 3px;
}
.contactUs .left{
	width: 544px;
	font-size: .8em;
	line-height: 1.5em;
}
.contactUs .right{
	width: 46%;
}
.contactUs ul svg{
	width: 17px;
	height: 17px;
	color: #8ec31f;
}
.contactUs ul li{
	font-size: .8em;
	margin-bottom: 1.25em;
}
.contactUs .right li{
	float: left;
	width: 50%;
}
.contactUs{

	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	margin: 15px 0 0;
	background-position: top;
}
.about2-1 .imgs{
	height: 39.5em;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
}
.about2-1 .imgsbox{
	background-color: rgba(255,255,255,.9);
	padding: 2.8em 2em 2.5em;
	width: 38em;
	position: absolute;
	bottom: 3em;
	left: 3em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.about2-1{
	position: relative;
	margin-bottom: 3.5em;
}
.about2-1 .imgsbox h1{
	font-size: 1.6em;
	color: #ff0303;
	text-transform: uppercase;
}
.about2-1 .imgsbox .text{
	font-size: .8em;
	line-height: 1.6em;
	margin-top: 1.25em;
}
.honor .col-lg-3{
	margin-bottom: 2em;
}
.honor{
	padding: 0 4.25em;
}
.honor h1{
	font-size: .8em;
	color: #ff0303;
	margin-top:2.88em ;
}
.honor .text{
	font-size: 1em;
	line-height: 1.3em;
	height: 2.6em;
	margin-top: 14px;
	overflow:hidden;
	    text-overflow:ellipsis;
	    display:-webkit-box;
	    -webkit-box-orient:vertical;
	    -webkit-line-clamp:2;
}
.honor2 .box{
	padding: 1.5em 1.5em 2em;
	box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.honor2 .col-lg-4{
	margin-bottom: 2em;
	padding:0 1em;
}
.honor2{
	padding: 0 15px;
}


.supcen .lis h2{
	font-size: 1em;
	line-height: 1.3;
	display: inline-block;
}
.supcen .lis img{
	margin-right: 13px;
}
.mytext{
	font-size: .8em;
	line-height:1.87em ;
	margin-top: 2.7em;
}
.mytext img{
	display: block;
	margin: 2em auto 2em;
}
.msgbox{
	font-size: .8em;
	line-height: 1.5em;
	background-color: #f7f7f7;
	margin-left:2.8em ;
	padding:2.37em 2.5em ;
	margin-top: 15px;
	display: none;
	margin-right: 15px;
}
.is{
	display: none;
}
.act .is{
	display: block;
	color: #ff0303!important;
}
.act .no{
	display: none;
}
.supcen .lis svg{
	width: 16px;
	height: 16px;
	margin-top: 5px;
	color: #878787;
}
.lis{
	margin-top: 2.5em;
	cursor: pointer;
}
.tab2 i{
	font-style: normal;
	font-size: .8em;
	margin-left: 25px;
	cursor: pointer;
	 font-family: "Regular";
	
}
.tab2 .acti{
	border-bottom: 1px solid #ff0303;
	color: #ff0303;
}
.gnull-tips{
	font-size: .8em;
	margin-left: 25px;
}
.itab{
	display: none;
}
.itab.i-act{
	display: block;
}
.aboutlist{
	display: none;
}
.aboutlist.act{
	display: block;
}
.searchbox h1{
	color: #ff0303;
	font-size: 2.4em;
	text-align: center;
	margin-top: 1.01em;
}

.searchbox .supsear{
	display: flex;
	justify-content: center;
}
.p-searchdet{
	background-color: #f7f7f7;
}
.seaMsg{
	font-size: .8em;
	color: #666666;
	line-height: 1.3;
	width: 770px;
	margin:10px auto 0;
}
.p-searchdet .supsear input{
	width: 640px;
}
.seaMsg span{
	color: #ff0303;
}
.conB li svg{
	width: .31rem;
	height: .33rem;
	color: #8ec31f;
	flex-shrink: 0;
	margin-right: .25rem;
}
.conB span{
	font-size: .28rem;
	line-height: .36rem;
	display: block;
}
.conB li{
	display: flex;
}
.conB li h3{
	font-size: .4rem;
	color: #8ec31f;
	margin-bottom: .1rem;
}

.conlis span+span{
	margin-bottom: 0
}
.conB li+li{
	margin-top: .2rem;
}

.conB ul{
	padding: .65rem 0;
	border-bottom: 1px solid #f2f2f2
}
.conB{
	margin-top: .82rem;
}
.p-contact .main-box{
	min-height: 300px;
}
.textm svg{
	width: 14px;
	height: 7px;
}
.textm{
	text-align: center;
	color: #ff0303;
	font-family: 'Regular';
	padding: 3em 0 1.5em;
    position: relative;
	z-index: 9;
	margin-top: -1em;
	background-image: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,1));
	cursor: pointer;
}
.ser1bg{
	background: url(/content/img/images/subbg.png) center no-repeat;
	background-size: cover;
	height: 35em;
	padding: 1px;
	
}
.sercen{
	padding-left: 7.5em;
	
}
.more{
	position: relative;
}
.more:after{
	display: block;
	content: '';
	width: 0px;
	height: 1px;
	background: #ff0303;
	position: absolute;
	left: 0;
	bottom: 0;
	left: 27px;
	transition: all .3s;
}

.p-prodet .det2 .flex .item{
	font-size: 20px;
}
.p-prodet .det2 .flex{
	line-height: 3.5em;
}
.p-about .det2 .flex .item{
	font-size: 1em;
}
.p-about .det2 .flex{
	line-height: 3.5em;
}
.p-about .pro .more a{
	display: flex;
	align-items: center;
}
.clist{
	margin-top: 3em;
}
.clist_list .imgs{
	width: 39.5%;
	height:13.75em;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.clist_list .righttext{
	width: 60.5%;
}
.clist_list h1{
	font-size: 1.2em;
}
.clist_list .text{
	font-size: .8em;
	line-height: 1.5;
	margin-top: 13px;
	height: 6em;
}
.clist_list .box{
	overflow: hidden;
	background-image: linear-gradient(to right, #f7f7f7 , #ffffff);
	box-shadow: 2px 0px 10px rgba(0,0,0,.1);
	margin-bottom: 1.5em;
}
.clist_list .righttext{
	padding:2.25em 0 2em;
	padding-right: 2.25em;
}
.clist_list{
	margin-top: 1.25em;
}
.clist_list .box:hover h1{
	color: #ff0303;
}
.more:after{
	display: block;
	    content: '';
	    width: 0px;
	    height: 1px;
	    background: #ff0303;
	    position: absolute;
	    left: 0;
	    bottom: 0;
	    left: 27px;
	    transition: all .3s;
}
.clist_list .box:hover .more:after {
    width: 85px;
}
.pro .more{
	position: relative;
}
.clist_list .row{
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width:992px) {
	.downnew:hover{
		opacity: .8;
	}
	.noleft .col-lg-4{
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.noleft .pro .right{
	width: 100%
}
	.prolist2 .pro ul .box{
	height: 419px
}
	.ser2 .box:hover .more:after{
		width: 85px;
	}
	.tolinek a:hover{
		opacity: .6
	}
	.tolinek a{
		transition: all 0s;
	}
	.list:hover .more:after{
		width: 85px;
	}
	/*.right:hover .more:after{
		width: 85px;
	}*/
	.pro ul .box:hover{
		box-shadow: 0px 4px 40px rgba(0,0,0,.1)
	}
	.pro .overflow{
		width: auto;
		margin-left: -2.1em;
		margin-right: -2.1em;
	}
	.pro ul li:hover .more:after{
		width: 85px;
	}
	.det2box{
		padding: 0 2em;
	}
	.newsList .list:hover .imgs {
		transform: scale(1.1);
	}

	.tec1 ul .box:hover {
		background-color: #c55e14;

	}

	.ser2 .box:hover .imgs {
		transform: scale(1.1);
	}

	.serSwip .swiper-slide a:hover {
		background-color: #fff;
		color: #553a63;
	}

	.supcen .item a:hover h1 {
		color: #ff0303;
	}

	.det2box .row .box:hover .text2 {
		color: #ff0303;
	}

	.pro ul li:hover .imgs {
		transform: scale(1.1);
	}
    .about2 .swiper-slide{
    	height: auto
    }
    .about1 {
    	margin-bottom: 3em;
    }
	.pro ul li:hover h2 {
		color: #ff0303;
	}

	.det2box li:hover svg {
		color: #ff0303;

	}
	.pro .row{
		min-height: 46.9em
	}
}

@media(max-width:992.98px) {
	.downnew{
		font-size: .28rem;
	}
	.p-about .pro .more{
		display: block;
		font-size: .28rem;
	}
	.p-about .pro{
		margin-top: .4rem;
	}
	.pro ul .box img{
		width: 1rem;
		left: -10px;
		top: -10px;
	}
	.clist_list .row{
		margin-left: 0;
		margin-right: 0;
	}
	.clist_list .text{
		font-size: .28rem;
		padding-right: .3rem;
		padding-left: .3rem;
	}
	.clist_list .righttext{
		width: 100%;
		padding:0;
		text-align: center;
	}
	.clist_list .box{
		margin-bottom: .7rem;
	}
	.clist_list .imgs{
		width: 53%;
		display: block;
		margin:auto;
		float: none;
		height: 10em;
	}
	.clist_list .col-lg-6{
		padding: 0;
	}
	.clist_list h1{
		font-size: .32rem;
	}
	.cookcen h1{
		font-size: .36rem;
	}
	.cookcen .text{
		font-size: .28rem;
	}
	.detbtn1{
		left: 0rem;
		top: 42%
	}
	.detbtn svg{
		width: 9px;
		height: 14px;
	}
	.detbtn2{
		right: 0rem;
		top: 42%
	}
	.conlis span+span{
	margin-left: 0
}
	.conlis span{
	margin-top: 0;
	margin-bottom: .2rem;
}
	.tec1 {
		padding: 0;
	}
	.isblo{
		display: block!important;
	}
	.honor h1{
		font-size: .26rem;
	}
	.about2-1 .imgs{
		margin-left: -.3rem;
		margin-right: -.3rem;
		width: auto;
		height: 6rem;
	}
	.tocontact{
		display: none;
	}
	.honor{
		padding: 0;
	}
	.honor .row{
		margin: 0 -.15rem -.3rem;
	}
	.honor .col-lg-3{
		padding: 0 .15rem;
	}
	.honor .col-lg-3{
		margin-bottom: .3rem;
	}
	.aboutSwip{
		margin-top: .35rem;
		padding-bottom: .4rem;
	}
	.honor .text{
		font-size: .36rem;
	}
	.newsdet h1 {
		font-size: .46rem;
	}
	.marg{
		margin: 0 -.3rem;
	}
	.about2 .col-lg-4{
		padding: 0 .16rem;
	}
	.about2 h1{
		font-size: .28rem;
	}
	.about2 .text{
		height: 1.7rem;
		font-size: .28rem;
	}
	.aboutlist .top{
		font-size: .36rem;
	}
	.about1{
		margin-top: -3.25em;
	}
	.contactUs {
		display: none;
	}
	.about1 .col-lg-6{
		padding: .65rem .1rem;
		border-bottom: 1px solid #eeeeee;
	}
	.tabletit{
		padding-top: .6rem!important;
		font-size: .36rem!important;
	}
     .about2-1 .imgsbox{
		 position: relative;
		 left: 0!important;
		 bottom: 0;
		 margin-top: -1.6rem;
		 width: 100%;
		 padding-bottom: 0;
	 }
	 .aboutSpag span{
	 	background: #cccccc;
	 }
	 .aboutSpag  .swiper-pagination-bullet-active{
	 	background: #8ec31f
	 }
	 .aboutSpag{
	 	position: absolute;
	 	text-align: center;
	 }
	 .top img{
	 	display: block;
	 	margin-bottom: .17rem;
	 	width: .68rem;
	 }
	 .about2-1 .imgsbox .text{
		 font-size: .28rem;
		 line-height: .36rem;
		 margin-top: .2rem;
	 }
	 .about1 .col-lg-12{
	 	border-top: 0;
	 	padding-top: 0;
	 	padding-left: 0;
	 	padding-right: 0
	 }
	 .about2-1{
	 	margin-bottom: 0
	 }
	 .about2-1 .imgsbox h1{
		 font-size: .36rem;
	 }
	.p-newsDet .time {
		font-size: .28rem;
	}

	.newsdet .textbox {
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .5rem;
		padding-top: .5rem;
	}

	.det-a {
		display: none;
	}

	.tolinek {
		font-size: .28rem;
	}

	.newsList .overflow {
		width: 100%;
		height: 4rem;
	}

	.newsList .textbox {
		width: 100%;
		padding-left: 0;
		margin-top: .5rem;

	}
    .bannerpag {
    	text-align: center;
    	position: absolute;
    	bottom: .5rem!important;
    }
    .swiperBanner{
    	background-image: url(/content/img/images/detbgwap.png);
    }
    .bannerpag .swiper-pagination-bullet{
    	background: #fff;
    	opacity: .3
    }
        .bannerpag .swiper-pagination-bullet-active{
   
    	opacity: 1
    }
	.p-news .pro {
		display: none;
	}

	.newsList .time {
		font-size: .32rem;
	}

	.newsList h1 {
		font-size: .36rem;
	}

	.newsList .text {
		font-size: .28rem;
		line-height: .45rem;
		margin-top: .3rem;
	}

	.tecd1 .flex {
		display: block;
	}

	.tecd1 .text {
		font-size: .28rem;
	}

	.tecd1 .left {
		width: 100%;
		padding-left: 0 !important;
	}

	.tecd1 h1 {
		font-size: ;
	}

	.tecd1 .right {
		width: 100%;
		padding-left: 0 !important;
	}

	.tec1 ul li h6 {
		font-size: .36rem;
	}

	.tec1 ul li {
		padding: 0;
	}

	.tec1 h2 {
		line-height: 1.3;
	}

	.tec1 ul li .text {
		font-size: .28rem;
	}

	.serSwip {
		overflow: visible;
	}

	.ser1 {
		padding: 0 .3rem;
		margin-top: .6rem;
	}

	.ser2 .text {
		font-size: .28rem;
	}

	.ser2 h2 {
		font-size: .36rem;
	}

	.ser1 h1 {
		font-size: .36rem;
	}

	.serSwip .swiper-slide a {
		font-size: .28rem;
		line-height: 1.5;
		padding: .3rem 0;
	}

	.pos {
		overflow: hidden;
	}

	.ser1 .imgs {
		height: 7rem;
	}
    .timor svg{
    	width: 9px;
    	height: 8px;
    	vertical-align: 0px;
    }
	.titleh1 {
		font-size: .48rem;
		padding-top: .6rem;
	}

	.supcen h1 {
		font-size: .36rem;
	}

	.supsear input {
		width: 65%!important;
	}

	.supsear a {
		width: 30%;
		float: right;
		font-size: .28rem;
	}
	.supcen .text {
		font-size: .28rem;

	}
	.be2 span{
		margin-right: .2rem;
	}
    .gnull-tips{
    	font-size: .28rem;
    	margin-left: 0
    }
	.titletext {
		font-size: .28rem;
		margin-top: .3rem;
	}

.titletext img{ max-width:100%;}
	.det2 .waptab {
		position: relative;
		margin: 0 -.3rem;
		z-index: 99;
	}

	.det2 .bottom {
		position: absolute;
		width: 100%;
		display: none;
		background-color: #ffffff;
		z-index: 999;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
		padding:.5rem 0;
	}
	.about1 .col-lg-6+.col-lg-6{
		margin-top: .5rem;
	}
	.aboutlist .bottom{
		font-size: .28rem;
	}
    .waptab {
		margin-top: .65rem!important;
	}
	.det2 .list {
		line-height: .8rem;
		padding-left: .3rem;
		font-size: .28rem;
		font-family: "Light";
	}

	.det2 .tit svg {
		width: .22rem;
		height: .15rem;
		color: #8ec31f;
		margin: .35rem .2rem 0 0;
	}

	.det2 .tit {
		color: #8ec31f;
		line-height: .9rem;
		background-color: #f7f7f7;
		padding: 0 .3rem;
		box-shadow: 0px 10px 20px rgba(0,0,0,.1);
		text-transform: uppercase;
		font-size: .28rem;
		position: relative;
		z-index: 9999;
	}

	.swiperBanner img {
		width: 7.45rem;
		height: auto
	}
.table td{
	padding: .24rem .2rem .24rem 0;
	font-size: .26rem;
}
.table tr:nth-child(1) td{
	font-size: .32rem;
}
.table tr+tr td:nth-child(1){
	width: 2.87rem;
}
	.det1 li::after {
		top: 7px;
	} 
	.timor{
		font-size: .28rem;
		margin-top: .2rem;
	}
    
	.det2box a {
		display: block;
	}
    .table{
    	margin-bottom: .3rem;
    }
	.pro .left {
		display: none;
	}
	.productimg{ display:block; padding-bottom:30px;}
	.productimg .productimg_l{ width:100%;}
	.productimg .productimg_r{ width:100%;}
	.subtext img{ width:100%; height:auto;}

	.pro .right {
		float: none;
		width: 100%;
	}
    .isbor0{
    	border-bottom: 1px solid #000!important;
    }
	.det2box .row img {
		width: 2rem;
	}
    .detbox .det2box{
    	margin-top: 4em;
    }
	.det2box .row .text1 {
		font-size: .28rem;
		color: #8ec31f;
	}

	.det2box .col-6 {
		padding-bottom: .68rem;
		border-bottom: 1px solid #dddddd;
		margin-bottom: .75rem;
	}

	.det2box .row .text2 {
		font-size: .28rem;
	}

	.det2box li div {
		font-size: .28rem;
	}

	.det1 li {
		float: none;
		width: 100%;
		font-size: .28rem;
		line-height: .36rem;
	}
    .tab2 i{
    	font-size: .28rem;
    }
	.det1 .textbox span {
		font-size: .28rem;
		line-height: .35rem;
		display: inline-block;
		margin-bottom: .2rem;
	}

	.det1 .textbox {
		margin-left: 0;
	}

	.det1 .textbox span:first-child {
		padding-left: 0;
	}

	.det1 h3 {
		font-size: .36rem;
	}

	.det1 h1 {
		font-size: .48rem;
		margin-top: 2px
	}

	.det1 h6 {
		font-size: .28rem;
	}

	.pro .text {
		display: none;
	}
    .p-prolist .pro .text {
		display: block;
		font-size: .28rem;
	}
	.pro .more {
		display: none;
	}
    .pro li .textbox{
    	margin-top: 0;
    	padding-right: .3rem;
    }
    .pro .textbox .flex{
    	height: auto;
    }
	.pro .type {
		font-size: .28rem;
		height: auto
	}
    .seaMsg{
    	padding:0 .3rem;
    	font-size: .28rem;
    }
	.pro h2 {
		font-size: .36rem;
		margin-top: .2rem;
		line-height: .4rem;
	}

	.pro li .overflow {
		width: 50%;
	}

	.pro li a {
		display: flex;
		align-items: center;
	}

	.pro .imgs {
		background-size: 100%;
		width: 100%
	}
    .pro li .overflow{
    	width: 46%;
    }
	.pro ul .box {
		background-image: linear-gradient(to bottom right, #f2f2f2, #ffffff);
		padding:0;
	}
.swiperBanner .imgs{
	height: 7.5rem
}
.det1 li+li{
	margin-top: .15rem;
}
	.head-place {
		height: 1.1rem;
	}
	.detbtn{
		display: none;
	}

	.banner .imgs {
		height: 4rem;
	}

	.banner h1 {
		text-align: left;
		font-size: .56rem;
		line-height: 1.3;
		padding: 0 .3rem;
	}

	.banner .text {
		text-align: left;
		padding: 0 .3rem;
		font-size: .28rem;
		line-height: .45rem;
	}

	.curs {
		display: none;
	}

	.curtit h1 {
		font-size: .38rem;
		margin-top: -7px;
	}
    .openic {
    	margin-right: .35rem;
    }
	.openic img {
		width: .34rem;
		margin-right: .08rem;
	}
    .openbody{
    	overflow: hidden;
    }
    .goods-open input{
    	position: absolute;
    	width: 100%;
    	height: 90%;
    	top: 0;
    	left: 0;
    	border:none;
    }
	.goods-open {
		width: 100%;
		position: fixed;
		bottom: -88vh;
		height: 88vh;
		background-color: #fff;
		z-index: 999;
		padding: .7rem .3rem;
		box-shadow: 24px 0 40px rgba(0, 0, 0, .1);
		transition: all .5s;
	}
.goods-open ul{
	padding-bottom: .3rem;
}
	.openbody .goods-open {
		bottom: 0;
	}

	.goods-open svg {
		position: absolute;
		right: .3rem;
		width: .35rem;
		height: .35rem;
		color: #cccccc;
		top: .5rem;
	}

	.opentop h1 {
		font-size: .48rem;
	}

	.goods-open h3 {
		font-size: .28rem;
	}

	.goods-open .box {
		height: .6rem;
		line-height: .6rem;
		text-align: center;
		background-color: #f7f7f7!important;
		margin-bottom: .2rem;
	}

	.goods-open .col-4 {
		padding: 0 .1rem;
	}

	.goods-open .row {
		margin: 0 -.1rem;
	}

	.ovsc {
		margin-top: .85rem;
	}

	.ovsc .row {
		margin-top: .2rem;
	}

	.ovsc li+li {
		margin-top: .8rem;
	}

	.goods-open .col-4.active {
		color: #8ec31f;
	}

	.goods-open {
		border-top-left-radius: 13px;
		border-top-right-radius: 13px;
	}

	.btn-s .box2 {
		width: 100%;
		height: .8rem;
		line-height: .8rem;
		text-align: center;
		border: 1px solid #ff0303;
		border-radius: 5px;
		color: #ff0303;
	}

	.btnbox {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: .3rem .75rem .7rem;
		background-color: #fff;
		left: 0;
	}

	.btnbox .col-6 {
		padding: 0 .3rem;
	}

	.btnbox .btn2 .box2 {
		background-color: #ff0303;
		color: #fff;
	}

	.ovsc {
		height: 60vh;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: #8ec31f;
	}

	.wappage {
		width: 2.4rem;
		line-height: .8rem;
		height: .8rem;
		text-align: center;
		color: #ff0303;
		border: 1px solid #ff0303;
		margin: .7rem auto 0;
		border-radius: 3px;
		font-size: .28rem;
	}

	.main-box {
		padding-bottom: 1.2rem;
	}
}


/*分页代码*/
.scott{height:36px; overflow:hidden; text-align:center; line-height:36px; padding:40px 0 80px; }
.scott A{BORDER:#3f3f3f 1px solid; PADDING:8px 10px; MARGIN-RIGHT: 5px;  TEXT-DECORATION: none; background:#fff; color:#3f3f3f;}
.scott A:hover{border:1px solid #3f3f3f; text-decoration:none; BACKGROUND-COLOR:#3f3f3f; color:#FFF;}
.scott A:active{border:1px solid #3f3f3f; text-decoration:none; BACKGROUND-COLOR:#3f3f3f;}
.scott SPAN.current{BORDER: #3f3f3f 1px solid; PADDING:8px 10px;  FONT-WEIGHT: bold;  COLOR: #fff; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #3f3f3f;MARGIN-RIGHT: 5px;}
.scott SPAN.disabled{BORDER:#3f3f3f 1px solid; PADDING:2px 5px; COLOR:#3f3f3f; MARGIN-RIGHT: 5px; background:#d8f1ff;}