.transition(@transition:.4s){-webkit-transition:@transition;-moz-transition:@transition;-ms-transition:@transition;-o-transition:@transition;transition:@transition;}
 .transform-origin(@origin){-webkit-transform: @origin;-moz-transform: @origin;-ms-transform: @origin;-o-transform: @origin;transform: @origin;}
 .scale(@scale){-webkit-transform: scale(@scale);-moz-transform:scale(@scale);-ms-transform:scale(@scale);-o-transform:scale(@scale);transform:scale(@scale);}
 .border-radius(@border-radius){-webkit-border-radius:@border-radius;-moz-border-radius:@border-radius;-o-order-radius:@border-radius;-ms-border-radius:@border-radius;border-radius:@border-radius;}
 .rotate(@rotate){-webkit-transform: rotate(@rotate);-moz-transform: rotate(@rotate);-ms-transform: rotate(@rotate);-o-transform: rotate(@rotate);transform: rotate(@rotate);}
 p,a,h1,h2,h3,h4,h5,h6,li,label,span,i,b,div{margin: 0;padding: 0;font-size: 12px;}
 h1,h2,h3,h4,h5,h6 {font-weight: normal;}
li{list-style: none;}input {-webkit-appearance:none; /*去除input默认样式*/}
ul{padding: 0;margin:0;}
i{font-style: normal;}
a {color: #333;text-decoration: none;}

@mc1:#025ab5;
@mc2:#c93b27;
@qt1:#573a59;
@qt2:#1a636b;/*主色*/
@qt3:#eee;/*内页title颜色*/
.txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
body{color: #666; margin: 0; font-size: 12px;}
.main{margin:0 auto;max-width:640px;min-width: 320px; }
.main_body{margin: 0 2%;}

body {padding: 0px;margin: 0px;}
.white {color: #fff !important;}
.gray {color: #333333;}
.orange {color: #ffa911;}
.h100 {height: 100px;}

table {border-right:1px solid #ccc;border-bottom:1px solid #ccc}
table td {border-left:1px solid #ccc;border-top:1px solid #ccc;text-align: center;vertical-align: middle;}

.top {
	height: 5rem;position: relative;
	.logo {display: block;width: 100%;height: 5rem;object-fit: cover;}
	.micon {position:absolute;right: 2%;height: 2.5rem;width: 2.5rem;top: 0px;bottom: 0px;display: block;margin:auto;}
}


.nav {
	display: flex;justify-content: center; display: -webkit-flex;-webkit-justify-content: center;background:@mc1;
	flex-wrap: wrap; flex-wrap: -webkit-wrap;
	a {
		display: block;width: 25%;height: 3rem;line-height: 3rem;font-size: 1.2rem;color: #fff;text-align: center;box-sizing: border-box;
	}
	a:nth-of-type(1), a:nth-of-type(2), a:nth-of-type(3), a:nth-of-type(4) {border-bottom:1px solid #6c9fd4;}
	a:nth-of-type(1), a:nth-of-type(2), a:nth-of-type(3),a:nth-of-type(5), a:nth-of-type(6), a:nth-of-type(7) {border-right:1px solid #6c9fd4;}
}

.banner {position: relative;width: 100%;overflow: hidden;}
.banner img {width: 100%;display: block;}

.banner1 {position: relative;width: 185px;z-index: 1;height: 230px;	box-shadow: 0px 0px 10px 5px #dcdcdc;}
.banner1 img {width: 100%;height: 133px;}

.main_title {
	padding: 2rem 0rem 1.5rem;
	p:nth-of-type(1),p:nth-of-type(2) {font-size: 1rem;color: @mc1;text-transform: uppercase;text-align: center;}
	h3 {
		font-size: 2.4rem;color: @mc1;text-align: center;
		span {font-size: 2.4rem;font-weight: bold;}
	}
}

.main_more {
	text-align: center;margin:2rem 0.5rem;
	a {
		display: inline-block;margin:0 0.5rem;
		img {display: block;width: 11.8rem;height: 3.3rem;object-fit: cover;border-radius: 0.4rem;}
	}
	
}


//首页��M��

.product_box {
	.goods_type {
		display: flex;justify-content: space-between;flex-wrap: wrap; display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;
		li {
			width: 33%;margin-bottom: 2px;box-sizing: border-box;
			a {
				display: block;width: 100%;line-height: 3rem;color: #333;text-align: center;font-size: 1.2rem;background:#e7effa;background:#e7effa;

			}
		}
	}
	.goodslist {
		margin-top: 20px;padding-top: 20px;
		display: flex;justify-content: space-between; display: -webkit-flex;-webkit-justify-content: space-between;flex-wrap: wrap;-webkit-flex-wrap: wrap;
		li {
			width: 48%;margin-bottom: 1rem;
			div {
				width: 100%;height: 11.5rem;position: relative;background: #fff;
				img {height:11.5rem;width: 100%;display: block;}
			}
			h3 {font-size: 1.2rem;line-height:3rem;text-align: center;color: #333;background: #f0f0f0;}
		}
	}
}

.use_box {
	background:#e7effa; padding-bottom:2rem;margin-bottom: 1rem;
	img {display: block;width: 100%;}
}

.youshi_box {
	li img {
		display: block;width: 100%;margin-bottom: 1.2rem;
	}
}

.about_box {
	.about_main {
		img {width: 100%;margin: 0 auto 1rem;display: block;}
		p {font-size:1.2rem;line-height: 2rem;text-indent: 2em;color: #333;}
	}
}

.news_box {
	.news01 {
		margin-bottom: 1rem;
		a {
			display: flex;justify-content: space-between; display: -webkit-flex;-webkit-justify-content: space-between;
			img {width: 11.5rem;height: 8rem;object-fit: cover; display: block;border:1px solid #dedede;}
			div {
				width: calc(~"100% - 12.5rem");
				h3 {font-size: 1.4rem;line-height: 3rem;}
				p {font-size: 1.2rem;line-height: 2rem;height: 4rem;overflow: hidden;}
			}
		}
	}
	.news02 {
		border-bottom:1px dashed #dcdcdc;
		a {font-size: 1.4rem;display: block;line-height: 3rem;}
	}
	.news_more {
		width: 12rem;background:@mc1;border-radius:0.4rem;font-size: 1.2rem;color: #fff;text-align: center;line-height: 3rem;
		display: block;margin:0.8rem auto 1rem;
	}
}



//首页��M��部分�l�束


// 面包屑导�?

.nav_box {
	padding: 0px 2%;height: 45px;background: #e9e8e9;margin-bottom: 10px;
	display: flex;justify-content: space-between;
	display: -webkit-flex;-webkit-justify-content: space-between;
	.cp_title1 {
		* {font-size: 14px;color: #000;line-height: 45px;}
	}
	img {width: 30px;height: 30px;display: block;margin-top: 8px;}

}

.footer {
	background: #f0f0f0;margin-top: 2rem;padding-bottom:2rem;
	.main_body {
		p {
			color: #666;line-height:2rem;font-size: 1.2rem;text-align: center;margin-top: 0.8rem;
			a {color: #666;line-height:2rem;font-size: 1.2rem;}
		}
	}
}


.foot_nav {
	height: 4.5rem;width: 100%;
	> div {
		position:fixed;left: 0;right: 0;bottom:0;margin:auto;z-index: 88;background: @mc1; display: flex; display: -webkit-flex;height: 4.5rem;
		li {width: 20%;
			a {display: flex;justify-content: space-around;flex-direction: column;align-items: center;box-sizing:border-box; display: -webkit-flex;-webkit-justify-content: space-around;-webkit-flex-direction: column;-webkit-align-items: center; width: 100%;height: 100%; }
			img {width: 2.5rem;height: 2.5rem;}
			p {color: #fff;font-size: 1.2rem;line-height: 2rem;}
		}
		li:nth-of-type(3) {
			position:relative;box-sizing:border-box;padding-top:2.5rem;
			img {display: block;width: 3.5rem;height: 3.5rem;position: absolute;left: 0;right: 0;top: -1.7rem;margin:auto;}
			p {position: relative;}
		}
	}
}



.typeson {
	display: -webkit-flex;-webkit-flex-wrap: wrap;padding-left: 20px;
	a {padding:4px 4px;margin-right: 5px;background: #000000;color: #fff;font-size: 12px;border-radius: 3px;margin-top: 5px;display: block;width: 90%;}
}


.type_son {
	margin-bottom: 5px;
	a {width: 90%;background: @mc1;text-indent: 1em;color:#fff;margin:0 auto;line-height: 36px;font-size: 14px;display: block;}
}

.cp_title {font-size: 20px;color: #000;margin-left: 5%;}
.contact1_txt {
	background: #f4f4f4;padding-top: 20px;padding-bottom: 20px;margin: 1.5rem 0;
	p {
		box-sizing: border-box;padding-left: 4%;color: #666;font-size: 1.2rem;line-height:1.5;margin-bottom: 10px;color:#666;
		i {font-size: 1.4rem;margin:5px 0px;color:#666;line-height: 3;}
		a {font-size: 1.2rem;line-height:1.5;color:#666}
	}
}
.news_content ,.loadsize{margin-left: 6%;}


.main_body  .newsList_li { padding: 10px; height: 120px;background: #fff;box-sizing: border-box;margin-bottom:8px;}
.main_body  .newsList_li > a {
	display: flex;justify-content: space-between; display: -webkit-flex;-webkit-justify-content: space-between;
	img {width: 140px;display: inline-block;height: 100px;}
	div {
		width: calc(~'100% - 150px');display: inline-block;vertical-align: top;
		h3 {font-size: 12px;color: #333;line-height: 40px;}
		p {
			height: 60px;overflow: hidden;
			font-size: 12px;color: #666;line-height: 20px;
		}
	}
}

//�U�文�?

.newsList_li1 { padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; padding-top: 5px;}
.newsList_li1 > a {
	display: flex;justify-content: space-around;display: -webkit-flex;-webkit-justify-content: space-around;
	div:nth-of-type(1) {
		width: 20%;height: 60px;border-right: 1px solid @mc1;
		p:nth-of-type(1) {font-size: 14px;text-align: center;color:@mc1;font-weight: bold;line-height: 30px;}
		p:nth-of-type(2) {font-size: 12px;text-align: center;color:@mc1;line-height: 30px;}
	}
	div:nth-of-type(2) {
		width: 75%;height: 60px;overflow: hidden;
		h3 {font-size: 12px;font-weight: normal;color:#333;line-height: 18px;margin-bottom: 5px;}
		p {font-size: 12px;color:#666;line-height: 18px;}
	}
}


//产品分页内页样式
.product_list_ul{
	li{width: 48%;margin: 1%;float: left;border: 1px solid #dcdcdc;box-sizing: border-box;;
		a{display: block;}
		.picture2aa{background:@mc1;height:2.5rem;padding:0 5px;text-align: center;line-height:2.5rem;color: #fff;}
		.picture1a{overflow: hidden;width: 100%;display: -webkit-flex;display:flex;justify-content:center;height:12rem;-webkit-box-align: center;align-items:center;background: #fff;
			img {width: auto;width: 100%;height: 12rem;object-fit: cover;}
		}
		.picture1aa{height:100px;line-height:100px;
			img{display: inline-block;vertical-align: middle;}
		}
	}
}

.message {margin-bottom:20px;}
.borderLi {
	input {height: 30px;width: 100%;border:1px solid #dfdfdf;box-sizing: border-box;text-indent: 1em;font-size: 12px;}
	textarea {width: 100%;height: 60px;text-indent: 1em;box-sizing: border-box;font-size: 12px;padding-top: 5px;}
}
.captcha {
	input {width: 50%;text-indent: 1em;border:1px solid #dfdfdf;height: 30px;}
	img {height: 30px;vertical-align: top;}
}
.message li {margin-top: 10px;}
.message p {display: inline-block;}
.submit {background: #282828;color: #fff;border:1px solid #dfdfdf;box-sizing: border-box;}


.productdetail {
	> img {
		margin: 0 auto;display: block;width: 100%;
	}
	> h2 {font-size: 1rem;line-height: 2rem;color: #333;}
}


.clearfix{clear:both} 

.wrap{min-width: 320px;max-width:640px;margin: 0 auto;}
.content{width: 98%;margin: 14px auto;font-size: 12px;line-height: 28px;
	span{font-size: 12px!important;}
	p{
		img{width: 100%;}
	}
	img{}
	.click{text-align: center;margin-bottom: 15px;}
	.content_title{text-align: center;font-size: 16px;}
}

.content_news{
	h3 {
		text-align: center;font-size: 16px;line-height: 24px;color: #000;
		small {font-size: 12px;text-align: center;color: #333;}
	}

	img{max-width:96%;}
	table {max-width: 96% !important;}
}

.type{display: none;}
#loadmore{position: fixed;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px;display: none;
	img{width: 25px;height: 25px;}
}
.loadsize{font-size: 14px;text-align: center;line-height: 25px;padding-bottom: 30px;display: none;clear: both;}

.pubuliu{
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari �?Chrome */
	column-count:2;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
	.pic{
		.pic_img{
			padding: 3px;
			margin:10px;
			-moz-page-break-inside: avoid;
			-webkit-column-break-inside: avoid;
			break-inside: avoid;
			border: 1px solid #ccc;
			border-radius: 5px;
			box-shadow: 2px 2px 2px #ccc;
			img{width: 100%;}
		}
		p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;text-align: center;}
	}
}
#container{
	.column {  display: inline-block; vertical-align: top; }
	.pic_a {  display: block;  padding: 5px; margin:7px;  border: 1px solid #ccc;  background-color: #fff; text-decoration: none;
		img {  display: block;  margin: 0 auto 5px; border: 0;  vertical-align: bottom;  width: 100%;}
		strong{text-align: center;margin: 0 auto;display: block;color: #000;font-size: 12px;}
	}
}

.sidebar {
	width: 100%;position: fixed;right: 0px;left: 0px;top: 5rem;z-index: 666;background: #fff;padding-bottom:1.5rem;display: none;height:100%;
	overflow-y: scroll;
	> li {
		border-bottom: 1px dashed #eee;padding-left: 5%;font-size: 1.2rem;color: #333;line-height:2.5rem;
		> a {font-size: 1.2rem;color: #333;display: block;line-height: 2.6;}
	}
}

.sidebar_active {transform: translateY(0); -webkit-transform: translateY(0); visibility: visible;}

.sidebar_back {width: 100%;height: 100%;display: block;background: rgba(0,0,0,0.3);position: fixed;z-index: 100;top: 0px;left: 0px;display: none;	transition: all ease .6s; -webkit-transition: all ease .6s;}


//人才招聘
.news_job {
	li {display: -webkit-flex;-webkit-justify-content: space-between;padding-bottom: 6px;padding-top: 6px;border-bottom: 1px dashed @mc1;}
}
.page {text-align: center;margin-top: 30px;}
.seek_job {background: @mc1;display: block;width: 100px;height: 30px;text-align: center;line-height: 30px;font-size: 13px;color: #fff;margin-top: 20px;}
.jobs_info {
	> p:nth-child(1) {
		font-size: 12px;color: #000;line-height: 20px;margin-top: 10px;margin-bottom: 10px;
		span {font-size: 12px;font-weight: bold;margin-right: 10px;}
	}

}

.seek_jos_input01 {width: 100%;text-indent: 1em;height: 25px;border:1px solid #dfdfdf;margin-bottom: 5px;margin-top: 5px;}
.seek_jos_input02 {width: 100px;border:1px solid #dfdfdf;height: 30px;}
.seek_jos_textarea {width: 100%;border:1px solid #dfdfdf;text-indent: 1em;font-size: 12px;height: 60px;}


.wx_box {
	padding-top:1rem;
	p:nth-of-type(1) {text-align: center;font-size: 1.2rem;margin-bottom: 1rem;}
	p:nth-of-type(2) {text-align: center;font-size: 1.8rem;background: #FE4245;color: #fff;line-height: 4rem;font-weight: bold;}
	p:nth-of-type(3) {text-align: center;font-size: 1.4rem;color: #666;line-height: 3rem;}
	img {width: 15rem;height: 15rem;margin:1rem auto;display: block;border:1px solid #eee;}
}