@font-face {
    font-family: 'xwboo';  /* Project id 1932496 */
    src: url('https://at.alicdn.com/t/font_1932496_xj431aot2wq.woff2?t=1635473144955') format('woff2'),
         url('https://at.alicdn.com/t/font_1932496_xj431aot2wq.woff?t=1635473144955') format('woff'),
         url('https://at.alicdn.com/t/font_1932496_xj431aot2wq.ttf?t=1635473144955') format('truetype');
}
.xwboo {
	font-family: "xwboo" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: "hbzhan"; /* Project id 1875012 */
  src: url('https://at.alicdn.com/t/c/font_1875012_yghyt0mh2h.woff2?t=1697617261003') format('woff2'),
       url('https://at.alicdn.com/t/c/font_1875012_yghyt0mh2h.woff?t=1697617261003') format('woff'),
       url('https://at.alicdn.com/t/c/font_1875012_yghyt0mh2h.ttf?t=1697617261003') format('truetype');
}
.hbzhan {
    font-family: "hbzhan" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: 'bf';  /* Project id 3152797 */
	src: url('https://at.alicdn.com/t/font_3152797_aln21ynprjc.eot?t=1647328981124'); /* IE9 */
	src: url('https:https://at.alicdn.com/t/font_3152797_aln21ynprjc.eot?t=1647328981124#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('//at.alicdn.com/t/font_3152797_aln21ynprjc.woff2?t=1647328981124') format('woff2'),
		 url('https://at.alicdn.com/t/font_3152797_aln21ynprjc.woff?t=1647328981124') format('woff'),
		 url('https://at.alicdn.com/t/font_3152797_aln21ynprjc.ttf?t=1647328981124') format('truetype'),
		 url('https://at.alicdn.com/t/font_3152797_aln21ynprjc.svg?t=1647328981124#bf') format('svg');
  }
  .wujin {
	  font-family: "bf" !important;
	  font-size: 16px;
	  line-height: 1;
	  font-style: normal;
	  display: inline-block;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
}
@font-face {font-family: "bf35";
  src: url('https://at.alicdn.com/t/font_2485546_lma5f4t31bh.eot?t=1619319920297'); /* IE9 */
      src: url('https:https://at.alicdn.com/t/font_2485546_lma5f4t31bh.eot?t=1619319920297#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
      url('https://at.alicdn.com/t/font_2485546_lma5f4t31bh.woff?t=1619319920297') format('woff'),
      url('https://at.alicdn.com/t/font_2485546_lma5f4t31bh.ttf?t=1619319920297') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
      url('//at.alicdn.com/t/font_2485546_lma5f4t31bh.svg?t=1619319920297#bf35') format('svg'); /* iOS 4.1- */
}

.bf35 {
  font-family: "bf35" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: 'Public';  /* Project id 2901389 */
	src: url('https://at.alicdn.com/t/font_2901389_ec8qhhzo2zk.woff2?t=1637559035266') format('woff2'),
		 url('https://at.alicdn.com/t/font_2901389_ec8qhhzo2zk.woff?t=1637559035266') format('woff'),
		 url('https://at.alicdn.com/t/font_2901389_ec8qhhzo2zk.ttf?t=1637559035266') format('truetype');
  }

.Public {
	font-family: "Public" !important;
	font-size: 16px;
	line-height: 1;
	font-style: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.ease {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
body {
	line-height: 1;
}
.gray-bg {
	background-color: #f5f5f5;
}
.Center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.banner-adv {
	margin: 0 auto;
	overflow: hidden;
}

.banner-adv ul {
	width: calc(100% + 10px);
	display: inline;
	float: left;
	margin: -10px 0 0 -5px;
}

.banner-adv ul li {
	display: block;
	float: left;
	position: relative;
}

.banner-adv ul li .adv-item {
	margin: 10px 5px 0 5px;
	position: relative;
}

.banner-adv ul.one li {
	width: 100%;
}

.banner-adv ul.two li {
	width: 50%;
}

.banner-adv ul.three li {
	width: 33.33%;
}

.banner-adv ul.four li {
	width: 25%;
}

.banner-adv ul.five li {
	width: 20%;
}

.banner-adv ul.six li {
	width: 16.66%;
}
.advs {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 99;
}

.advs img {
	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;
}

.hidden {
	display: none !important;
}
.w,.main {
	margin: 0 auto;
	box-sizing: border-box;
	width: 1430px;
}
.w::after {
	clear: both;
	content: "";
	display: block;
}
.iframe {
	height: 40px;
	overflow: hidden;
}
.iframe iframe {
	width: calc(100% + 18px);
	margin-left: -9px;
}
/* header */
#header{
	background: #f5f5f5;
	height: 40px;
	line-height: 40px;
	width: 100%;
	font-size: 14px;
}
.header{
	margin: 0 auto;
}
#divLogin{
	float: left;
}
#divLogin ul {
	float: left;
}
#divLogin ul li {
	float: left;
}
#divLogin ul li img {
	vertical-align: top;
	margin: 2px 4px 0 0;
}
#divLogin ul li:first-child a {
	margin-right: 25px;
}
#divLogin ul li a{
	color: #666;
    padding-right: 11px;
    margin-right: 9px;
    position: relative;
}
#divLogin ul li a::after {
	width: 1px;
	height: 15px;
	background-color: #e4e4e4;
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 1;
}
#divLogin ul li:first-child a::after,#divLogin ul li:last-child a::after{
    display: none;
}
#divLogin ul li a:hover,.header p a:hover{
	color: #0195df;
}

.header p {
	float:right;
	padding-right: 180px;
	font-size: 0;
}
.header p a {
	font-size: 14px;
	color: #666;
    padding-right: 11px;
    margin-right: 9px;
	position: relative;
}
.header p a::after {
	width: 1px;
	height: 15px;
	background-color: #e4e4e4;
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 1;
}
.header p a:last-child::after{
    display: none;
}
.Tophead{
	margin: 0 auto;
	position: relative;
}
.Tophead ul {
	position: absolute;
	top: -40px;
	right: 0;
}
.Tophead li{
	float: left;
	height: 40px;
  	position: relative;
}
.Tophead li .ServiceTop {
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	font-size: 14px;
	position: relative;
}
.Tophead li .ServiceTop::after{
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: #e2e2e2;
}
.Tophead li:last-child .ServiceTop::after{
	display: none;
}
.Tophead li .ServiceTop a{
	color: #666;
}
/* Á½¸öÏÂÀ­ */
.Tophead li.mobile .ServiceTop a,.Tophead li.weixin .ServiceTop a{
	color: #0195df;
}
.Tophead li .ServiceTop i{
	margin-right: 6px;
}
/* mobile */
.ServiceBot{
	background-color: #fff;
	position: absolute;
	z-index: 99;
	top: 40px;
	right: 0;
	display: none;
	text-align: center;
	z-index: 9999;
	box-sizing: border-box;
}
.ServiceBot1 {
	width: 672px;
	padding: 18px 14px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
}
.ServiceBot1 .item {
	float: left;
	width: 25%;
}
.ServiceBot1 .item .image{
	padding: 4px 4px 0;
	border-radius: 8px;
	display: inline-block;
	background-image: -moz-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
}
.ServiceBot1 .item .image img{
	width: 130px;
	height: 130px;
	border-radius: 8px;
}
.ServiceBot1 .item .image b{
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	overflow: hidden;
}
.ServiceBot1 .item p{
	margin-top: 10px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #888;
	overflow: hidden;
}
.Tophead li.mobile .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.mobile .hover::after{
	display: none;
}
/* weixin */
.ServiceBot2{
	height: 220px;
	width: 740px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.ServiceBot2 .gzRight{
	width: 440px;
	border-left: 1px solid #f3f3f3;
	float: right;
}
.ServiceBot2 .gzRight a{
	height: 110px;
	padding: 65px 20px 27px;
	line-height: 18px;
	font-size: 14px;
	color: #333;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	float: left;
	cursor: pointer;
}
.ServiceBot2 .gzRight a:nth-child(1)::after,
.ServiceBot2 .gzRight a:nth-child(2)::after,
.ServiceBot2 .gzRight a:nth-child(3)::after,
.ServiceBot2 .gzRight a:nth-child(4)::after{
	position: absolute;
	content:'';
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a::before{
	position: absolute;
	content:'';
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background-color: #f3f3f3;
}
.ServiceBot2 .gzRight a:nth-child(4n)::before{
	display: none;
}
.ServiceBot2 .gzRight a i{
	position: absolute;
	top: 27px;
	left: 50%;
	transform: translateX(-50%);
	width: 28px;
	height: 31px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-1.png) no-repeat;
	background-size: 100% 100%!important;
	display: inline-block;
	vertical-align: top;
}
.ServiceBot2 .gzRight a:nth-child(2) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-2.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(3) i{
	width: 28px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-3.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(4) i{
	width: 63px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-4.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(5) i{
	width: 28px;
	height: 24px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-5.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(6) i{
	width: 41px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-6.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(7) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-7.png) no-repeat;
}
.ServiceBot2 .gzRight a:nth-child(8) i{
	width: 32px;
	height: 32px;
	background: url(https://www.hbzhan.com/images/index/version/2021/ServiceBot2-8.png) no-repeat;
}
.ServiceBot2 .gzRight a.focus,.ServiceBot2 .gzRight a:hover{
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 2px 12px 0px rgba(40, 40, 40, 0.1);
}
.ServiceBot2 .gzRight a.focus::after,.ServiceBot2 .gzRight a.focus::before{
	display: none;
}
.ServiceBot2 .zgLeft{
	width: 299px;
	height: 100%;
	float: right;
	position: relative;
	display: none;
}
.ServiceBot2 .zgLeft p{
	display: inline-block;
	position: absolute;
	left: 30px;
	top: 50%;
	width: 20px;
	line-height: 28px;
	font-size: 20px;
	color: #c27468;
	transform: translateY(-50%);
}
.ServiceBot2 .zgLeft img{
	position: absolute;
	left: 66px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}
.Tophead li.weixin .hover{
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}
.Tophead li.weixin .hover::after{
	display: none;
}
.header--drop{
	margin: 0 auto;
	position:relative;
}
.header--drop ul {
	position: absolute;
	right: 0;
	top: -40px;
}
.header--drop ul li {
	float: left;
	height: 28px;
    margin-top: 6px;
	position:relative;
}
.header--drop ul li .weixin{
	height: 28px;
	position:relative;
	color: #0195df;
    background-color: #e1e9e5;
}
.header--drop ul li.wx a {
	color: #0195df;
}
.header--drop ul li .weixin.hover::before{
	background-color: #fff;
	content:'';
	position:absolute;
	left: 0px;
	top: -2px;
	right: 0px;
	bottom:0;
	height: 45px;
	z-index: 2;
}
.header--drop ul li .weixin.hover{
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.header--drop ul li .weixin.hover::after,.header--drop ul li:last-child .weixin::after{
	display: none;
}
.web-code{
	width: 300px;
	padding:25px 25px 20px 25px;
	background-color: #fff;
	position:absolute;
	z-index: 99;
	top: 34px;
	right: 0;
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
	display: none;
	text-align: center;
	z-index: 101;
}
.web-code1 {
	width: 450px;
	padding: 25px 12px 20px 12px;
}
.web-code .item {
	float: left;
	width: calc(50% - 20px);
	margin: 0 10px;
}
.web-code1 .item {
	width: calc(33.33% - 20px) !important;
}
.web-code img{
	width: 100%;
	height: 100%;
}
.web-code b{
	display: block;
	font-size: 14px;
	padding:18px 0 8px 0;
}
.web-code p{
	color: #999;
}
.header--drop ul li a {
	color: #666;
	line-height: 28px;
	display: block;
	padding: 0 8px;
	position: relative;
	z-index: 9;
	font-size: 12px;
	cursor: pointer;
    border-radius: 2px;
}
.header--drop ul li a i{
	vertical-align: top;
	font-size: 17px;
	margin: 10px 4px 0 0;
}
.header--drop ul li a:hover{
	color: #0195df;
}
.header--drop li:hover .web-code {
	display: block!important;
}
.divService {
	float: right;
	color: #ddd;
	font-weight: bold;
	font-size: 13px;
}
.divService a{
	line-height: 39px;
	color: #666;
	padding: 0 8px;
	font-weight: normal;
}
.divService a:hover {
	color: #0195df;
}
.divService a i {
	font-size: 14px;
	vertical-align: top;
	margin-right: 4px;
	margin-top: 13px;
}
.divService a:last-child {
	padding-right: 0;
}
.searchDiv {
    padding: 36px 0 42px;
    background: url(/images/Product/Version/2024/search-bg.png) no-repeat;
    background-size: cover;
}
.searchDiv .logo-box {
    text-align: center;
    font-size: 0;
}
.searchDiv .logo-box .logo {
    display: inline-block;
	height: 72px;
	padding: 2px 0;
}

.searchDiv .logo-box .pageName {
	display: inline-block;
	position: relative;
	margin-left: 8px;
	padding-left: 16px;
	vertical-align: top;
}
.searchDiv .logo-box .pageName{
	height: 76px;
}
.searchDiv .logo-box .pageName::after {
    /* content: ""; */
    width: 1px;
    height: 36px;
    background-color: #e6e6e6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.search-box {
	margin-top: 42px;
	text-align: center;
}

.searchBox {
	font-size: 0;
	display: inline-block;
	background: #fff;
	border-radius: 6px;
	border: 2px solid #0195df;
	padding-right: 112px;
	position: relative;
	vertical-align: top;
}
.searchBox input {
	padding-left: 12px;
	border: 0;
	background-color: #fff;
	color: #aaaaaa;
	font-size: 16px;
	height: 50px;
	border-radius: 6px;
	width: 614px;
	vertical-align: top;
}
.searchBox a, .search-menu a {
	font-size: 19px;
	line-height: 52px;
	background-color: #0195df;
	border: 1px solid #0195df;
	color: #fff;
	box-sizing: border-box;
	padding: 0 30px;
	border-radius: 6px;
	position: absolute;
	font-weight: bold;
	right: -2px;
	top: -2px;
	bottom: -2px;
}
.searchBox .search-menu a:hover {
	background-color: #ffe2c8;
}
.searchBox .search-menu a.hover {
	background-color: #0195df;
	border-color:#0195df;
	color: #fff;
}

.search-menu {
	display: inline-block;
	vertical-align: top;
	margin-left: 14px;
}
.search-menu a {
	position: static;
	display: inline-block;
	background-color: #0195df !important;
	white-space: nowrap;
}
.location {
    padding: 16px 0;
    font-size: 14px;
}
.location a {
    color: #333;
    margin: 0 8px;
}
.location a:nth-child(2) {
    margin-left: 4px;
}
.location a:hover {
    color: #0195df;
}
.location i {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}
.screen-top {
	margin-top: 25px;
}
.type-top {
	position: relative;
	padding-right: 90px;
	padding: 0;
}
.type-top-box {
	overflow: hidden;
	height: 42px;
}
.type-top a {
	display: inline-block;
	min-width: 106px;
	padding: 0 8px;
	box-sizing: border-box;
	text-align: center;
	height: 42px;
	line-height: 41px;
	background-color: #f5fcff;
	border-radius: 3px;
	font-size: 15px;
	color: #0195df;
	font-weight: bold;
}
.type-top a.focus {
	background-color: #0195df;
	color: #fff;
	font-weight: bold;
}
.type-top a:hover {
	background-color: #0195df;
	color: #fff;
}
.type-top ul {
	overflow: hidden;
	margin-top: -6px;
	margin-right: -6px;
}
.type-top li {
	float: left;
	margin-right: 6px;
	margin-top: 6px;
}
.type-top .more {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #f7f7f7;
	color: #444;
	min-width: auto;
	padding: 0 29px;
}
.type-bot {
	display: none;
	padding: 22px 22px 30px;
	background-color: #f8f8f8;
	margin-top: 12px;
	font-size: 14px;
	border-radius: 3px;
	position: relative;
}
.type-bot .jiantou {
	content: "";
	position: absolute;
	left: 0;
	top: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 8px 9px;
	border-color: transparent transparent #f7f7f7 transparent;
}
.type-two-tab {
	position: relative;
	overflow: hidden;
	min-height: 24px;
	font-size: 15px;
}
.type-two-tab::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #e6e6e6;
}
.type-two-tab .label {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}
.type-two-tab .swiper-box {
	overflow: hidden;
	padding-right: 28px;
	position: relative;
}
.type-two-tab .tab-swiper {
	overflow: hidden;
}
.type-two-tab .tab-swiper .swiper-slide {
	width: auto;
}
.type-two-tab .tab-swiper .swiper-slide a {
	color: #333;
	margin-right: 24px;
	position: relative;
	padding-bottom: 19px;
	display: inline-block;
}
.type-two-tab .tab-swiper .swiper-slide:last-child a {
	margin-right: 0;
}
.type-two-tab .tab-swiper .swiper-slide a.focus {
	color: #0195df;
	font-weight: bold;
}
.type-two-tab .tab-swiper .swiper-slide a::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #0195df;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.type-two-tab .tab-swiper .swiper-slide a.focus::after {
	opacity: 1;
}
.type-two-tab .swiper-button-next, .type-two-tab .swiper-button-prev {
	top: 0;
	width: 24px;
	height: 100%;
	margin-top: 0;
	background: url(/images/Product/Version/2024/next.png) no-repeat;
	background-position-y: 4px;
	right: 0;
	left: auto;
	background-position-x: right;
}
.type-two-tab .swiper-button-prev {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	background-position-x: left;
	background-position-y: 19px;
}
.swiper-button-hidden {
    display: none;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}
.type-two-bot {
	display: none;
	overflow: hidden;
	margin-top: 24px;
}
.type-two-bot ul {
	overflow: hidden;
	margin-right: -24px;
	margin-top: -12px;
}
.type-two-bot li {
	float: left;
	margin-right: 24px;
	margin-top: 12px;
}
.type-two-bot li a {
	color: #666;
}
.type-two-bot li a:hover {
	color: #0195df;
}
.type-two-bot li a.focus {
	color: #0195df;
	font-weight: bold;
}
.main-box {
	margin-top: 18px;
}
.main-box .right {
	float: right;
	width: 260px;
	margin-left: 14px;
}
.recommend-brand .title {
	line-height: 38px;
	position: relative;
}
.recommend-brand .title i {
	display: inline-block;
	width: 27px;
	height: 30px;
	background: url(/images/Product/Version/2024/brand-icon.png) no-repeat;
	background-size: contain;
	vertical-align: top;
	margin-right: 4px;
	margin-top: 8px;
}
.recommend-brand .title span {
	display: inline-block;
	position: relative;
	font-size: 20px;
}
.recommend-brand .title span::after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 8px;
	background-image: -moz-linear-gradient( 0deg, #0195df 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, #0195df 0%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient( 0deg, #0195df 0%, rgba(255,255,255,0) 100%);
}
.recommend-brand .title span b {
	position: relative;
	z-index: 2;
}

.recommend-brand .title .more {
	position: absolute;
	right: 0;
	top: 15px;
	font-size: 14px;
	color: #999;
	line-height: 1;
}
.recommend-brand .title .more:hover {
	color: #0195df;
}
.brand-list {
	margin-top: 14px;
	overflow: hidden;
}
.brand-list ul {
	margin-right: -10px;
	margin-top: -10px;
	overflow: hidden;
}
.brand-list li {
	float: left;
	width: 50%;
}
.brand-list li a {
	display: block;
	margin-right: 10px;
	margin-top: 10px;
	border-radius: 0;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #555;
	background: #fff;
	background-size: 100% 100%;
	border: 1px solid #0195df;
}
.brand-list li a:hover {
	color: #0195df;
}
.main-box .left {
	min-height: 500px;
	float: left;
	width: 1156px;
}
.screening {
	position: relative;
}
.scrLeft {
	float: left;
}
.scrLeft ul {
	float: left;
}
.scrLeft ul::after,.scrLeft::after,.screening::after {
	content: "";
	clear: both;
	display: block;
}
.scrLeft li {
	float: left;
	position: relative;
}
.scrLeft i {
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.scrLeft li i.city-icon {
	width: 12px;
	height: 16px;
	background: url(/images/Product/Version/2024/city-icon.png) no-repeat;
	background-size: contain;
	margin-right: 4px;
	margin-top: 11px;
}
.scrLeft li i.company-icon {
	width: 15px;
	height: 15px;
	background: url(/images/Product/Version/2024/company-icon.png) no-repeat;
	background-size: contain;
	margin-right: 4px;
	margin-top: 12px;
}
.scrLeft i.jiantou {
	width: 10px;
	height: 6px;
	background: url(/images/Product/Version/2024/down.png) no-repeat;
	background-size: contain;
	margin-left: 8px;
	margin-top: 17px;
}
.selectbox_time a, .selectbox_model a, .selectbox_area a, .selectbox_areadown a, .selectbox_modeldown a,.scrLeft .type {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	display: block;
	padding: 0 10px;
	line-height: 38px;
	border-radius: 3px;
	background-color: #fff;
	margin-right: 24px;
}
.selectbox_areadown a, .selectbox_modeldown a {
	background-color: #f0f0f0;
}
.selectbox_areadown a i.jiantou, .selectbox_modeldown a i.jiantou {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.selectcompany ul li a:hover {
	background-color: #0195df;
	color: #fff;
}
.selectcompany ul li {
	float: none;
}
.selectcompany ul li a {
	color: #333;
	text-indent: 10px;
	display: block;
	vertical-align: bottom;
	font-size: 14px;
	line-height: 30px;
}

.selectarea,.selectcompany {
	width: 404px;
	position: absolute;
	z-index: 999;
	top: 100%;
	left: 0px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	padding: 12px;
	box-sizing: border-box;
	top: calc(100% + 8px);
	display: none;
}
.selectarea::after,.selectcompany::after {
	content: "";
	top: -10px;
	height: 10px;
	left: 0;
	width: 100%;
	position: absolute;
}
.selectcompany {
	width: 118px !important;
	padding: 0 !important;
}
.selectcompany ul {
	float: none
}
.selectarea ul {
	margin-top: -10px;
	margin-right: -10px;
}
.selectarea ul li {
	float: left;
	width: 20%;
}
.selectarea ul li a {
	display: block;
	text-align: center;
	color: #333;
	height: 28px;
	line-height: 24px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #fbc27e;
	background-color: #fff;
	box-sizing: border-box;
	font-size: 14px;
}
.selectarea ul li a:hover {
	background: #0195df;
	color: #fff;
}

.selectarea ul li.allareaz a {
	color: #fff;
}
.scrLeft .type {
	float: left;
}
.scrLeft .type .jiage-box {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	position: relative;
	height: 16px;
	width: 8px;
	margin-top: 12px;
}
.scrLeft .type .jiage-box .up,.scrLeft .type .jiage-box .prcactiveup {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1;
}
.scrLeft .type .jiage-box .up i,.scrLeft .type .jiage-box .prcactiveup i {
	margin: 0;
	width: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.scrLeft .type .jiage-box .down,.scrLeft .type .jiage-box .prcactivedown {
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1;
}
.scrLeft .type .jiage-box .down i,.scrLeft .type .jiage-box .prcactivedown i {
	margin: 0;
	width: 8px;
}
.scrLeft .type .jiage-box .up:hover i,.scrLeft .type .jiage-box .down:hover i,.scrLeft .type .jiage-box .prcactivedown i,.scrLeft .type .jiage-box .prcactiveup i {
	background-image: url(/images/Product/Version/2024/down2.png);
}
.btns_filter {
	font-size: 0;
}
.btnBox p input {
	width: 96px;
	height: 38px;
	border: 0;
	background: #f0f0f0;
	color: #999;
	font-size: 15px;
	text-indent: 7px;
	border-radius: 3px;
	vertical-align: top;
}
.btnBox p span {
	color: #333;
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	margin: 0 6px;
	vertical-align: top;
}
.btnBox p button {
	width: 60px;
	height: 38px;
	background: #0195df;
	border: 0;
	margin-left: 14px;
	cursor: pointer;
	color: #fff;
	border-radius: 3px;
	font-size: 15px;
	vertical-align: top;
}
.switchBox {
	display: inline-block;
	vertical-align: top;
}
.switchBox a {
	display: inline-block;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	vertical-align: top;
	margin-right: 30px;
}
.switchBox a.on, .switchBox a.on i {
	color: #0195df;
}

.switchBox a.on {
	background: #fff;
}

.switchBox i {
	margin-right: 4px;
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 15px;
	margin-top: 12px;
	background-size: contain;
	background-repeat: no-repeat;
}

.switchBox i.icon-menu {
	background-image: url(/images/Product/Version/2024/datu-icon.png);
}
.switchBox i.icon-list {
	background-image: url(/images/Product/Version/2024/liebiao-icon.png);
}
.switchBox a.on i.icon-menu {
	background-image: url(/images/Product/Version/2024/datu-icon2.png);
}
.switchBox a.on i.icon-list {
	background-image: url(/images/Product/Version/2024/liebiao-icon2.png);
}
.scrRight {
	font-size: 0;
	float: right;
	line-height: 38px;
}
.scrRight .result-num {
	font-size: 14px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
}
.scrRight .result-num span {
	/* color: #189753; */
	font-weight: bold;
	margin: 0 2px;
}
.products-main {
	margin-top: 20px;
}
.bigImg {
	margin-right: -15px;
	margin-top: -18px;
}
.bigImg::after,.products-main::after {
    content: "";
    display: block;
    clear: both;
}
.bigImg li {
	float: left;
	width: 20%;
}
.bigImg li .item {
	margin-right: 15px;
	margin-top: 18px;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.16);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bigImg li .item:hover {
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
}
.bigImg li .image {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.bigImg li .image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.bigImg li .titleNew {
	margin-top: 10px;
	font-size: 14px;
	line-height: 21px;
	height: 42px;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
.bigImg li .titleNew a {
	color: #333;
}
.bigImg li .titleNew a:hover {
	color: #0195df;
}
.bigImg li .text {
	font-size: 14px;
	padding: 0 10px 12px;
}
.years b {
	display: block;
	width: 90px;
	height: 20px;
	position: relative;
	text-align: right;
	line-height: 20px;
	float: left;
	margin-top: 0;
	color: #bca4a4;
	font-weight: normal;
	font-size: 12px;
}
.years b::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 12px;
	background: #bbb;
	right: 0;
	top: 5px;
}
.years .vip b::after {
    display: none;
}
.years b.free {
	background: url("/images/company/companyList.png") no-repeat 0 3px;
}
.years b.primary {
	background: url("/images/company/companyList.png") no-repeat 0 -22px;
}
.years b.intermediate {
	background: url("/images/company/companyList.png") no-repeat 0 -48px;
}
.years b.senior {
	background: url("/images/company/companyList.png") no-repeat 0 -75px;
}
.years b.topLevel {
	background: url("/images/company/companyList.png") no-repeat 0 -99px;
}
.years b.yanbao {
	background: url(https://www.hbzhan.com/images/company/member_iconYb.png) no-repeat;
	background-size: auto 20px;
}

.bigImg li .price {
	margin-top: 12px;
	line-height: 24px;
	height: 24px;
	font-size: 20px;
	font-weight: bold;
	color: #e72323;
	position: relative;
	font-family: "Microsoft YaHei";
}
.bigImg li .price span {
	margin-right: 2px;
	font-size: 14px;
}
.bigImg li .price em {
	color: #999;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 14px;
	max-width: 80px;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.products-main .bigImg .company {
	margin-top: 9px;
	line-height: 21px;
	height: 21px;
	overflow: hidden;
	position: relative;
	padding: 0 20px 0 0;
}
.products-main .bigImg .company i {
	width: 20px;
	height: 22px;
	display: inline-block;
	background: url(/images/Product/Version/2020/qi.png) no-repeat;
	vertical-align: top;
	margin-left: 7px;
	margin-top: -1px;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	top: 0;
}
.products-main .bigImg .company a {
	color: #999;
}
.products-main .bigImg .company a:hover {
	color: #0195df;
}
.products-main .bigImg .vip {
	margin-top: 10px;
	position: relative;
	height: 26px;
}
.products-main .bigImg .years .compare {
	position: absolute;
	right: 0;
	top: -3px;
}
.products-main .bigImg .years .compare a {
	padding: 0 14px;
	line-height: 25px;
	border-radius: 16px;
	font-size: 12px;
	background-color: #f0f0f0;
	color: #333;
	display: block;
}
.products-main .bigImg .years .compare a:hover,.products-main .bigImg .years .compare a.clicked0 {
	background-color: #0195df;
	color: #fff;
}
.products-main .level {
	display: inline-block;
	height: 26px;
	border-radius: 13px 0 13px 13px;
	overflow: hidden;
	font-size: 12px;
	line-height: 25px;
	padding: 0 8px 0 0;
	font-family: "Microsoft YaHei";
	font-weight: bold;
	color: #fff;
	background: #ff9600;
	margin-left: 0;
}
.products-main .level p {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	width: 30px !important;
	height: 26px !important;
	padding: 0 !important;
	position: relative;
	background: #ffa82c;
	margin-top: 0 !important;
	text-align: center;
}
.products-main .level b {
	margin: 0 3px;
}
.products-main .level p i {
	display: inline-block;
	width: 16px !important;
	height: 14px !important;
	background: url("https://www.xwboo.com/NewShowStand/Templates/188/Images/level2.png") no-repeat;
	vertical-align: top;
	margin: 0;
	background-size: contain;
	margin-top: 6px;
	margin-left: 4px;
}
/* .products-main .level.primary {
	color: #fff;
	background: #00ab64;
}
.products-main .level.primary p {
	background: #08be73;
}
.products-main .level.senior {
	color: #fff;
	background: #fd4655;
}
.products-main .level.senior p {
	background: #ff5967;
} */
.products-main .level.topLevel {
	color: #fff;
	background: #ae55ff;
}
.products-main .level.topLevel p {
	background: #b86aff;
}

.products-main .level.free {
    background: #bdb9b3;
    padding: 0 15px;
    border-radius: 16px 0 16px 16px;
}
.products-main .level.free p {
	display: none;
}
.lostpro {
	width: 480px;
	background: url(/images/lostpro.jpg) no-repeat;
	margin: 40px auto;
	padding-top: 0;
	padding-left: 165px;
	font-size: 14px;
	line-height: 1.4;
}
.lostpro span {
	font: 22px/44px "Microsoft Yahei";
	color: #333;
}
.lostproab {
	font: 12px/30px "\5b8b\4f53";
	color: #767676;
}
.lostproab a {
	background: url(/images/caigouSearch.png) no-repeat -145px -35px;
	padding-left: 12px;
}
.show-more a {
	display: block;
	color: #999;
	font-size: 14px;
	text-align: center;
	padding: 25px 0;
}
.products-main .List li {
	margin-top: 20px;
	padding: 15px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
}
.products-main .List li:first-child {
	margin-top: 0;
}
.products-main .List li:hover {
	border-color: #0195df;
}
.products-main .List li .image {
	width: 200px;
	float: left;
	margin-right: 24px;
}
.products-main .List li .image a {
	display: block;
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	position:relative;
}
.products-main .List li .image img {
	max-height: none;
	position:absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.products-main .List .detail {
	float: right;
	width: 300px;
	padding-left: 25px;
	box-sizing: border-box;
	position: relative;
}
.products-main .List .detail p {
	font-size: 18px;
	font-weight: bold;
	margin-top: 6px;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}
.products-main .List .detail p a {
	color: #333;
	max-width: calc(100% - 30px);
	display: inline-block;
}
.products-main .List .detail p a:hover {
	color: #0195df;
}
.products-main .List .detail p i.companyAuth {
	width: 20px;
	height: 22px;
	display: inline-block;
	background: url(/images/Product/Version/2020/qi.png) no-repeat;
	background-size: auto;
	vertical-align: top;
	margin-left: 7px;
	margin-top: -2px;
	background-size: 100% auto;
}
.products-main .List .level {
	margin-top: 12px;
	float: none;
	display: inline-block;
}
li .years {
	margin-top: 15px;
	height: 22px;
	position: relative;
}
li .years mark {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	color: #dd4ef4;
	display: inline-block;
	background: transparent;
	font-weight: bold;
}
li .years mark i {
	font-size: 22px;
	vertical-align: top;
	margin-right: 4px;
	display: inline-block;
	margin-top: 0;
	font-weight: normal;
}
li .years mark.senior {
	color: #ff4857;
}
li .years mark.intermediate {
	color: #ff8519;
}
li .years mark.primary {
	color: #00af6b;
}
li .years mark.free {
	color: #9d9d9d;
}
.years span {
	color: #766969;
	margin-left: 8px;
	font-size: 13px;
	float: left;
}
.years span font {
	font: bold 16px/18px "microsoft yahei";
	color: #ff002f;
	margin: 0 2px;
}
.years .compare span {
	margin-left: 0;
	float: none;
}

li .years {
	margin-top: 10px;
}
.products-main .List .detail .vip {
	margin-top: 15px;
}
.products-main .List .detail .vip i {
	width: 82px;
	height: 20px;
	display: inline-block;
	background: url(/images/company/companyList.png) no-repeat 0 -22px;
	vertical-align: top;
	margin-top: 0px;
}
.products-main .List .detail .vip span {
	height: 14px;
	display: inline-block;
	margin-left: 12px;
	padding-left: 12px;
	line-height: 1;
	position: relative;
	font-size: 14px;
	margin-top: 0;
	color: #999;
    float: none;
}
.products-main .List .detail .vip span b {
	font-size: 18px;
	color: #01b770;
	margin: 0 5px;
	width: auto;
	float: none;
	height: auto;
	line-height: 14px;
}
.products-main .List .detail .vip span::after {
	height: 14px;
	width: 1px;
	content: "";
	clear: both;
	position: absolute;
	background-color: #cacaca;
	left: 0;
	top: 2px;
}
.products-main .List .detail .vip2 i {
	background: url(/images/company/companyList.png) no-repeat 0 -48px;
}
.products-main .List .detail .vip2 span b {
	color: #ff4857;
}
.products-main .List .detail .vip3 i {
	background: url(/images/company/companyList.png) no-repeat 0 -75px;
}
.products-main .List .detail .vip3 span b{
	color: #ff8519;
}
.products-main .List .detail .vip4 i {
	background: url(/images/company/companyList.png) no-repeat 0 -99px;
}
.products-main .List .detail .vip4 span b {
	color: #e03cfb;
}
.products-main .List .detail .topLevel i {
	background: url(https://www.hbzhan.com/images/company/member_icon4.png) no-repeat;
}
.products-main .List .detail .topLevel span b {
	color: #fe8a45;
}
.products-main .List .detail .topLevel2 i {
	background: url(https://www.hbzhan.com/images/company/member_icon5.png) no-repeat;
}
.products-main .List .detail .topLevel2 span b {
	color: #fb4949;
}
.products-main .List .detail .topLevel3 i {
	background: url(https://www.hbzhan.com/images/company/member_icon6.png) no-repeat;
	width: 95px;
}
.products-main .List .detail .topLevel3 span b {
	color: #d452ff;
}
.products-main .List .detail .topLevel5 i {
	background: url(https://www.hbzhan.com/images/company/member_icon8.png) no-repeat;
	width: 110px;
}
.products-main .List .detail .topLevel5 span b {
	color: #d452ff;
}
.products-main .List .detail .free i {
	background: url(https://www.zyzhan.com/images/company/companyList.png) no-repeat 0 4px;
}
.products-main .List .detail .free span b {
	color: #999;
}
.products-main .List .detail .yanbao i {
	background: url(https://www.hbzhan.com/images/company/member_iconYb.png) no-repeat;
}

.products-main .List .detail::after {
	content: "";
	clear: both;
	position: absolute;
	/* height: 100%; */
	width: 1px;
	background-color: #e6e6e6;
	left: 0;
	top: 10px;
	bottom: 0;
}
.products-main .List .detail span {
	display: block;
	font-size: 16px;
	color: #333;
	margin-top: 15px;
}
.products-main .List .detail span a {
	cursor: pointer;
}
.products-main .List .detail span i {
	font-size: 14px;
	color: #999;
}
.products-main .List .detail span b {
	font-size: 14px;
	color: #999;
	font-weight: bold;
	display: inline-block;
	width: 60px;
	margin-left: 7px;
	margin-right: 15px;
}
.products-main .List .detail a.btn {
	height: 36px;
	line-height: 36px;
	border: 1px solid #0195df;
	display: block;
	text-align: center;
	color: #0195df;
	font-size: 16px;
	margin-top: 25px;
	font-weight: bold;
}
.products-main .List .detail a.btn:hover {
	background-color: #0195df;
	color: #fff;
}
.List .leftBox {
	overflow: hidden;
}
.List .leftBox .introduce {
	overflow: hidden;
	padding-right: 25px;
}
.List .introduce h3 {
	font-size: 22px;
	font-weight: normal;
	margin-top: 10px;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}
.List .introduce h3 a {
	color: #333;
	float: left;
	max-width: 545px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
}
.List .introduce h3 a:hover {
	color: #0195df;
}
.List .introduce h3 span {
	font-size: 16px;
	color: #fe4f32;
	float: right;
}
.List .introduce h3 span b {
	font-size: 24px;
	font-weight: normal;
}
.List .introduce .title {
	font-size: 20px;
	font-weight: normal;
	margin-top: 5px;
	display: block;
}
.List .introduce .title a {
	color: #333;
	float: left;
	max-width: 365px;
	height: 28px;
	overflow: hidden;
	line-height: 28px;
}
.List .introduce .title a:hover {
	color: #dd6924;
}
.List .introduce .title span {
	font-size: 14px;
	color: #fe4f32;
	float: right;
	margin-top: 0;
}
.List .introduce .title span b {
	font-size: 22px;
	font-weight: normal;
}
.List .introduce span {
	color: #999;
	font-size: 14px;
	display: block;
	margin-top: 8px;
}
.List .introduce table span {
	margin-top: 0;
}
.List .introduce span mark {
	color: #0195df;
	background-color: #fff5e7;
	display: inline-block;
	padding: 0 15px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	margin-top: 15px;
	margin-right: 10px;
}
.List .introduce table {
	border-right: 1px solid #e6e6e6;
	margin-top: 18px;
	width: 100%;
	font-size: 14px;
	text-align: center;
}
.List .introduce td:nth-child(odd) {
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
	width: 80px;
}
.List .introduce td:nth-child(2n) {
	text-align: center;
	line-height: 36px;
	color: #666;
	border: 1px solid #e6e6e6;
	margin-top: -1px;
	border-left: 0;
	border-right: 0;
	width: 130px;
}
.List .introduce td b {
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}
.List .introduce p {
	margin-top: 0;
	position: relative;
}
.List .introduce p span {
	color: #666;
	width: 100%;
	display: inline-block;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	padding-right: 76px;
	box-sizing: border-box;
}
.List .introduce p a {
	position: absolute;
	right: 0;
	top: 8px;
	padding: 0 18px;
	line-height: 26px;
	border-radius: 13px;
	font-size: 12px;
	background-color: #f0f0f0;
	color: #333;
}
.List .introduce p a i {
	font-size: 10px;
	margin-right: 3px;
	border: 1px solid #999;
	border-radius: 2px;
	width: 12px;
	height: 12px;
	display: inline-block;
	line-height: 12px;
	vertical-align: top;
	margin-top: 3px;
	text-indent: -9999px;
	overflow: hidden;
}
.List .introduce p a.clicked0,.List .introduce p a:hover {
	background: #0195df;
	color: #fff;
}
.rightBar {
	position: fixed;
	left: 45px;
	top: 288px;
	background-color: #fff;
	width: 54px;
	text-align: center;
	z-index: 999;
	border: 1px solid #e6e6e6;
}
.rightBar .box {
	position: relative;
}
.rightBar .box > a {
	display: block;
	height: 60px;
	padding-top: 12px;
	box-sizing: border-box;
	font-size: 12px;
	color: #333;
	position: relative;
}
.rightBar .weixin img {
	position: absolute;
	left: 65px;
	bottom: 0px;
	max-width: 100px;
	max-height: 100px;
	display: none;
	z-index: 9999;
  }
.rightBar .box > a::after {
	content: "";
	clear: both;
	position: absolute;
	left: -10px;
	top: 0;
	right: 0;
	bottom: 0;
}
.rightBar .box > a:hover {
	color: #fff;
	background-color: #0195df;
}
.rightBar .box > a i {
	display: block;
	margin: 0 auto;
	font-size: 20px;
	margin-bottom: 7px;
}

.rightBar div > a.focus {
	color: #fff;
	background-color: #0195df;
}
.rightBar .box > a.focus i {
	background: url(/images/Product/Version/2020/rightIcon2.png) no-repeat 0 0;;
}
.rightBar .service:hover .serviceBox {
	display: block;
}
.comBox ul li.add a {
	color: #999;
	margin-top: 34px;
	display: block;
}
.comBox ul li.add a i {
	width: 27px;
	height: 27px;
	display: inline-block;
	line-height: 27px;
	color: #999;
	background: url(/images/products/version/2022/proCompla.png) no-repeat 0 -83px;
	margin-bottom: 10px;
}
.comBox {
	position: absolute;
	top: 0;
	display: block;
	left: 65px;
	z-index: 999;
	width: 116px;
	background-color: #fff;
	overflow: hidden;
	text-align: left;
	box-shadow: 0px 0px 7px 0px rgba(151, 133, 106, 0.21);
	display: none;
}
.comBox h2 {
    height: 32px;
    line-height: 32px;
    color: #fff;
    background: #0195df;
    font-size: 12px;
    padding: 0px 8px;
}
.comBox h2 i {
	position: absolute;
	top: 8px;
	right: 8px;
	font-weight: normal;
	font-size: 16px;
	color: #fff;
}
.comBox p.title {
	height: 32px;
	line-height: 32px;
	color:#fff;
	background:#0195df;
	font-size: 12px;
	padding: 0 8px;
	width: 92px;
}
.comBox p.title a {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 8px;
    right: 8px;
}
.comBox ul li {
	border: 1px solid transparent;
	border-bottom-color: #e4e4e4;
	text-align: center;
	position: relative;
	height: 116px;
}
.comBox ul li .comPro {
	padding-top: 13px;
}
.comBox ul li img {
	max-width: 68px;
	max-height: 51px;
}
.comBox ul li.add {
	height: 114px;
}
.comBox ul li p a {
    color: #333;
	text-align: left;
	padding: 0px 10px;
	display: block;
}
.comBox ul li p a:hover {
	color: #0195df;
}
.comBox ul li p {
	line-height: 16px;
	max-height: 32px;
	overflow: hidden;
	margin-top: 13px;
	margin-bottom: 8px;
}
.comBox .btn {
	height: 55px;
}
.comBox .btn a {
	display: block;
	width: 80px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #0195df;
	text-align: center;
	margin: 6px auto 0 auto;
	border-radius: 2px;
}
.comBox .btn a.empty {
	background-color: #fff;
	color: #0195df;
	display: inline;
	line-height: 22px;
	margin: 0;
}
.comBox ul li a.close {
	display: none;
	width: 18px;
	height: 18px;
	position: absolute;
	top: -1px;
	right: -1px;
	line-height: 18px;
	background: #0195df url("http://public.mtnets.com/Images/public/closed.png") no-repeat center;
	background-size: 10px auto;
}
.comBox ul li.pro:hover{
	border: 1px dashed #0195df;
}
.comBox ul li.pro:hover a.close{
	display: block;
	cursor: pointer;
}
.comBox ul li.pro:hover a.close i {
	font-size: 12px;
	color: #fff;
}
.gotoTop {
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	color: #333;
	display: block;
}
.gotoTop:hover {
	background-color: #0195df;
	color: #fff;
}
.serviceBox {
	padding: 0 18px;
	position: absolute;
	top: 0;
	left: 65px;
	box-shadow: 0px 0px 7px 0px rgba(151, 133, 106, 0.21);
	width: 180px;
	box-sizing: border-box;
	display: none;
	background-color: #fff;
	z-index: 9999;
}
.serviceBox li {
	border-bottom: 1px dashed #e6e6e6;
	font-size: 14px;
	text-align: left;
	padding: 20px 0 20px 30px;
	background: url(/images/products/version/2022/kefu.png) no-repeat 0 20px;
}
.serviceBox li:last-child {
	border-bottom: 0;
}
.serviceBox li span {
	display: block;
	color: #999;
	margin-top: 5px;
}
.serviceBox li a {
	display: block;
	width: 84px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background-color: #0195df;
	color: #fff;
	border-radius: 6px;
	margin-top: 15px;
}

.gotoTop {
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0px 0px 7px 0px rgba(151, 133, 106, 0.21);
	position: fixed;
	left: 45px;
	top: 658px;
	width: 54px;
	height: 54px;
	z-index: 99;
	text-align: center;
	line-height: 54px;
	color: #000;
}
.gotoTop:hover {
	background-color: #0195df;
	color: #fff;
}


@media only screen and (min-width:1920px){
	.w,.main {
		width: 1430px;
	}
}
@media only screen and (min-width: 1600px) and (max-width:1919px){
	.w,.main {
		width: 1430px;
	}
	.rightBar, .gotoTop {
    	left: 15px;
    }
	.comBox{
		top: -120px;
	}
	.searchDiv{
		padding: 21px 0 25px;
	}
	.location {
		padding: 11px 0;
	}
	.type-bot {
		padding: 17px 22px 20px;
	}
	.search-box {
		margin-top: 22px;
	}
	.search-box {
		margin-top: 20px;
	}

}
@media only screen and (min-width: 1400px) and (max-width:1599px){
	.w {
    	width: 1340px;
    }
    .years b {
    	width: 85px;
    }
    .years span {
    	margin-left: 5px;
    	font-size: 12px;
    }
    .years span font {
    	font: bold 15px/18px "microsoft yahei";
    	margin: 0 1px;
    }
    .type-two-bot ul {
    	margin-top: -12px;
    }
	.rightBar, .gotoTop {
    	left: 12px;
    }
	.main-box .left {
    	width: 1065px;
    }
	.type-top a {
    	min-width: 90px;
    }
    .type-top .more {
    	padding: 0 32px;
    }
    .bigImg li .text {
    	font-size: 13px;
    	padding: 0 8px 12px;
    }
    .products-main .level {
    	font-size: 11px;
    }
	li .years mark {
		font-size: 12px;
		line-height: 18px;
	}
	li .years mark i {
		font-size: 18px;
		margin-right: 3px;
	}
	.comBox{
		top: -120px;
	}

}
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.w,.main {
		width: 1138px;
	}
    .products-main .bigImg .years .compare {
    	top: -1px;
    }
    .years b {
    	width: 82px;
    }
    .years span {
    	margin-left: 2px;
    	font-size: 11px;
    }
    .years span font {
    	font: bold 12px/18px "microsoft yahei";
    	margin: 0 1px;
    }
    .products-main .bigImg .years .compare a {
    	padding: 0 8px;
    	line-height: 18px;
    	font-size: 11px;
    }
    .rightBar {
    	top: 188px;
    }
    .gotoTop {
    	top: 494px;
    }
    .type-two-bot ul {
    	margin-top: -12px;
    }
	.rightBar, .gotoTop {
    	left: 15px;
    }
	.main-box .left {
		width: 904px;
	}
    .type-top a {
    	min-width: 69px;
    	font-size: 12px;
    	height: 38px;
    	line-height: 38px;
    }
    .type-top {
    	padding-right: 70px;
    }
    .type-top .more {
    	padding: 0 25px;
    }
	.main-box .right {
		width: 220px;
	}
	.recommend-brand .title span {
		font-size: 18px;
	}
	.recommend-brand .title i {
		width: 22px;
		height: 24px;
	}
	.recommend-brand .title span::after {
		bottom: 4px;
	}
	.recommend-brand .title .more {
		top: 13px;
		font-size: 12px;
	}
    .brand-list li a {
    	height: 46px;
    	line-height: 46px;
    	font-size: 15px;
    }
	.selectbox_time a, .selectbox_model a, .selectbox_area a, .selectbox_areadown a, .selectbox_modeldown a, .scrLeft .type {
		font-size: 14px;
		padding: 0 8px;
		line-height: 38px;
		margin-right: 14px;
	}
	.btnBox p button {
		width: 60px;
		height: 38px;
		margin-left: 12px;
		font-size: 14px;
	}
	.btnBox p input {
		width: 86px;
		font-size: 14px;
	}
	.switchBox a {
		font-size: 14px;
		margin-right: 20px;
	}

	.scrRight .result-num {
		font-size: 13px;
	}
    .bigImg li .item {
    	margin-right: 12px;
    	margin-top: 18px;
    }
	.bigImg {
		margin-right: -12px;
		margin-top: -20px;
	}
	.bigImg li .titleNew {
		margin-top: 8px;
		font-size: 13px;
		line-height: 19px;
		height: 38px;
	}
	.bigImg li .price {
		margin-top: 10px;
		line-height: 22px;
		height: 22px;
		font-size: 18px;
	}
	.products-main .bigImg .company {
		margin-top: 7px;
	}
	.products-main .bigImg .vip {
		margin-top: 8px;
	}
	.bigImg li .price em {
		font-size: 13px;
        height: 22px;
	}
	.products-main .level p i {
		width: 12px !important;
		height: 10px !important;
		margin-top: 6px;
		margin-left: 4px;
	}
	.products-main .level p {
		margin-right: 5px;
		width: 24px !important;
		height: 20px !important;
		padding: 0 !important;
	}
	.products-main .level {
		height: 20px;
		border-radius: 13px 0 13px 13px;
		font-size: 11px;
		line-height: 20px;
		padding: 0 5px 0 0;
	}
	.products-main .List .detail {
		width: 230px;
		padding-left: 14px;
	}
	.products-main .List .detail p i.companyAuth {
		width: 16px;
		height: 18px;
        margin-top: 2px;
	}
	.products-main .List .detail p {
		font-size: 14px;
	}
	.products-main .List .detail p i {
		width: 15px;
		height: 19px;
	}
	.products-main .List .detail .vip {
		margin-top: 10px;
	}

	.products-main .List .detail span i {
		font-size: 12px;
		color: #999;
	}
	.products-main .List .detail span b {
		font-size: 12px;
		width: 50px;
		margin-left: 5px;
		margin-right: 10px;
	}
	.products-main .List .detail span {
		font-size: 14px;
		margin-top: 10px;
	}
	.products-main .List .detail a.btn {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		margin-top: 12px;
	}
	.products-main .List li .image {
		width: 152px;
		float: left;
		margin-right: 16px;
	}
	.products-main .List li {
		margin-top: 14px;
		padding: 12px;
	}
	.products-main .List .leftBox .introduce {
		padding-right: 25px;
	}
	.products-main .List .introduce h3 a {
		max-width: 335px;
		height: 20px;
		line-height: 20px;
	}
	.products-main .List .introduce h3 {
		font-size: 16px;
		margin-top: 4px;
	}
	.products-main .List .introduce h3 span {
		font-size: 12px;
	}
	.products-main .List .introduce h3 span b {
		font-size: 18px;
	}
	.products-main .List .introduce span mark {
		margin-top: 10px;
	}
	.products-main .List .introduce table {
		margin-top: 14px;
	}
	.products-main .List .introduce p {
		margin-top: 7px;
	}
	.products-main .List .introduce td:nth-child(odd) {
		width: 60px;
	}
	.products-main .List .introduce span {
		font-size: 12px;
	}
	.products-main .List .introduce table {
		font-size: 12px;
	}
	.products-main .List .introduce td:nth-child(2n) {
		width: 108px;
		line-height: 33px;
	}
	.products-main .List .detail::after {
		top: 5px;
	}
	.List .introduce p span {
		padding-right: 68px;
	}

	.bigImg li .text {
		font-size: 12px;
	}
	.gotoTop {
		right: 15px;
	}
    .bigImg li .text {
    	padding: 0 6px 8px;
    }
	.rightBar {
		top: 188px;
	}
	.gotoTop {
		top: 556px;
	}
	li .years mark {
		font-size: 12px;
		line-height: 18px;
	}
	li .years mark i {
		font-size: 18px;
		margin-right: 3px;
	}
	.searchDiv .logo-box .logo {
		height: 59px;
	}
	.searchDiv .logo-box .pageName {
		height: 59px;
	}




}

@media only screen and (min-width: 1025px) and (max-width:1199px){

	.w,.main {
		width: 1138px;
	}
    .products-main .bigImg .years .compare {
    	top: -1px;
    }
    .years b {
    	width: 82px;
    }
    .years span {
    	margin-left: 2px;
    	font-size: 11px;
    }
    .years span font {
    	font: bold 12px/18px "microsoft yahei";
    	margin: 0 1px;
    }
    .products-main .bigImg .years .compare a {
    	padding: 0 8px;
    	line-height: 18px;
    	font-size: 11px;
    }
    .rightBar {
    	top: 188px;
    }
    .gotoTop {
    	top: 494px;
    }
    .bigImg li .text {
    	padding: 0 6px 8px;
    }
	.rightBar, .gotoTop {
    	left: 15px;
    }
	.main-box .left {
		width: 904px;
	}
	.type-top a {
		min-width: 86px;
		font-size: 13px;
	}
	.type-top {
		padding-right: 90px;
	}
	.main-box .right {
		width: 220px;
	}
	.recommend-brand .title span {
		font-size: 18px;
	}
	.recommend-brand .title i {
		width: 22px;
		height: 24px;
	}
	.recommend-brand .title span::after {
		bottom: 4px;
	}
	.recommend-brand .title .more {
		top: 13px;
		font-size: 12px;
	}
	.brand-list li a {
		height: 46px;
		line-height: 46px;
		font-size: 15px;
	}
	.selectbox_time a, .selectbox_model a, .selectbox_area a, .selectbox_areadown a, .selectbox_modeldown a, .scrLeft .type {
		font-size: 14px;
		padding: 0 8px;
		line-height: 38px;
		margin-right: 14px;
	}
	.btnBox p button {
		width: 60px;
		height: 38px;
		margin-left: 12px;
		font-size: 14px;
	}
	.btnBox p input {
		width: 86px;
		font-size: 14px;
	}
	.switchBox a {
		font-size: 14px;
		margin-right: 20px;
	}

	.scrRight .result-num {
		font-size: 13px;
	}
	.bigImg li .item {
		margin-right: 12px;
		margin-top: 20px;
	}
	.bigImg {
		margin-right: -12px;
		margin-top: -20px;
	}
	.bigImg li .titleNew {
		margin-top: 8px;
		font-size: 13px;
		line-height: 19px;
		height: 38px;
	}
	.bigImg li .price {
		margin-top: 10px;
		line-height: 22px;
		height: 22px;
		font-size: 18px;
	}
	.products-main .bigImg .company {
		margin-top: 7px;
	}
	.products-main .bigImg .vip {
		margin-top: 8px;
	}
	.bigImg li .price em {
		font-size: 13px;
        height: 22px;
	}
	.products-main .level p i {
		width: 12px !important;
		height: 10px !important;
		margin-top: 6px;
		margin-left: 4px;
	}
	.products-main .level p {
		margin-right: 5px;
		width: 24px !important;
		height: 20px !important;
		padding: 0 !important;
	}
	.products-main .level {
		height: 20px;
		border-radius: 13px 0 13px 13px;
		font-size: 11px;
		line-height: 20px;
		padding: 0 5px 0 0;
	}
	.products-main .List .detail {
		width: 230px;
		padding-left: 14px;
	}
	.products-main .List .detail p i.companyAuth {
		width: 16px;
		height: 18px;
        margin-top: 2px;
	}
	.products-main .List .detail p {
		font-size: 14px;
	}
	.products-main .List .detail p i {
		width: 15px;
		height: 19px;
	}
	.products-main .List .detail .vip {
		margin-top: 10px;
	}

	.products-main .List .detail span i {
		font-size: 12px;
		color: #999;
	}
	.products-main .List .detail span b {
		font-size: 12px;
		width: 50px;
		margin-left: 5px;
		margin-right: 10px;
	}
	.products-main .List .detail span {
		font-size: 14px;
		margin-top: 10px;
	}
	.products-main .List .detail a.btn {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		margin-top: 12px;
	}
	.products-main .List li .image {
		width: 152px;
		float: left;
		margin-right: 16px;
	}
	.products-main .List li {
		margin-top: 14px;
		padding: 12px;
	}
	.products-main .List .leftBox .introduce {
		padding-right: 25px;
	}
	.products-main .List .introduce h3 a {
		max-width: 335px;
		height: 20px;
		line-height: 20px;
	}
	.products-main .List .introduce h3 {
		font-size: 16px;
		margin-top: 4px;
	}
	.products-main .List .introduce h3 span {
		font-size: 12px;
	}
	.products-main .List .introduce h3 span b {
		font-size: 18px;
	}
	.products-main .List .introduce span mark {
		margin-top: 10px;
	}
	.products-main .List .introduce table {
		margin-top: 14px;
	}
	.products-main .List .introduce p {
		margin-top: 7px;
	}
	.products-main .List .introduce td:nth-child(odd) {
		width: 60px;
	}
	.products-main .List .introduce span {
		font-size: 12px;
	}
	.products-main .List .introduce table {
		font-size: 12px;
	}
	.products-main .List .introduce td:nth-child(2n) {
		width: 108px;
		line-height: 33px;
	}
	.products-main .List .detail::after {
		top: 5px;
	}
	.List .introduce p span {
		padding-right: 68px;
	}

	.bigImg li .text {
		font-size: 12px;
	}
	.gotoTop {
		right: 15px;
	}
	.rightBar {
		top: 188px;
	}
	.gotoTop {
		top: 556px;
	}
	li .years mark {
		font-size: 12px;
		line-height: 18px;
	}
	li .years mark i {
		font-size: 18px;
		margin-right: 3px;
	}
	.searchDiv .logo-box .logo {
		height: 59px;
	}
	.searchDiv .logo-box .pageName {
		height: 59px;
	}
}

@media only screen and (max-width:1024px){
	.w,.main {
		width: 1000px;
	}
    .products-main .bigImg .years .compare {
    	top: -1px;
    }
    .years b {
    	width: 82px;
    }
    .years span {
    	margin-left: 2px;
    	font-size: 11px;
    }
    .years span font {
    	font: bold 12px/18px "microsoft yahei";
    	margin: 0 1px;
    }
    .products-main .bigImg .years .compare a {
    	padding: 0 8px;
    	line-height: 18px;
    	font-size: 11px;
    }
    .products-main .bigImg .years .compare {
    	position: relative;
    	float: left;
    	margin-top: 8px;
    	width: 100%;
    	text-align: center;
    }
    li .years {
    	height: 46px;
    }
    .rightBar {
    	top: 188px;
    }
    .gotoTop {
    	top: 494px;
    }
    .bigImg li .text {
    	padding: 0 6px 8px;
    }
	.searchDiv {
		padding: 30px 0 36px;
	}
	.search-box {
		margin-top: 32px;
	}
	.searchBox input {
		padding-left: 12px;
		font-size: 14px;
		height: 42px;
		width: 522px;
	}
	.searchBox a, .search-menu a {
		font-size: 15px;
		line-height: 44px;
		padding: 0 20px;
	}
	.searchBox {
		padding-right: 85px;
	}
	.search-menu {
		margin-left: 10px;
	}
	.rightBar, .gotoTop {
    	left: 15px;
    }
	.main-box .left {
		width: 786px;
	}
	.type-top a {
		min-width: 82px;
		font-size: 12px;
		height: 36px;
		line-height: 35px;
	}
	.type-bot {
		padding: 16px 16px 22px;
		font-size: 12px;
	}
    .type-two-tab {
    	font-size: 13px;
    }
	.type-two-bot ul {
		margin-top: -12px;
	}
	.type-two-bot {
		margin-top: 18px;
	}
	.type-top {
		padding-right: 90px;
	}
	.main-box .right {
		width: 200px;
	}
	.recommend-brand .title {
		line-height: 30px;
	}
	.recommend-brand .title span {
		font-size: 16px;
	}
	.recommend-brand .title i {
		width: 20px;
		height: 22px;
		margin-top: 6px;
	}
	.brand-list {
		margin-top: 10px;
	}
	.recommend-brand .title span::after {
		bottom: 4px;
	}
	.recommend-brand .title .more {
		top: 10px;
		font-size: 12px;
	}
	.brand-list li a {
		height: 42px;
		line-height: 42px;
		font-size: 14px;
	}
	.selectbox_time a, .selectbox_model a, .selectbox_area a, .selectbox_areadown a, .selectbox_modeldown a, .scrLeft .type {
		font-size: 12px;
		padding: 0 5px;
		line-height: 30px;
		margin-right: 10px;
	}
	.scrLeft li i.city-icon {
		width: 9px;
		height: 13px;
		margin-right: 3px;
		margin-top: 9px;
	}
	.scrLeft i.jiantou {
		width: 8px;
		height: 5px;
		margin-left: 6px;
		margin-top: 13px;
	}
	.scrLeft li i.company-icon {
		width: 13px;
		height: 13px;
		margin-right: 4px;
		margin-top: 9px;
	}
	.scrLeft .type .jiage-box {
		height: 14px;
		width: 8px;
		margin-top: 9px;
	}
	.btnBox p button {
		width: 52px;
		height: 30px;
		margin-left: 10px;
		font-size: 12px;
	}
	.scrRight {
		line-height: 30px;
	}
	.switchBox i {
		width: 13px;
		height: 13px;
		margin-top: 9px;
	}
	.btnBox p input {
		width: 74px;
		font-size: 12px;
		height: 30px;
	}
	.switchBox a {
		font-size: 14px;
		margin-right: 18px;
	}
	.products-main {
		margin-top: 13px;
	}

	.scrRight .result-num {
		font-size: 13px;
	}
	.bigImg li .item {
		margin-right: 12px;
		margin-top: 20px;
	}
	.bigImg {
		margin-right: -12px;
		margin-top: -20px;
	}
	.bigImg li .titleNew {
		margin-top: 8px;
		font-size: 13px;
		line-height: 19px;
		height: 38px;
	}
	.bigImg li .price {
		margin-top: 7px;
		line-height: 20px;
		height: 20px;
		font-size: 16px;
	}
	.bigImg li .price span {
		margin-right: 2px;
		font-size: 12px;
	}
	.products-main .bigImg .company {
		margin-top: 5px;
	}
	.products-main .bigImg .company i {
		width: 18px;
		height: 20px;
		margin-top: 0px;
	}
	.products-main .bigImg .vip {
		margin-top: 8px;
	}
	.bigImg li .price em {
		font-size: 12px;
        height: 20px;
	}
	.products-main .level p i {
		width: 10px !important;
		height: 8px !important;
		margin-top: 6px;
		margin-left: 2px;
	}
	.products-main .level p {
		margin-right: 5px;
		width: 20px !important;
		height: 20px !important;
		padding: 0 !important;
	}
	.products-main .level {
		height: 20px;
		border-radius: 13px 0 13px 13px;
		font-size: 9px;
		line-height: 20px;
		padding: 0 5px 0 0;
	}
	.products-main .List .detail {
		width: 250px;
		padding-left: 18px;
	}
	.products-main .List .detail p {
		font-size: 14px;
	}
	.products-main .List .detail p i {
		width: 15px;
		height: 19px;
	}
	.products-main .List .detail .vip {
		margin-top: 10px;
	}

	.products-main .List .detail span i {
		font-size: 12px;
		color: #999;
	}
	.products-main .List .detail span b {
		font-size: 12px;
		width: 50px;
		margin-left: 5px;
		margin-right: 10px;
	}
	.products-main .List .detail span {
		font-size: 14px;
		margin-top: 10px;
	}
	.products-main .List .detail a.btn {
		width: 230px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		margin-top: 12px;
	}
	.products-main .List li .image {
		width: 140px;
		float: left;
		margin-right: 14px;
	}
	.products-main .List .leftBox .introduce {
		padding-right: 25px;
	}
	.products-main .List .introduce h3 a {
		max-width: 335px;
		height: 20px;
		line-height: 20px;
	}
	.products-main .List .introduce h3 {
		font-size: 16px;
		margin-top: 4px;
	}
	.products-main .List .introduce h3 span {
		font-size: 12px;
	}
	.products-main .List .introduce h3 span b {
		font-size: 18px;
	}
	.products-main .List .introduce span mark {
		margin-top: 10px;
	}
	.products-main .List .introduce table {
		margin-top: 14px;
	}
	.products-main .List .introduce p {
		margin-top: 7px;
	}
	.products-main .List .introduce td:nth-child(odd) {
		width: 60px;
	}
	.products-main .List .introduce span {
		font-size: 12px;
	}
	.products-main .List .introduce table {
		font-size: 12px;
	}
	.products-main .List .introduce td:nth-child(2n) {
		width: 108px;
		line-height: 33px;
	}
	.products-main .List .detail::after {
		top: 5px;
	}

	.bigImg li .text {
		font-size: 12px;
	}
	.gotoTop {
		right: 15px;
	}
	.rightBar {
		top: 188px;
	}
	.gotoTop {
		top: 556px;
	}
	li .years mark {
		font-size: 12px;
		line-height: 18px;
	}
	li .years mark i {
		font-size: 18px;
		margin-right: 3px;
	}
	.searchDiv .logo-box .logo {
		height: 59px;
	}
	.searchDiv .logo-box .pageName {
		height: 59px;
	}
}