body.product-page {

	position: relative

}



body.product-page .hd-breadcrumb {

	background-color: transparent;

	margin: 1rem 0

}



body.product-page .big-title {

	margin: 2rem 0;

	text-align: center

}



body.product-page .big-title .cn {

	margin: 0;

	font-size:25px

}



body.product-page .big-title .en {

	font-size: .7rem;

	letter-spacing: .05rem;

	color: #aaa;

	display: flex;

	align-items: center

}



body.product-page .big-title .en span {

	flex-shrink: 0;

	display: block;

	padding: 0 1rem

}



body.product-page .big-title .en:after {

	content: " ";

	width: 100%;

	display: block;

	border-top: thin solid #ccc

}



body.product-page .big-title .en:before {

	content: " ";

	width: 100%;

	display: block;

	border-top: thin solid #ccc

}



body.product-page .topic-list {

	overflow: hidden

}



body.product-page .topic-list .topic {

	float: left;

	width: 25%;

	padding: 7px

}



body.product-page .topic-list .topic .box {

	display: block;

	color: #000;

	cursor: pointer;

	height: 150px;

	overflow: hidden;

	background-color: #fff;

	box-shadow: 1px 1px 5px #aaa;

	transition: all .2s;

	border-radius: 3px;

	padding: 15px;

	position: relative

}



body.product-page .topic-list .topic .box .text {

	position: relative;

	width: 50%;

	float: left

}



body.product-page .topic-list .topic .box .text h3 {

	font-size: .8rem

}



body.product-page .topic-list .topic .box .text p {

	margin-top: -.3rem;

	color: #777

}



body.product-page .topic-list .topic .box .text .open {

	margin-top: .3rem;

	color: #3e82b0

}



body.product-page .topic-list .topic .box .img {

	float: left;

	width: 50%

}



body.product-page .topic-list .topic .box .img img {

	transition: all .3s;

	max-width: 100%

}



body.product-page .topic-list .topic .box:hover {

	background-color: #3e82b0

}



body.product-page .topic-list .topic .box:hover .text {

	color: #fff

}



body.product-page .topic-list .topic .box:hover .text p {

	color: #ccc

}



body.product-page .topic-list .topic .box:hover .img img {

	transform: scale(1.1,1.1)

}



body.product-page .module .big-title {

	margin: 2rem 0;

	text-align: center

}



body.product-page .module .big-title .cn {

	margin: 0;

	font-size: 1.5rem

}



body.product-page .module .big-title .en {

	font-size: .7rem;

	letter-spacing: .05rem;

	color: #aaa

}



{

	width: 100%

}



.zhuanti-box {

	overflow: hidden;

	width: 100%;

	margin-top: -1rem;

	margin-bottom: .5rem

}



.zhuanti-box .zhuanti-item {

	width: 14.6rem;

	height: 4rem;

	padding: .5rem;

	float: left

}



.zhuanti-box .zhuanti-item .wrap {

	display: block;

	width: 100%;

	height: 3rem;

	overflow: hidden;

	position: relative

}



.zhuanti-box .zhuanti-item .wrap img {

	width: 100%;

	height: 3rem

}



.zhuanti-box .zhuanti-item .wrap p {

	position: absolute;

	top: 0;

	margin: 0;

	line-height: 3rem;

	width: 100%;

	background-color: #3e82b0;

	color: #fff;

	font-size: 1rem;

	letter-spacing: .1rem;

	text-align: center;

	transition: all .2s

}



.zhuanti-box .zhuanti-item .wrap:hover p {

	background-color: rgba(62,130,176,.7);

	transform: scale(1.05,1.05)

}



.tag-box {

	overflow: hidden;

	margin-bottom: 2rem;

	padding-bottom: .5rem;

	border-bottom: thin dashed #777

}



.tag-box .tag-item {

	float: left;

	padding: .5rem

}



.tag-box .tag-item a {

	display: inline-block;

	padding: .3rem 1rem;

	background: linear-gradient(to bottom,#f7a420 0%,#f7892b 100%);

	border-radius: .2rem;

	color: #fff;

	transition: all .2s

}



.tag-box .tag-item a:hover {

	text-decoration: none;

	background: linear-gradient(to bottom,#f7a420 0%,#f7a92b 100%)

}

.cat-nav-box{

	    clear: both;

    height: 55px;

}

.cat-nav-box #top-cat-nav {

	position: static;

	top: 0;

	

	box-shadow: 2px 2px 10px #ccc;

	border-radius: .2rem

}



.cat-nav-box #top-cat-nav.fixed {

	position: fixed;

	z-index: 99

}



.cat-nav-box #top-cat-nav.fixed+.space {

	height: 2.1rem;

	width: 100%;

	position: static

}



.cat-nav-box #top-cat-nav .cat-item {

	float: left;

	width: 10%;

	position: relative

}



.cat-nav-box #top-cat-nav .cat-item.active>a {

	color: #fff;

	background-color: #3e82b0

}



.cat-nav-box #top-cat-nav .cat-item>a {


    border: thin solid #647d9a;

    border-right: none;

    display: block;

    text-align: center;

    padding: 15px 0;

    text-decoration: none;

    color: #222;

}



.cat-nav-box #top-cat-nav .cat-item>a i {

	margin-left: .5rem

}



.cat-nav-box #top-cat-nav .cat-item>a:hover {

	text-decoration: none; color:#fff;

}



.cat-nav-box #top-cat-nav .cat-item>a.active {

	color: #fff;

	background-color: #3e82b0

}



.cat-nav-box #top-cat-nav .cat-item:first-child a {

	border-radius: .2rem 0 0 .2rem

}



.cat-nav-box #top-cat-nav .cat-item:last-child a {

	border-radius: 0 .2rem .2rem 0;

	border-right: thin solid #3e82b0

}



.cat-nav-box #top-cat-nav .cat-item .sub-cats {

	z-index: 99;

	position: absolute;

	top: 2.15rem;

	width: 150%;

	box-shadow: 2px 2px 10px #777;

	border-radius: .3rem;

	overflow: hidden;

	display: none

}



.cat-nav-box #top-cat-nav .cat-item .sub-cats>li {

	background-color: #498fbf;

	text-align: left;

	width: 100%

}



.cat-nav-box #top-cat-nav .cat-item .sub-cats>li>a {

	color: #fff;

	padding: .8rem .6rem;

	display: inline-block;

	width: 100%;

	border-top: thin solid #6ea6cc;

	transition: all .2s

}



.cat-nav-box #top-cat-nav .cat-item .sub-cats>li>a:hover {

	text-decoration: none;

	background-color: #6ea6cc

}



.cat-nav-box #top-cat-nav .cat-item .sub-cats>li:first-child>a {

	border-top: none

}



.cat-product-box {

	margin-top: 1rem;

	    margin-bottom: 30px;

	position: relative

}



.cat-product-box .cat-title {

	overflow: hidden

}



.cat-product-box .cat-title p {

	float: left;

	padding: .5rem 0;

	color: #333;

	font-size: .8rem;

	letter-spacing: .1rem

}



.cat-product-box .cat-title p:after {

	margin-top: .4rem;

	content: "";

	display: block;

	width: 2rem;

	border-bottom: .2rem solid #e60012

}



.cat-product-box .cat-title a {

	padding: .5rem;

	display: inline-block;

	float: right

}



.cat-product-box .cat-product {

	overflow: hidden

}



.cat-product-box .cat-product .wrap {

	float: left;

	width: 25%;

	padding: 1rem;

	opacity: 1;

	transition: all 1s

}



.cat-product-box .cat-product .wrap .item-box {

	display: block;

	overflow: hidden;

	border-radius: .3rem;

	border: thin solid #ccc

}



.cat-product-box .cat-product .wrap .item-box .img {

	float: left;



	width: 100%

}



.cat-product-box .cat-product .wrap .item-box .img img {

	max-width: 100%

}



.cat-product-box .cat-product .wrap .item-box .text {

	color: #aaa;

	padding: .5rem;

	float: left;

	text-align: center;

	width: 100%;

	height: 4rem

}



.cat-product-box .cat-product .wrap .item-box .text>p:first-child {

	color: #000

}



.cat-product-box .cat-product .wrap .item-box:hover {

	border: thin solid #3e82b0

}



.cat-product-box .cat-product .wrap.hide-wrap {

	padding: 0;

	overflow: hidden;

	height: 0

}



.cat-product-box .cat-product .more-btn-wrap {

	float: left;

	text-align: center;

	width: 100%

}



.cat-product-box .cat-product .more-btn-wrap a {

	border-radius: .3rem;

	display: block;

	padding: .5rem 0;

	margin: auto;

	width: 50%;

	color: #fff;

	text-decoration: none;

	font-size: .75rem;

	background-color: #ff3636;

	transition: all .2s

}



.cat-product-box .cat-product .more-btn-wrap a i {

	margin-left: .5rem

}



.cat-product-box .cat-product .more-btn-wrap:hover a {

	background-color: #ff5151;

	text-decoration: none;

	color: #fff

}



.cat-product-box .sub-cat-nav {

	overflow: hidden

}



.cat-product-box .sub-cat-nav li {

	float: left;

	margin-right: .5rem

}



.cat-product-box .sub-cat-nav li a {

	display: inline-block;

	padding: .6rem 1rem;

	border: thin solid #aaa;

	color: #222;

	border-bottom: none;

	border-radius: .3rem .3rem 0 0;

	transition: all .2s

}



.cat-product-box .sub-cat-nav li a:hover {

	text-decoration: none;

	background-color: #3e82b0;

	color: #fff

}



.cat-product-box .sub-cat-nav li.active a {

	text-decoration: none;

	background-color: #3e82b0;

	border-color: #3e82b0;

	color: #fff

}



.cat-product-box .sub-cat-product {

	border: thin solid #ccc;

	padding: 1rem

}



 .hd-breadcrumb {

	background-color: transparent;

	margin: 1rem 0

}



 .module .big-title {

	margin: 2rem 0;

	text-align: center

}



 .module .big-title .cn {

	margin: 0;

	font-size: 1.5rem

}



 .module .big-title .en {

	font-size: .7rem;

	letter-spacing: .05rem;

	color: #aaa

}



 .module-1 {

	margin-bottom: 1rem

}



 .module-1 .top-box {

	overflow: hidden

}



 .module-1 .top-box .top {

	margin-bottom: 1.5rem

}



 .module-1 .top-box .top .zt-list {

	overflow: hidden

}



 .module-1 .top-box .top .zt-list li {

	width: 33%;

	float: left;

	padding: .5rem

}



 .module-1 .top-box .top .zt-list li a {

	display: block;

	width: 100%;

	text-align: center;

	line-height: 2rem;

	color: #fff;

	background-color: #3e82b0;

	transition: all .2s

}



 .module-1 .top-box .top .zt-list li a:hover {

	background-color: #5c9bc5;

	text-decoration: none

}



 .module-1 .top-box .left {

	width: 55%;

	float: left;

}

.module-1 .top-box .left img{width:450px;}

 .module-1 .top-box .left .view {

	width: 80%;

	margin-right: 2%;

	float: left

}



 .module-1 .top-box .left .view .swiper-container {

	overflow: hidden

}



 .module-1 .top-box .left .view .swiper-container .swiper-slide img {

	width: 100%

}



 .module-1 .top-box .left .preview {

	width: 18%;

	float: left

}



 .module-1 .top-box .left .preview .swiper-container {

	height: 520px

}



 .module-1 .top-box .left .preview .swiper-container .swiper-slide {

	border: thin solid #ccc;

	overflow: hidden

}



 .module-1 .top-box .left .preview .swiper-container .swiper-slide img {

	max-width: 100%

}



 .module-1 .top-box .left .preview .swiper-container .swiper-slide.active-nav {

	border: thin solid #3e82b0

}



 .module-1 .top-box .right {

	width: 45%;

	float: left;



	height: 450px;

	position: relative

}



 .module-1 .top-box .right>h3 {

	letter-spacing: .2rem;

	margin-bottom: 1rem

}



 .module-1 .top-box .right>p {

	letter-spacing: .1rem

}



 .module-1 .top-box .right>.p5 {

	margin-top: 1rem;

	margin-bottom: 1rem;

	overflow: hidden

}



 .module-1 .top-box .right>.p5>span {

	width: 2.5rem;

	float: left;

	display: block

}



 .module-1 .top-box .right>.p5>div {

	width: 100%;

	float: left;

	margin-left: -2.5rem;

	padding-left: 2.8rem

}



 .module-1 .top-box .right>.p5>div>p:before {

	content: "";

	display: inline-block;

	margin-right: .3rem;

	width: .3rem;

	height: .3rem;

	border-radius: .15rem;

	background-color: #3e82b0

}



 .module-1 .top-box .right>.p6 {

	position: absolute;

	width: 90%;

	bottom: 20px

}



 .module-1 .top-box .right>.p6 p {

	font-size: .8rem;

	margin-top: 2rem;

	margin-bottom: 1.5rem;

	letter-spacing: .1rem

}



 .module-1 .top-box .right>.p6 a {

	padding: .8rem 0;

	background-color: #fff;

	border: thin solid #ccc;

	color: #222;

	border-radius: .2rem;

	font-size: .9rem;

	display: block;

	width: 100%;

	margin-bottom: 1rem;

	text-align: center

}



 .module-1 .top-box .right>.p6 a>i {

	margin-right: .5rem;

	font-size:20px

}



 .module-1 .top-box .right>.p6 a:hover {

	text-decoration: none

}



 .module-1 .top-box .right>.p6 a.sq-call {

	font-size: 25px;

	letter-spacing: .1rem;

	border: thin solid #e60012;

	color: #fff;

	background-color: #e60012

;font-weight: 550;padding: 8px 0;}

.control-page{

	    width: 1200px;

    margin: 0 auto;

    line-height: 30px;

	}

 .module-1 .top-box .right>.p6 a.sq-call:hover {

	background-color: #ff5d5d

}



 .module-2 {

	margin: 2rem

}



 .module-2 .product-desc-nav {

	top: 0;

	z-index: 9;

	margin-bottom: 1rem;

	border-bottom: 1px solid #3e82b0;

	overflow: hidden

}



 .module-2 .product-desc-nav li {

	text-align: center;

	float: left;

	border: thin solid #ccc;

	border-left: none

}



 .module-2 .product-desc-nav li:first-child {

	border-left: thin solid #ccc

}



 .module-2 .product-desc-nav li a {

	padding: .5rem 2rem;

	display: inline-block;

	text-decoration: none;

	background-color: #fff

}



 .module-2 .product-desc-nav li a:hover {

	text-decoration: none

}



 .module-2 .product-desc-nav li.active {

	background: #3e82b0;font-size: 20px;padding: 8px 24px;color: #fff;border: none;}



 .module-2 .product-desc-nav li.active a {

	background-color: #3e82b0;

	color: #fff

}



 .module-2 .desc-box {

	width: 100%;

	text-align: center

}



 .module-2 .pad-right {

	padding-top: 3rem;

	padding-left: 3rem

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a {

	display: inline-block;

	width: 235px;

	color: #fff;

	text-align: center;

	text-decoration: none;

	transition: all .2s;

	font-size: .7rem;

	font-weight: bold;

	overflow: hidden

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a:hover, .module-2 .pad-right .cat-zhuanti .wrapper>a:focus, .module-2 .pad-right .cat-zhuanti .wrapper>a:visited {

	text-decoration: none

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a>p {

	margin: 0;

	padding: .5rem 0;

	background-color: #3e82b0;

	text-align: center

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a>div {

	overflow: hidden;

	border: thin solid #b2b2b2

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a>div img {

	border-top: none;

	width: 100%;

	transition: all .2s

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a:hover {

	color: #ccc

}



 .module-2 .pad-right .cat-zhuanti .wrapper>a:hover img {

	transform: scale(1.1,1.1)

}



 .module-2 .pad-right .cat-zhuanti>.wrapper.fixed {

	position: fixed;

	width: 235px;

	top: 15px

}



 .module-2 .pad-right .recommend-product {

	margin-bottom: 1.5rem

}



 .module-2 .pad-right .recommend-product .title {

	background-color: #3e82b0;

	border-bottom: thin solid #3e82b0;

	padding: .4rem 0;

	color: #fff;

	text-align: center;

	font-size: 1rem;

	font-weight: bold

}



 .module-2 .pad-right .recommend-product ul {

	border: thin solid #b2b2b2;

	border-top: none;

	padding: 1rem;

	padding-bottom: 0;

	display: block

}



 .module-2 .pad-right .recommend-product ul li {

	float: left;

	display: block;

	width: 100%;

	border: thin solid #e8e8e8;

	margin-bottom: 1.5rem

}



 .module-2 .pad-right .recommend-product ul li .item {

	display: block;

	width: 100%

}



 .module-2 .pad-right .recommend-product ul li .item .wrapper {

	width: 100%;

	overflow: hidden;

	position: relative

}



 .module-2 .pad-right .recommend-product ul li .item .wrapper>i {

	position: absolute;

	z-index: 1;

	top: 0;

	left: 0;

	display: inline-block;

	height: 30px;

	width: 30px;

	text-align: center;

	background-color: rgba(0,0,0,.5);

	color: #fff;

	line-height: 30px;

	font-size: 1rem;

	font-style: normal

}



 .module-2 .pad-right .recommend-product ul li .item .wrapper>i.color-1 {

	background-color: #e60012

}



 .module-2 .pad-right .recommend-product ul li .item .wrapper>i.color-2, .module-2 .pad-right .recommend-product ul li .item .wrapper>i.color-3 {

	background-color: rgba(0,0,0,.8)

}



 .module-2 .pad-right .recommend-product ul li .item img {

	width: 100%;

	transition: all .2s

}



 .module-2 .pad-right .recommend-product ul li .item p {

	background-color: rgba(0,0,0,.4);

	color: #fff;

	text-align: center;

	margin: 0;

	padding: .3rem .3rem;

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	-webkit-text-overflow: ellipsis;

	-moz-text-overflow: ellipsis;

	white-space: nowrap

}



 .module-2 .pad-right .recommend-product ul li .item:hover img {

	transform: scale(1.1,1.1)

}



 .module-2 .pad-right .qrcode-side-box a {

	width: 235px;

	color: #222;

	text-align: center

}



 .module-2 .pad-right .qrcode-side-box a:hover, .module-2 .pad-right .qrcode-side-box a:focus, .module-2 .pad-right .qrcode-side-box a:visited {

	text-decoration: none

}



 .module-2 .pad-right .qrcode-side-box a>div {

	padding: 1.2rem;

	padding-top: 0

}



 .module-2 .pad-right .qrcode-side-box a>div img {

	max-width: 100%

}



 .module-3 {

	margin: 2rem

}



 .module-3 h3:after {

	content: "";

	border-bottom: .2rem solid #e60012;

	display: block;

	width: 3rem;

	margin-top: .8rem

}



 .module-3 .swiper-xgcp .swiper-slide a {

	display: block;

	color: #777

}



 .module-3 .swiper-xgcp .swiper-slide a:hover {

	text-decoration: none;

	color: #3e82b0

}



 .module-3 .swiper-xgcp .swiper-slide a .img img {

	width: 100%

}



 .module-3 .swiper-xgcp .swiper-slide a .text {

	text-align: center

}