@charset "utf-8";

select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/mo5.png) !important;
	background-size: 16px auto;
	background-position: 95% center;
	background-repeat: no-repeat;
}

select option {
	font-size: 18px;
}

select::-ms-expand {
	display: none;
}

html {
	-webkit-font-smoothing: antialiased
}

* {
	outline: none !important;
}

video {
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* object-fit:fill;  */
	outline: none!important;
}

blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

header,
hgroup,
nav,
menu,
main,
section,
article,
summary,
details,
aside,
figure,
figcaption,
footer {
	display: block;
	margin: 0;
	padding: 0
}

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

fieldset,
img {
	border: 0
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

dl,
ol,
ul {
	list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

a {

	text-decoration: none
}

a:hover {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: 0;
	outline: none;
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

textarea {
	resize: none
}

img {
	vertical-align: middle
}

button,
input,
textarea,
select {
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: 0;

}

body {
	line-height: 1.7;
	overflow-x: hidden;
	background: #fff;

}

#web-ietip {
	width: 526px;
	height: 90px;
	padding: 83px 0 0 84px;
	overflow: hidden;
	background: url(../images/browser.png) no-repeat center center;
	margin: 200px auto 0;
}

#web-ietip a {
	display: block;
	width: 65px;
	height: 80px;
	float: left;
}

.closeClass .layui-layer-setwin {
	right: 0 !important;
	top: 0;
	height: 50px;
	width: 70px;
}

.closeClass .layui-layer-close {
	width: 70px;
	height: 50px;
	background-image: url(../images/mo1.png) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 15px auto !important;

}

.padShow {
	display: none;
}

.pcShow {
	display: block;
}

.phoneShow {
	display: none;
}


.lightImg {
	display: none;
}

.fix {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, .5);
}

.lightImgCnt {
	position: fixed;
	z-index: 1001;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lightImgBox {
	position: relative;
}

.lightImgBox .close {
	cursor: pointer;
	position: absolute;
	width: 19px;
	top: -26px;
	right: -26px;
}

.lightImgBox .img {
	max-width: 80vw;
	max-height: 80vh;
}

.lightImgBox .video {
	max-width: 80vw;
	max-height: 80vh;
	min-width: 55vw;
}


body {
	font-size: .16rem;
	color: #333333;
	font-family: "Source Han Sans CN";
}



a {
	color: #333333;
}

button,
input,
textarea,
select {
	font-size: .16rem;
	color: #333333;
	font-family: "Source Han Sans CN";
}

html {
	font-size: 100px;
}

.hoverAnSc {
	transition: transform .15s;
}

.hoverAnSc:hover {
	transform: scale(1.05);
}

.hoverAnOp {
	transition: opacity .15s;
}

.hoverAnOp:hover {
	opacity: .8;
}

.icFa {
	font-family: "宋体";
}

.linkHover:hover {
	color: #f9bf15;
}


.layout {
	width: 1300px;
	margin: 0 auto;
}

.head {
	font-size: .14rem;
	position: sticky;
	top: 0;
	z-index: 100;
	background: #333333;
}

.headBox1 {
	display: flex;
	height: .72rem;
	align-items: center;
}



.headBox3 {
	width: 0;
	flex-grow: 1;
}

.headBox4 {
	display: flex;
	align-items: center;
}

.headMl {
	margin-left: .22rem;
}

.logo img {
	width: 1.33rem;
}

.nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.nav li {
	margin-right: .5rem;
	position: relative;
}

.nav li>a {
	color: #ffffff;
	height: .7rem;
	display: flex;
	align-items: center;
	font-size: .14rem;
}

.nav li:hover .navSub>a:first-child::after {
	display: block;
}

.nav li:hover .navSub {
	transition-delay: 0s;
	opacity: 1;
	transform: scaleY(1);
}

.navSub>a:first-child::after {
	content: "";
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #eee;
}

.navSub {
	font-size: .14rem;
	opacity: 0;
	border-radius: 5px;
	/* overflow: hidden; */
	top: 100%;
	margin-top: 2px;
	left: 50%;
	margin-left: -110%;
	width: 220%;
	background: #fff;
	box-shadow: 0 0 4px 0px #eee;
	position: absolute;
	transition: all .35s;
	transition-delay: .25s;
	transform: scaleY(0);
	transform-origin: top center;
}



.navSub>a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: .45rem;
	border-bottom: 1px solid #eee;
}

.navSub>a:last-child {
	border: none;
}

.navSub>a:hover,
.nav li.on>a,
.nav li:hover>a {
	color: #f9bf15;
}

.nav li.on {
	border-bottom: .02rem solid #f9bf15;
}


.ebtn {
	flex-shrink: 0;
	height: .3rem;
	width: .3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	color: #fff;
}

.ebtnIc {
	height: .2rem;
}



.layui-layer-title {
	background: #f8f8f8;
}


.top {
	font-size: .14rem;
	background: #202020;
	line-height: 1;
}

.topBox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: .37rem;
}

.topMl {
	margin-left: .4rem;
}

.topMl2 {
	margin-left: .62rem;
}

.tsea {
	display: flex;
	align-items: center;
	background: #2c2c2c;
	height: .22rem;
}

.tseaInp {
	padding-left: .1rem;
	box-sizing: border-box;
	border: none;
	background: none;
	width: 185px;
	height: .22rem;
	line-height: .22rem;
	color: #fff;
}

.tseaBtn {
	border: none;
	background: none;
	width: .29rem;
	height: .22rem;
	background-image: url(../images/i2.png);
	background-size: .14rem auto;
	background-position: center;
	background-repeat: no-repeat;
}

.tbtn {
	display: flex;
	align-items: center;
	color: #f1f1f1;
}

.tbtnIc {
	width: .14rem;
	margin-right: .12rem;
}

.layout2 {
	max-width: 1700px;
	padding: 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}

.foot {
	background: #333333;
}

.footT {
	height: 1.44rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footMl {
	margin-left: .08rem;
}

.logo2 img {
	width: 1.47rem;
}

.footbtns {
	display: flex;
	align-items: center;
}

.footbtnsIc {
	height: .2rem;
}

.footbtnsBtn {
	width: .36rem;
	height: .36rem;
	margin-right: .24rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footbtnsBtn2 {
	background: #F9BF15;
	color: #fff !important;
	width: 1.89rem;
	height: .44rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footBd {
	border-bottom: 1px solid #999999;
}

.foot {
	font-size: .14rem;
	color: #d0d0d0;
}

.foot a {
	color: #d0d0d0;
}

.footFri {
	padding: .17rem 0;
	display: flex;
	flex-wrap: wrap;
}

.footFri span {
	margin: 0 .16rem;
}

.footB {
	display: flex;
	justify-content: space-between;
	padding: .2rem 0;
}

.copy {
	color: #999999;
}

.footlink {
	display: flex;
	align-items: center;
}

.footlink a {
	margin-left: .52rem;
}

.footM {
	display: flex;
	padding-top: .6rem;
	padding-bottom: .7rem;
	align-items: flex-start;
}

.footmap {
	width: 10%;
}

.footmap dt {
	margin-bottom: .25rem;
}

.footmap dt a {
	color: #fff;
	font-size: .17rem;
}

.footmap dd {
	padding-bottom: .1rem;
}

.footmap dd a {
	font-size: .12rem;
}

.footcat {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .08rem;
}

.footcatEwm {
	width: 1.36rem;
}

.footcatBox1 {
	text-align: right;
	flex-grow: 1;
	padding-right: .35rem;
}

.footcatTit {
	font-size: .16rem;
}

.footcatPho {
	color: #fff;
	font-size: .28rem;
	font-weight: bold;
}

.footcatMsg {
	line-height: 1.7;
	font-size: .13rem;
}


.banner {
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: calc(100vw*520/1920);
}

.midbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: .6rem;
}

.place {
	display: flex;
	color: #666666;
	align-items: center;
}

.placeIc {
	width: .17rem;
	margin-right: .17rem;
}

.place a {
	color: #666;
}

.place a.on {
	color: #F9BF15;
}

.place span {
	margin: 0 .07rem;

}

.menu {
	display: flex;
}

.menu a {
	width: 1.25rem;
	height: .42rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	margin-left: .14rem;
	font-size: .17rem;
}

.menu a.on {
	background: #F9BF15;
	color: #fff;
}

.bg {
	background: #f6f6f6;
	padding: 1px 0;
}

.bg2 {
	background: #f8f8f8;
	padding: 1px 0;
}

.sb {
	margin-top: .92rem;
	margin-bottom: 1rem;
}

.sbSid .swiper-slide {
	padding-bottom: .78rem !important;
	position: relative;
}

.sbSidImg {
	width: 10.9rem;

}

.sbSid .swiper-pagination-bullet-active {
	background: #F9BF15;
}

.sbSid .swiper-pagination {
	height: .78rem;
	bottom: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sbSid .swiper-pagination-bullet {
	margin: 0 .13rem !important;
}

.sbMsg {
	position: absolute;
	box-shadow: 0 0 4px 0px #eeeeee;
	bottom: 0;
	right: 0;
	width: 5.15rem;
	z-index: 2;
	background: rgba(255, 255, 255, .85)
}

.sbMsgLogo {
	display: flex;
	justify-content: flex-end;
}

.sbMsgLogo i {
	background: #F9BF15;
	width: .87rem;
	height: .57rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sbMsgLogo img {
	width: 75%;
}

.sbMsgBox {
	padding: 0 .45rem;
}

.sbMsgTit {
	display: flex;
	align-items: center;
	font-size: .22rem;
}

.sbMsgIc {
	width: .25rem;
	margin-right: .08rem;
}

.sbMsgCnt {
	color: #666;
	line-height: 1.8;
	padding-top: .13rem;
	padding-bottom: .45rem;
}

.bar {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
}

.bar .a {
	width: .64rem;
	cursor: pointer;
	height: .64rem;
	position: relative;
	display: block;
	background-color: #f0f0f0;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.bar .a::after {
	width: .39rem;
	content: "";
	background: #dddddd;
	height: 1px;
	bottom: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.bar .a:hover .a2Ewm{
	transform: translateY(-50%) scale(1);
}

.bar .a:hover::after,
.bar .a:last-child::after {
	display: none;
}
.a2Ewm{
	top: 50%;
	transition: all .25s;
	transform-origin: center right; 
	transform: translateY(-50%) scale(0);
	position: absolute;
	right: 100%;
}

.bar .a:hover {
	background-color: #F9BF15;
}

.bar .a1 {
	background-size: .25rem auto;
	background-image: url(../images/b1.png);
}

.bar .a2 {
	background-size: .18rem auto;
	background-image: url(../images/b2.png);
}

.bar .a3 {
	background-size: .16rem auto;
	background-image: url(../images/b3.png);
}

.bar .a1:hover {
	background-size: .25rem auto;
	background-image: url(../images/b1on.png);
}

.bar .a2:hover {
	background-size: .18rem auto;
	background-image: url(../images/b2on.png);
}

.bar .a3:hover {
	background-size: .16rem auto;
	background-image: url(../images/b3on.png);
}

.grid {
	margin: 0 -15px;
	padding-top: .65rem;
	padding-bottom: .5rem;
}

.grid .box {
	padding: 15px;
	width: 412px;
}

.news:hover {
	background: #F9BF15;
	box-shadow: 0 0 5px 1px #ccc;
	border: 1px solid transparent;

}

.news:hover .newsTime,
.news:hover .newsCnt,
.news:hover .newsTit {
	color: #fff;
}

.news:hover .newsIc {
	background-image: url(../images/i13.png);
}

.news {
	display: block;
	transition: all .25s;
	border: 1px solid #eeeeee;
	box-shadow: 0 0 1px 0 #eee;
	background: #fff;
	line-height: 1.7;
}

.newsImg {
	width: 100%;
}

.newsBox {
	padding: .4rem .32rem;
}

.newsTime {
	color: #999999;
	transition: all .15s;
}

.newsTit {
	transition: all .15s;
	font-size: .2rem;
	color: #333333;
	padding: .3rem 0;
}

.newsCnt {
	transition: all .15s;
	font-size: .13rem;
	color: #666;
	line-height: 2.4;
	margin-bottom: .3rem;
}

.newsIc {
	width: .43rem;
	height: .11rem;
	background-image: url(../images/i12.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
}

.mainpb {
	padding-bottom: .8rem;
}

.page {
	display: flex;
	justify-content: flex-end;
}

.page .a {
	height: .38rem;
	width: .38rem;
	border-radius: .38rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f8f8;
	font-size: .15rem;
	color: #666666;
	margin-left: .15rem;
}

.page .a.icFa {
	font-weight: bold;
}

.page .a.on,
.page .a:hover {
	color: #fff;
	background: #F9BF15;
}

.page .a.spe {
	width: auto;
	padding: 0 .26rem;
}

.bg3 {
	background: #fff;
}

.newsd {
	padding-top: .8rem;
	padding-bottom: 1rem;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.newsdL {
	width: 9.7rem;
	box-sizing: border-box;
	padding: .5rem;
}

.newsdR {
	flex-grow: 1;
	width: 0;
	margin-left: .43rem;
}

.newsdetailTit {
	font-size: .24rem;
	font-weight: bold;
	text-align: center;
}

.newsdetailMsg {
	font-size: .14rem;
	color: #666666;
	text-align: center;
	padding-top: .2rem;
	padding-bottom: .3rem;
}

.newsdetailCnt {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: .25rem 0;
	font-size: .14rem;
	color: #666666;
	line-height: 1.8;
}

.newsdetailMore {
	display: flex;
	padding-top: .4rem;
	justify-content: flex-end;
	margin-right: -.22rem;
}

.newsdetailMore .icFa {
	margin: 0 .22rem;
	font-weight: bold;
}

.newsdetailMore .a {
	color: #666666;
	margin-left: .52rem;
}

.newsdetailMore .a:hover {
	color: #F9BF15;
}

.newsdetailCnt img {
	max-width: 100%;
}

.newsmoreTop {
	height: .64rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e5e5e5;
}

.newsmoreTop h5 {
	height: .33rem;
	display: flex;
	align-items: center;
	border-left: 3px solid #F9BF15;
	padding-left: .19rem;
	font-size: .2rem;
	font-weight: bold;
	color: #F9BF15;
}

.newsmoreTop a {
	margin-right: .24rem;
	font-size: .14rem;
	color: #999;
}

.newsmoreTop i {
	font-weight: bold;
	margin-left: .03rem;
}

.newsmoreList a:last-child {
	border: none;
}

.newsmoreList a {
	display: block;
	font-size: .14rem;
	padding: .15rem .22rem;
	border-bottom: 1px dashed #e5e5e5;
}

.newsmoreList h5 {
	margin-bottom: .06rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newsmoreList p {
	color: #999;

}

.pz1 {
	padding: .77rem 0;
	position: relative;
}

.pz1 .sbMsg {
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

.pz1 .sbMsgIc {
	width: .21rem;
	margin-right: .08rem;
}

.pz1 .sbMsgTit {
	padding-top: .39rem;
}

.webtit {
	font-size: .3rem;
	font-weight: bold;
}

.pz2 .webtit {
	text-align: center;

}

.pz2 {
	padding-top: .85rem;
	padding-bottom: 1.03rem;
	background-image: url(../images/bg1.png);
	background-position: bottom center;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.pz2SidBox {
	margin-top: .47rem;
	position: relative;
}

.pz2Sidlr {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: .41rem;
	height: .41rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	border: 1px solid #333333;
	font-weight: bold;
	font-size: .2rem;
	cursor: pointer;
	z-index: 2;
}

.pz2Sidlr:hover {
	background: #F9BF15;
	border: 1px solid #F9BF15;
	color: #fff;
}

.pz2Sidl {
	/* left: -.58rem; */
	left: 0;
}

.pz2Sidr {
	/* right: -.58rem; */
	right: 0;
}

.pz2mod {
	display: block;
	box-shadow: 0 0 4px 1px #eee;
}

.pz2mod:hover .pz2modBtn {
	opacity: 1;
}

.pz2modImg img {
	width: 100%;
}

.pz2modBox {
	background: #fff;
	padding: .25rem .4rem;
}

.pz2modTit {
	font-size: .18rem;
	height: .36rem;
	margin-bottom: .05rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pz2modLine {
	height: 1px;
	width: .26rem;
	margin: 0 auto;
	display: block;
	background: #F9BF15
}

.pz2modCnt {
	color: #999999;
	font-size: .14rem;
	margin-top: .17rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	height: 1rem;
}

.pz2modBtn {
	background: #F9BF15;
	color: #fff;
	font-size: .16rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height: .55rem;
	opacity: 0;
	transition: all .25s;
}

.pz2modIc {
	width: .28rem;
	margin-left: .17rem;
}

.pz3 {

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.pz3Box1 {
	padding: .5rem 0;
	box-sizing: border-box;
	min-height: calc(100vw*620/1920);
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.pz3Box2 {
	background: #fff;
	width: 7.13rem;
	box-sizing: border-box;
	padding: .46rem .52rem;
}

.pz3Cnt {
	padding-top: .2rem;
}

.pz4 {
	padding: .95rem 0;
}

.pz4Box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pz4Img img {
	width: 100%;
}

.pz4Img {
	width: 7.16rem;

}

.pz4Box2 {
	width: 0;
	flex-grow: 1;
	margin-left: .58rem;
}

.pc4Cnt {
	padding-top: .3rem;
	color: #666666;
}

.spe .pz4Box2 {
	margin-right: .58rem;
	margin-left: 0;
}

.prodetailCnt img {
	max-width: 100%;
}

.prodetailCnt {
	padding: 1rem 0;

}

.prodetailtopR {
	width: 5.56rem;
}

.prodetailtopL {
	width: 0;
	flex-grow: 1;
	padding-right: 1.45rem;
}

.prodetailtop {
	padding-top: .82rem;
	padding-bottom: 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prodetailTit {
	position: relative;
	padding: .3rem 0;
	font-size: .4rem;
}

.prodetailTit::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: .23rem;
	height: 2px;
	background: #333;
}

.prodetailMon {
	color: #f9bf15;
	height: 1rem;
	display: flex;
	align-items: center;
	font-size: .4rem;
}

.prodetailMsg {
	color: #666666;
	line-height: 2;
	padding-bottom: .5rem;
}

.prodetailShare {
	border-top: 1px solid #e2e2e2;
	padding-top: .4rem;
	color: #999999;
	display: flex;
	align-items: center;
}

.prodetailShare .a {
	width: .21rem;
	height: .21rem;
	background-size: auto .17rem;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: .27rem;
}

.prodetailShare .a1 {
	background-image: url(../images/s1.png);
}

.prodetailShare .a2 {
	background-image: url(../images/s2.png);
}

.prodetailShare .a3 {
	background-image: url(../images/s3.png);
}

.prodetailShare .a1:hover {
	background-image: url(../images/s1on.png);
}

.prodetailShare .a2:hover {
	background-image: url(../images/s2on.png);
}

.prodetailShare .a3:hover {
	background-image: url(../images/s3on.png);
}

.prodetailImg {

	width: 100%;
	border-radius: 2px;
	border: 1px solid transparent;
	box-sizing: border-box;
}

.swiper-slide-thumb-active .prodetailImg {
	border: 1px solid #f9bf15;
}

.proBotSid .prodetailImg {
	cursor: pointer;
}

.proBotSid {
	margin-top: 10px;
}

.pro1 {

	padding-top: 1rem;
	padding-bottom: .32rem;
}

.pro1.spe .swiper-pagination {
	text-align: right !important;
}

.pro1 .swiper-pagination {
	text-align: left !important;
	bottom: .46rem !important;
	padding-left: .63rem !important;
	box-sizing: border-box;
}

.pro1 .swiper-pagination-bullet {
	background: none !important;
	border: 1px solid #f9bf15;
	opacity: 1 !important;
	width: .17rem;
	height: .17rem;
	margin: 0 .25rem !important;
}

.pro1Img {
	width: 100%;
}

.pro1.spe .pro1Img {
	box-shadow: 0 0 5px 1px #eee;
}

/* .pro1.spe a {
	display: block;
	padding: 5px;
} */



.pro1 .swiper-pagination-bullet-active {
	background: #f9bf15 !important;
}

.plr {
	padding: 0 27px;
}

.pro2List {
	flex-wrap: wrap;
	margin: 0 -.1rem;
	display: flex;
	padding-top: .28rem;
	padding-bottom: 1.1rem;
	display: none;
}
.pro2List.show{display: flex;}

.pro2List.spe {
	padding-bottom: .3rem;
}

.pro2List li {
	width: 25%;
	box-sizing: border-box;
	padding: 0 .1rem;
	margin-bottom: .33rem;
}

.pro2ListBox {
	display: block;
	padding-bottom: .2rem;
}

.pro2ListImg img {
	width: 100%;
}

.pro2ListTit {
	padding-top: .2rem;
	font-size: .28rem;
}

.pro2ListMsg {
	color: #666666;
	padding-top: .05rem;
	font-size: .18rem;
}

.pro3 {
	background: #f8cf58;
	justify-content: space-between;
}

.pro3L {
	width: 50%;
}

.pro3R {
	width: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* .pro3Img{
	width: 100%;
} */
.pro3Msg {
	padding: .3rem;
	padding-left: 1.03rem;
	padding-bottom: 1.28rem;
	padding-top: .92rem;
	color: #fff;
}

.pro3Tit {
	padding-bottom: .15rem;
	font-size: .6rem;
}

.pro3Cnt {
	font-size: .18rem;
	line-height: 2.2;
}

.pro3Mn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding-bottom: .96rem;
}

.pro3MnBox {
	box-shadow: 0 0 5px 1px #e6e6e6;
	display: flex;
	margin-top: -.8rem;
}

.pro3 {
	display: none;
}

.pro3.on {
	display: flex;
}

.pro3Mn span {

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: .35rem 0;
	width: 3.86rem;
	background: #fff;
	cursor: pointer;
}

.pro3Mn span.on {
	background: #b1b0b0;
	color: #fff;
}

.pro3Mn span.on img {
	filter: grayscale(100%) brightness(200%);
}

.pro3Mn img {

	height: .8rem;
}

.pro3Mn em {
	font-size: .18rem;
	padding-top: .2rem;
}

.webtit2 {
	font-size: .34rem;
	font-weight: bold;
	padding-top: .99rem;
	padding-bottom: .44rem;
	text-align: center;
}

.cont1 {
	padding-bottom: .87rem;
}

.cont1Img {
	text-align: center;
	line-height: 1;
}

.cont1Img img {
	max-width: 100%;
}

.cont1H5 {
	text-align: center;
	font-size: .33rem;
	color: #f9bf15;
	padding: .28rem 0;
}

.cont1Msg {
	text-align: center;
	font-size: .18rem;
	color: #666666;
	line-height: 2;
}


.cont2 {
	background-size: cover;
	background-position: center;
	padding-bottom: .89rem;
}

.cont2Tip {
	font-size: .24rem;
	text-align: center;
}

.cont2List {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: .27rem;
	padding-bottom: .32rem;
}

.cont2List li {

	background: #fff;
	padding: 0 .3rem;
	margin: 0 .08rem;
	height: .36rem;
	border-radius: .05rem;
	display: flex;
	align-items: center;
	font-size: .18rem;
	color: #666666;
	margin-bottom: .15rem;
}

.cont2List li em {
	color: #F9BF15;
}

.cont2Ewm {
	text-align: center;
}

.cont2Ewm img {
	max-width: 100%;
}

.cont3 {
	padding-top: .38rem;
	padding-bottom: 1.08rem;
	display: flex;

	flex-wrap: wrap;
	justify-content: space-between;
}

.cont3Box {
	width: 48%;
	height: .58rem;
	background: #f8f8f8;
	margin-bottom: .2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cont3Box2 {
	background: #f8f8f8;
	width: 100%;
}

.cont3Box2 .cont3Lab {

	height: .58rem;
}

.cont3Box3 {
	text-align: center;
	width: 100%;
	padding-top: .52rem;
}

.cont3Btn {
	width: 3rem;
	height: .62rem;
	background: #F9BF15;
	color: #fff;
	font-size: .22rem;
	border: none;
}

.cont3Inp2 {
	width: 100%;
	line-height: 1.7;
	padding: 0 .3rem;
	height: 1.1rem;
	border: none;
	box-sizing: border-box;
	background: none;
}

.cont3Lab {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #666666;
	width: 1.08rem;
}

.cont3Inp {
	width: 0;
	flex-grow: 1;
	height: .58rem;
	line-height: .58rem;
	border: none;
	background: none;
}

.cont3Sel {
	width: 0;
	flex-grow: 1;
	height: .58rem;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/i15.png) !important;
	background-size: .1rem auto;
	background-color: transparent;
	padding-right: 14px;
}


.cont3Sel::-ms-expand {
	display: none;
}

.oem {
	padding-bottom: 1.06rem;
}

.oemTip {
	color: #65717b;
	line-height: 1.9;
	padding-bottom: .32rem;
}
.pz2Cho{
	display: none;
}
.pz2Cho.on{
	display: block;
}
.pz2SidBox.spe {
	margin: 0;
}
.pz2SidBox.spe .swiper-container{
	margin-left: .58rem; margin-right: 0.58rem;
}

.swiper-button-disabled {
	display: none;
}

.oemMod {
	
	border: 1px solid #f3f3f3;
	display: flex;
	align-items: center;
	flex-direction: column;
	background: #fff;
	padding: .43rem 0;
}
.oemMod:hover .oemTit{
	transform: translateY(-10px) scale(1.01);
}
.oemMod:hover .oemImg{
	transform: translateY(-10px) scale(1.01);
}
.oemImg {
	transition: all .25s;
	width: .77rem;
}

.oemTit {
	transition: all .25s;
	font-size: .15rem;
	padding-top: .16rem;
}

.oem2 {
	text-align: center;
	padding: .85rem 0;

}

.oem2Img {
	max-width: 80%;
}

.oem3 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}

.oem3 {
	padding-bottom: 1.35rem;
}

.oem3ModImg img {
	width: 100%;
}

.oem3Sid .swiper-slide {
	padding-bottom: .2rem;
}

.oem3ModBox {
	margin: 0 .23rem;
	margin-top: -.5rem;
	background: #fff;
	position: relative;
	z-index: 1;
	box-shadow: 0 5px 5px 1px #e5e5e5;
	padding: .2rem .27rem;
}

.oem3ModTit {
	font-size: .2rem;
	padding-bottom: .05rem;
}

.spe.oem3Mod .oem3ModCnt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: auto;
	padding-top: .12rem;
	font-size: .14rem;
	height: .44rem;
}

.spe.oem3Mod .oem3ModBox {
	box-shadow: none;
	margin-top: -.7rem;
}

.oem3ModTime {
	color: #666666;
	font-size: .14rem;
}


.oem3ModCnt {
	height: 1.28rem;
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	color: #666666;
}

.us1 {
	padding-bottom: 1.14rem;
}

.us1Box {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9bf15;
}

.us1R {
	width: 7rem;
}

.us1L {
	width: 0;
	flex-grow: 1;
}

.us1Img {
	width: 100%;
}

.us1Cnt {
	padding: .2rem .58rem;
	color: #fff;
	line-height: 2;
}


.us2Mod {
	background: #f9f8f8;
}

.us2ModImg {
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.us2ModImg img {
	max-width: 85%;
	max-height: 2.5rem;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent), to(rgba(250, 250, 250, 0.25)));
}

.us2ModTit {
	font-size: .2rem;
	height: .45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: .15rem;
}

.us3Tit {
	padding-top: .29rem;
	height: 1.65rem;
	display: flex;
	align-items: center;
	
}
.us3Tit span.on{
	font-size: .84rem;
	font-weight: bold;
	color: #f9bf15;
}
.us3Tit span {
	font-size: .63rem;
	color: #dee1e5;
	font-weight: bold;
	margin-right: .75rem;
}

.us3Img img {
	width: 100%;
}

.us3 .webtit2 {
	padding-top: .53rem;
}

.us3Mn {
	color: #fff;
	background: #b1b0b0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .16rem 0;
	cursor: pointer;
}

.us3MnImg {
	border: .06rem solid #c9c8c8;
	background: #fff;
	border-radius: 50%;
	width: .75rem;
	height: .75rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.us3MnImg img {
	height: .46rem;
}

.us3MnImg .cho {
	display: none;
}

.us3MnBox {
	padding-left: .1rem;
}

.us3MnBox h5 {
	font-size: .18rem;
}

.us3MnBox p {
	font-size: .14rem;
}

.us3Mn:hover {

	background: #F9BF15;
}

.us3Mn:hover .us3MnImg {
	border: .06rem solid #fbd25c;
}

.us3Mn:hover .us3MnImg .cho {
	display: block;
}

.us3Mn:hover .us3MnImg .nocho {
	display: none;
}

.us3 {
	padding-bottom: .94rem;
}

.us4 {
	padding-bottom: 1.18rem;
}

.us4Mod {
	background-size: 37% auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	display: flex;
	padding-top: .92rem;
	padding-bottom: 1.3rem;
	box-shadow: 0 0 6px 1px #f2f2f2;

}

.us4Mod li {
	width: 31.5%;
	border-right: 1px solid #ebebeb;
	padding: 0 .6rem;
	box-sizing: border-box;
}

.us4Img {
	border: .09rem solid #fdecb8;
	width: .7rem;
	height: .7rem;
	background: #F9BF15;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.us4Img img {
	height: .4rem;
}

.us4Mod li:last-child {
	border: none;
}

.us4Cnt {
	padding-top: .21rem;
	line-height: 2;
	font-size: .18rem;
}

.us5Box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.us5Cnt {
	border-right: 1px solid #e5e5e5;
	padding-right: .43rem;
	line-height: 1.8;
}

.us5L {
	width: 64.3%;
}

.us5Mb {
	margin-bottom: .55rem;
}

.us5Imgs {
	display: flex;
	align-items: center;
	justify-content: center;
}

.us5Img1 {
	margin-right: .3rem;
}

.us5Img1 {
	width: 40%;
}

.us5Img2 {
	width: 43%;
}

.us5R {
	width: 0;
	flex-grow: 1;
}

.us5Img3 {
	width: 100%;
}

.us2Mn {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: .24rem;
}

.us2MnA {
	padding: 0 .23rem;
	height: .31rem;
	display: flex;
	align-items: center;
	margin-bottom: .1rem;
}

.us2MnA.on {
	color: #fff;
	background: #F9BF15;
}

.indexTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.imore {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.5rem;
	height: .4rem;
	border-radius: .4rem;
	background: #F9BF15;
	color: #fff;
	font-size: .16rem;
	margin-top: .75rem;
}

.imore img {
	margin-left: .12rem;
	width: .26rem;
}

.imore.spe {
	margin-top: 0.3rem;
}

.indexTop2 {
	padding-top: .5rem;
	height: 1.42rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.webtit3 {
	font-size: .4rem;
}

.indexnews {
	padding-bottom: .87rem;
}

.imore.spe2 {
	border: 1px solid #4a494a;
	color: #333333;
	background: none;
	margin: 0 auto;
	margin-top: .6rem;
}



.imore.spe2 .hover {
	display: none;
}

.oem3Mod.spe:hover  .imore.spe2 {
	background: #F9BF15;
	color: #fff;
	border: 1px solid #F9BF15;
}
.oem3Mod.spe:hover .imore.spe2 .hover {
	display: block;
}

.oem3Mod.spe:hover .imore.spe2 .nohover {
	display: none;
}

.ilink{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 1.28rem 0;
}
.ilinkBox{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ilinkMod{
	width: 48.7%;
	position: relative;
}
.ilinkImg{
	width: 100%;
}
.ilinkBox2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: space-between;
	padding: .4rem;
	padding-bottom: .15rem;
}
.ilinkTit{
	color: #fff;
	font-size: .31rem;
	padding-bottom: .1rem;
}
.ilinkIc{
	width: .36rem;
}
.ilinkCnt{
	color: #fff;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ius .webtit2{
	color: #fff;
}
.ius .oemTip{
	color: #fff;
	text-align: center;
}
.ius{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.ius{
	padding-top: .6rem;
	padding-bottom: 1.53rem;
	color: #fff;
}
.iusList .p2{
	font-size: .17rem;
}
.iusList .p1{
	color: #f9bf15;
}
.iusList i{
	font-size: .6rem;
	margin-right: .05rem;
	font-weight: bold;
}
.iusList {
	padding-top: .25rem;
	padding-bottom: .87rem;
	display: flex;
	justify-content: center;
}
.iusList li{
	margin: 0 .38rem;
}
.imore.spe3{
	margin: 0 auto;
}
.indexBanImg{
	width: 100%;
}
.indexBan .swiper-pagination-bullet{
	border: 1px solid #fff!important;
	margin: 0 0.2rem!important;
	opacity: 1!important;
	background: none;
}
.indexBan .swiper-pagination-bullet-active{
	background: #fff!important;
}
.indexBanBox{
	position: relative;
	text-align: center;
	color: #fff;
}
.indexBanBox2{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.indexBanImg2{
	width: 3.9rem;
	transform: translateY(-100px);
	opacity: 0;
	transition: all .45s;
}
.indexBanTit{
	transform: translateX(-100px);
	opacity: 0;
	transition: all .45s;
	transition-delay: .35s;
	font-size: .3rem;
	font-weight: bold;
	padding-top: .62rem;
	padding-bottom: .26rem;
}
.indexBanCnt{
	transform: translateX(100px);
	opacity: 0;
	transition: all .45s;
	transition-delay: .7s;
	font-size: .2rem;
	padding-bottom: .48rem;
}
.indexBanIc{
	width: .67rem;
	cursor: pointer;
	transform: translateY(100px);
	opacity: 0;
	transition: all .45s;
	transition-delay: .9s;
}
.ani .indexBanImg2{
	transform: translateY(0);
	opacity: 1;
}
.ani .indexBanIc{
	transform: translateY(0);
	opacity: 1;
}
.ani .indexBanCnt,
.ani .indexBanTit{
	transform: translateX(0);
	opacity: 1;
}
.ilinkMod,
.oem3ModImg,
.pro2ListImg{
	overflow: hidden;
}
.oem3ModImg img,
.ilinkMod .ilinkImg,
.pro2ListImg img{
	transition: all .25s;
}
.oem3Mod:hover .oem3ModImg img,
.ilinkMod:hover .ilinkImg,
.pro2ListBox:hover .pro2ListImg img{
	transform: scale(1.07);
}
.oem3Mod:hover .oem3ModTit,
.ilinkMod:hover .ilinkTit,
.pro2ListBox:hover .pro2ListTit{
	color: #F9BF15;
}

.pro1Wrap{
	display: flex;
	background: #fff;
	overflow: hidden;
}
.pro1Cnt{
	width: 6.05rem;
	position: relative;
	z-index: 1;
}
.pro1Img2{
	flex-grow: 1;
	width: 0;
	height: 7.28rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.pro1Ic{
	width: 1.97rem;
	margin-top: .1rem;
	margin-left: -.05rem;
}
.pro1Box{
	padding-left: .77rem;
	padding-right: .35rem;
	padding-top: 1rem;
}
.pro1Tit1{
	font-size: .43rem;
	color: #1a100d;
}
.pro1Tit2{
	padding-top: .26rem;
	font-size: .54rem;
}
.pro1Msg1{
	font-size: .31rem;
}
.pro1Msg2{
	font-size: .28rem;
	background: #252525;
	color: #fff;
	height: .66rem;
	margin-top: .45rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120%;
	letter-spacing: 1em;
}

.pro1.spe .pro1Wrap{
	box-shadow: 0 0 5px 1px #eee;
	margin: 5px;
	flex-direction: row-reverse;
}
.pro1.spe .pro1IcBox{
	display: flex;
	justify-content: flex-end;
}

.pro1.spe .pro1Msg2{
	margin-left: -30%;
}

.oem2Box{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 720px;
	position: relative;
}
.oem2Box2{
	position: relative;
	
}
.oem2Lc{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
	z-index: 1;
	opacity: 0;
	transition: all .4s;
}
.oem2.on .oem2Lc{
	opacity: 1;
}
.oem2.on .oem2Lc1{
	
	margin-left: 118px;
	transition-delay: 0s;
	margin-top: -310px;
}
.oem2.on .oem2Lc2{
	transition-delay: .2s;
	margin-left: 303px;
	margin-top:-176px; 
}
.oem2.on .oem2Lc3{
	transition-delay: .4s;
	margin-left:343px;
	margin-top:18px;
}
.oem2.on .oem2Lc4{
	transition-delay: .6s;
	margin-left:285px;
	margin-top:210px;
}
.oem2.on .oem2Lc5{
	transition-delay: .8s;
	margin-left: 116px;
	margin-top: 310px;
}

.oem2.on .oem2Lc10{
	transition-delay: 1.8s;
	margin-left: -118px;
	margin-top: -310px;
}
.oem2.on .oem2Lc9{
	transition-delay: 1.6s;
	margin-left: -303px;
	margin-top:-176px; 
}
.oem2.on .oem2Lc8{
	transition-delay: 1.4s;
	margin-left:-343px;
	margin-top:18px;
}
.oem2.on .oem2Lc7{
	transition-delay: 1.2s;
	margin-left:-285px;
	margin-top:210px;
}
.oem2.on .oem2Lc6{
	margin-left: -116px;
	transition-delay: 1s;
	margin-top: 310px;
}
.oem2Name.spe{
	right: 120px;
	left: auto;
}
.oem2Ic{
	background: #c8c6c6;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: relative;
}
.oem2Name{
	position: absolute;
	left: 120px;
	top: 50%;
	transform: translateY(-50%);
	white-space:nowrap;
	font-size: .24rem;
}
.oem2Tit{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	color: #fff;
	font-size: 34px;
	padding-top:25px;
	font-weight: bold;
}
.oem2Tit em{
	font-size: 72px;
	display: block;
	font-weight: bold;
}

.banner{
	display: flex;
	align-items: center;
	justify-content: center;
}
.bannerMsg{
	position: relative;
	margin-top: -.3rem;
}
.bannerMsg img{
	width: 4.53rem;
}
.bannerMsg  p{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate3d(-50%,50%,0);
	font-size: .24rem;
	color: #fff;
	
}
.main{
	overflow: hidden;
}

.pz4Box:hover .webtit,
.pz3Box1:hover .webtit,
.sbMsg:hover .sbMsgTit{
	color: #F9BF15;
}

@media (max-width:1700px) {
	.oem2 {
	    padding: .65rem 0;
	}
	.oem2Box{
		transform: scale(.9);
	}
	.pro1Cnt{
		width: 5.05rem;
	}
	.pro1Img2{
		height: 5.28rem;
	}
	.pro1Ic{
		width: 1.77rem;
	}
	.pro1Box{
		padding-left: .5rem;
		padding-right: .25rem;
		padding-top: 1rem;
	}
	.pro1Tit1{
		font-size: .4rem;
	}
	.pro1Tit2{
		padding-top: .22rem;
		font-size: .5rem;
	}
	.pro1Msg1{
		font-size: .28rem;
	}
	.pro1Msg2{
		font-size: .25rem;
		height: .56rem;
		margin-top: .4rem;
	}
	
	
	
	.indexBanImg2 {
	    width: 3.5rem;
	}
	.indexBanTit {
	    padding-top: .42rem;
	    padding-bottom: .22rem;
	}
	.indexBanIc {
	    width: .62rem;
	}
	.indexBanCnt {
	    padding-bottom: .38rem;
	}
	.us1Cnt {
		padding: .2rem .38rem;
	}

	.pro3Msg {
		padding: .3rem;
		padding-bottom: 1.1rem;
		padding-top: .72rem;
	}
}

@media (max-width:1320px) {
	.oem2 {
	    padding: .35rem 0;
	}
	.oem2Box{
		transform: scale(.8);
	}
	
	.pro1Cnt{
		width: 5.05rem;
	}
	.pro1Img2{
		height: 4.78rem;
	}
	.pro1Ic{
		width: 1.77rem;
	}
	.pro1Box{
		padding-left: .3rem;
		padding-right: .2rem;
		padding-top: 1rem;
	}
	.pro1Tit1{
		font-size: .37rem;
	}
	.pro1Tit2{
		padding-top: .2rem;
		font-size: .45rem;
	}
	.pro1Msg1{
		font-size: .25rem;
	}
	.pro1Msg2{
		font-size: .21rem;
		height: .52rem;
		margin-top: .2rem;
	}
	
	
	
	.iusList i{
		font-size: .55rem;
	}
	.indexBanImg2 {
	    width: 2.8rem;
	}
	.indexBanTit {
	    padding-top: .32rem;
		font-size: .27rem;
	    padding-bottom: .15rem;
	}
	.indexBanIc {
	    width: .58rem;
	}
	.indexBanCnt {
		font-size: .18rem;
	    padding-bottom: .32rem;
	}
	
	.indexTop2 {
		padding-top: .4rem;
		height: 1.32rem;
	}

	.us4Mod {
		background-size: 33% auto;

	}

	.us4Mod li {
		width: 33.5%;
		padding: 0 .4rem;
	}

	.us1Cnt {
		padding: .2rem .28rem;
	}

	.us1R {
		width: 6.5rem;
	}

	.pro3Msg {
		padding-bottom: 1rem;
		padding-top: .62rem;
	}

	.pro3Tit {
		font-size: .45rem;
	}

	.pro3Cnt {
		font-size: .16rem;
		line-height: 1.8;
	}

	.pro1 {
		padding-top: .7rem;
		padding-bottom: .32rem;
	}

	.prodetailtopL {

		padding-right: 1rem;
	}

	.pz4Img {
		width: 7rem;

	}

	.pz2Sidl {
		left: 0
	}

	.pz2Sidr {
		right: 0
	}

	.grid {
		margin: 0 -10px;
		padding-top: .65rem;
		padding-bottom: .5rem;
	}

	.grid .box {
		padding: 10px;
		width: 385px;
	}

	html {
		font-size: 93px;
	}

	.layout {
		width: 1200px;
	}

	.nav li {}
}

@media (max-width:1220px) {
	
	
	.oem2 {
	    padding:0;
	}
	.oem2Box{
		transform: scale(.7);
	}
	.iusList i{
		font-size: .5rem;
	}
	.indexBanImg2 {
	    width: 2.5rem;
	}
	.indexBanTit {
	    padding-top: .22rem;
		/* font-size: .23rem; */
	    padding-bottom: .12rem;
	}
	.indexBanIc {
	    width: .52rem;
	}
	.indexBanCnt {
		/* font-size: .18rem; */
	    padding-bottom: .27rem;
	}
	
	.indexTop2 {
		padding-top: .35rem;
		height: 1.22rem;
	}

	.us4Mod {
		background-size: 31% auto;
		padding-top: .72rem;
		padding-bottom: 1.1rem;
	}

	.us4Mod li {
		width: 34.5%;
		padding: 0 .3rem;
	}

	.us3Tit {
		padding-top: .25rem;
		height: 1.45rem;
		
	}
	.us3Tit span.on{
		font-size: .64rem;
	}
	.us3Tit span {
		font-size: .53rem;
		margin-right: .65rem;
	}

	.us1Cnt {
		padding: .2rem .2rem;
	}

	.us1R {
		width: 5rem;
	}

	.cont3 {
		padding-top: .32rem;
		padding-bottom: .8rem;
	}

	.cont2 {
		padding-bottom: .69rem;
	}

	.cont2Tip {
		font-size: .22rem;
	}

	.webtit3 {
		font-size: .35rem;
	}

	.webtit2 {
		font-size: .3rem;
		padding-top: .89rem;
		padding-bottom: .34rem;
	}

	.cont1 {
		padding-bottom: .67rem;
	}

	.pro3Mn em {
		font-size: .16rem;
		padding-top: .15rem;
	}

	.pro3Mn img {
		height: .65rem;
	}

	.pro3Mn span {
		padding: .3rem 0;
		width: 3.56rem;
	}

	.pro2List {
		margin: 0 -.05rem;
		padding-bottom: .7rem;
	}

	.pro2List li {
		padding: 0 .05rem;
	}

	.pro2ListTit {
		padding-top: .15rem;
		font-size: .23rem;
	}

	.pro1 .swiper-pagination-bullet {
		width: .1rem;
		height: .1rem;
		margin: 0 .15rem !important;
	}

	.pro1 {
		padding-top: .7rem;
		padding-bottom: .32rem;
	}

	.prodetailMon {
		height: .8rem;
		font-size: .35rem;
	}

	.prodetailTit {
		padding: .2rem 0;
		font-size: .35rem;
	}

	.prodetailtopL {

		padding-right: .7rem;
	}

	.prodetailtopR {
		width: 4rem;
	}

	.prodetailtop {
		padding-top: .72rem;
		padding-bottom: 1rem;
	}

	.prodetailCnt {
		padding: .9rem 0;
	}

	.pz4Img {
		width: 5rem;
	}

	.webtit {
		font-size: .27rem;
	}

	.newsdetailMore {
		padding-top: .25rem;
	}

	.newsdL {
		width: 7.4rem;
		padding: .25rem;
	}

	.newsdR {
		margin-left: .2rem;
	}

	.grid .box {
		width: 415px;
	}

	.sbSidImg {
		width: 100%;
	}

	.sbMsgCnt {
		padding-bottom: .3rem;
	}

	.sbMsgBox {
		padding: 0 .25rem;
	}

	.menu a {
		width: 1.05rem;
		margin-left: .1rem;
	}

	.footcat {
		margin-top: .4rem;
		justify-content: center;
	}

	.footmap {
		width: 14.2%;
	}

	.footM {
		flex-wrap: wrap;
	}

	.footlink a {
		margin-left: .1rem;
	}

	.pcShow {
		display: none
	}

	.padShow {
		display: block;
	}

	.layout {
		width: 850px;
	}

	html {
		font-size: 85px;
	}

	.searchInp {
		flex-grow: 1;
	}

	.headBox4 {
		flex-grow: 1;
		width: 0;
		justify-content: flex-end;
	}

	.navbtn {
		width: .27rem;
	}

	.nav {
		flex-direction: column;
	}

	.nav li {
		margin-right: 0;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.nav li.on {
		border-bottom: 1px solid #F9BF15;
	}

	.navSub>a:last-child {
		border-bottom: 1px solid #eee;
	}

	.nav li>a {
		color: #333;
		height: .6rem;
		width: 0;
		flex-grow: 1;
	}


	.navSubBtn {
		width: .6rem;
		height: .6rem;
		font-weight: bold;
		font-size: .18rem;
		background: #f7f7f7;
		margin-right: -20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.navSub {
		opacity: 1;
		transform: none;
		position: initial;
		margin: 0;
		width: 100%;
		box-shadow: none;
	}

	.navSub>a {
		padding: 0 20px;
		justify-content: flex-start;
		height: .6rem;
	}

}

@media (max-width:870px) {
	.oem2Tit {
	    font-size: 44px;
	}
	.oem2Name {
	    font-size: .45rem;
		font-weight: bold;
	}
	.oem2 {
	    padding:0;
		margin: -2.5rem 0;
	}
	.oem2Box{
		transform: scale(.3);
	}
	
	.pro1.spe .pro1Wrap{
		flex-direction: column-reverse;
		margin: 2px;
		box-shadow: 0 0 2px 1px #eee;
	}
	.pro1.spe .pro1IcBox{
		justify-content: flex-start;
	}
	
	.pro1.spe .pro1Msg2{
		margin-left: 0;
	}
	.pro1.spe .swiper-pagination {
	    text-align: center !important;
	}
	.pro1Wrap{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.pro1Cnt{
		width: 100%;
		
	}
	.pro1Img2{
		width: 100%;
		height: 2.28rem;
	}
	.pro1Ic{
		width: 1.27rem;
	}
	.pro1Box{
		padding-left: .15rem;
		padding-right: .15rem;
		padding-top: 1rem;
	}
	.pro1Tit1{
		font-size: .3rem;
	}
	.pro1Tit2{
		padding-top: .2rem;
		font-size: .25rem;
	}
	.pro1Msg1{
		font-size: .21rem;
	}
	.pro1Msg2{
		font-size: .18rem;
		height: .42rem;
		width: 100%;
		margin-top: .2rem;
		margin-bottom: .5rem;
	}
	
	
	.spe.oem3Mod .oem3ModBox{
		padding: .07rem;
		margin: 0;
	}
	.spe.oem3Mod .oem3ModTit {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	    font-size: .16rem;
		
	}
	.spe.oem3Mod .oem3ModCnt {
	    padding-top: 0;
		
	}
	

	.spe.oem3Mod  .imore.spe2 {
	    margin-top: .2rem;
		transform: scale(.85);
	}
	.iusList i{
		font-size: .4rem;
	}
	.indexBanImg2 {
	    width: 1rem;
	}
	.indexBan .swiper-pagination{
		text-align: right!important;
		padding-right: 15px;
		box-sizing: border-box;
	}
	.indexBan .swiper-pagination-bullet{
		margin: 0 3px!important;
	}
	.indexBanTit {
	    padding-top: .12rem;
		font-size: .18rem;
	    padding-bottom: .15rem;
	}
	.indexBanIc {
	    width: .42rem;
	}
	.indexBanCnt {
		display: none;
		font-size: .16rem;
	}
	
	
	.iusList{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.iusList li{
		margin: 0 .25rem;
		width: 34%;
	}
	.iusList {
	    padding-top: 0;
	    padding-bottom: .3rem;
	}
	.ius {
	    padding-top: 0;
	    padding-bottom: .35rem;
	}
	
	.ilinkBox2 {
	    padding: .2rem;
	}
	.ilinkTit {
	    font-size: .25rem;
	}
	.ilinkIc {
	    width: .26rem;
	}
	.ilinkBox{
		flex-wrap: wrap;
	}
	.ilink {
	    padding: .35rem 0;
	}
	.ilinkMod:first-child{
		margin-bottom: .2rem;
	}
	.ilinkMod{
		width: 100%;
	}
	.indexnews {
	    padding-bottom: .27rem;
	}
	.indexTop2 {
		padding-top: .1rem;
		height: .9rem;
	}

	.imore.spe {
		margin-top: 0;
	}

	/* .indexTop .us3Tit em {
		margin-left: .05rem;
	} */

	.imore {
		width: 1.2rem;
		height: .4rem;
		border-radius: .4rem;
		font-size: .16rem;
		margin-top: .15rem;
	}

	.pro2List.spe {
		padding-bottom: .15rem;
	}

	.us2Mn {
		padding-bottom: .15rem;
	}

	.us5L {
		width: 100%;
		margin-bottom: .25rem;
	}

	.us5Mb {
		margin-bottom: .25rem;
	}

	.us5R {
		width: 100%;
	}

	.us5Cnt {
		border-right: none;
		padding-right: 0;
	}

	.us5Box {
		flex-wrap: wrap;
	}

	.us4Mod {
		background-size: 31% auto;
		padding-top: .35rem;
		padding-bottom: .35rem;
	}

	.us4Mod li {
		width: 50%;
		padding: 0 .25rem;
	}

	.us4 {
		padding-bottom: .35rem;
	}

	.us3 .webtit2 {
		padding-top: .33rem;
	}

	.us3 {
		padding-bottom: .35rem;
	}

	.us3Tit {
		padding-top: .15rem;
		height: 1rem;
		
	}
	.us3Tit span.on{
		font-size: .34rem;
	}

	.us3Tit span {
		font-size: .23rem;
		margin-right: .25rem;
	}

	.us2ModTit {
		font-size: .18rem;
		height: .4rem;
		padding-bottom: .12rem;
	}

	.us2ModImg {
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.us3MnBox h5 {
		font-size: .16rem;
	}

	.us3MnImg {
		width: .55rem;
		height: .55rem;
	}

	.us3MnImg img {
		height: .36rem;
	}

	.us2ModImg img {
		max-height: 1.5rem;

	}

	.us1Box {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.us1R {
		width: 100%;
	}

	.us1L {
		width: 100%;
	}

	.us1 {
		padding-bottom: .35rem;
	}

	.oem3 {
		padding-bottom: .35rem;
	}

	
	.oem2Img {
		max-width: 100%;
	}

	.oemTip {
		padding-bottom: .25rem;
	}

	.oem {
		padding-bottom: .35rem;
	}

	.cont3Box {
		width: 100%;
		margin-bottom: .15rem;
	}

	.cont3Btn {
		width: 2rem;
		height: .52rem;
		font-size: .2rem;
	}

	.cont3 {
		padding-top: .25rem;
		padding-bottom: .4rem;
	}

	.cont3Box3 {
		padding-top: .32rem;
	}

	.cont2 {
		padding-bottom: .39rem;
	}

	.cont2Tip {
		font-size: .19rem;
	}

	.cont2List li {
		font-size: .16rem;
	}

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

	.webtit2 {
		font-size: .24rem;
		padding-top: .39rem;
		padding-bottom: .24rem;
	}

	.cont1Msg {
		font-size: .16rem;
	}

	.cont1H5 {
		font-size: .21rem;
		padding: .2rem 0;
	}

	.cont1 {
		padding-bottom: .37rem;
	}

	.pro3Mn em {
		padding-top: .12rem;
	}

	.pro3Mn img {
		height: .55rem;
	}

	.pro3Mn span {
		padding: .2rem 0;
		width: 50%;
	}

	.pro3MnBox {
		width: 100%;
		margin-top: 0;
	}

	.pro3Mn {
		padding-bottom: .36rem;
	}

	.pro3 {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.pro3Tit {
		font-size: .35rem;
		padding-bottom: .1rem;
	}

	.pro3Msg {
		padding: .2rem;
	}

	.pro3L {
		width: 100%;
	}

	.pro3R {
		width: 100%;
		height: 3rem;
	}

	.pro2List {
		padding-top: 0;
		padding-bottom: .25rem;
	}

	.pro2ListMsg {
		font-size: .16rem;
	}

	.pro2List li {
		width: 50%;
		margin-bottom: .1rem;
	}

	.pro2ListTit {
		padding-top: .1rem;
		font-size: .2rem;
	}

	.pro1 .swiper-pagination {
		bottom: .1rem !important;
		padding-left:0 !important;
		text-align: center!important;
	}

	.pro1 .swiper-pagination-bullet {
		width: .06rem;
		height: .06rem;
		margin: 0 .05rem !important;
	}

	.plr {
		padding: 0 15px;
	}

	.pro1 {
		padding-top: .3rem;
		padding-bottom: .3rem;

	}

	.prodetailMon {
		height: .7rem;
		font-size: .25rem;
	}

	.prodetailMsg {

		padding-bottom: .25rem;
	}

	.prodetailShare {
		padding-top: .25rem;
	}

	.prodetailTit {
		padding: .15rem 0;
		font-size: .25rem;
	}

	.prodetailtop {
		flex-wrap: wrap;
	}

	.prodetailtopL {
		width: 100%;
		padding-right: 0;
	}

	.prodetailtopR {
		width: 100%;
	}

	.prodetailtop {
		padding-top: .3rem;
		padding-bottom: .35rem;
	}

	.prodetailCnt {
		padding: .35rem 0;
	}

	.spe .pz4Box2 {
		margin: 0;
	}

	.spe .pz4Box {
		flex-direction: column-reverse;
	}

	.pz4 {
		padding: .35rem 0;
	}

	.pz4Box {
		flex-wrap: wrap;
	}

	.pc4Cnt {
		padding-top: .1rem;
	}

	.pz4Box2 {
		margin: 0;
		width: 100%;
	}

	.pz4Img {
		margin-bottom: .2rem;
		width: 100%;
	}

	.pz3Box2 {
		width: 100%;
		padding: .26rem .3rem;
		background: rgba(255, 255, 255, .75);
	}

	.pz2modBtn {
		display: none;
	}

	.pz3Box1 {
		padding: .3rem 0;
		justify-content: center;
	}

	.pz2 {
		padding-top: .35rem;
		padding-bottom: .35rem;
	}

	.pz2SidBox {
		margin-top: .25rem;
	}

	.webtit {
		font-size: .22rem;
	}

	.pz1 .sbMsg {
		transform: none;
	}

	.pz1 .sbMsgTit {
		padding-top: .29rem;
	}

	.pz1 {
		padding: .35rem 0;
	}

	.newsd {
		padding-top: .3rem;
		padding-bottom: .45rem;
		flex-wrap: wrap;
	}

	.newsdR {
		width: 100%;
		margin-left: 0;
		margin-top: .2rem;
	}

	.newsdL {
		width: 100%;
		padding: .2rem;
	}

	.page {
		justify-content: center;

	}

	.page .a {
		margin-left: .12rem;
	}

	.page .a.spe {
		width: auto;
		padding: 0 .16rem;
	}

	.mainpb {
		padding-bottom: .45rem;
	}

	.newsTit {
		font-size: .17rem;
		padding: .2rem 0;
	}

	.newsBox {
		padding: .2rem .15rem;
	}

	.grid {
		margin: 0 -10px;
		padding-top: .15rem;
		padding-bottom: .3rem;
	}

	.newsCnt {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		margin-bottom: .2rem;
		-webkit-box-orient: vertical;
	}

	.grid .box {
		padding: 0;
		width: 50%;
	}

	.grid .news {
		margin: 2px;
	}

	.bar .a {
		width: .43rem;
		height: .43rem;

	}

	.bar .a1 {
		background-size: .2rem auto;
	}

	.bar .a2 {
		background-size: .16rem auto;
	}

	.bar .a3 {
		background-size: .14rem auto;
	}

	.sbSid .swiper-pagination-bullet {
		margin: 0 .08rem !important;
	}

	.sbMsgBox {
		padding: 0 .2rem;
	}

	.sb {
		margin-top: .25rem;
		margin-bottom: .3rem;
	}

	.sbMsg {
		position: initial;
		background: #fff;
		width: 100%;
	}

	.place {
		width: 100%;
		box-sizing: border-box;
		padding: .15rem 15px;
	}

	.placeIc {
		margin-right: .1rem;
	}

	.menu a {
		height: .52rem;
	}

	.midbar {
		margin: 0 -15px;
		flex-wrap: wrap;
		height: auto;
		flex-direction: column-reverse;
	}

	.menu {
		border-bottom: 1px solid #f1f1f1;
		width: 100%;
	}

	.menu a {
		width: 20%;
		flex-grow: 1;
		margin: 0;
	}
	.bannerMsg{
		margin-top: -.15rem;
	}
	.bannerMsg img {
	    width: 2.53rem;
	}
	.bannerMsg p {
	    font-size: .18rem;
	}
	.banner {
		height: calc(100vw*720/1920);
		background-size: cover;
	}

	.footlink {
		justify-content: center;
		width: 100%;
		margin-top: .15rem;
	}

	.footlink a {
		margin: 0 .07rem;
	}

	.copy {
		width: 100%;
	}

	.footB {
		flex-wrap: wrap;
	}

	.footFri span {
		margin: 0 .1rem;
	}

	.footmap.on dd {
		display: block;
	}

	.footmap.on {
		padding-bottom: .15rem;
	}

	.footmap .icFa {
		transform: rotateZ(90deg);
		display: block;
		margin-right: .1rem;
		font-size: .19rem;
		font-weight: bold;
	}

	.footmap dt {
		margin-top: 0;
		margin-bottom: 0;
		height: .55rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footM {
		padding-top: .25rem;
		padding-bottom: .3rem;
	}

	.footmap {
		border-bottom: 1px solid #999999;
		width: 100%;
	}

	.footmap dd {
		display: none;
	}

	.footT {
		height: 1rem;
	}

	.layout2 {
		padding: 0 15px;
	}

	.logo2 img {
		width: 1rem;
	}

	.footbtnsBtn {
		margin-right: .13rem;
	}

	.footbtnsBtn2 {
		width: 1rem;
	}

	.padShow {
		display: none;
	}

	.phoneShow {
		display: block;
	}


	.layout {
		width: auto;
		padding: 0 15px;
	}

	.headMl {
		margin-left: .17rem;
	}

	html {
		font-size: 83px;
	}

	.logo img {
		width: 1rem;
	}



	.headBox1 {
		height: .6rem;
	}

	.seachbtn {
		width: .22rem;
	}

	.tsea {
		padding: .57rem .3rem;
		background: #fff;
		flex-direction: row-reverse;
	}

	.tseaInp {
		flex-grow: 1;
		height: .49rem;
		line-height: .49rem;
		background: #f5f5f5;
		color: #333;
	}

	.tseaBtn {
		width: .49rem;
		height: .49rem;
		background-size: .2rem auto;
		background-color: #333;
	}
}

.p-box{width: 100%;}
.p-item{cursor: pointer;}