@media screen and (max-width: 319px) {
html {
	font-size: 19.9375px
}
}
@media screen and (min-width: 320px) and (max-width: 359px) {
html {
	font-size: 22.4375px
}
}
@media screen and (min-width: 360px) and (max-width: 374px) {
html {
	font-size: 23.375px
}
}
@media screen and (min-width: 375px) and (max-width: 383px) {
html {
	font-size: 23.9375px
}
}
@media screen and (min-width: 384px) and (max-width: 399px) {
html {
	font-size: 24.9375px
}
}
@media screen and (min-width: 400px) and (max-width: 413px) {
html {
	font-size: 25.8125px
}
}
@media screen and (min-width: 414px) and (max-width: 767px) {
html {
	font-size: 46.875px
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
html {
	font-size: 46.875px
}
}
@media screen and (min-width: 1024px) {
html {
	font-size: 46.875px
}
}
html {
	font-family: "微软雅黑", Helvetica, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
	color: #333333;
	background-color:#efefef;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch; 

}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
svg:not(:root) {
	overflow: hidden
}
a {
	background: transparent;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	color: #0088cc
}
a:active {
	outline: 0
}
a:active {
	color: #006699
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
mark {
	background: #ff0;
	color: #000
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    /*max-height: 100%*/
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;outline: none;
	margin: 0
}
button {
	overflow: visible;
	border: none
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;    outline: none;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto;
	resize: vertical
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}
html, button, input, select, textarea {
	font-family: "PingFang SC", Helvetica, "Microsoft YaHei", Arial, "sans-serif"
}
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
	margin: 0
}
ul, ol, li, dl, dd {
	margin: 0;
	padding: 0;
	list-style: none outside none
}
ul, ol {
	list-style: none outside none
}
h1, h2, h3 {

}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#000
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#000
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#000
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


body {
	width: 16rem;
	max-width: 16rem;
	margin: 0 auto
}
body.bg {
	background-color: #f2f2f2
}
body.bg1 {
	background-color: #f1f4f7
}
body.Hide {
	overflow: hidden
}



.index_top {
	
	padding: 0 0.325rem; float:left;
	width: 100%;
	z-index: 999
}
header.index .logo {
	width:31%;
	float: left
}
header.index .logo img {
	width: 100%
}
header.index .index_search {
	width: 69%;
	float: right;
	background: #fff;
	border-radius: 5rem;
	height: 1.375rem;
	position: relative;
	border-radius: 1.25rem;
	border: 1px solid #058fd7
}
header.index .index_search i {
	font-size: 0.8125rem;
	color: #999;
	width: 1rem;
	position: absolute;
	top: 50%;
	left: 0.3125rem;
	transform: translateY(-50%);
	font-weight: lighter
}
header.index .index_search input {
	border: none;
	background: none;
font-size:.55467rem;
	height: 1.25rem;
	color: #999;
	width: 83%;
	position: absolute;
	top: 0;
	left: 1.5rem
}
header.index .index_search a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}

/*banner star*/
.banner{width:100%; background-size: 100% 100%;  text-align:center; padding:0 0.325rem; margin-top:3px; float:left; }
.banner img{max-height:100%; max-width:100%; margin:auto;}

.slideBox{position:relative;overflow:hidden;margin:10px auto;width:100%;/* 设置焦点图最大宽度 */}
/*.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }*/
.slideBox .hd{ position:absolute; bottom:0; z-index:1; left:50%; margin-left: -34px; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#dbdbdb; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#4caceb;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{position:relative;text-align:center;}
.slideBox .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }

/*banner end*/

.navigation_bj{width:100%;  float:left;}
.navigation{ width:100%;  background-image: linear-gradient(rgba(255, 255, 255, 1), rgba(238, 238, 238, 0.5)); border-radius:16px 16px 0 0; float:left;  margin-top:-36px; }
.navigation_1{width:100%; padding:20px 0.325rem 0 0.325rem; box-sizing:border-box;}
.navigation_1 ul li{width:25%;    display: block; float: left;text-align: center; margin-bottom:0.5rem;}
 .navigation_1 ul li img{width: 45%; height: 1.8rem;margin: 0.2rem auto;}
 .navigation_1 ul li p{display: block;width: 100%; overflow: hidden;font-size:0.625rem;}
	
/*子站*/

.sub_site{width:100%; background: url(../images/bj_2.png) no-repeat; background-size:100%; float:left; padding:0.75rem 0.325rem 0.425rem 0.325rem; box-sizing:border-box;}
.sub_site_1{ width:100%; float:left;text-align:center;}
.sub_site_1 p{ font-size:0.7rem; color:#fff; line-height:0.7rem;    display: flex;align-items: center;justify-content: center;}
.sub_site_1 img{ width:0.7rem; height:0.7rem;}	
.sub_site_1 ul{width:100%; margin-top:0.3rem;}
.sub_site_1 ul li{ width:25%; float:left; padding:0.35rem 0.3rem; box-sizing:border-box;}
.sub_site_1 ul li span{ background:#fff; float:left;width:100%;   line-height: 1.38rem;height: 1.55rem;border-radius: 5px;overflow: hidden;}
.sub_site_1 ul li span i{background-image: linear-gradient( 116deg, rgba(0, 140, 214, 1) 0%, rgba(72, 115, 255, 1) 100% ); -webkit-background-clip:text;color: transparent;font-size:0.625rem;font-style:normal;}
	
/*品牌*/
.brand{ width:100%; padding:0 0.325rem; box-sizing:border-box; }
.brand_1{ width:100%; float:left;text-align:center;margin-top:0.325rem; margin-bottom:0.8rem;}
.brand_title{width:100%; padding-top:0.4rem;}
.brand_title p{ font-size:0.7rem; color:#333; padding-bottom:0.35rem;  display: flex;align-items: center;justify-content: center;    line-height: 0.7rem; }
.brand_title img{    width: 0.7rem;height: 0.7rem;align-items: center;justify-content: center;}

.brand_1 .bd ul{width:100%; display: flex;justify-content: center;}
.brand_1 .bd ul li{width:33.3333%; float:left; padding:0.2rem; }
.brand_1 .bd ul li p{width:100%; background:#fff; float:left; text-align:center; padding:0.4rem 0.2rem; border-radius: 7px;height: 4.6rem;}
.brand_1 .bd ul li i{width:100%; height:2.8rem; float:left; position:relative;}
.brand_1 .bd ul li i img{max-width: 100%; max-height:100%;position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto;font-size: 0.25rem;}
.brand_1 .bd ul li span{font-size:0.6rem; width:100%; height:0.7rem;float:left; margin-top:0.2rem; color:#333;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; }
	
.brand_1 .hd{  z-index:1; height:0.5rem; position:absolute; left:50%; margin-left:-0.55rem; margin-top:0.5rem;}
.brand_1 .hd ul{height:0.5rem;}
.brand_1 .hd li{     display: inline-flex;width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#dbdbdb; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.brand_1 .hd li.on{ background:#4caceb;  }
	
	
/*teb*/
.switch{ width:100%; height:1.4rem;overflow:hidden; padding:0 20%; box-sizing:border-box; margin-top:10px;}
.switch a { width:30%;height:1.4rem;display: inline-block;font-size:0.7rem;line-height:1.3rem;color: #333;text-align: center;position: relative; margin:0 10%;    vertical-align: top; font-weight: 550;}
.switch a.focus {background-image: linear-gradient( 116deg, rgba(0, 140, 214, 1) 0%, rgba(72, 115, 255, 1) 100% );
    -webkit-background-clip: text;
    color: transparent;/*height: 36px;*/border-bottom: 2px solid #0b88dd;line-height:1.3rem;vertical-align: top; }
.switch a:after {width: 1px;height: 1.3rem;display: block;position: absolute;right: 0px;top: 0px;/*background: #c7c7c7;*/z-index: 99;content: "";}
.switch a:last-child:after {display: none;}
#rankMain0{ overflow:hidden;margin:0.325rem;}
#rankMain1{overflow:hidden;margin:0.325rem;}
/*news star*/
.news-1{ background:#fff; margin:0.325rem; text-align:center;padding: 10px 0px 0px 0px;}

.news ul li{padding:0.4rem;overflow:hidden;background: #fff; margin-bottom:0.3rem;border-radius: 7px;}
.newsbox{ overflow:hidden; }
.news_l{ float:left;width:60%; margin-bottom:2%; margin-top:0.2rem;}
.newsbox .news_l p{ font-size:0.7rem; height:1.9rem; line-height:1rem; overflow:hidden;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; font-weight:500;}
.newsbox .news_l p a{ color:#333;}
.news_r{ float:right; width:38%;}
.news_r a {width:5.5rem;height:4rem; float:left;vertical-align: middle;border-radius: 6px; overflow:hidden;}
.news_r a img {width:100%; height:100%;object-fit: cover;}
.newsbox p{line-height:0.75rem; height:0.75rem; color:#555; font-size:0.35rem;}
.news span{width:58%; font-size:0.6rem; margin-top:0.5rem;}


/*teb end*/
	
	
	/*teb*/
.switch_1{ width:100%; height:40px;overflow:hidden; padding:0 3%; box-sizing:border-box; margin-top:10px;}
.switch_1 a {height:40px;display: inline-block;font-size:0.625rem;line-height: 38px;color: #333;text-align: center;position: relative;overflow:hidden }

.switch_1 a:nth-child(5){width:18%;}
.switch_1 a:nth-child(6){width:22%;}
.switch_1 a.focus_1 {color:#4873ff;/*height: 36px;*/border-bottom: 1px solid #4873ff;line-height: 38px;vertical-align: top; overflow:hidden }
.switch_1 a:after {width: 1px;height: 38px;display: block;position: absolute;right: 0px;top: 0px;/*background: #c7c7c7;*/z-index: 99;content: "";}
.switch a:last-child:after {display: none;}
#rankMain_10{ overflow:hidden;margin: 0.325rem;}
#rankMain_11{overflow:hidden;margin: 0.325rem;}
#rankMain_12{ overflow:hidden;margin:0.325rem;}
#rankMain_13{overflow:hidden;margin: 0.325rem;}
#rankMain_14{ overflow:hidden;margin:0.325rem;}
#rankMain_15{ overflow:hidden;margin: 0.325rem;}
/*news star*/
.products{width:100%; float:left; margin-top:0.5rem;}
.products ul li{padding:0.4rem;overflow:hidden;background: #fff; margin-bottom:0.425rem; border-radius:7px;}
.productsbox{ overflow:hidden; }
.products_l{ float: right;width:69%; margin-top:0.2rem;}
.productsbox .products_l p{ font-size:0.7rem; height:0.75rem; line-height:0.8rem; overflow:hidden; color:#333;text-overflow:ellipsis ;white-space:nowrap; font-weight: normal;}

.products_l i{font-size:0.6rem; height:1.5rem; line-height:1rem; overflow: hidden; font-style:normal; color:rgb(102 102 102);    padding-top: 0.5rem; display: block;}
.products_r{ float: left;}
.products_r a {width:4rem;height:4rem; float:left;text-align: center;vertical-align: middle;border-radius: 6px; overflow:hidden;}
.products_r a img { width:100%;height:100%;object-fit:cover;font-size:0.25rem}
.productsbox i.cp_nr_1{margin-right: 16px;background-image: linear-gradient( 112deg, rgba(232, 155, 20, 1) 0%, rgba(232, 109, 20, 1) 100% );-webkit-background-clip: text;
    -webkit-text-fill-color: transparent; line-height:0.8rem;  font-size: 0.625rem;    font-weight: 600;margin-top: 0.35rem;float: left; font-style:normal}
.productsbox i.cp_nr_2{float: right;background-image: linear-gradient( 116deg, rgba(232, 153, 20, 1) 0%, rgba(232, 110, 20, 1) 100% ); border-radius:50px; text-align:center;     height: 1.2rem; line-height:1.2rem; width: 2.8rem; font-size: 0.5rem; color:#fff; font-style:normal; margin-top:0.08rem;}

.productsbox p{ color:#555; font-size:0.3rem;}
.products span{width:69%; float:right; margin-top:0.1rem;}
.purchase_home_list {
    width: 100%;
    float: left;
    padding: 0.325rem;
}

    .purchase_home_list ul li {
        width: 100%;
        float: left;
        padding: 0.425rem 0.425rem 0.325rem 0.425rem;
        background: #fff;
        box-sizing: border-box;
        margin-bottom: 0.325rem;
    }

        .purchase_home_list ul li p {
            width: 100%;
            float: left;
            height: 0.8rem;
            line-height: 0.8rem;
            font-size: 0.7rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #333
        }

        .purchase_home_list ul li span.sj_cg {
            width: 100%;
            float: left;
            height: 1.4rem;
            line-height: 0.7rem;
            font-size: 0.5rem;
            overflow: hidden;
            text-overflow: ellipsis;
            color: #999;
            margin-top: 0.425rem;
        }

        .purchase_home_list ul li span.qg_gs {
            width: 100%;
            float: left;
            height: 0.7rem;
            line-height: 0.7rem;
            font-size: 0.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #666;
            margin-top: 0.425rem;
        }