ul,ol,dl{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul:after{
	display: table;
	content: '';
	clear: both;
}
a{
	color: #5a5a5a;
}
a:hover{
	text-decoration: none;
}
html{
	font-size: 10px;
}
*{
	font-size: 1.6rem;	
}
.block-article{
	padding: 1.5rem;
}
.block-article *{
	font-size: 14px;
}
.block-article img{
	max-width: 100%;
}
.oneLine{
	white-space: nowrap;
	overflow: hidden;
}
.dux-page{
	text-align: center;
	padding: 2rem 1rem;
}
.dux-page .first-page,.dux-page .last-page{
	display: none;
}
.dux-page .num-page,.dux-page .prev-page,.dux-page .next-page{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 5px;
	font-size: 1.2rem;
	padding: .3rem .9rem;
	border: 1px solid #ccc;
	transition: all .3s;
	color: #000;
}
.dux-page .prev-page{
	margin-right: 0;
}
.dux-page a.active-page,.dux-page a:hover{
	background: #105BA3;
	color: #fff;
}


.llx{
	width: 100%;
	margin: 0 auto;
}
.llx:after{
	display: table;
	content: '';
	clear: both;
}
.llx-header{
	z-index: 99999999;
	position: relative;
	padding-bottom: 1rem;
}
#nav>li{
	float: left;
	padding: 0 2rem;
	height: 45px;
	line-height: 45px;
	position: relative;
}
#nav>li>a{
	font-size: 1.4rem;
	display: inline-block;
	line-height: 35px;
	color: #000;
}
#nav>li>a:hover,#nav>li>a.active{
	color: #1c8fe8!important;
	font-weight: bold;
	border-bottom: 2px solid #1c8fe8;
}
#nav>li:hover .drop-menu{
	display: block;
}
.drop-menu{
	display: none;
	position: absolute;
	background: rgba(255,255,255,.9);
	width: calc(100% + 80px);
	top: 45px;
	left: -40px;
	padding: 0 5px;
}
.drop-menu p{
	text-align: center;
	line-height: 2.8rem;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.drop-menu p:last-child{
	border-bottom: none;
}
.drop-menu p a{
	font-size: 12px;
}

.top-contact{
	text-align: right;
	height: 25px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0;
}
.top-contact span{
	font-size: 12px;
	margin-right: 10px;
	color: #000;
	line-height: 25px;
}
.top-contact i{
	font-size: 20px;
	line-height: 25px;
	color: #000;
	margin-right: 3px;
}

.index-title{
	margin: 2rem auto;
	text-align: center;
}
.index-title h1{
	font-size: 2.8rem;
	line-height: 4rem;
	font-weight: normal;
}
.index-title p{
	font-size: 1.3rem;
	color: #999;
}
.index-title span{
	width: 40px;
	margin: 0 auto;
	display: block;
	border-bottom: 2px solid #1c8fe8;
}

.index-about{
	margin: 4rem auto;
	background: #fff;
}
.index-about h1{
	font-size: 2.6rem;
	color: #000;
	margin-top: 1rem;
	padding-bottom: 1.5rem;
	margin-bottom: 2rem;
	border-bottom: 2px solid #1C8FE8;
}
.index-about h1 span{
	font-size: 2.6rem;
	font-family: "times new roman";
	color: #999;
	margin-left: 1rem;
}
.index-about p{
	font-size: 1.4rem;
	color: #767676;
	line-height: 2;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;

}
.index-about .more a{
	margin: 4rem 0;
}


.index-product{
	background: #F5F5F5;
	padding: 3rem 1.5rem;
}
.pro-list ul li{
	padding:.2rem .7rem;
	float: left;
	text-align: center;
}
.pro-list ul li>div>a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.pro-list ul li img{
	background: #fff;
	transition: all .6s;
	transform: scale(1);
	border-radius: 3px;
	max-width: 100%;
	height: auto;
}
.pro-list ul li p{
	transition: all .6s;
}
.pro-list ul li p a{
	font-size: 1.4rem;
	line-height: 3rem;
}
.pro-list ul li>div:hover img{
	transform: scale(1.1);
	opacity: .8;
}
.more a{
	display: block;
	width: 13rem;
	height: 4rem;
	line-height: 4rem;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	font-family: "times new roman";
	margin: 2rem auto;
	background: #1C8FE8;
	color: #fff;
	transition: all .6s;
}
.more a:hover{
	background: #000;
}

.index-product .index-label{
	text-align: center;
	margin: 2rem auto;
}
.index-product .index-label a{
	display: inline-block;
	padding: 0 1rem;
	border: 1px solid #fff;
	color: #000;
	line-height: 2;
	margin: .5rem;
	font-size: 1.2rem;
	background: #fff;
	border-radius: 15px;
	transition: all .3s;
}
.index-product .index-label a:hover{
	background: #1c8fe8;
	color: #fff;
	border-color: #ccc;
}

.index-news{
	padding: 3rem 1.5rem;
}

.news-list{
	padding: 1.5rem;
	transition: all .3s;
	padding-bottom: 3rem;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,.1);
	background: #fff;
}
.news-list:hover{
	box-shadow: 1px 2px 4px rgba(0,0,0,.1);
}
.news-list h3 a{
	font-size: 1.5rem;
	font-weight: bold;
} 
.news-list h3 a{
	color: #000;
}
.news-list a:hover{
	color: #1C8FE8;
}
.news-list .news-data{
	margin-top: 2px;
	margin-bottom: 2px;
}
.news-list .news-data i{
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .3rem;
	color: #999;
}
.news-list .news-data span{
	font-size: 1.3rem;
	color: #999;
	margin-right: 1rem;
}
.news-list p{
	font-size: 1.4rem;
	color: #666;
	line-height: 2;
}
.news-list .news-more{
	color: #1C8FE8;
	font-size: 1.4rem;
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
}
.news-list .news-more:hover{
	color: #666;
}

#foot{
	background: rgba(0,0,0,.9);
	padding: 3rem 1.5rem;
	color: #fff;
	border-top: 2px solid #1C8FE8;
}
#foot h2{
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	position: relative;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
#foot h2:after{
	content: '';
	display: block;
	width: 6rem;
	height: 3px;
	background: #1C8FE8;
	position: absolute;
	left: 0;
	bottom: -1.5px;
}
#foot h2 span{
	margin-left: 1rem;
	color: #ccc;
	font-size: 1.6rem;
}
#foot .foot-list{
	padding-left: 1rem;
}
#foot .foot-list h3{
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
#foot .foot-list p a{
	font-size: 1.2rem;
	color: #ccc;
}
#foot .foot-contact p{
	font-size: 1.4rem;
}
#foot .foot-contact p i{
	font-size: 2.2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}

#copyright{
	background: rgba(0,0,0,.8);
}
#copyright p{
	font-size: 1rem;
	color: #fff;
	text-align: center;
	margin: 0;
	line-height: 3rem;
}



.page-position{
	margin-bottom: 1rem;
}
.page-position ul li{
	float: left;
}
.page-position ul li a{
	font-size: 1.2rem;
	color: #666;
}
.page-position ul li i{
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
}
.page-position ul li a:hover{
	text-decoration: underline;
	color: #105BA3;
}

.page-title{
	margin: 2rem 1.5rem;
	text-align: center;
}
.page-title h1{
	font-size: 2.8rem;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.6;
}
.page-title p{
	font-family: "times new roman";
	font-size: 1.6rem;
	color: #999;
}
.page-title p span{
	display: inline-block;
	width: 40px;
	border-bottom: 1px solid #1C8FE8;
	margin: 0 1rem;
	position: relative;
	top: -0.4rem;
}
.page-label{
	margin: 1rem auto;
	text-align: center;
}
.page-label a{
	display: inline-block;
	margin-right: .5rem;
	margin-bottom: .5rem;
	padding: .5rem 1.5rem;
	font-size: 1.2rem;
	color: #fff;
	background: #105BA3;
	transition: all .3s;
}
.page-label a.active,.page-label a:hover{
	background: #000;
}
.about-content{
	font-size: 15px;
	line-height: 1.6;
	color: #767676;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.about-content p{
	font-size: 15px;
	line-height: 26px;
	text-indent: 2em;
}
.llx-form{
	background:#f5f5f5;
	max-width: 100%;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	display: block;
	padding: 15px;
	margin-bottom: 1.5rem;
}
.llx-form:after{
	content: '';
	display: table;
	clear: both;
}
.llx-form legend{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	padding-left: 10px;
}
.llx-form .form-box{
	padding: 0px 10px;
	margin-bottom: 10px;
}
.llx-form .form-box label{
	font-size: 14px;
	font-weight: normal;
	display: block;
	line-height: 30px;
	color: #000;
}
.llx-form .form-box input,.llx-form .form-box textarea{
	display: block;
	width: 100%;
	outline: none;
	line-height: 30px;
	padding-left: 10px;
	border: 1px solid #00AAEE;
	box-shadow: 0 0 2px rgba(0,170,238,.4);
	font-size: 13px;
	color: #999;
	background: #fff;
	transition: all .3s;
}
.llx-form .form-box input:focus,.llx-form .form-box textarea:focus{
	color: #000;
}
.llx-form .submit{
	display: block;
	margin-top: 2.6rem;
	width: 100%;
	border: none;
	font-size: 14px;
	line-height: 36px;
	background: #00AAEE;
	color: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,.3);
	border-radius: 3px;
}

.news-block>h2{
	font-size: 2.4rem;
	font-weight: normal;
	color: #000;
	margin-bottom: 1rem;
}
.news-block .block-data{
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.news-block .block-data i{
	font-size: 1.8rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	color: #999;
}
.news-block .block-data span{
	font-size: 1.4rem;
	display: inline-block;
	margin-right: 1rem;
	color: #999;
}
.news-block .block-article *{
	line-height: 2.4rem;
	font-size: 1.4rem;
	color: #666;
}
.news-block .block-article p{
	font-size: 1.4rem;
	color: #666;
}
.block-pages{
	margin-top: 1.5rem;
	border-top: 1px solid rgba(0,0,0,.2);
	padding-top: 1rem;
}
.block-pages span{
	font-size: 1.6rem;
	color: #1C8FE8;
	display: inline-block;
	vertical-align: middle;
}
.block-pages a{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.3rem;
	color: #000;
}
.ewm-block p{
	text-align: center;
	font-size: 14px;
	color: #ccc;
	line-height: 40px;
}
.contact-box{
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0,0,0,.1);
	padding: 1.5rem;
}
.contact-box h3{
	font-size: 2.2rem;
	font-weight: normal;
	margin-bottom: 1rem;
	color: #1C8FE8;
}
.contact-box i{
	font-size: 2rem;
	color: #999;
	margin-right: 6px;
}

.contact-box p{
	font-size: 1.4rem;
	color: #666;
}
.ry-list ul{
	background: #fff;
}
.ry-list ul li{
	text-align: center;
	padding: 1.5rem;
	padding-bottom: 2.5rem;
}
.ry-list ul li span{
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.ry-list ul li img{
	width: 220px;
	border: 1px solid #ccc;
}
.ry-list ul li p{
	font-size: 1.3rem;
	color: #1C8FE8;
}
.pro-content{
	text-align: center;
	padding-bottom: 1.5rem;
}
.pro-content h2{
	font-size: 2.2rem;
	font-weight: bold;
	color: #105BA3;
	margin-bottom: 1rem;
}



			.main{
				margin: 0 auto;
				display: block;
				max-width: 400px;
				height: auto;
				position: relative;
			}
			.main .small{
				position: relative;
				cursor: crosshair;
			}
			.main .small img{
				width: 100%
			}
			.main .small .mask{
				position: absolute;
				display: none;
				width: 33.333%;
				height: 33.3333%;
				background: rgba(0,0,0,.5);
			}
			.main .big{
				display: none;
				width: 100%;
				height: 100%;
				left: 105%;
				top: 0;
				overflow: hidden;
				position: absolute;
				background: #fff;
			}
			.main .big img{
				transform: translate(0px,0px);
			}
.allshow{
	display: none;
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999999999999999999999999;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	overflow: hidden;
	transition: all .3s;
}
.allshow ul{
	width: 1500%;
	height: 100%;
	transition: all .5s;
	transform: translateX(0);
}
.allshow ul li{
	float: left;
	width: 6.6666666666666667%;
	height: 100%;
	transition: all .3s;
	position: relative;
}
.allshow ul li>div{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}
.allshow ul li>div span{
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
.allshow .next,.allshow .prev{
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	background:url(../images/right.png) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}
.allshow .next{
	right: 5px;
}
.allshow .prev{
	left: 5px;
	transform: rotateZ(180deg);
}
.allshow .close{
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/close.png) no-repeat center center;
	background-size: 100%;
	cursor: pointer;
}
.allshow ul li h3{
	font-size: 20px;
	text-align: center;
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	color: #fff;
	line-height: 40px;
	background: #000;
	opacity: .8;
}
.allshow img{
	max-width: 100%;
	max-height: 100%;
}

.phone-btn,.phone-nav{
	display: none;
}

@media only screen and (max-width: 640px) {
	*{
		font-size: 12px;
	}
	.container-fluid{
		padding: 0;
	}
	.about-content p{
		font-size: 12px;
	}
	.page-title p{
		font-size: 12px;
	}
	.contact-box h3{
		font-size: 15px;
	}
	
	.hide-sm{
		display: none!important;
	}
	.llx-header{
	}
	.llx-header .container{
	}
	.main .mask{
		display: none!important;
	}
	.main .big{
		display: none!important;
	}
	#logo{
		width: calc(100% - 50px);
		margin-bottom: 1rem;
	}
	.phone-btn{
		display: block;
		width: 40px;
		float: right;
		margin-top: 1rem;
	}
	.phone-btn i{
		display: inline-block;
		vertical-align: middle;
		font-size: 2rem;
		color: #000;
	}
	.phone-btn span{
		height: 100%;
		width: 0;
		display: inline-block;
		vertical-align: middle;
	}
	.page-label{
		display: none;
	}
	.phone-nav{
		display: none;
		position: fixed;
		height: 100%;
		width: 300px;
		max-width: calc(100% - 100px);
		left: 0;
		top: 0;
		padding:2.5rem 1.5rem;
		background: rgba(0,0,0,.9);
		z-index: 99999999999;
		color: #fff;
	}
	.phone-nav ul li{
		margin-bottom: 1rem;
		font-size: 1.4rem;
	}
	.phone-nav a{
		color: #fff;
		font-size: 1.4rem;
	}
	.phone-nav .phone-menu{
		display: none;
	}
}