body{
	font-family:microsoft yahei;
	background: #f5f5f5;
	font-size: 14px;
	color:#6c6c6c;
}
body,html,div{ 
	padding:0; margin:0;
}
a{
	color: #6c6c6c;
}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;} 
#sq hover{
	text-decoration: none;
}
.header{
	width:100%;
	background-color: #2389eb;
	height: 50px;
	line-height: 50px;
}
.header-split{
	border-left:1px solid #ffffff;
	width:1px;
	height:20px;
	display:inline-block;
	position:absolute;
	margin-top:15px;
} 
.description{
	width: 1100px;
	height:290px ;
	float: left;
	border-right: 1px solid #ebebeb;
    background: url(../images/description.png) no-repeat;
    background-size: 100%;
}
.description p{
	padding-left: 20px;
	color: #ffffff;
	letter-spacing:0.1px;
	padding-top: 15px;
	line-height:30px
}
.content-box{
	width:1100px;
	margin: 0 auto;
	background: #ffffff;
	margin-bottom: 30px;
}
.small-box{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.img-height{
	height: 460px;
}

.nav-scroll-box{
	width:100%;
	height:0px;
	bottom:400px;
	position: fixed;
	
}
.nav-scroll{
	background:#ffffff;
	position: absolute;
	width: 105px;
    margin-left: -145px;
}

.nav-scroll p{
	font-size: 14px;
	color:#272727;
	text-align: left;
	text-indent:10px;
	height:25px;
	line-height :25px;
	width:100%;
	cursor:pointer;
}
.copyright{
	padding-top: 10px;
}
.title-log{
	width: 5px;
	height: 15px;
	display: inline-block;
	background: #666;
	padding-top: 0px;
	position: relative;
    top: 2px;
}
.big-title{
	font-size: 24px;
	font-weight: 800 !important;
	padding-left: 40px;
	display:inline-block;
	margin-top:30px;
	color: #333;
}
.small-title{
	font-size: 17px;
	font-weight: 800;
}
.search-container {
	margin-left: auto;
	margin-right: 50px;
	height: 40px;
	display: inline-block;
	margin-top: 24px;
	position: relative;
	float: right;
}
.search-container .store-search {
	display: block;
	height: 40px;
	width: 400px;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 40px;
	border: 1px solid rgba(221, 221, 221, 1);
	float: left;
}
.search-container .store-search::placeholder {
	color: #ABABAB;
}
.search-container .btn-store-search {
	background: linear-gradient(230deg, rgba(37, 137, 235, 1) 0%, rgba(43, 118, 235, 1) 47%, rgba(50, 93, 236, 1) 100%);
	border: none;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	width:84px;
	height:40px;
}
.btn-store-search:hover {
	background: linear-gradient(-90deg, #25aceb 0%, #327bec 100%);
}
.btn-store-search:disabled {
	background: linear-gradient(-90deg, rgba(37, 172, 235, 0.5) 0%, rgba(50, 123, 236, 0.5) 100%);
}
.reset-icon {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 16px;
	width: 16px;
	border-radius: 100%;
	background: rgb(235, 235, 235);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto 100px auto auto;
	cursor: pointer;
}
.reset-icon:hover {
	background: rgba(0, 0, 0, .5);
}
.reset-icon.show {
	display: block;
}
.reset-icon::before, .reset-icon::after {
	content: '';
	background: #fff;
	width: 12px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.reset-icon::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.reset-icon::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.li-news{
	list-style-type :circle ;
	padding-left: 20px;
	padding-bottom: 10px; 
	font-size: 15px;
}
.li-news span{
	color: #d0d0d0;
}
.btn-nomal{
	border: 1px solid #d0d0d0;
    height: 30px;
    line-height: 30px;
    border-radius:4px;
    display: inline-block;
    text-align: center;
}
.btn-product{
	border: 1px solid #d0d0d0;
    height: 30px;
    line-height: 30px;
    border-radius:4px;
    display: inline-block;
    text-align: center;
	width: 124px;
	margin-right: 16px;
	cursor: pointer;
}
.btn-hidden{
	border: 1px solid #ffffff;
    height: 10px;
    margin-top:0px;
    border-radius:4px;
    display: inline-block;
    text-align: center;
	width: 124px;
	margin-right: 16px;
	color: #3072F6;
}
.product-table{
	width: 100%;
	text-align: center;
	border: 0;
}
.product-table tr th{
	background: #3072F6;
	color: #ffffff;
	height: 30px;
	text-align: center;
	padding-left: 0px;
}
.product-table tr td{
	height: 25px;
	valign:middle;
	padding: 10px;
}
.product-table tr td span{
	display: block;
	height: 22px;
}
.img-table{
	margin-top: 25px;
}
.img-table tr td{
	width: 247.5px;
	height: 195px;
}
.img-table img{
	width: 247.5px;
	height: 195px;
}
.img-content{
	width: 247.5px;
	height: 195px;
	color:#ffffff;
	line-height:195px;
	text-align:center;
	position: absolute;
	margin-top: -195px;
	background: #333;
	opacity:0.9;
	filter:Alpha(opacity=90);
	display: none;
}
.img-content a{
	color:#ffffff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing:2px;
	cursor: default;
}
.img-content-area{
	width: 247.5px;
	color:#ffffff;
	height: 195px;
	position: absolute;
	margin-top: -195px;
	background: #333;
	opacity:0.9;
	filter:Alpha(opacity=90);
	vertical-align:middle;
	padding-left: 25px;
	padding-right: 20px;
	padding-top: 70px;
	display: none; 
	text-align: center;
}
.img-content-area span{
	height:15px;
	line-height:15px;
	color:#ffffff;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
	letter-spacing:2px;
	cursor: default;
}
.five-promise{
	width: 100%;
	height: 92px;
	margin-top: 25px;
	border: 1px solid #ebebeb;
	border-left: 5px solid #8091a5;
	border-radius:3px; 
}
.five-promise-left{
	width: 14%;
	height: 92px;
	float: left;
	border: 1px solid #ebebeb;
}
.five-promise-right{
	width: 83%;
	height:92px;
	float: right;
}
.five-promise-title{
	padding-top: 20px;
	font-size: 16px;
	font-weight: 800;
	padding-left: 40px;
}
.five-promise-content{
	font-size: 13px;
	padding-left: 40px;
	margin-top: -5px;
	display: inline-block;
}
.promise-content{
	width: 240px;
	height: 300px;
	border: 1px solid #ebebeb;
	margin-left: 10px;
	padding-top:190px;
	padding-left: 18px;
	padding-right: 15px;
}

.promise-btn{
	color:#4c5774; 
	float: left;
	width: 100px;
	height: 32px;
	line-height:32px; 
	border: 1px solid #c4d6e6;
	border-radius:30px;
	font-weight: 900;
	font-size: 16px;
	text-align: center;
	margin-left: 50px;
	display: inline-block;
	padding-bottom: 10px;
}
.promise-span{
	text-align: left;
	margin-top: -10px;
}
.service-area-title{
	width:400px;
	height:25px;
	line-height:25px;
	font-weight: 800;
	background: #ebebeb;
	text-indent: 10px;
}
.service-area-content{
	width:400px;
	height:22px;
	line-height:22px;
	text-indent: 10px;
}
.service-table{
	
}
.service-table tr td{
	valign: top;
	width: 490px;
	height:80px;
}
.customer-table{
	width: 100%;
}
.customer-table tr td{
	width: 50%;
	height: 150px;
}
.customer-table-b{ 
	font-size:15px;
	padding-right:10px;
}
.customer-img{
	width: 120px;
	height: 120px;
	float: left;
	margin-top: 25px;
}
.customer-content{
	float: left;
	width: 360px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 35px;
}
.btn-bottom{
	border: 1px solid #f2304a;
	background:#f2304a;
	color:#ffffff;
    height: 40px;
    line-height: 40px;
    border-radius:4px;
    display: inline-block;
    text-align: center;
    width: 165px;
    margin-top: 10px;
    margin-left: 15px;
    cursor: pointer;
}
.forpad1{
	display:none;
}
.fivef{
	display:none
}
.phonecall{
	display:none
}
.secb{
	display:none;
}
.kehut{
	display:none;
}
.daohang{
	display:none;
}
#imgcontent1{
	display:none;
}
.slider .slider-dot ul {
display: inline-block;
    float: left;
    text-align: center;
    position: relative;
    bottom: 0px;
    left: 47%;
    margin: 0px;
}
.slider-dot{
display: inline-block;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    bottom: 30px;
}
.slider .slider-img .slider-img-ul li img {
    width: 1100px;
    height: 460px !important;
}
.slider, .slider .slider-img {
    overflow: hidden;
    height: 460px !important;
}

.wechat-qrcode {
	background: #fff;
	height: 150px;
	width: 110px;
	position: fixed;
	margin: auto auto auto -120px;
	top: 0;
	bottom: 0;
}

.wechat-qrcode .qrcode-container {
	height: 110px;
	width: 110px;
	padding: 10px;
}

.wechat-qrcode .qrcode-container img {
	width: 90px;
	height: 90px;
}

.wechat-qrcode .text-container {
	height: 40px;
	width: 110px;
	display: flex;
	align-items: center;
	justify-items: center;
	justify-content: center;
	flex-direction: column;
}

.wechat-qrcode .text-container span {
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #333;
}