.main{
    width: 1560px;
    margin: 0 auto;
}
body {
	line-height: 1;
}
.main::after {
	content: "";
	display: block;
	clear: both;
}
.iframe {
	height: 40px;
	overflow: hidden;
}
.iframe iframe {
	width: calc(100% + 18px);
	margin-left: -9px;
}
.advs {
	position: relative;
	display: block;
}
.advs i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("../images/adv.png") no-repeat;
}
.advs img {
	display: block;
}
.Center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%);
}
.Center-x {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.Center-y {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ease {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a{
    color: #333;
}
a:hover{
    color:#009944;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.f5{
    background-color: #f5f5f5;
}
/* header */
.header{
    height: 42px;
    line-height: 42px;
    background-color: #f5f5f5;
}
.header a{
    font-size: 14px;
    color: #666;
}
.header a:hover{
    color: #00994d;
}
.divLogin{
    float: left;
}
.divLogin ul {
	overflow: hidden;
}
.divLogin ul li {
	line-height: 42px;
	float: left;
}
.divLogin ul li a{
	margin-right: 20px;
}
.divLogin ul li a.login1 {
    margin-left: 8px;
    color: #00994d;
}
.header p{
    float: right;
}
.header p a{
    margin-right: 20px;
}
.header p a.mobile i{
    margin-right: 2px;
    font-size: 15px;
}

/* top */
.top{
	padding: 22px 0;
	background-color: #fff;
}
.top .logo{
	height: 62px;
	float: left;
}
.searchBox {
	width: 764px;
	float: left;
	position: relative;
	margin-left: 82px;
}
.searchBox .form {
	width: 100%;
	height: 48px;
	border: 2px solid #00994d;
	border-radius: 4px;
}
.searchBox .form .select{
	width: 13%;
	height: 100%;
	position: relative;
	float: left;
}
.searchBox .form .select .select-top p {
    font-size: 15px;
    line-height: 44px;
    cursor: pointer;
	text-align: center;
}
.searchBox .form .select .select-top i {
	display: inline-block;
	font-size: 20px;
	vertical-align: middle;
	position: absolute;
	right: 0px;
	top: 14px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.searchBox .form .select .select-top.focus i {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.search {
	width: 100%;
	height: 44px;
}
.searchBox input {
	width: 73%;
	float: left;
	height: 44px;
	background: #fff;
	border: none;
	outline: none;
	font-size: 16px;
	color: #999;
	text-indent: 5px;
}
.searchBox button {
	width: 14%;
	float: right;
	height: 48px;
	border: none;
	outline: none;
	cursor: pointer;
	background: #00994d;
	color: #fff;
	font-size: 18px;
	margin-top: -2px;
	margin-right: -2px;
	border-radius: 4px;
}
.searchBox button i {
	display: inline-block;
	font-size: 20px;
	margin: 2px 5px 0 0;
	vertical-align: top;
}
.searchBox ul {
	/* display: block; */
	position: absolute;
	z-index: 9999;
	width: 88px;
	border: 1px solid #ddd;
	border-top: 0;
	/* display: block; */
	top: 46px;
	left: 0px;
	padding: 5px 0;
	background: #fff;
	display: none;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.3);
}
.searchBox ul li {
	display: block;
	font: normal 16px/30px microsoft yahei;
	color: #333;
	text-align: center;
	line-height: 30px;
}
.searchBox ul li:hover {
	background: #00994d;
	color: #fff;
}
.searchBox .hot{
	margin-top: 10px;
	overflow: hidden;
}
.searchBox .hot span{
	width: 44px;
	height: 16px;
	background: url(../images/hot.png) no-repeat;
	background-size: 100% 100%;
	float: left;
}
.searchBox .hot .text{
	height: 16px;
	line-height: 16px;
	font-size: 0;
	overflow: hidden;
}
.searchBox .hot .text a{
	margin-left: 12px;
	font-size: 14px;
	color: #666;
	display: inline-block;
	vertical-align: top;
}
.searchBox .hot .text a:hover{
	color: #00994d;
}
.top_right{
    margin-top: 2px;
    float: right;
}
.top_right a{
    height: 44px;
    line-height: 44px;
    width: 148px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 22px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.top_right a.btn1{
    margin-right: 12px;
    color: #00994d;
    background-color: #f2f8f5;
    border: 1px solid #e2f6ec;
}
.top_right a.btn1:hover{
    border-color: #00994d;
    background-color: #00994d;
    color: #fff;
}
.top_right a.btn2{
    color: #f08200;
    background-color: #fff7ed;
    border: 1px solid #fbf0e2;
}
.top_right a.btn2:hover{
    border-color: #f08200;
    background-color: #f08200;
    color: #fff;
}
/* nav */
.w260{
	width: 260px;
}
.nav {
	background-color: #fff;
}
.nav .left {
	line-height: 50px;
	padding: 0 20px;
	font-size: 20px;
	float: left;
	background-color: #009944;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	position: relative;
}
.nav .left a {
	color: #fff;
}
.nav .left i {
	width: 18px;
	height: 15px;
	background: url(../images/icon1.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.nav ul {
	overflow: hidden;
	padding-left: 46px;
}
.nav ul li {
	padding-right: 52px;
	margin-right: 42px;
	float: left;
	position: relative;
}
.nav ul li a {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	line-height: 50px;
	display: block;
	position: relative;
}
.nav ul li::after {
	font-size: 20px;
	color: #e6e6e6;
	content: "/";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.nav ul li:last-child{
	padding: 0;
	margin: 0;
}
.nav ul li:last-child::after{
	display: none;
}
.nav ul li a:hover {
	color: #00994D;
}
/* banner */
.product-classify {
	float: left;
	background-color: #fafafa;
	position: relative;
}
.product-classify ul {
	position: relative;
}
.product-classify li {
	padding: 0 20px;
	border-bottom: 1px solid #e6e6e6;
	width:50%;
	float:left
}
.product-classify li:last-of-type {
	border-bottom: 0;
}
.product-classify li .class-a {
	font-size: 15px;
	padding: 12px 0;
	position: relative;
	z-index: 2;
}
.product-classify ul li.hover {
	box-shadow: 0px 0px 7px 0px rgba(49, 49, 49, 0.2);
	z-index: 1;
}
.product-classify li .class-a p {
	font-size: 16px;
	height: 16.5px;
	overflow: hidden;
	font-weight: bold;
}
.product-classify li .class-a a:hover {
	color: #00af4e;
}
.product-classify li .class-a span {
	display: block;
	height: 16px;
	margin-top: 13px;
}
.product-classify li .class-a span a {
	color: #999;
	margin-right: 12px;
}
.product-classify li a {
	color: #333;
}
.product-classify li .class-a i {
	font-size: 10px;
	position: absolute;
	top: 17px;
	right: 0;
	color: #bababa;
}
.product-classify li .class-b {
	position: absolute;
	top: 12px;
	left: 260px;
	width: 912px;
	background-color: #fff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
	display: none;
	z-index: 999;
	padding: 32px 30px;
	box-sizing: border-box;
	height: 563px;
	overflow: hidden;
	font-size: 0;
}
.class-b .adv-box{
	width: 240px;
	float: right;
}
.class-b .adv-item a{
	padding-bottom: 100.83%;
	height: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
.class-b .adv-item img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.class-b .adv-item:nth-child(2){
	margin-top: 16px;
}
.class-b .left-box {
	width: calc(100% - 25px);
	float: left;
	overflow-y: auto;
	height: 500px;
	padding-right: 20px;
}
.class-b .title {
	position: relative;
}
.class-b .title p {
	line-height: 20px;
	font-size: 16px;
	font-weight: bold;
}
.class-b .title p i{
	width: 4px;
	height: 16px;
	margin-right: 8px;
	background-color: #009944;
	display: inline-block;
	vertical-align: top;
}
.class-b .title p a {
	color: #333;
}
.class-b .title a:hover {
	color: #009944;
}
.class-b .title .more {
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 14px;
	color: #999999;
}
.class-b .content{
	overflow: hidden;
}
.class-b .content p {
	margin: 0 -10px;
	font-size: 0;
}
.class-b .content p a {
	font-size: 15px;
	color: #333;
	margin-top: 16px;
	padding: 0 10px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.class-b .content p i{
	font-size: 16px;
	color: #e6e6e6;
	display: inline-block;
	vertical-align: top;
	
}
.class-b .content p a::after{
	right: 0;
	top: 1px;
	width: 2px;
	height: 16px;
	background-color: #e6e6e6;
	position: absolute;
	content: "";
}
.class-b .content p a:last-child::after{
	display: none;
}
.class-b .content p a:hover {
	color: #009944;
}
.class-b .left-box .item{
	margin-top: 28px;
}
.class-b .left-box .item:first-child{
	margin-top: 0;
}


.product-classify li.hover .class-b {
	display: block;
	line-height: 1;
}
.news{
	margin: 12px 12px 0 12px;
	width: 900px;
	float: left;
	overflow: hidden;
	position: relative;
}
.news .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 26px;
	width: 100%;
}
.news .swiper-pagination-bullet {
	width: 26px;
	height: 7px;
	background: #fff;
	opacity: .2;
	border-radius: 3.5px;
}
.news .swiper-pagination-bullet-active {
	opacity: 1;
	background: #00af4e;
}
.news .swiper-button-next, .news .swiper-button-prev {
	width: 50px;
	height: 90px;
	line-height: 90px;
	margin-top: 0;
	transform: translateY(-50%);
	background-image: none;
	text-align: center;
	background-color: rgba(0,0,0,.5);
}
.news .swiper-button-next i, .news .swiper-button-prev i{
	font-size: 28px;
	color: #fff;
}
.news .swiper-button-next {
	right: 0;
}
.news .swiper-button-prev {
	left: 0;
}
.news .image {
	height: 0;
	padding-bottom: 62.66%;
	overflow: hidden;
	position: relative;
}
.news .image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.banner .right {
	margin-top: 12px;
	width: calc(100% - 260px - 900px - 12px * 2);
	float: right;
	background-color: #fff;
}
.loginIndex{
	background: url(../images/loginIndex.jpg) no-repeat;
	background-size: 100% 174px;
}
.loginIndex .message{
	padding: 24px 27px 20px;
	overflow: hidden;
}
.loginIndex .message .image {
	float: left;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	margin-right: 14px;
	overflow: hidden;
}
.loginIndex .message .image a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.loginIndex .message .text {
	overflow: hidden;
	color: #fff;
	font-size: 14px;
}
.loginIndex .message .text p {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}
.loginIndex .message .text span {
	display: block;
	color: #fff;
	margin-top: 10px;
}
.loginIndex .btnBox {
	padding: 20px 20px 21px;
	border-radius: 16px 16px 0 0;
	background-color: #fff;
	overflow: hidden;
}
.loginIndex .btnBox a {
	width: 160px;
	height: 44px;
	line-height: 42px;
	box-sizing: border-box;
	background-color: #f5f5f5;
	border-radius: 2px;
	font-size: 15px;
	font-weight: 700;
	color: #999;
	text-align: center;
	float: left;
}
.loginIndex .btnBox a.login {
	margin-right: 16px;
	color: #008b46;
	margin-top: 0;
}
.btnArr {
	padding:15px 0 21px;
	overflow: hidden;
}
.btnArr i {
	display: block;
	height: 54px;
	width: 54px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #f5f5f5;
	color: #f99a14;
	position: relative;
}
.btnArr i img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%);

}
.btnArr p {
	margin-top: 10px;
}
.btnArr a {
	padding: 0 20px;
	width: 33.3%;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #666;
}
.btnArr a:hover {
	color: #008b46;
}
.btnArr a:last-child {
	margin-right: 0;
}
.shop-notice {
	padding: 18px 25px;
}
.shop-notice h2{
	height: 18px;
	line-height: 18px;
}
.shop-notice h2 b{
	font-size: 16px;
	color: #333;
}
.shop-notice h2 b i{
	width: 9px;
	height: 10px;
	margin: 6px 0 0 4px;
	background: url(../images/shop-notice.png) no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: top;
}
.shop-notice h2 a{
	line-height: 18px;
	font-size: 14px;
	color: #999;
	font-weight: normal;
	float: right;
}
.shop-notice li{
	margin-top: 16px;
	padding-left: 20px;
	height: 18px;
	line-height: 18px;
	font-size: 15px;
	position: relative;
	overflow: hidden;
}
.shop-notice li a{
	color: #333;
}
.shop-notice li i{
	width: 4px;
	height: 4px;
	background-color: #cccccc;
	display: inline-block;
	position: absolute;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}
.shop-notice li:hover a{
	color: #008b46;
}
.shop-notice li:hover i{
	background-color: #008b46;
}
.btnBox,.btnArr{
	position: relative;
}
.btnBox::after,.btnArr::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 1px;
	background-color: #eeeeee;
}
/* Notice */
.Notice{
	margin-top: 12px;
}
.Notice .main {
	background-color: #fffcea;
	border: 1px solid #ffe58f;
	padding: 20px;
	box-sizing: border-box;
}
.Notice .scroll-txt {
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}
.Notice .scroll-txt ul {
	display: inline-block;
}
.Notice .scroll-txt ul li {
	display: inline-block;
	font-size: 16px;
	margin-right: 65px;
}
.Notice .scroll-txt ul li a {
	color: #333;
}
.Notice .scroll-txt ul li span {
	color: #f08200;
}
.Notice .scroll-txt ul li a:hover {
	color: #f08200;
}
/* part */
.part_title{
	padding: 26px 0;
	overflow: hidden;
}
.part_title .title-left{
	float: left;
}
.part_title span{
	width: 40px;
	height: 40px;
	line-height: 38px;
	margin:0 10px;
	border: 1px solid #61b988;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
}
.part_title strong{
	font-size: 24px;
	color: #fff;
	position: relative;
	z-index: 9;
	text-shadow: 0px 0px 7px rgb(124, 184, 151);
}
.part_title span::after{
	top: -8px;
	left: -10px;
	width: 40px;
	height: 40px;
	position: absolute;
	content: "";
	border-radius: 50%;
	background-image: -moz-linear-gradient( -90deg, rgb(38,174,98) 0%, rgb(245,245,245) 82%);
	background-image: -webkit-linear-gradient( -90deg, rgb(38,174,98) 0%, rgb(245,245,245) 82%);
	background-image: -ms-linear-gradient( -90deg, rgb(38,174,98) 0%, rgb(245,245,245) 82%);
	z-index: -1;
}


.part_title .title-left img{
	height: 47px;
	margin-right: 10px;
}
.part_title .title-left b{
	line-height: 48px;
	font-size: 28px;
	color: #333;
	display: inline-block;
	vertical-align: top;
}
.part_title .public-tab{
	float: right;
}
.part_title .public-tab p{
	font-size: 0;
}
.part_title .public-tab a{
	height: 48px;
	line-height: 48px;
	padding: 0 20px;
	font-size: 18px;
	color: #333;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.part_title .public-tab a::after{
	width: 0;
	height: 3px;
	bottom: 3px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #f08200;
	position: absolute;
	content: "";
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.part_title .public-tab a.focus{
	font-weight: 700;
	color: #009944;
}
.part_title .public-tab a.focus::after{
	width: 20px;
}
.main-left{
	width: 388px;
	padding: 18px;
	margin-right: 12px;
	background-color: #fff;
	float: left;
}
.main-left ul{
	overflow: hidden;
}
.main-left .image{
	position: relative;
}
.main-left .image a{
	padding-bottom:137.25%;
	height: 0;
	overflow: hidden;
	position: relative;
	display: block;
}
.main-left .image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.main-left .image i{
	width: 58px;
	height: 58px;
	background: url(../images/main-left-play.png) no-repeat;
	background-size: 100% 100%;
}
.main-left .text{
	padding-top: 15px;
}
.main-left .text p{
	height: 18px;
	line-height: 18px;
	font-size: 16px;
	overflow: hidden;
}
.main-left .text p a{
	color: #333;
}
.main-left .text p a:hover{
	color: #009944;
}
.main-left .text span{
	margin-top: 13px;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #999;
	display: block;
	overflow: hidden;
}
.main-left li:nth-child(2){
	margin-top: 24px;
}
.main-right{
	display: none;
	background-color: #fff;
	overflow: hidden;
}
.main-right ul{
	width: calc(100% + 1px);
	overflow: hidden;
}
.main-right li{
	padding: 20px;
	width: calc(100% / 5);
	float: left;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.main-right li:nth-child(n+6){
	border-bottom: 0;
}
.main-right .image{
	width: 192px;
	height: 192px;
	position: relative;
}
.main-right .image img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%);
}
.main-right li p {
	margin-top: 26px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	overflow: hidden;
}
.main-right li p a{
	color: #333;
}
.main-right li p a:hover{
	color: #009944;
}
/* footer */
.footer {
	padding: 40px 0;
	background: #000;
	margin-top: 36px;
	font-size: 15px;
	color: #dcdcdc;
    background-size: cover;
}
.foot-nav {
	float: left;
}
.foot-nav .logo {
	margin-top: -6px;
}
.foot-txt {
	overflow: hidden;
	padding: 30px 0 25px 0;
	border-bottom: 1px solid #303030;
}
.foot-txt li {
	float: left;
	margin-right: 25px;
}
.foot-txt li a{
	color: #dcdcdc;
}
.foot-txt li a:hover,.foot-nav p a:hover {
	color: #ff9700;
}
.foot-txt li:last-child {
	margin-right: 0;
}
.footer-web {
	margin-top: 20px;
}
.foot-nav .text {
	margin-top: 25px;
}
.foot-nav p {
	margin-top: 15px;
	font-size: 14px;
	color: #999;
}
.foot-nav p:first-child {
	margin-top: 0;
}
.foot-nav p a {
	color: #999;
}
.foot-img {
	overflow: hidden;
	background: url('../images/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin-top: 26px;
}
.foot-img li {
	width: 93px;
	height: 40px;
	float: left;
	margin-right: 6px;
}
.foot-img li a{
	display: block;
	height: 100%;
	color: #333;
	border-radius: 3px;
	overflow: hidden;
}
.foot-img li:nth-child(1) {
	width: 100px;
}
.foot-img li:nth-child(2) {
	width: 90px;
}
.foot-img li:nth-child(6) {
	width: 40px;
}
.hot-line {
	float: left;
	margin: 0 100px;
	padding: 0 100px 16px;
	border: 1px solid #303030;
	border-top: 0;
	border-bottom: 0;
	position: relative;
}
.hot-line::before,.hot-line::after {
	content: "";
	position: absolute;
	width: 3px;
	height: 10px;
	background-color: #ff9700;
	top: 0;
}
.hot-line::before {
	left: 0;
}
.hot-line::after {
	right: 0;
}
.footer .title {
	font-size: 20px;
	font-weight: bold;
	color: #e0e0e0;
}
.hot-line .tel-number {
	margin-top: 36px;
	font-size: 14px;
	color: #999;
}
.hot-line .tel-number b {
	font-size: 24px;
	display: block;
	margin-top: 10px;
	color: #ff9700;
}
.hot-line .qq-lx {
	margin-top: 20px;
}
.hot-line .qq-lx a {
	display: inline-block;
	width: 136px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #ff9700;
	color: #fff;
	font-size: 16px;
	border-radius: 2px;
	position: relative;
}
.footer .QQhover {
	position: absolute;
	left: 0px;
	bottom: 100%;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.footer .footerQQ:hover .QQhover{
	display: inline-block;
}
.footer .time-interval {
	margin-top: 13px;
	color: #999;
	font-size: 14px;
	line-height: 24px;
}
.service-qq {
	margin-top: 36px;
}
.service-qq p {
	line-height: 20px;
	margin-top: 16px;
}
.service-qq p:first-child {
	margin-top: 0;
}
.service-qq p b {
	font-weight: normal;
}
.service-qq p a {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 20px;
	background: url(../images/QQ.png) no-repeat;
	background-size: contain;
	vertical-align: top;
	margin-left: 10px;
}
.qr-code {
	overflow: hidden;
}
.code-list {
	margin-top: 30px;
}
.code-list ul {
	overflow: hidden;
	margin-top: -15px;
}
.code-list li {
	width: 50%;
	float: left;
}
.code-list li .item {
	margin-right: 42px;
	text-align: center;
	margin-top: 15px;
}
.code-list li .image {

	padding: 4px;
}
.code-list li p {
	margin-top: 14px;
	color: #909090;
}
/* leftNav */
#leftNav{position: fixed; top:200px; display: block; left: 10px;}
#leftNav a{
	width: 40px;
  	height: 40px;
	color: #666;
  	font: normal 16px/40px microsoft yahei;
  	border-bottom: 1px solid #fff;
  	text-align: center;
  	background: #efeeee;
	display: block;
}
#leftNav a.actived {
	color: #fff;
	background: #469916;
}
*html,
* html body{background-attachment: fixed;}
*html #leftNav{position: absolute; left: expression(eval(document.documentElement.scrollLeft)); top: expression(eval(document.documentElement.scrollTop+200));}
#leftNav ul li{width: 40px; height: 40px; border-bottom:1px solid #fff; text-align: center; background: #efeeee;}
#leftNav ul li a{
	width: 40px;
	height: 40px;
	display: block;
	background: #efeeee;
	text-align: center;
	color: #666;
	font: normal 16px/40px microsoft yahei;
	overflow: hidden;
	margin-top: 0px;
}
#leftNav ul li a.actived {
	color: #fff;
	background: #469916;
}
.qqBot,.qqBox,.qqBox h3,.qqBox .QQhover{
	box-sizing: unset;
}

/* media */
@media only screen and (max-width: 1024px){
    .main{width:  852px;}
    body{min-width:  852px;}
	.top {
		padding: 17px 0;
	}
	.top .logo {
		height: 40px;
	}
	.searchBox {
		width: 420px;
		margin-left: 20px;
	}
	.searchBox .form {
		height: 32px;
		border: 1px solid #00994d;
	}
	.searchBox .form .select .select-top p {
		font-size: 12px;
		line-height: 30px;
	}
	.searchBox .form .select .select-top i {
		font-size: 15px;
		right: -6px;
		top: 9px;
	}
	.searchBox input {
		height: 30px;
		font-size: 12px;
		width: 71%;
		text-indent: 8px;
	}
	.searchBox ul {
		width: 66px;
		top: 32px;
		padding: 4px 0;
	}
	.searchBox ul li {
		font: normal 12px/26px microsoft yahei;
		line-height: 20px;
	}
	.searchBox button {
		height: 32px;
		font-size: 13px;
	}
	.searchBox button i {
		font-size: 13px;
		margin: 3px 4px 0 0;
	}
	.searchBox .form .select {
		width: 15%;
	}
	.top_right a {
		height: 26px;
		line-height: 24px;
		width: 94px;
		font-size: 12px;
	}
	.top_right a.btn1 {
		margin-right: 6px;
	}
	.searchBox .hot {
		margin-top: 2px;
	}
	.searchBox .hot .text a {
		margin-left: 2px;
		font-size: 12px;
	}
	.w260 {
		width: 165px;
	}
	.nav .left {
		line-height: 32px;
		padding: 0 12px;
		font-size: 13px;
	}
	.nav .left i {
		width: 13px;
		height: 12px;
	}
	.nav ul {
		padding-left: 28px;
	}
	.nav ul li {
		padding-right: 32px;
		margin-right: 24px;
	}
	.nav ul li a {
		font-size: 14px;
		line-height: 32px;
	}
	.nav ul li::after {
		font-size: 12px;
	}
	.product-classify ul{
		padding: 1px 0 2px;
	}
	.product-classify li {
		padding: 0 8px;
	}
	.product-classify li .class-a {
		font-size: 12px;
		padding: 4px 0;
	}
	.product-classify li .class-a p {
		font-size: 12px;
		height: 14px;
	}
	.product-classify li .class-a span {
		margin-top: 4px;
		height: 12px;
	}
	.product-classify li .class-b {
		top: 6px;
		left: 165px;
		width: 498px;
		padding: 18px 16px;
		height: 308px;
	}
	.class-b .adv-box {
		width: 132px;
	}
	.class-b .adv-item:nth-child(2) {
		margin-top: 8px;
	}
	.class-b .title p {
		font-size: 13px;
	}
	.class-b .title p i {
		width: 3px;
		height: 12px;
		margin-right: 6px;
		margin-top: 4px;
	}
	.class-b .title .more {
		font-size: 12px;
	}
	.class-b .content p a {
		font-size: 12px;
		margin-top: 5px;
		padding: 0 5px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .content p {
		margin: 0 -5px;
	}
	.class-b .left-box .item {
		margin-top: 12px;
	}
	.class-b .left-box {
		width: calc(100% - 10px);
		height: 274px;
		padding-right: 14px;
	}
	.news {
		margin: 6px 6px 0 6px;
		width: 492px;
	}
	.news .swiper-button-next, .news .swiper-button-prev {
		width: 32px;
		height: 60px;
		line-height: 60px;
	}
	.news .swiper-button-next i, .news .swiper-button-prev i {
		font-size: 16px;
	}
	.news .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 16px;
	}
	.news .swiper-pagination-bullet {
		width: 20px;
		height: 5px;
	}
	.banner .right {
		margin-top: 6px;
		width: calc(100% - 165px - 492px - 6px * 2);
	}
	.loginIndex {
		background-size: 100% 92px;
	}
	.loginIndex .message {
		padding: 12px 2px 10px;
	}
	.loginIndex .message .image {
		width: 36px;
		height: 36px;
		margin-right: 2px;
	}
	.loginIndex .message .text {
		font-size: 12px;
	}
	.loginIndex .message .text p {
		font-size: 14px;
		margin-top: 4px;
	}
	.loginIndex .message .text span {
		margin-top: 3px;
	}
	.loginIndex .btnBox {
		padding: 10px;
	}
	.loginIndex .btnBox a {
		width: 78px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.loginIndex .btnBox a.login {
		margin-right: 6px;
	}
	.btnArr {
		padding: 6px 0;
	}
	.btnArr a {
		padding: 0 3px;
		font-size: 12px;
	}
	.btnArr i {
		height: 32px;
		width: 32px;
	}
	.btnArr i img{
		width: 15px;
	}
	.btnArr p {
		margin-top: 0px;
	}
	.shop-notice {
		padding: 8px 10px;
	}
	.shop-notice h2 b {
		font-size: 13px;;
	}
	.shop-notice h2 a {
		font-size: 12px;
	}
	.shop-notice li {
		height: 16px;
		line-height: 16px;
		margin-top: 3px;
		padding-left: 10px;
		font-size: 12px;
	}
	.Notice .main {
		padding: 10px;
	}
	.Notice .scroll-txt ul li {
		font-size: 12px;
		margin-right: 24px;
	}
	.part_title {
		padding: 16px 0;
	}
	.part_title .title-left b {
		line-height: 36px;
		font-size: 21px;
	}
	.part_title span {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin: 0 8px;
	}
	.part_title span::after {
		top: -6px;
		left: -8px;
		width: 30px;
		height: 30px;
	}
	.part_title strong {
		font-size: 18px;
	}
	.part_title .public-tab a.focus::after {
		width: 18px;
	}
	.part_title .public-tab a {
		height: 36px;
		line-height: 36px;
		padding: 0 13px;
		font-size: 14px;
	}
	.part_title .public-tab a::after {
		bottom: 0;
	}
	.main-left {
		width: 212px;
		padding: 10px;
		margin-right: 6px;
	}
	.main-left .image i {
		width: 32px;
		height: 32px;
	}
	.main-left .text p {
		font-size: 12px;
	}
	.main-left .text {
		padding-top: 1px;
	}
	.main-left .text span {
		margin-top: 2px;
		font-size: 12px;
	}
	.main-left li:nth-child(2) {
		margin-top: 6px;
	}
	.main-right li {
		padding: 13px;
	}
	.main-right .image {
		width: 102px;
		height: 102px;
	}
	.main-right li p {
		margin-top: 12px;
		height: 18px;
		line-height: 18px;
		font-size: 12px;
	}
	.hot-line {
		margin: 0 80px;
		padding: 0 90px 16px;
	}
	.footer {
		padding: 30px 0;
		margin-top: 20px;
		font-size: 12px;
	}
	.foot-nav .logo img {
		width: 114px;
	}
	.foot-txt {
		padding: 20px 0 16px 0;
	}
	.foot-txt li {
		margin-right: 6px;
	}
	.foot-nav .text {
		margin-top: 22px;
	}
	.foot-nav p {
		margin-top: 14px;
		font-size: 12px;
	}
	.foot-img {
		margin-top: 18px;
	}
	.foot-img li:nth-child(1) {
		width: 75px;
	}
	.foot-img li:nth-child(2) {
		width: 66px;
	}
	.foot-img li {
		width: 70px;
		height: 30px;
		margin-right: 5px;
	}
	.foot-img li:nth-child(6) {
		width: 27px;
	}
	.hot-line {
		margin: 0 10px;
		padding: 0 10px 13px;
	}
	.footer .title {
		font-size: 17px;
	}
	.hot-line .tel-number {
		margin-top: 28px;
		font-size: 12px;
	}
	.hot-line .tel-number b {
		font-size: 20px;
		margin-top: 8px;
	}
	.hot-line .qq-lx a {
		width: 116px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.hot-line .qq-lx {
		margin-top: 15px;
	}
	.footer .time-interval {
		margin-top: 11px;
		font-size: 12px;
		line-height: 22px;
	}
	.service-qq {
		margin-top: 18px;
	}
	.service-qq p a {
		width: 17px;
		height: 19px;
	}
	.service-qq p {
		line-height: 19px;
		margin-top: 12px;
	}
	.code-list li p {
		margin-top: 10px;
	}
	.code-list {
		margin-top: 24px;
	}
	.code-list li .item {
		margin-right: 12px;
		margin-top: 10px;
	}



}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .main{width:  990px;}
    body{min-width:  990px;}
	.top {
		padding: 17px 0;
	}
	.top .logo {
		height: 40px;
	}
	.searchBox {
		width: 484px;
		margin-left: 50px;
	}
	.searchBox .form {
		height: 32px;
		border: 1px solid #00994d;
	}
	.searchBox .form .select .select-top p {
		font-size: 12px;
		line-height: 30px;
	}
	.searchBox .form .select .select-top i {
		font-size: 15px;
		right: 0;
		top: 9px;
	}
	.searchBox input {
		height: 30px;
		font-size: 12px;
		width: 71%;
	}
	.searchBox ul {
		width: 66px;
		top: 32px;
		padding: 4px 0;
	}
	.searchBox ul li {
		font: normal 12px/26px microsoft yahei;
		line-height: 20px;
	}
	.searchBox button {
		height: 32px;
		font-size: 13px;
	}
	.searchBox button i {
		font-size: 13px;
		margin: 3px 4px 0 0;
	}
	.searchBox .form .select {
		width: 15%;
	}
	.top_right a {
		height: 26px;
		line-height: 24px;
		width: 94px;
		font-size: 12px;
	}
	.top_right a.btn1 {
		margin-right: 6px;
	}
	.searchBox .hot {
		margin-top: 2px;
	}
	.searchBox .hot .text a {
		margin-left: 4px;
		font-size: 12px;
	}
	.w260 {
		width: 165px;
	}
	.nav .left {
		line-height: 32px;
		padding: 0 12px;
		font-size: 13px;
	}
	.nav .left i {
		width: 13px;
		height: 12px;
	}
	.nav ul {
		padding-left: 28px;
	}
	.nav ul li {
		padding-right: 32px;
		margin-right: 24px;
	}
	.nav ul li a {
		font-size: 14px;
		line-height: 32px;
	}
	.nav ul li::after {
		font-size: 12px;
	}
	.product-classify ul{
		padding: 1px 0;
	}
	.product-classify li {
		padding: 0 0px;
	}
	.product-classify li .class-a {
		font-size: 12px;
		padding: 6px 0;
	}
	.product-classify li .class-a p {
		font-size: 12px;
	}
	.product-classify li .class-a span {
		margin-top: 2.5px;
		height: 12px;
	}
	.product-classify li .class-b {
		top: 8px;
		left: 165px;
		width: 579px;
		padding: 20px 18px;
		height: 358px;
	}
	.class-b .adv-box {
		width: 153px;
	}
	.class-b .adv-item:nth-child(2) {
		margin-top: 10px;
	}
	.class-b .title p {
		font-size: 14px;
	}
	.class-b .title p i {
		width: 3px;
		height: 12px;
		margin-right: 6px;
		margin-top: 4px;
	}
	.class-b .title .more {
		font-size: 12px;
	}
	.class-b .content p a {
		font-size: 12px;
		margin-top: 6px;
		padding: 0 6px;
		line-height: 16px;
		height: 16px;
	}
	.class-b .content p {
		margin: 0 -6px;
	}
	.class-b .left-box .item {
		margin-top: 15px;
	}
	.class-b .left-box {
		width: calc(100% - 15px);
		height: 318px;
		padding-right: 15px;
	}
	.news {
		margin: 8px 8px 0 8px;
		width: 571px;
	}
	.news .swiper-button-next, .news .swiper-button-prev {
		width: 38px;
		height: 70px;
		line-height: 70px;
	}
	.news .swiper-button-next i, .news .swiper-button-prev i {
		font-size: 18px;
	}
	.news .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 18px;
	}
	.news .swiper-pagination-bullet {
		width: 20px;
		height: 5px;
	}
	.banner .right {
		margin-top: 9px;
		width: calc(100% - 165px - 571px - 8px * 2);
	}
	.loginIndex {
		background-size: 100% 92px;
	}
	.loginIndex .message {
		padding: 16px 18px 12px;
	}
	.loginIndex .message .image {
		width: 40px;
		height: 40px;
		margin-right: 6px;
	}
	.loginIndex .message .text {
		font-size: 12px;
	}
	.loginIndex .message .text p {
		font-size: 16px;
		margin-top: 4px;
	}
	.loginIndex .message .text span {
		margin-top: 5px;
	}
	.loginIndex .btnBox {
		padding: 12px;
	}
	.loginIndex .btnBox a {
		width: 102px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.loginIndex .btnBox a.login {
		margin-right: 8px;
	}
	.btnArr {
		padding: 8px 0;
	}
	.btnArr a {
		padding: 0 8px;
		font-size: 12px;
	}
	.btnArr i {
		height: 34px;
		width: 34px;
	}
	.btnArr i img{
		width: 16px;
	}
	.shop-notice {
		padding: 10px 15px;
	}
	.shop-notice h2 a {
		font-size: 12px;
	}
	.shop-notice li {
		height: 16px;
		line-height: 16px;
		margin-top: 5px;
		padding-left: 10px;
		font-size: 12px;
	}
	.Notice .main {
		padding: 14px;
	}
	.Notice .scroll-txt ul li {
		font-size: 14px;
		margin-right: 40px;
	}
	.part_title {
		padding: 16px 0;
	}
	.part_title .title-left b {
		line-height: 36px;
		font-size: 21px;
	}
	.part_title span {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin: 0 8px;
	}
	.part_title span::after {
		top: -6px;
		left: -8px;
		width: 30px;
		height: 30px;
	}
	.part_title strong {
		font-size: 18px;
	}
	.part_title .public-tab a.focus::after {
		width: 18px;
	}
	.part_title .public-tab a {
		height: 36px;
		line-height: 36px;
		padding: 0 13px;
		font-size: 14px;
	}
	.part_title .public-tab a::after {
		bottom: 0;
	}
	.main-left {
		width: 246px;
		padding: 12px;
		margin-right: 8px;
	}
	.main-left .image i {
		width: 40px;
		height: 40px;
	}
	.main-left .text p {
		font-size: 13px;
	}
	.main-left .text {
		padding-top: 5px;
	}
	.main-left .text span {
		margin-top: 2px;
		font-size: 12px;
	}
	.main-left li:nth-child(2) {
		margin-top: 12px;
	}
	.main-right li {
		padding: 14px;
	}
	.main-right .image {
		width: 119px;
		height: 119px;
	}
	.main-right li p {
		margin-top: 16px;
		height: 20px;
		line-height: 20px;
		font-size: 13px;
	}
	.hot-line {
		margin: 0 80px;
		padding: 0 90px 16px;
	}
	.footer {
		padding: 30px 0;
		margin-top: 20px;
		font-size: 12px;
	}
	.foot-nav .logo img {
		width: 114px;
	}
	.foot-txt {
		padding: 20px 0 16px 0;
	}
	.foot-txt li {
		margin-right: 13px;
	}
	.foot-nav .text {
		margin-top: 22px;
	}
	.foot-nav p {
		margin-top: 14px;
		font-size: 12px;
	}
	.foot-img {
		margin-top: 18px;
	}
	.foot-img li:nth-child(1) {
		width: 75px;
	}
	.foot-img li:nth-child(2) {
		width: 66px;
	}
	.foot-img li {
		width: 70px;
		height: 30px;
		margin-right: 5px;
	}
	.foot-img li:nth-child(6) {
		width: 27px;
	}
	.hot-line {
		margin: 0 25px;
		padding: 0 25px 16px;
	}
	.footer .title {
		font-size: 17px;
	}
	.hot-line .tel-number {
		margin-top: 28px;
		font-size: 12px;
	}
	.hot-line .tel-number b {
		font-size: 20px;
		margin-top: 8px;
	}
	.hot-line .qq-lx a {
		width: 116px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.hot-line .qq-lx {
		margin-top: 15px;
	}
	.footer .time-interval {
		margin-top: 11px;
		font-size: 12px;
		line-height: 22px;
	}
	.service-qq {
		margin-top: 18px;
	}
	.service-qq p a {
		width: 17px;
		height: 19px;
	}
	.service-qq p {
		line-height: 19px;
		margin-top: 12px;
	}
	.code-list li p {
		margin-top: 10px;
	}
	.code-list {
		margin-top: 24px;
	}


}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .main{width:  1180px;}
    body{min-width:  1180px;}
	.top {
		padding: 17px 0;
	}
	.top .logo {
		height: 47px;
	}
	.searchBox {
		width: 578px;
		margin-left: 60px;
	}
	.searchBox .form {
		height: 36px;
	}
	.searchBox .form .select .select-top p {
		font-size: 12px;
		line-height: 32px;
	}
	.searchBox .form .select .select-top i {
		font-size: 16px;
		right: -3px;
		top: 9px;
	}
	.searchBox input {
		height: 32px;
		font-size: 13px;
	}
	.searchBox ul {
		width: 66px;
		top: 34px;
		padding: 5px 0;
	}
	.searchBox ul li {
		font: normal 13px/26px microsoft yahei;
		line-height: 22px;
	}
	.searchBox button {
		height: 36px;
		font-size: 14px;
	}
	.searchBox button i {
		font-size: 14px;
		margin: 3px 4px 0 0;
	}
	.top_right a {
		height: 34px;
		line-height: 32px;
		width: 112px;
		font-size: 13px;
	}
	.top_right a.btn1 {
		margin-right: 8px;
	}
	.searchBox .hot {
		margin-top: 5px;
	}
	.searchBox .hot .text a {
		margin-left: 8px;
		font-size: 12px;
	}
	.w260 {
		width: 197px;
	}
	.nav .left {
		line-height: 38px;
		padding: 0 15px;
		font-size: 14px;
	}
	.nav .left i {
		width: 14px;
		height: 13px;
	}
	.nav ul {
		padding-left: 34px;
	}
	.nav ul li {
		padding-right: 38px;
		margin-right: 32px;
	}
	.nav ul li a {
		font-size: 15px;
		line-height: 38px;
	}
	.nav ul li::after {
		font-size: 14px;
	}
	.product-classify ul{
		padding-bottom: 1px;
	}
	.product-classify li {
		padding: 0 5px;
	}
	.product-classify li .class-a {
		font-size: 13px;
		padding: 6.5px 0;
	}
	.product-classify li .class-a p {
		font-size: 14px;
	}
	.product-classify li .class-a span {
		margin-top: 6.5px;
	}
	.product-classify li .class-b {
		top: 9px;
		left: 197px;
		width: 690px;
		padding: 24px 22px;
		height: 426px;
	}
	.class-b .adv-box {
		width: 182px;
	}
	.class-b .adv-item:nth-child(2) {
		margin-top: 12px;
	}
	.class-b .title p {
		font-size: 14px;
	}
	.class-b .title p i {
		width: 3px;
		height: 12px;
		margin-right: 6px;
		margin-top: 4px;
	}
	.class-b .title .more {
		font-size: 12px;
	}
	.class-b .content p a {
		font-size: 13px;
		margin-top: 8px;
		padding: 0 7px;
		line-height: 16px;
		height: 16px;
	}
	.class-b .content p {
		margin: 0 -7px;
	}
	.class-b .left-box {
		width: calc(100% - 14px);
		height: 379px;
	}
	.news {
		margin: 9px 9px 0 9px;
		width: 681px;
	}
	.news .swiper-button-next, .news .swiper-button-prev {
		width: 38px;
		height: 70px;
		line-height: 70px;
	}
	.news .swiper-button-next i, .news .swiper-button-prev i {
		font-size: 18px;
	}
	.news .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 18px;
	}
	.news .swiper-pagination-bullet {
		width: 20px;
		height: 5px;
	}
	.banner .right {
		margin-top: 9px;
		width: calc(100% - 197px - 681px - 9px * 2);
	}
	.loginIndex {
		background-size: 100% 95px;
	}
	.loginIndex .message {
		padding: 18px 20px 15px;
	}
	.loginIndex .message .image {
		width: 46px;
		height: 46px;
		margin-right: 8px;
	}
	.loginIndex .message .text {
		font-size: 13px;
	}
	.loginIndex .message .text p {
		font-size: 17px;
		margin-top: 6px;
	}
	.loginIndex .message .text span {
		margin-top: 7px;
	}
	.loginIndex .btnBox {
		padding: 16px;
	}
	.loginIndex .btnBox a {
		width: 122px;
		height: 32px;
		line-height: 32px;
		font-size: 13px;
	}
	.loginIndex .btnBox a.login {
		margin-right: 8px;
	}
	.btnArr {
		padding: 10px 0;
	}
	.btnArr a {
		padding: 0 10px;
		font-size: 12px;
	}
	.btnArr i {
		height: 40px;
		width: 40px;
	}
	.btnArr i img{
		width: 18px;
	}
	.shop-notice {
		padding: 11px 17px;
	}
	.shop-notice h2 a {
		font-size: 12px;
	}
	.shop-notice li {
		margin-top: 9px;
		padding-left: 10px;
		font-size: 13px;
	}
	.Notice .main {
		padding: 14px;
	}
	.Notice .scroll-txt ul li {
		font-size: 14px;
		margin-right: 40px;
	}
	.part_title {
		padding: 20px 0;
	}
	.part_title .title-left b {
		line-height: 36px;
		font-size: 21px;
	}
	.part_title span {
		width: 30px;
		height: 30px;
		line-height: 28px;
		margin: 0 8px;
	}
	.part_title span::after {
		top: -6px;
		left: -8px;
		width: 30px;
		height: 30px;
	}
	.part_title strong {
		font-size: 18px;
	}
	.part_title .public-tab a.focus::after {
		width: 18px;
	}
	.part_title .public-tab a {
		height: 36px;
		line-height: 36px;
		padding: 0 13px;
		font-size: 14px;
	}
	.part_title .public-tab a::after {
		bottom: 0;
	}
	.main-left {
		width: 294px;
		padding: 14px;
		margin-right: 9px;
	}
	.main-left .image i {
		width: 44px;
		height: 44px;
	}
	.main-left .text p {
		font-size: 14px;
	}
	.main-left .text {
		padding-top: 6.5px;
	}
	.main-left .text span {
		margin-top: 7px;
		font-size: 13px;
	}
	.main-left li:nth-child(2) {
		margin-top: 16px;
	}
	.main-right li {
		padding: 16px;
	}
	.main-right .image {
		width: 143px;
		height: 143px;
	}
	.main-right li p {
		margin-top: 18px;
		height: 26px;
		line-height: 26px;
		font-size: 14px;
	}
	.hot-line {
		margin: 0 80px;
		padding: 0 90px 16px;
	}
	.footer {
		padding: 30px 0;
		margin-top: 20px;
		font-size: 12px;
	}
	.foot-nav .logo img {
		width: 114px;
	}
	.foot-txt {
		padding: 20px 0 16px 0;
	}
	.foot-txt li {
		margin-right: 16px;
	}
	.foot-nav .text {
		margin-top: 22px;
	}
	.foot-nav p {
		margin-top: 14px;
		font-size: 12px;
	}
	.foot-img {
		margin-top: 18px;
	}
	.foot-img li:nth-child(1) {
		width: 75px;
	}
	.foot-img li:nth-child(2) {
		width: 66px;
	}
	.foot-img li {
		width: 70px;
		height: 30px;
		margin-right: 5px;
	}
	.foot-img li:nth-child(6) {
		width: 27px;
	}
	.hot-line {
		margin: 0 46px;
		padding: 0 66px 16px;
	}
	.footer .title {
		font-size: 17px;
	}
	.hot-line .tel-number {
		margin-top: 28px;
		font-size: 12px;
	}
	.hot-line .tel-number b {
		font-size: 20px;
		margin-top: 8px;
	}
	.hot-line .qq-lx a {
		width: 116px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.hot-line .qq-lx {
		margin-top: 15px;
	}
	.footer .time-interval {
		margin-top: 11px;
		font-size: 12px;
		line-height: 22px;
	}
	.service-qq {
		margin-top: 18px;
	}
	.service-qq p a {
		width: 17px;
		height: 19px;
	}
	.service-qq p {
		line-height: 19px;
		margin-top: 12px;
	}
	.code-list li p {
		margin-top: 10px;
	}
	.code-list {
		margin-top: 24px;
	}



}
@media only screen and (min-width: 1400px) and (max-width: 1599px){
    .main{width:  1252px;}
    body{min-width:  1252px;}
	.top {
		padding: 18px 0;
	}
	.top .logo {
		height: 50px;
	}
	.searchBox {
		width: 613px;
		margin-left: 65px;
	}
	.searchBox .form {
		height: 38px;
	}
	.searchBox .form .select .select-top p {
		font-size: 13px;
		line-height: 34px;
	}
	.searchBox .form .select .select-top i {
		font-size: 18px;
		right: -3px;
		top: 10px;
	}
	.searchBox input {
		height: 34px;
		font-size: 14px;
	}
	.searchBox ul {
		width: 66px;
		top: 36px;
		padding: 5px 0;
	}
	.searchBox ul li {
		font: normal 13px/26px microsoft yahei;
		line-height: 24px;
	}
	.searchBox button {
		height: 38px;
		font-size: 15px;
	}
	.searchBox button i {
		font-size: 15px;
		margin: 2px 4px 0 0;
	}
	.top_right a {
		height: 36px;
		line-height: 34px;
		width: 118px;
		font-size: 14px;
	}
	.top_right a.btn1 {
		margin-right: 10px;
	}
	.searchBox .hot {
		margin-top: 6px;
	}
	.searchBox .hot .text a {
		margin-left: 8px;
	}
	.w260 {
		width: 209px;
	}
	.nav .left {
		line-height: 40px;
		padding: 0 16px;
		font-size: 15px;
	}
	.nav .left i {
		width: 16px;
		height: 14px;
	}
	.nav ul {
		padding-left: 36px;
	}
	.nav ul li {
		padding-right: 40px;
		margin-right: 32px;
	}
	.nav ul li a {
		font-size: 16px;
		line-height: 40px;
	}
	.product-classify li {
		padding: 0 6px;
	}
	.product-classify li .class-a {
		font-size: 13px;
		padding: 7.5px 0;
	}
	.product-classify li .class-a p {
		font-size: 14px;
	}
	.product-classify li .class-a span {
		margin-top: 8px;
	}
	.product-classify li .class-b {
		top: 9px;
		left: 209px;
		width: 732px;
		padding: 26px 23px;
		height: 453px;
	}
	.class-b .adv-box {
		width: 193px;
	}
	.class-b .title p {
		font-size: 15px;
	}
	.class-b .title p i {
		width: 3px;
		height: 12px;
		margin-right: 6px;
		margin-top: 4px;
	}
	.class-b .title .more {
		font-size: 13px;
	}
	.class-b .content p a {
		font-size: 14px;
		margin-top: 10px;
		padding: 0 8px;
		line-height: 16px;
		height: 16px;
	}
	.class-b .content p {
		margin: 0 -8px;
	}
	.class-b .left-box {
		width: calc(100% - 15px);
		height: 405px;
	}
	.news {
		margin: 9px 9px 0 9px;
		width: 723px;
	}
	.news .swiper-button-next, .news .swiper-button-prev {
		width: 40px;
		height: 72px;
		line-height: 72px;
	}
	.news .swiper-button-next i, .news .swiper-button-prev i {
		font-size: 18px;
	}
	.news .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 20px;
	}
	.news .swiper-pagination-bullet {
		width: 20px;
		height: 5px;
	}
	.banner .right {
		margin-top: 9px;
		width: calc(100% - 209px - 723px - 9px * 2);
	}
	.loginIndex {
		background-size: 100% 115px;
	}
	.loginIndex .message {
		padding: 19px 22px 16px;
	}
	.loginIndex .message .image {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.loginIndex .message .text {
		font-size: 13px;
	}
	.loginIndex .message .text p {
		font-size: 17px;
		margin-top: 6px;
	}
	.loginIndex .message .text span {
		margin-top: 7px;
	}
	.loginIndex .btnBox {
		padding: 16px;
	}
	.loginIndex .btnBox a {
		width: 130px;
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.loginIndex .btnBox a.login {
		margin-right: 10px;
	}
	.btnArr {
		padding: 12px 0;
	}
	.btnArr a {
		padding: 0 13px;
		font-size: 13px;
	}
	.btnArr i {
		height: 44px;
		width: 44px;
	}
	.btnArr i img{
		width: 20px;
	}
	.shop-notice {
		padding: 15px 20px;
	}
	.shop-notice li {
		margin-top: 9px;
		padding-left: 12px;
		font-size: 14px;
	}
	.Notice .main {
		padding: 14px;
	}
	.Notice .scroll-txt ul li {
		font-size: 14px;
		margin-right: 40px;
	}
	.part_title {
		padding: 25px 0;
	}
	.part_title .title-left b {
		line-height: 32px;
		font-size: 23px;
	}
	.part_title span {
		width: 32px;
		height: 32px;
		line-height: 30px;
		margin: 0 8px;
	}
	.part_title span::after {
		top: -6px;
		left: -8px;
		width: 32px;
		height: 32px;
	}
	.part_title strong {
		font-size: 19px;
	}
	.part_title .public-tab a.focus::after {
		width: 18px;
	}
	.part_title .public-tab a {
		height: 32px;
		line-height: 32px;
		padding: 0 16px;
		font-size: 15px;
	}
	.part_title .public-tab a::after {
		bottom: 0;
	}
	.main-left {
		width: 311px;
		padding: 14px;
		margin-right: 10px;
	}
	.main-left .image i {
		width: 46px;
		height: 46px;
	}
	.main-left .text p {
		font-size: 15px;
	}
	.main-left .text {
		padding-top: 8px;
	}
	.main-left .text span {
		margin-top: 8px;
		font-size: 13px;
	}
	.main-left li:nth-child(2) {
		margin-top: 20px;
	}
	.main-right li {
		padding: 18px;
	}
	.main-right .image {
		width: 150px;
		height: 150px;
	}
	.main-right li p {
		margin-top: 23px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
	}
	.hot-line {
		margin: 0 80px;
		padding: 0 90px 16px;
	}
	.footer {
		padding: 36px 0;
		margin-top: 20px;
	}
	.foot-nav .logo img {
		width: 114px;
	}
	.foot-txt {
		padding: 26px 0 18px 0;
	}
	.foot-txt li {
		margin-right: 18px;
	}
	.foot-nav .text {
		margin-top: 22px;
	}
	.foot-nav p {
		margin-top: 14px;
	}
	.foot-img {
		margin-top: 22px;
	}
	.foot-img li:nth-child(1) {
		width: 87px;
	}
	.foot-img li:nth-child(2) {
		width: 78px;
	}
	.foot-img li {
		width: 81px;
		height: 35px;
		margin-right: 6px;
	}
	.foot-img li:nth-child(6) {
		width: 32px;
	}
    .hot-line {
    	margin: 0 60px;
    	padding: 0 60px 16px;
    }
	.footer .title {
		font-size: 17px;
	}
	.hot-line .tel-number {
		margin-top: 28px;
		font-size: 12px;
	}
	.hot-line .tel-number b {
		font-size: 20px;
		margin-top: 8px;
	}
	.hot-line .qq-lx a {
		width: 116px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.hot-line .qq-lx {
		margin-top: 15px;
	}
	.footer .time-interval {
		margin-top: 11px;
		font-size: 12px;
		line-height: 22px;
	}
	.service-qq {
		margin-top: 25px;
	}
	.service-qq p a {
		width: 17px;
		height: 19px;
	}
	.service-qq p {
		line-height: 19px;
		margin-top: 12px;
	}
	.code-list li p {
		margin-top: 10px;
	}
	.code-list {
		margin-top: 24px;
	}

}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
    .main{width:  1412px;}
    body{min-width:  1412px;}
	.top {
		padding: 20px 0;
	}
	.top .logo {
		height: 56px;
	}
	.searchBox {
		width: 691px;
		margin-left: 74px;
	}
	.searchBox .form {
		height: 44px;
	}
	.searchBox .form .select .select-top p {
		font-size: 14px;
		line-height: 40px;
	}
	.searchBox .form .select .select-top i {
		font-size: 19px;
		top: 13px;
	}
	.searchBox input {
		height: 40px;
		font-size: 15px;
	}
	.searchBox ul {
		width: 70px;
		top: 42px;
		padding: 5px 0;
	}
	.searchBox ul li {
		font: normal 14px/26px microsoft yahei;
		line-height: 26px;
	}
	.searchBox button {
		height: 44px;
		font-size: 16px;
	}
	.searchBox button i {
		font-size: 16px;
		margin: 2px 4px 0 0;
	}
	.top_right a {
		height: 40px;
		line-height: 40px;
		width: 134px;
		font-size: 15px;
	}
	.top_right a.btn1 {
		margin-right: 10px;
	}
	.searchBox .hot {
		margin-top: 6px;
	}
	.searchBox .hot .text a {
		margin-left: 10px;
	}
	.w260 {
		width: 236px;
	}
	.nav .left {
		line-height: 46px;
		padding: 0 18px;
		font-size: 17px;
	}
	.nav .left i {
		width: 16px;
		height: 14px;
	}
	.nav ul {
		padding-left: 40px;
	}
	.nav ul li {
		padding-right: 46px;
		margin-right: 38px;
	}
	.nav ul li a {
		font-size: 18px;
		line-height: 46px;
	}
	.product-classify li {
		padding: 0 7px;
		 width: 50%;
        float: left;
	}
	.product-classify li .class-a {
		font-size: 14px;
		padding: 10px 0;
	}
	.product-classify li .class-a p {
		font-size: 15px;
	}
	.product-classify li .class-a span {
		margin-top: 10px;
	}
	.product-classify ul {
		padding: 1px 0 2px;
	}
	.product-classify li .class-b {
		top: 10px;
		left: 236px;
		width: 825px;
		padding: 29px 27px;
		height: 510px;
	}
	.class-b .adv-box {
		width: 218px;
	}
	.class-b .title p {
		font-size: 15px;
	}
	.class-b .title p i {
		width: 3px;
		height: 12px;
		margin-right: 6px;
		margin-top: 4px;
	}
	.class-b .title .more {
		font-size: 13px;
	}
	.class-b .content p a {
		font-size: 14px;
		margin-top: 10px;
		padding: 0 8px;
		line-height: 16px;
		height: 16px;
	}
	.class-b .content p {
		margin: 0 -8px;
	}
	.class-b .left-box {
		width: calc(100% - 22px);
		height: 455px;
	}
	.news {
		margin: 10px 10px 0 10px;
		width: 815px;
	}
	.news .swiper-button-next, .news .swiper-button-prev {
		width: 44px;
		height: 80px;
		line-height: 80px;
	}
	.news .swiper-button-next i, .news .swiper-button-prev i {
		font-size: 22px;
	}
	.news .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 22px;
	}
	.news .swiper-pagination-bullet {
		width: 24px;
		height: 6px;
	}
	.banner .right {
		margin-top: 10px;
		width: calc(100% - 236px - 815px - 10px * 2);
	}
	.loginIndex {
		background-size: 100% 130px;
	}
	.loginIndex .message {
		padding: 22px 24px 18px;
	}
	.loginIndex .message .image {
		width: 56px;
		height: 56px;
		margin-right: 12px;
	}
	.loginIndex .message .text {
		font-size: 13px;
	}
	.loginIndex .message .text p {
		font-size: 18px;
	}
	.loginIndex .message .text span {
		margin-top: 8px;
	}
	.loginIndex .btnBox {
		padding: 18px;
		border-radius: 18px 18px 0 0;
	}
	.loginIndex .btnBox a {
		width: 144px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.btnArr {
		padding: 14px 0 15px;
	}
	.btnArr a {
		padding: 0 15px;
		font-size: 13px;
	}
	.btnArr i {
		height: 50px;
		width: 50px;
	}
	.btnArr i img{
		width: 24px;
	}
	.shop-notice {
		padding: 16px 22px;
	}
	.shop-notice li {
		margin-top: 13px;
		padding-left: 16px;
		font-size: 14px;
	}
	.Notice .main {
		padding: 18px;
	}
	.Notice .scroll-txt ul li {
		font-size: 15px;
		margin-right: 55px;
	}
	.part_title {
		padding: 27px 0;
	}
	.part_title .title-left b {
		line-height: 38px;
		font-size: 25px;
	}
	.part_title span {
		width: 36px;
		height: 36px;
		line-height: 34px;
		margin: 0 9px;
	}
	.part_title span::after {
		top: -7px;
		left: -9px;
		width: 36px;
		height: 36px;
	}
	.part_title strong {
		font-size: 22px;
	}
	.part_title .public-tab a.focus::after {
		width: 18px;
	}
	.part_title .public-tab a {
		height: 38px;
		line-height: 38px;
		padding: 0 18px;
		font-size: 17px;
	}
	.part_title .public-tab a::after {
		bottom: 0;
	}
	.main-left {
		width: 351px;
		padding: 16px;
		margin-right: 11px;
	}
	.main-left .image i {
		width: 52px;
		height: 52px;
	}
	.main-left .text p {
		font-size: 15px;
	}
	.main-left .text {
		padding-top: 12px;
	}
	.main-left .text span {
		margin-top: 10px;
		font-size: 13px;
	}
	.main-left li:nth-child(2) {
		margin-top: 22px;
	}
	.main-right li {
		padding: 20px;
	}
	.main-right .image {
		width: 170px;
		height: 170px;
	}
	.main-right li p {
		margin-top: 26px;
		height: 26px;
		line-height: 26px;
		font-size: 16px;
	}
	.hot-line {
		margin: 0 80px;
		padding: 0 90px 16px;
	}
	.footer {
		padding: 36px 0;
		margin-top: 20px;
		font-size: 14px;
	}
	.foot-nav .logo img {
		width: 124px;
	}
	.foot-txt {
		padding: 28px 0 18px 0;
	}
	.foot-txt li {
		margin-right: 22px;
	}
	.foot-nav .text {
		margin-top: 22px;
	}
	.foot-nav p {
		margin-top: 14px;
		font-size: 13px;
	}
	.foot-img {
		margin-top: 22px;
	}
	.foot-img li:nth-child(1) {
		width: 92px;
	}
	.foot-img li:nth-child(2) {
		width: 82px;
	}
	.foot-img li {
		width: 86px;
		height: 37px;
		margin-right: 6px;
	}
	.foot-img li:nth-child(6) {
		width: 36px;
	}
	.hot-line {
		margin: 0 70px;
		padding: 0 90px 16px;
	}
	.footer .title {
		font-size: 19px;
	}
	.hot-line .tel-number {
		margin-top: 34px;
		font-size: 13px;
	}
	.hot-line .tel-number b {
		font-size: 22px;
		margin-top: 8px;
	}
	.hot-line .qq-lx a {
		width: 126px;
		height: 36px;
		line-height: 36px;
		font-size: 15px;
	}
	.hot-line .qq-lx {
		margin-top: 18px;
	}
	.footer .time-interval {
		margin-top: 11px;
		font-size: 13px;
		line-height: 22px;
	}
	.service-qq {
		margin-top: 28px;
	}
	.service-qq p a {
		width: 17px;
		height: 19px;
	}
	.service-qq p {
		line-height: 19px;
		margin-top: 18px;
	}

}





	@media only screen and (max-width: 1024px) {
    .ds3{
	height: 100%;
	max-height: 297px;
	}
}
	@media only screen and (min-width: 1025px) and (max-width: 1199px) {
    .ds3{
	height: 100%;
	max-height: 345px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
     .ds3{
	height: 100%;
	max-height: 411px;
	}
}

	@media only screen and (min-width: 1400px) and (max-width: 1599px){
	.ds3{
	height: 100%;
	max-height: 440px;
	}
	}
	@media only screen and (min-width: 1600px) and  (max-width: 1920px){
	.ds3{
	height: 100%;
	max-height: 492px;
	}
	}
	@media only screen and (min-width: 1921px){
	.ds3{
	height: 100%;
	max-height: 546px;
	}
	}




.focus-container {
      width: 300px;
    height: 178px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    /* box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); */
    margin: 10px 0 0;
    }
    
    .focus-slides {
      width: 100%;
      height: 100%;
      position: relative;
    }
    
    .focus-slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.8s ease-in-out;
    }
    
    .focus-slide.active {
      opacity: 1;
    }
    
    .focus-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    
    .focus-title {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
      color: white;
      padding: 30px 15px 10px;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.4;
    }
    
    .focus-nav {
      position: absolute;
      bottom: 12px;
      right: 12px;
      display: flex;
      gap: 8px;
    }
    
    .focus-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: rgba(255, 255, 255, 0.5);
      cursor: pointer;
      transition: all 0.3s ease;
    }
    
    .focus-dot.active {
      background-color: white;
      transform: scale(1.2);
    }
    
    .focus-counter {
      position: absolute;
      top: 10px;
      right: 10px;
      background-color: rgba(0, 0, 0, 0.6);
      color: white;
      padding: 2px 8px;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 500;
    }


 @media only screen and (min-width: 1200px) and (max-width: 1599px){
        /* 滚动容器：固定高度，超出隐藏 */
        .scroll-container {
            width: 100%;       /* 容器宽度 */
            height: 462px;      /* 可视区域高度 */
            border: 1px solid #ccc;
            overflow: hidden;   /* 隐藏超出部分 */
            position: relative;
        }

}
@media only screen and (min-width: 1600px) and (max-width: 1919px){
        /* 滚动容器：固定高度，超出隐藏 */
        .scroll-container {
            width: 100%;       /* 容器宽度 */
            height: 522px;      /* 可视区域高度 */
            border: 1px solid #ccc;
            overflow: hidden;   /* 隐藏超出部分 */
            position: relative;
        }

}

@media only screen and (min-width: 1921px){
        /* 滚动容器：固定高度，超出隐藏 */
        .scroll-container {
            width: 100%;       /* 容器宽度 */
            height: 575.5px;      /* 可视区域高度 */
            border: 1px solid #ccc;
            overflow: hidden;   /* 隐藏超出部分 */
            position: relative;
        }

}
        /* 滚动内容容器：用于包裹原始内容和复制的内容 */
        .scroll-content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            animation: scrollUp 18s linear infinite; /* 8秒完成一次滚动，线性匀速，无限循环 */
        }

        /* 单个滚动项样式（可选，美化用） */
        .scroll-item {
            padding: 10px;
            line-height: 1.5;
        }

        /* 核心动画：向上滚动 */
        @keyframes scrollUp {
            0% {
                transform: translateY(0); /* 初始位置 */
            }
            100% {
                transform: translateY(-50%); /* 滚动到复制内容的起始位置（刚好是原始内容高度） */
            }
        }

        /* 鼠标悬停暂停滚动（可选增强） */
        .scroll-container:hover .scroll-content {
            animation-play-state: paused;
        }