/****
 *  云云  1174188215 2017/7/12
 * 
 ****/
@charset "utf-8";

.other_banner{
	width: 100%;
	overflow: hidden;
	height: 240px;
	position: relative;
}
.other_banner img{
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

@media only screen and (max-width:1199px ) {
	.other_banner{
		height:200px;
	}
}
@media only screen and (max-width:1024px ) {
	.other_banner{
		height:180px;
	}
}
@media only screen and (max-width:980px ) {
	.other_banner{
		height:160px;
	}
}
@media only screen and (max-width:768px ) {
	.other_banner{
		height:100px;
		margin-top: 60px;
	}
	.banner_box{
		height: 160px;
		padding-top: 60px;
	}
	.other_banner img{
		transform: translateX(-46%);
		-webkit-transform: translateX(-46%);
	}
}
.other_content {
	background: #fff;
}
.pinpai_content{
	background: #f1f1f1;
}
.other_content .wrapper{
	position: relative;
	padding: 30px 0 30px 280px;
	min-height: 770px;
	background: background: #f1f1f1;;
}

.other_content .left{
	position: absolute;
	top: -30px;
	left: 0;
	width: 240px;
	background: #fff;
	box-shadow: 2px 0 5px rgba(0,0,0,0.3);
}
.other_content .left.on{
	position: fixed;
	top:0;
	z-index: 999999;
}
.other_content .left .pub_tit3{
	height: 60px;
	border-bottom: 1px solid #eeeeee;
}
.other_content .left .pub_tit3 span{
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #0062c4;
	text-align: center;
	float: left;
}
.other_content .left .pub_tit3 .fr{
	padding:0 20px;
	padding-top: 10px;
	width: 180px;
	font-size: 14px;
	color: #333333;
	line-height:1.5em;
}
.other_content .left .pub_tit3 .fr em{
	font-style: normal;
	color: #0062c4;
}
.other_content .left .pub_tit3 .fr .small{
	font-size: 12px;
	text-transform: uppercase;
}
.other_content .other_nav{
	padding: 20px;
	border-bottom: 1px solid #eeeeee;
	position: relative;
	font-size: 12px;
	line-height: 36px;
}
.other_content .other_nav:after{
	position: absolute;
	content: '';
	width: 20px;
	height: 1px;
	background: #0062C4;
	bottom: -1px;
	left: 0;
}
.other_content .other_nav li{
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding-left: 18px;
}
.other_content .other_nav li a{
	color: #333333;
}
.other_content .other_nav li.on{
	background-color: #f3f3f3;
	border-left: 2px solid #0050a0;
	background-image: url(../img/b04.png);
	background-repeat: no-repeat;
	background-position: 160px center;
}
.other_content .other_nav li.on a{
	color: #0062c4;
}
.other_content .left .lianxi_box{
	padding: 20px;
}
.other_content .lianxi_box .top span{
	padding-left: 50px;
	font-size: 14px;
	color: #000;
}
.other_content .lianxi_box .top span.s2{
	color: #999;
	font-size: 12px;
}
.other_content .lianxi_box .top p{
	position: relative;
	margin-bottom: 10px;
}
.other_content .lianxi_box .top p i{
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 45px;
	background: url(../img/b05.png) no-repeat center;
}
.other_content .lianxi_box .top p.p2{
	line-height: 27px;
	height: 27px;
	color: #fff;
	text-align: right;
	padding: 0 10px;
	font-size: 14px;
	background: #0062c4;
}
.other_content .lianxi_box .top{
	background: url(../img/a8.jpg) no-repeat right top;
}
.other_content .lianxi_box .dizhi{
	color: #666;
	font-size: 12px;
	line-height:2em;
	padding: 0 10px;
	margin-bottom: 10px;
}
.other_content .lianxi_box .dizhi span{
	color: #333;
}
.other_content .lianxi_box .dizhi b{
	color: #0062c4;
	font-weight: normal;
	font-size: 14px;
}
.other_content .lianxi_box img{
	width: 200px;
	height: 200px;
}
.other_content .lianxi_box .img{
	text-align: center;
	color: #999999;
	font-size: 18px;
}

.other_content .right{
	width: 100%;
}
.other_content .right .top_nav{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 10px;
}
.other_content .right .top_nav h2{
	float: left;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	padding-right: 30px;
	background: url(../img/c03.png) no-repeat right center ;
	position: relative;
}
.other_content .right .top_nav h2:after{
	content: '';
	width: 30px;
	height: 1px;
	background: #ff9000;
	position: absolute;
	bottom: -10px;
	left: 0;
	
}

.other_content .right .top_nav ul{
	float: right;
}
.other_content .right .top_nav li{
	float: left;
	font-size: 12px;
	color: #989898;
	padding: 0 15px;
	border-left: 1px solid #E6E6E6;
}
.other_content .right .top_nav li:first-child{
	border: none;
}

@media only screen and (max-width:1024px) {
	.other_content .wrapper{
		padding-left: 0;
	}
	.other_content .wrapper .left{
		position: relative;
		width: 100%;
		z-index: 999;
	}
	.other_content .other_nav li{
		float: left;
		width: 33.33%;
		text-align: center;
	}
	.other_content .other_nav li.on{
		background-image:none ;
		padding: 0;
	}
	.other_content .lianxi_box{
		display: none;
	}
	.other_content .right{
		padding:0 10px;
	}
}
@media only screen and (max-width:768px){
	.other_content .left .pub_tit3 .fr{
		width: auto;
	}
	.other_content .right .top_nav h2{
		font-size: 16px;
		background-size: 15px 15px;
		background-position:right 4px;
		
	}
}
/*关于我们*/
.other_content .right .content .tit_img{
	width: 100%;
	padding: 30px 0;
}
.other_content .right .content .tit_img img{
	width: 100%;
}
.other_content .right .content .word{
	font-size: 12px;
	color: #333;
	text-align: justify;
	line-height: 1.5em;
}
.other_content .right .content .word img{
	width: 100%;
	height: auto !important;
}

@media only screen and (max-width:768px ) {
	.other_content .right .content .tit_img{
		padding: 20px 0;
	}
}


/*联系我们*/

.lianxi_wo{
	background: #fff;
	padding: 20px 0;
}
.lianxi_wo ul{

}
.lianxi_wo li{
	float: left;
	width: 33.33%;
	overflow: hidden;
	padding: 0 3%;
	margin-bottom: 10px;
	font-size: 16px;
}
.lianxi_wo li h3{
	width: 100%;
	height: 40px;
	line-height: 30px;
	padding-bottom: 10px;
	overflow: hidden;
	font-weight: normal;
	color: #666;
	border-bottom: 1px solid #E6E6E6;
	position: relative;
}
.lianxi_wo li p{
	color: #666;
	line-height: 2em;
}
.lianxi_wo li h3 i{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../img/a09.jpg) no-repeat;
	vertical-align: middle;
}
.lianxi_wo li.i1 h3 i{background-position: 0 0;}
.lianxi_wo li.i2 h3 i{background-position: -40px 0;}
.lianxi_wo li.i3 h3 i{background-position: 0px -40px;}
.lianxi_wo li.i4 h3 i{background-position: -40px -40px;}
.lianxi_wo li.i5 h3 i{background-position: 0px -80px;}
.lianxi_wo li.i6 h3 i{background-position: -40px -80px;}

.lianxi_wo li h3:after{
	content: '';
	position: absolute;
	width: 70px;
	height: 1px;
	background: #007AFF;
	left: 0;
	bottom: 0px;
}
.lianxi_wo li.i4{
	clear: both;
}
.lianxi_wo .map_box{
	width: 100%;
	padding: 25px;
}
.lianxi_wo .map_box h3{
	font-weight: normal;
	font-size: 20px;
	color: #333;
	margin-bottom: 20px;
}
.lianxi_wo .map{
	width: 100%;
	height: 380px;
}

@media only screen and (max-width:1024px ) {
	.lianxi_wo li{
		width: 50%;
		font-size: 14px;
	}
	.lianxi_wo li.i4{
		clear: none;
	}
	.lianxi_wo li.i3{
		clear: both;
	}
	.lianxi_wo .map{
		height: 240px;
	}
}

/*zhaopin*/
.other_content .right .zhaopin h4{
	font-size: 20px;
	color: #333;
	font-weight: normal;
	margin: 20px 0;
}
.other_content .right .zhaopin .word{
	font-size: 14px;
	color: #333;
	line-height: 2em;
}
.zhaopin .box{
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 20px;
}



/*品牌*/
.pinpai{
	margin-bottom: 30px;
}
.other_content .right .pinpai .top_nav h2{
	font-weight: 600;
}
.pp_box ul{
	font-size: 0;
}
.pp_box li{
	display: inline-block;
	width: 23%;
	background: #fff;
	overflow: hidden;
	padding-top:15%;
	position: relative;
	margin:2% 1% 0;
}
.pp_box li span{
	display: block;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000 \9;
	filter:alpha(opacity=0);
	background: rgba(0,0,0,0);
	color: #000;
	z-index: 998;
	transition: all .5s; 
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	-ms-transition: all .5s; 
}
.pp_box li:hover span{
	background: #000 \9;
	filter:alpha(opacity=60);
	background: rgba(0,0,0,0.6);
}
.pp_box li i{
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #000;
	z-index: 999;
	font-size: 14px;
	color: #fff;
	font-style: normal;
	cursor: pointer;
	display: none;
}
.pp_box li:hover i{
	display: block;
}
.pp_box li img{
	max-width: 100%;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}

@media only screen and (max-width:1024px ) {
	.pp_box li{
		width: 31%;
		padding-top:17%;
		margin:2% 1.166% 0;
	}
}


/*chanpin*/
@media only screen and (max-width:1024px ) {
	.other_content .other_nav.chanpin li{
		height: auto;
		line-height: 2em;
		max-height: 4em;
		overflow: hidden;
	}
}

.chanpin .sousuo_box{
	margin-top: 30px;
	height:45px;
	line-height: 45px;
	background: #fafafa;
}
.chanpin .sousuo_box h2{
	font-size: 18px;
	color: #333;
	font-weight: normal;
	position: relative;
	padding: 0 20px;
}
.chanpin .sousuo_box h2 span{
	position: absolute;
	background: #ff9000;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	border-radius:4px ;
	top: -55px;
	left:0;
	line-height: 1.5em;
}
.chanpin .sousuo_box h2 span i{
	position: absolute;
	display: block;
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #ff9000;
    left: 50%;
    margin-left: -5px;
    bottom: -10px;
}
.chanpin .box_inn{
	/*padding:15px 20px;*/
	/*background: #fff;*/
}
.chanpin .box_inn .search_box{
	width: 75%;
	height: 36px;
	line-height: 36px;
	position: relative;margin-top: 5px;
}
.chanpin .box_inn .search_box .sur_btn{
	width: 86px;
	height: 36px;
	border: none;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #3385ff;
	color: #fff;
}
.chanpin .box_inn .search_box input[type=text]{
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border: none;
	display: block;
	font-size: 12px;
	color: #999;
	border: 1px solid #2d78f4;
}

.chanpin .box_inn li{
	display: inline-block;
	font-size: 12px;
	color: #666;
	line-height: 36px;
	margin-left: 5px;
}
.chanpin .box_inn li input{
	vertical-align: middle;
	margin-right: 3px;
}

@media only screen and (max-width:1024px ) {
	/*.chanpin .box_inn .search_box{
		width: 100%;
	}*/
	.chanpin .box_inn .search_box .sur_btn{
		font-size: 14px;
	}
}
@media only screen and (max-width: 768px) {
	.chanpin .sousuo_box h2{
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.chanpin .sousuo_box h2 span {
	    position: absolute;
	    background: #ff9000;
	    padding: 8px;
	    color: #fff;
	    font-size: 12px;
	    border-radius: 4px;
	    top: -45px;
	    left: 0;
	    line-height: 1.5em;
	}
	.chanpin .sousuo_box{
		margin-top: 30px;
	}
}

.chanpin .fenlei{
	background: #fff;
	margin-top: 15px;
}
.chanpin .fenlei dl{
	padding: 10px 20px;
	border-top: 1px solid #E6E6E6;
	cursor: pointer;
}
.chanpin .fenlei dl:first-child{
	border: none;
	line-height: 2em;
}
.chanpin .fenlei dt{
	display: inline-block;
	font-size: 16px;
	color: #333;
}
.chanpin .fenlei dd{
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin-left: 2%;
	cursor: pointer;
}
.chanpin .fenlei dd.on{
	color: #007AFF;
}
@media only screen and (max-width:768px ) {
	.chanpin .fenlei{
		margin-top:0 ;
	}
	.chanpin .fenlei dl{
		padding-left: 12%;
		position: relative;
	}
	.chanpin .fenlei dt {
		font-size: 14px;
		position: absolute;
		left: 0;

	}
	.chanpin .box_inn .search_box input[type=text]{
		height: 30px;
		line-height: 30px;
	}
	.chanpin .box_inn .search_box .sur_btn{
		height: 30px;
		font-size: 14px;
	}
}
.chanpin .paixu{
	font-size: 12px;
	color: #333;
	padding:25px 0 ;
}
.chanpin .paixu span{
	display: inline-block;
	width: 30px;
	height: 20px;
	border-radius: 2px;
	background-color: #fff;
	vertical-align: middle;
	background-image: url(../img/b06.png);
	background-repeat: no-repeat;
}
.chanpin .paixu span.on{
	background-color: #ff9000;
}
.chanpin .paixu span.shang{
	background-position: 0 0;
}
.chanpin .paixu span.shang.on{
	background-position: -40px 0;
}
.chanpin .paixu span.xia{
	background-position: 0px -30px;
}
.chanpin .paixu span.xia.on{
	background-position: -40px -30px;
}
.chanp_table {
	position: relative;
}
.chanp_table td{
	border: 1px solid #E6E6E6;
	background: #fff;
}
.chanp_table table{
	width: 100%;
}
.chanp_table thead td{
	height: 50px;
	font-size: 14px;
	color: #333;
	vertical-align:middle;
	text-align: center;
	overflow: hidden;
	table-layout:fixed;
	word-wrap:break-word;
	word-break:break-all;
	border-bottom: 0;
}
.chanp_table  td.td1{
	width: 5.21%;
}
.chanp_table td.td2{
	width: 11.956%;
}

.chanp_table td.td3{
	width: 11.65%;
}
.chanp_table td.td4{
	width: 8.695%;
}
.chanp_table tbody td{
	height: 110px;
	vertical-align:middle;
	text-align: center;
	overflow: hidden;
	table-layout:fixed;
	word-wrap:break-word;
	word-break:break-all;
	font-size: 12px;
	color: #666;
}
.chanp_table .jiaj_box{
	border: 1px solid #f2f2f2;
	font-size: 0;
	width: 62px;
	margin: 0 auto;
}
.chanp_table .jiaj_box i{
	font-size: 16px;
	display: inline-block;
	width: 15px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #fdfdfd;
	vertical-align: middle;
}
.chanp_table .jiaj_box input{
	width: 30px;
	height: 30px;
	border: 0;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	font-size: 0;
}
.chanp_table .ph span{
	color: #cc0000;
}
.chanp_table .myi{
	display: inline-block;
	padding:5px 10px;
	background: #67a7e6;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
}
.chanp_table table{
	position: relative;
}
.chanp_table thead.on{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
}
.chanp_table thead.on tr{
	width: 100%;
}

@media only screen and (min-width: 1200px) {
	.tab_top.on{
		position: fixed;
		top: 0;
		width: 920px;
		height: 51px;
		background: #fff;
		z-index: 123458679;
		border-bottom: 1px solid #E6E6E6;
	}
}

@media only screen and (max-width: 1024px) {
	.chanp_table thead td{
		font-size: 12px;
	}
	.chanp_table .myi{
		padding: 5px;
	}
}

/*
@media only screen and (max-width:768px) {
	.chanp_table{
	width: 100%;
	overflow: hidden;
	overflow-x: scroll;
	}
	.chanp_table table{
		width:160%;
	}
}*/

/*页码*/
.order_page{
	width: 334px;
	height: 28px;
	line-height: 28px;
	margin: 50px auto;
}
.order_page i,.order_page p,.order_page a{
	float: left;
}
.order_page i{
	width: 26px;
	height: 26px;
	margin-top: 1px;
}
.order_page i.prev{
	background: #cccccc url(../img/orderprev.png) no-repeat center;
}
.order_page i.next{
	background: #cccccc url(../img/ordernext.png) no-repeat center;
}
.page_select span{
	float: left;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 12px;
}
.page_select input.pages{
	float: left;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 12px;
	border:1px solid #CCC
}
.page_list a{
	width: 28px;
	height: 28px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #ccc;
	font-size: 12px;
	margin: 0 5px;
}
.page_list a.on{
	background: #cccccc;
	color: #fff;
}
.page_list a.page_more{
	border:none;
	width: 20px;
}
.page_search{
	width: 54px;
	height: 28px;
	color: #fff;
	background: #ccc;
	text-align: center;
	font-size: 14px;
}


@media only screen and (max-width:768px ) {
	.chanpin .sousuo_box{
		height: auto;
		padding:15px;
	}
	.chanpin .sousuo_box h2{
		line-height: 2em;
	}
	.chanpin .box_inn .search_box{
		width: 100%;
	}
}