* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
}

button {
	border-radius: 0;
}

::-webkit-input-placeholder {
	color: #ccc;
}

ul li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #333;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input[type="number"] {
	-moz-appearance: textfield;
}

html,
body {
	width: 100%;
	font-size: 14px;
	background: #fff;
}


img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.flex {
	display: flex !important;
	display: -webkit-flex;
}

.flex .fx1 {
	flex: 1;
}

.flex.jlr {
	justify-content: space-between;
}

.flex.j-center {
	justify-content: center;
}

.flex.j-end {
	justify-content: flex-end;
}

.flex.a-center {
	align-items: center;
}

.flex.a-end {
	align-items: flex-end;
}

.flex.col {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}
/* .flex.wrap:hover{box-shadow:0px 0px  10px 5px #aaa;padding:10px;} */
.full {
	width: 100%;
	height: 100%;
}

.header {
	height: .9rem;
	background: #fff;
	padding: 0px 0.9rem;
}

.header .logo {
	width: 1.8rem;
}
.header .logo img{width: 100%;}
.header .menu {
	font-size: .16rem;
	padding-right: .5rem;
	color: #181818;
}


.header .menu li {
	padding: 0px .4rem;
	height: .9rem;
	line-height: .9rem;
}
.header .menu li.on a{color: #FF0000;}
.subMenu{
	position: absolute;
	display: none;
	left: 0;
	right: 0;
	top: .9rem;
	height: 40px;
	background: #000;
	text-align: center;
	z-index: 99;
}
.header .menu li:hover  a{color: #FF0000;}
.header .menu li:hover .subMenu{
	display: flex;
	justify-content: center;
	align-items: center;
}
.subMenu a{line-height: 40px; color: #fff !important; padding: 0px 20px; display: inline-block;}
.subMenu a:hover{color: #f00 !important;}
.header .menu a {
	color: #181818;
	font-size: 16px;
	font-weight: bold;
}

.banner {
	height: 7.9rem;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-pagination-bullet{opacity: 1; background: #717171;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.modelNumber{padding: 0rem 3.6rem; margin-bottom: .8rem;}
.modelNumber .item{width: 3.6rem; padding: .4rem .2rem; color: #34364e;}
.modelNumber .item h2{font-size: .5rem; font-weight: 500;}
.modelNumber .item p{font-size: .2rem; color: #484a5a;}
.s-title{margin-bottom: .6rem; font-weight: 600; background-size: contain; font-size: .4rem; color: #34364e; text-align: center;}
.module-wrap{padding: 0px 1.6rem;}
.module-wrap-item{overflow: hidden; position: relative; margin-bottom: .8rem;}
.module-wrap-item:hover{box-shadow:0px 0px  10px 5px #ccc;}
.module-wrap-text{width: 9.2rem; line-height: 1.8; height: 4.2rem; background: #efefef; font-size: .2rem; color: #34354f;  padding:.5rem 1.7rem .28rem 0.6rem}
.module-wrap-text h3{font-size: .36rem; color: #34364e; margin-bottom: .45rem;}
.module-wrap-text a{color: #34364e; font-size: .2rem; margin-top: 0.8rem; display: block; font-weight: 600;}
.module-wrap-image,.module-wrap-image img{width: 8rem; height: 4rem; object-fit: cover;}
.module-wrap-item .module-wrap-image{position: absolute; left:auto; right: 0; top: 50%; transform: translateY(-50%);}
.module-wrap-item.right{justify-content: flex-end;}
.module-wrap-item.right .module-wrap-image{position: absolute; left: 0; right:auto; top: 50%; transform: translateY(-50%);}
.module-wrap-item.right .module-wrap-text{padding:.5rem .6rem .28rem 1.7rem}
.footer{background: #1a1a1a; color: #fff; height: 1.2rem; padding: 0px 3.6rem;}
.footer_logo{width: 3.6rem; font-size: .16rem; padding-top: .3rem;}
.footer_logo h4{font-size: .23rem; margin-top: .1rem;}
.footer_info{flex: 1; text-align: right; padding-top: .65rem; font-size: .16rem;}
.footer_info a{color:#fff;}
.close{display: none;}
.menuBtn{display: none;}

.subBanner,.subBanner img{width: 100%; height: 7.9rem; object-fit: cover;}
.subPage{background: #f5f5f5; padding: .3rem 3.3rem; overflow: hidden;}
.subPage .item{width: 3.9rem; background: #fff; padding: .2rem; margin:.1rem; font-size: .16rem; float: left;}
.subPage .item .image,.subPage .item .image img{width: 2.85rem; height: 2.85rem;}
.subPage .item p{font-size: .2rem; color: #333333; text-align: center;}
.subPage .item a{border: 1px solid #eee; padding: .06rem .24rem; margin-top: .1rem;}
.fenti{padding: .3rem 1.08rem;}
.fentiItem{margin-bottom: .8rem;height: 5.6rem; position: relative;padding:0.6rem;}
.fentiItem:hover{box-shadow:0px 0px  10px 5px #ccc;}
.fentiItem_text{width: 7.6rem;}
.fentiItem_text h2{font-size: .38rem; color: #313131; font-weight: 400;}
.fentiItem_text p{font-size: .2rem; color: #313131;margin-top: .28rem; margin-bottom: .4rem;text-align: justify;}
.fentiItem_text a{display: block; width: 2rem; height: .5rem; border-radius: .25rem; background: #ff0000; font-size: .22rem; color: #fff;}
.fentiItem .fentiItem_image{position: absolute; left: auto; right: 0; top: 0;}
.fenti .fentiItem:nth-of-type(2n) .fentiItem_image{position: absolute; left: 0; right: auto; top: 0;}
.fenti .fentiItem:nth-of-type(2n){justify-content: flex-end;}
.fentiItem .fentiItem_image,.fentiItem_image img{width: 7.65rem; height: 5.6rem;}
.fentiItem.re .fentiItem_image{position: absolute; left: 0; right: auto; top: 0;}
.fentiItem.re{justify-content: flex-end;}

.proatr1{padding: 0.5rem;text-align: justify!important;}
.proatr1 h2{font-size: .36rem; color: #333; margin-bottom: .5rem; text-align: center;}
.proatr1 p{font-size: .18rem; color: #585858; line-height: 1.8; margin-bottom: .2rem;}

.about1{padding: 0.5rem 3.85rem;text-align: justify!important;}
.about1 h2{font-size: .36rem; color: #333; margin-bottom: .5rem; text-align: center;}
.about1 p{font-size: .18rem; color: #585858; line-height: 1.8; margin-bottom: .2rem;}
.about2{padding: 0.72rem 3.85rem; background: #edf0f5;}
.about2Box{width: 100%; height: 4.4rem; background: #fff;}
.about2 .logoGroup{height: 100%;}
.about2 .logoGroup .item{width: 1.5rem; border-left: 1px solid #ecf1f7; height: 100%; display: flex; justify-content: center; align-items: center;}
.about2 .textGroup{flex: 1; padding-right: .55rem; padding-left: .4rem; font-size: .15rem; color: #333; line-height: 1.8;}
.about2 .textGroup .image img{width: 1.47rem;}
.about2 .textGroup .image{margin-bottom: .2rem;}
.compny{margin-top: 0.8rem; margin-bottom: .2rem;}
.contact{background: #f5f5f5; padding: .3rem 3.3rem; overflow: hidden;}
.contact .item{width: 5.9rem; background: #fff; padding: .3rem; float: left; margin: .1rem;}
.contact .item:hover{box-shadow:0px 0px  10px 5px #aaa;}
.contact .item .contact-title{margin-bottom: .3rem;}
.contact .item .contact-title b{display: block; margin-right: .1rem; width: .7rem; height: .62rem; background: url(../image/userIcon.png) no-repeat; background-size: 100% 100%;}
.contact .item .contact-title .info{flex: 1;}
.contact .item .contact-title .info h4{font-size: .26rem; color: #1b1b1b;}
.contact .item .contact-title .info p{font-size: .18rem; color: #181818; margin-top: .05rem;}
.contact .item .contact-cont .item-cont{padding-left: .4rem; margin-top: .1rem; font-size: .16rem; color: #888; position: relative;}
.contact .item .contact-cont .item-cont h5{font-size: .18rem; color: #313131;}
.contact .item .contact-cont .item-cont h5 span{font-size: .12rem; font-weight: normal}
.contact .item .contact-cont .item-cont .icon{width: .22rem; height: .22rem; position: absolute; left: 0;}
.contact .item .contact-cont .item-cont .icon.i1{background: url(../image/contactIcon_01.png) no-repeat; background-size: 100% 100%;}
.contact .item .contact-cont .item-cont .icon.i2{background: url(../image/contactIcon_02.png) no-repeat; background-size: 100% 100%;}
.contact .item .contact-cont .item-cont .icon.i3{background: url(../image/contactIcon_03.png) no-repeat; background-size: 100% 100%;}
@media screen and (min-width:1201px) and (max-width:1665px){
	.header .menu li {
		padding: 0px .2rem;
		height: .9rem;
		line-height: .9rem;
	}
}
@media screen and (max-width: 1200px) {
	.header .menu li {
		padding: 0px .1rem;
		height: .9rem;
		line-height: .9rem;
	}
	.subPage .item{width: 3.82rem;}
}
@media screen and (max-width: 992px) {
	.module-wrap-image,.module-wrap-image img{width: 100% !important;}
	.close{display: block;}
	.header{position: fixed; width: 100%; top: 0; left: 0; z-index: 2;}
	.main{padding-top: .9rem;}
	.close::before{content: '\2715'; color: #fff; position: absolute; right: 8%; top: 1%; font-size: .4rem;}
	.menuBtn{width: .5rem; height: .5rem; background: url(../image/menu.png) no-repeat; background-size: 100% 100%; display: block;}
	.header{ padding: 0px .3rem;}
	.header .menu{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; padding: 0 !important; background: rgba(0,0,0,0.9); display: none !important;}
	.header .menu ul{height: 100%; display: block !important; width: 100%; padding-top: 15%;}
	.header .menu ul a{color: #fff; display: block; width: 100%; padding: .3rem 0px; font-size: .3rem;}
	.header .menu ul li{width: 100%; text-align: center;}
	.banner,.subBanner{height: 3.2rem;}
	.banner img{object-fit: cover; width: 100%;}
	.modelNumber{padding: 0px;}
	.modelNumber .item{width: 50%;}
	.modelNumber .item p{text-align: center;}
	.module-wrap{padding: 0px .3rem;}
	.module-wrap-item .module-wrap-image{position: inherit !important; transform:translateY(0%) !important;}
	.module-wrap-text{height: auto; padding: .3rem !important;text-align: justify;}
	.footer{padding: .15rem .3rem; height: auto;}
	.footer_logo{display: none;}
	.footer_info{padding-top: 0; text-align: center;}
	.header .menu.phoneShow{display: block !important;}
	.subMenu{display: none !important;}
	.subPage{padding: .3rem;}
	.subPage .item{max-width: 48%; margin: .1rem 1%;}
	.subPage .item .image{max-width: 100%;}
	.subPage{min-height: 80vh;}
	.fenti{padding: .3rem;}
	.fentiItem{height: auto;}
	.fentiItem .fentiItem_image,.fentiItem.re .fentiItem_image{width: 100%; position: inherit;height:auto;}
	.fenti .fentiItem:nth-of-type(2n) .fentiItem_image{width: 100%; position: inherit;height:auto;}
    .fenti .fentiItem:nth-of-type(2n){width: 100%; height:auto;}
	.fentiItem_text p{font-size: .24rem;}
	.fentiItem_image img{width: 100%;height:auto;}
	.fentiItem_text{padding: .2rem;}
	.fentiItem_text a{display: block; width: 100%;}
	.about1,.about2{padding: 0.3rem !important;}
	.about2Box{height: auto;}
	.textGroup{width: 100%; padding: .2rem !important;}
	.logoGroup{padding: .2rem; width: 100%;}
	.logoGroup .item{flex: 1; border: 0;}
	.contact{padding: .3rem;}
	.contact .item{width: 48%; margin: 1%;}


	.imgdet{
		position: relative;
		height: 100%!important;
		width: 100%!important;
		margin: 0px auto 0;
		background: #fff;
	}
	.imgdet .imgpart{
		vertical-align: top;
		position: relative;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		width: 100%!important;
		height: 100%!important;
	}
}
@media screen and (max-width: 415px) {
	.contact .item{width: 100%; margin: 2% 0;}
}

.pages{width:100%;text-align:center;margin-top:5px;padding-bottom:5px; overflow:hidden;color:#fff;}
.pages a,.previous_s,.next{color:#333;}
.pages a:hover,.next a:hover{color:#fff;}
.pages ul{list-style:none}
.pages li{display:inline-block;margin-left:8px;list-style:none;padding:0 5px;border:1px solid #ccc;margin-right:8px;}
.pages_solid,.next:hover,.previous_s:hover,.pages_hollow:hover{padding:0 5px;border:1px solid #999999;background:#999999;color:#fff;text-decoration:none;cursor:pointer;}



/* product Details */
#product-details-intro {
    margin-bottom: 20px;
}
#gree-product-details {}
.prdDes-list-item-content img{width:100%}
#product-details-header {
    
    border-bottom: 1px solid #D9D9D9;
    height: 48px;
    
}
.product-details-tab-content {
    padding-top: 64px;
}
#product-details-name {
line-height:48px;
font-size:24px;
font-weight:600;
color:rgba(17,17,17,1);

}
.product-details-other {}
.nav-product-details-tab {float:right;}
.nav-product-details-tab li {position: relative;padding:0 10px}
.nav-product-details-tab li a {
    display: block;
    line-height:46px;
    padding: 0 12px;
    font-size:14px;
}
.nav-product-details-tab li.active a {
	font-weight:600;
}
.nav-product-details-tab li a:hover {
    color: #004098;
    text-decoration: none;
    border: none;
}


.active.prdDes-tabs-item span:after {
    transform: scaleX(1)
}

.prdDes-tabs-item a ~ span:after {
    content: "";
    display: block;
    width: 56px;
    height: 2px;
    position: absolute;
    left: 50%;
    margin-left: -28px;
    bottom: -1px;
    background: #004098;
    transition: all .3s ease-in-out;
    transform: scaleX(0);
    transform-origin: 50% 0
}

.prdDes-tabs-item a:hover ~ span:after {
    transform: scaleX(1)
}

#brand-goShop  {
    padding: 4px 0;
    float: right;
}
#brand-goShop a {
    float: right;
    display:block;
    text-align: center;
    line-height: 24px;
    padding: 5px 15px;
    color:#fff;
    font-size: 14px;
    border-radius: 34px;
    background-color: #004098;
    margin-top:2px;
}
.details-imgshow {
    width: 560px;
    height: 560px;
}

.tab-pane-s {
	min-height:400px
}
#product-details-full {
	height:50px;
	margin-bottom:20px;
	background:#F6F6F6;
	}
	#product-details-full h4{
	line-height:50px;
font-size:20px;
font-weight:600;
color:rgba(17,17,17,1);
}