.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("https://public.mtnets.com/Images/public/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;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'Public';  /* Project id 2901389 */
    src: url('//at.alicdn.com/t/c/font_2901389_the5ha9h0z.woff2?t=1703660205790') format('woff2'),
         url('//at.alicdn.com/t/c/font_2901389_the5ha9h0z.woff?t=1703660205790') format('woff'),
         url('//at.alicdn.com/t/c/font_2901389_the5ha9h0z.ttf?t=1703660205790') format('truetype');
}
.Public {
    font-family: "Public" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'hbzhan';  /* Project id 1875012 */
    src: url('//at.alicdn.com/t/c/font_1875012_gdpmmts42fe.woff2?t=1727596875659') format('woff2'),
         url('//at.alicdn.com/t/c/font_1875012_gdpmmts42fe.woff?t=1727596875659') format('woff'),
         url('//at.alicdn.com/t/c/font_1875012_gdpmmts42fe.ttf?t=1727596875659') format('truetype');
}
.Public1 {
    font-family: "hbzhan" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'jc35';  /* Project id 1992410 */
    src: url('//at.alicdn.com/t/font_1992410_5rl6weufl7y.woff2?t=1652947284307') format('woff2'),
         url('//at.alicdn.com/t/font_1992410_5rl6weufl7y.woff?t=1652947284307') format('woff'),
         url('//at.alicdn.com/t/font_1992410_5rl6weufl7y.ttf?t=1652947284307') format('truetype');
}
.jc35 {
    font-family: "jc35" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
	font-family: 'chem17';  /* Project id 1943868 */
	src: url('//at.alicdn.com/t/c/font_1943868_j1m4gr9afl.woff2?t=1698736194248') format('woff2'),
		 url('//at.alicdn.com/t/c/font_1943868_j1m4gr9afl.woff?t=1698736194248') format('woff'),
		 url('//at.alicdn.com/t/c/font_1943868_j1m4gr9afl.ttf?t=1698736194248') format('truetype');
}
.chem17 {
    font-family: "chem17" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
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(https://www.jc35.com/Images/products/version/2024/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/product/version/2024/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;
}
.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: 18px;
	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/Product/version/2024/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/Product/version/2024/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: 56.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/Product/version/2024/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: 9px;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	overflow: hidden;
}
.main-right li p a{
	color: #333;
}
.main-right li p a:hover{
	color: #009944;
}
.main-right li span {
	margin-top: 4px;
	height: 17px;
	line-height: 17px;
	font-size: 15px;
	color: #999;
	display: block;
	text-align: center;
	overflow: hidden;
}
/* footer */
.footer {
	padding: 40px 0;
	background: url(https://www.jc35.com/images/index/version/2024/foot-bg.png) no-repeat;
	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('https://www.jc35.com/images/index/version/2024/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(https://www.jc35.com/images/index/version/2024/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 {
	background-color: #909090;
	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: 0;
		height: 16px;
		line-height: 16px;
		font-size: 12px;
	}
	.main-right li span {
		margin-top: 0;
		height: 14px;
		line-height: 14px;
		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 10px;
	}
	.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: 3px;
		height: 18px;
		line-height: 18px;
		font-size: 13px;
	}
	.main-right li span {
		margin-top: 1px;
		height: 14px;
		line-height: 14px;
		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: 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;
		border: 1px solid #00994d;
	}
	.searchBox .form .select .select-top p {
		font-size: 12px;
		line-height: 34px;
	}
	.searchBox .form .select .select-top i {
		font-size: 16px;
		right: 0;
		top: 10px;
	}
	.searchBox input {
		height: 34px;
		font-size: 13px;
	}
	.searchBox ul {
		width: 66px;
		top: 36px;
		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 15px;
	}
	.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: 7px;
		height: 20px;
		line-height: 20px;
		font-size: 14px;
	}
	.main-right li span {
		margin-top: 2px;
		height: 14px;
		line-height: 14px;
		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: 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;
		border: 1px solid #00994d;
	}
	.searchBox .form .select .select-top p {
		font-size: 13px;
		line-height: 36px;
	}
	.searchBox .form .select .select-top i {
		font-size: 18px;
		right: -1px;
		top: 12px;
	}
	.searchBox input {
		height: 36px;
		font-size: 14px;
	}
	.searchBox ul {
		width: 66px;
		top: 42px;
		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 16px;
	}
	.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: 6px;
		height: 22px;
		line-height: 22px;
		font-size: 14px;
	}
	.main-right li span {
		margin-top: 3px;
		height: 15px;
		line-height: 15px;
		font-size: 13px;
	}
	.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 17px;
	}
	.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: 7px;
		height: 26px;
		line-height: 26px;
		font-size: 16px;
	}
	.main-right li span {
		margin-top: 4px;
		height: 15px;
		line-height: 15px;
		font-size: 13px;
	}
	.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;
	}

}