﻿/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
input,textarea{-webkit-user-select:text}

/* index banner */
.banner{
	position:relative;
	width:100%;
}
.swiper-pagination{
	display:inline-block;
	left:50% !important;bottom:0.1rem !important;
	width:auto !important;padding:0.02rem 0.1rem;
	text-align:center !important;font-size:0;
	-webkit-transform:translate(-50%,0) !important;transform:translate(-50%,0) !important;border-radius:.1rem;
}
.swiper-pagination-bullet{
	width:0.3rem !important;height:0.06rem !important;opacity:1 !important;vertical-align:top;
	-webkit-box-sizing:border-box;box-sizing:border-box;border-radius: 0 !important;
	background:#3e57b5 !important;
}
.swiper-pagination-bullet-active{
	background:#fff !important;
	box-sizing: border-box;-webkit-box-sizing: border-box;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{
	margin:0 0.04rem !important;
}
/* -------------------------自定义部分开始 --------------------------*/
@font-face{font-family:"iconfont_s";src:url('../font/iconfont_s.woff') format('woff'),url('../font/iconfont_s.ttf') format('truetype');}
.iconfont_s{font-family:"iconfont_s" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.clear-fix:after{
	display:block;clear:both;visibility:hidden;
	height:0;font-size:0;content:".";
}
input{
	outline:none;
}
body{
	background:#FFF !important;
}
.allpage{
	background:#fff !important;
}
/*head*/

.logo{
	display:block;width:70.3125% !important;margin:0 auto;
	-webkit-box-sizing:border-box;box-sizing:border-box;
}
.logo img{
	margin:0 auto!important;
}
.search{
	background-color:#3e57b5 !important;
}
.nav-btn{
	top:10% !important;
	color:#fff !important;line-height:0.5528rem !important;
}
.search_hl{
	height:80% !important;top:10% !important;
	color:#fff !important;line-height:0.5528rem !important;
}
.home-btn{
	color:#fff !important;
}
.class-btn{
	color:#fff !important;
}
.top-title{
	color:#fff !important;
}
/*content*/
.content{
	padding-bottom:0.7rem !important;
}
/*iwrap*/
.iwrap{
	position:relative;
	width:93.75%;margin:0 auto;
}
/*beian*/
.beian{
	width:100%;height:0.65rem;
	font-size:0.21rem;line-height:0.65rem;color:#2e3842;text-align:center;
}
.beian a{
	color:#2e3842;
}
/*common_title*/
.common_title{ margin:0 3.125% 2% 3.125% ;border-bottom:1px solid #9eabda;}

.common_title h2{
	font-size: 0.23rem; line-height: 0.4rem;
	width:26%; text-align: left;color: #30366b;
}
.common_title a{
	float: right;line-height: 0.4rem;color: #454545;
}
/*nav_new*/
.nav_new{
	width:93.75%;margin:3% auto; padding:0; margin-bottom:2.5%;
}
.son{
	float:left;display:block;width:0.8rem;margin: 0 2%;background-color: #b096e1;
	border-radius: 50%;height:0.8rem;
}
.son:nth-of-type(2n){background-color: #526bc7;}
.nav_new .son .iconfont_s{
	display: block; text-align: center; color: #fff;
	width:0.5rem; height: 0.45rem;  margin: 0 auto;font-size: 0.35rem; line-height: 0.5rem;
}
.nav_new .son .imgFont{
	display: block;
	color:#fff;font-size:0.22rem;line-height:0.22rem;text-align:center;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.nav_new .son:nth-of-type(5n){border-right:none;}
/*hnav2*/
.hnav2{
	margin:0 auto 2% auto;background-color: #c9dcfa;
}
.hnav2 .son2{
	width:20%;display: block;float: left;font-weight: bold;
	text-align: center; color: #30366b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	font-size: 0.22rem;line-height: 0.5rem;box-sizing: border-box;-webkit-box-sizing: border-box;
	border-right: 1px solid #8a9bd9;border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;border-top: 1px solid #8a9bd9;
}
.hnav2 .son2:nth-of-type(5n){border-right:0;}
.hnav2 .son2:nth-of-type(-n+5){border-top:0;}
/*index_product*/
.index_product{
	width:93.75%;
	padding:1% 3.125% 0 3.125%;
}
.index_product li{
	width:48.5%;
	margin: 0 3% 0 0;
	float: left; position: relative;
	text-align: center;
}
.index_product li span{
	display: block;
	font-size: 0.23rem;
	line-height: 0.5rem;
	height: 0.5rem;
	color: #323448;white-space: nowrap;
	width: 100%;
	overflow: hidden; text-overflow: ellipsis;
}
.index_product li img{
	width:100%;
}
.index_product li .hot_icon{
	width: 15%;border: 0;padding: 0;
	position: absolute;top:0; left:0;
}
.index_product li:nth-of-type(2n){
	margin-right:0;
}
/*index_sale*/
.index_sale{ margin-bottom: 2.2%;}
.index_sale dl{
	margin:0 3.125%;border-bottom: 1px dotted #898daa;
	padding: 2.2% 0;
}
.index_sale dt{
	float: left;
	width:30%;
}
.index_sale dt img{
	width: 100%;
}
.index_sale dd{
	float: right;
	width:67%;
}
.index_sale dd h3{
	font-weight: normal;font-size: 0.23rem; color: #30366b;line-height: 0.45rem;
	white-space: nowrap; overflow: hidden; margin-bottom: 0.02rem;text-overflow: ellipsis;
	width: 97%;
}
.index_sale dd p{
	font-weight: normal;font-size: 0.21rem;color: #606383;
	line-height: 0.3rem;max-height: 0.6rem;overflow: hidden;
}
.index_sale dd a{
	display:inline-block;color: #fff;text-align: center;padding: 0 3%;
	margin-right: 1%;font-size: 0.21rem;line-height: 0.3rem;
}
/*index_about*/
.index_about{
	width:88%;margin:0 6% 1.5% 6%;
	font-size: 0.21rem;line-height:0.35rem;background-color: #fff;
	color:#323448;vertical-align: top;position: relative;
}
.index_about img{
	width: 100%; margin-bottom: 0.1rem;
}
/*new_i*/
.new_i{
	width:93.75%; margin:2% auto 3% auto;
}
.new_i li a{
	display:block;
	width:95%;margin: 0 auto;
	color:#3b4274;
	line-height: 0.5rem;
	overflow: hidden; height: 0.5rem;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.new_i li:nth-of-type(2n+1){background-color: #c9dcfa}
.new_i li i:nth-of-type(1){
	display: block;width:1.5%;float: left;font-size: 0.12rem;
	font-style: normal;margin-right: 2.5%;color: #3b4274;
}
.new_i li i:nth-of-type(2){
	width: 24%;font-style: normal;text-align: right;
	color: #626790;font-size: 0.21rem;float: right;
}
.new_i li span{
	display: block;font-style: normal;overflow: hidden;
	width:70%;float: left;font-size: 0.21rem; text-overflow: ellipsis;
}
/*hotline*/
.hotline{
	width:91%;margin:3% 3% 0 3%; background-color: #5e78c1;display:block;
	padding:3% 2%;border-radius: 0.05rem;
}
.hotline h3{
	background-color: #314c96;font-size: 0.21rem;line-height: 0.5rem;
	color: #fff;display:block;width:38%;white-space: nowrap;font-weight: normal;
	border-radius: 0.1rem;float: right;text-align: center;margin-top: 0.05rem;
}
.hotline span{
	display:block;width:62%; float: left;white-space: nowrap;
	color: #fff;font-size: 0.21rem;line-height: 0.3rem;overflow: hidden;
}
/*goTop*/
.cbtn-top {
	display: none;
	position: fixed;
	right: 2%;
	bottom: 10%;
	border-radius: 50%;
	width: 3.25em;
	height: 3.25em;
	color: #ffffff;
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
	z-index: 99999;
}
.cbtn-top a{
	width: 0.45rem; height: 0.45rem;
	font-size: 0.35rem;color: #181818;
	background-color: #eff62c;
}