@charset "utf-8";/* CSS Document */

*{box-sizing: border-box;}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
}
.show {
    display: block !important;
}

/*banner*/
.banner {
	position:relative;
	height:460px;
}
.banner-img li:first-child{
	z-index:10;
	}
	
.category {
	position:absolute;
	top:0px;
	left:0px;
	z-index:21;
	width:234px;
	height:460px;
	background:rgba(0,0,0,0.5);
}

.category-list {
	height:420px;
	border:0;
	color:#fff;
	padding:20px 0;
}
.category-item .title {
	position:relative;
	display:block;
	padding-left:30px;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size:14px;
}
.category-item .title-hover {
	background:#1286d2 none repeat scroll 0 0;
}
.category-list .title i {
	position:absolute;
	top:16px;
	right:20px;
	font-size:14px;
	line-height:16px;
	color:#e0e0e0;
	background: url(../images/jt-quanbu.png) center center no-repeat;
	width:12px;
	height:12px;
}
.subCate {
	background:#fff;
	position:absolute;
	border:1px solid #cccccc;
	left:234px;
	top:0;
	width:600px;
	padding:0 0 0px 10px;
	color:#333;
	min-height:460px;
	_height:387px;
	overflow:visible;
}
.subCate ul {
	float:left;
	overflow:hidden;
	padding-top:0px;
	width:100%;
}
.subCate li {
	float:left;
	display:inline;
}
.subCate li .childclass {
	color:#000;
	font-size:14px;
}
.subCate li a {
	display:block;
	float:left;
	padding:5px 5px;
	line-height:25px;
	color:#666;
	word-break:keep-all;
	white-space:nowrap;
}
.banner-img li {
	position:absolute;
	left:0;
	top:0;
}
.ui-pager {
	display:block;
	left:auto;
	right:30px;
	width:400px;
	text-align:right;
}
.ui-pager {
	font-size:12px;
	color:#666;
}
.ui-pager,.ui-controls-auto {
	position:absolute;
	bottom:20px;
	z-index:999;
}
.ui-pager.ui-default-pager a {
	display:block;
	width:10px;
	height:10px;
	margin:0 5px;
	border:2px solid #fff;
	border-color:rgba(255,255,255,0.3);
	border-radius:10px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	_zoom:1;
	background:#f5f5f5;
	background:rgba(0,0,0,0.4);
	-webkit-transition:all .2s;
	transition:all .2s;
}
.ui-pager .ui-pager-item {
	display:inline-block;
}
.ui-pager.ui-default-pager a.active {
	background:#fff;
	background:rgba(255,255,255,0.4);
	border-color:#757575;
	border-color:rgba(0,0,0,0.4);
}
.stop {
	height:460px;
}
/*推荐商品*/
.h10 {
	height:10px;
}

.recommend {
	margin-top:15px;
	margin-bottom:46px;
	padding-top:10px !important;
}

.recommend .more.icon{
	margin-top:20px;
}
.recom-top {
	margin:0;
	font-size:22px;
	font-weight:200;
	line-height:58px;
	color:#333;
	height:58px;
}
.recommend .control {
    width: 36px;
    height: 24px;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    line-height: 16px;
	cursor:pointer;
	color: #b0b0b0;
}
.recommend .more .fr{
	margin-left:-1px;
}
.control-prev:hover {
	color:#1286d2;
}
.control-next:hover {
	color:#1286d2;
}
.recommend .more .control-disabled {
    cursor: default;
	color: #e0e0e0;
}

.control span:hover {
	color:#1286d2;
}
.xm-carousel-wrapper {
	overflow:hidden;
}
.xm-carousel-list {
	width:8000px;
	margin-left:0px;
	transition:margin-left 0.5s ease 0s;
}
.box-bd {
	position:relative;
	width:1226px;
	overflow:hidden;
	_zoom:1;
}
.goods-list {
	overflow:hidden;
	_zoom:1;
}
.goods-list .thumb img{
	width:160px; 
	height:160px;
	}
.goods-list li {
	height:300px;
	padding-top:39px;
	border:1px solid #f0f0f0;

	text-align:center;
	background:#fff;
	-webkit-transition:all .6s;
	transition:all .6s;
}


.xm-carousel-col-5-list li {
	float:left;
	width:234px;
}
.xm-carousel-list li {
	float:left;
	width:234px;
	margin-right:14px;
}
.thumb {
	display:block;
	width:160px;
	margin:0 auto 22px;
}
.thumb img {
	width:160px;
	height:160px;
}
.goods-list .title {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    _zoom: 1;
    height: 38px;
}
.goods-list .desc {
	height:18px;
	margin:0 20px 12px;
	font-size:12px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	_zoom:1;
	color:#b0b0b0;
}
.goods-list .price {
	margin:0;
	color:#1286d2;
}
.goods-list .title a {
	color:#212121;
}

.xm-carousel-list .rainbow-item-1:hover {
	border:#ffac13 solid 1px;
}
.xm-carousel-list .rainbow-item-2:hover {
	border:#83c44e solid 1px;
}
.xm-carousel-list .rainbow-item-3:hover {
	border-color:#2196f3;
	border:#ffac13 solid 1px;
}
.xm-carousel-list .rainbow-item-4:hover {
	border:#e53935 solid 1px;
}
.xm-carousel-list .rainbow-item-5:hover {
	border:#00c0a5 solid 1px;
}
.xm-carousel-list .rainbow-item-6:hover {
	border:#ffac13 solid 1px;
}
.xm-carousel-list .rainbow-item-7:hover {
	border:#83c44e solid 1px;
}
.xm-carousel-list .rainbow-item-8:hover {
	border:#2196f3 solid 1px;
}
.xm-carousel-list .rainbow-item-9:hover {
	border:#e53935 solid 1px;
}
.xm-carousel-list .rainbow-item-10:hover {
	border:#00c0a5 solid 1px;
}
/*视频*/

#video {
	margin-bottom:26px;
}
.video-list {
	width:1240px;
	height:285px;
	margin:0;
	padding:0;
	list-style-type:none;
}
.clearfix {
	*zoom:1;
}
.video-item:first-child,.video-item-first {
	margin-left:0;
}
.video-item {
	position:relative;
	float:left;
	width:296px;
	height:285px;
	margin-left:14px;
	margin-bottom:30px;
	text-align:center;
	background:#fafafa;
	-webkit-transition:all .2s linear;
	transition:all .2s linear;
}
.video-item .figure-img {
	position:relative;
	width:296px;
	height:180px;
	margin:0 0 28px;
}
.video-item .figure-img a {
	display:block;
	height:180px;
}
.video-item .figure-img img {
	width:296px;
	height:180px;
}
.video-item .play {
	position:absolute;
	left:20px;
	bottom:10px;
	width:36px;
	height:24px;
	border:2px solid #fff;
	border-radius:12px;
	color:#fff;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.video-item .play img{
	width:14px;
	height:14px;
	margin-top:2px;
	}
.video-item .figure:hover  .play{
	border:2px solid #1286d2;
	background:#1286d2;
}

.box-hd .more {
	position:absolute;
	top:0;
	right:0;
}
.more-link {
	font-size:16px;
	line-height:58px;
	color:#424242;
	-webkit-transition:all .4s;
	transition:all .4s;
}
.main .more{ margin-left:15px;}
.more .more-link .jt-quanbu {
	margin-left:10px;
	margin-top:22px;
	margin-right:5px;
	width:16px;
	height:16px;
	border-radius:8px;
	background:#b0b0b0 url(../images/jt-quanbu.png) center center no-repeat;
	color:#fff;
	vertical-align:1px;
	-webkit-transition:all .4s;
	transition:all .4s;
}
.more-link:hover {
	color:#1286d2;
}
.more-link:hover .jt-quanbu {
	background:#1286d2 url(../images/jt-quanbu.png) center center no-repeat;
}
.xm-plain-box .box-hd {
	position:relative;
	height:58px;
	-webkit-font-smoothing:antialiased;
}

.box-hd .title {
	margin:0;
	font-size:22px;
	font-weight:200;
	line-height:58px;
	color:#333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	_zoom: 1;
}
.video-item .title {
	margin:0 10px 10px;
	font-size:14px;
	font-weight:400;
	text-align:center;
	color:#333;
	white-space: nowrap;
	overflow: hidden;
	_zoom: 1;
}
.video-item .title a {
	color:#333;
}
.video-item .desc {
	height:18px;
	margin:0;
	font-size:12px;
	color:#b0b0b0;
	margin:0 10px 10px;
	white-space: nowrap;
	overflow: hidden;
	_zoom: 1;
}
.video-item:hover {
	-webkit-box-shadow:0 15px 15px rgba(0,0,0,0.1);
	box-shadow:0 15px 20px rgba(0,0,0,0.1);
	-webkit-transform:translate3d(0,-2px,0);
	transform:translate3d(0,-2px,0);
}
/*产品介绍*/
.main-c li:hover {
	box-shadow:0 15px 30px rgba(0,0,0,0.1);
	transform:translate3d(0px,-2px,0px);
}
.page-main {
	background:#f5f5f5;
	padding-bottom:50px;

}

.page-main .main{
	padding-top:10px;
}

.main-top {
	margin:0;
	font-size:22px;
	font-weight:200;
	line-height:58px;
	color:#333;
	height:58px;
}
.tab-list {
	margin:0;
	line-height:24px;
	height:24px;
	padding:17px 0 0;
	list-style-type:none;
	font-size:16px;
}
.tab-list li {
	display:inline-block;
	*zoom:1;
	*display:inline;
	padding:0;
	margin:0 15px;
	color:#424242;
	border-bottom:2px solid #f5f5f5;
	border-bottom:2px solid transparent;
	-webkit-transition:border-color .5s;
	transition:border-color .5s;
	cursor:pointer;
}
.tab-list li.tab-active {
	color:#1286d2;
	border-bottom:2px solid #1286d2;
}
.main-c .title {
	margin:10px 10px 5px 10px;
	font-size:14px;
	font-weight:400;
}
.main-c .title a {
	width:165px;
	line-height:18px;
	font-size:12px;
	text-overflow:ellipsis;
	overflow:hidden;
	height:36px;
	display:block;
	margin:auto;
}
.main-c li {
	width:200px;
	height:250px;
	float:left;
	background:#fff;
	margin-left:7px;
}
.main-c li img {
	display:block;
	margin:auto;
	width:155px;
	height:155px;
	margin-top:15px;
}
.main-f {
	padding:10px 0 7px 0;
	background-color:#fff;
	height:250px;
}
.main-f img{
	width:190px;
	height:190px;
	margin-top:20px;
	}
.main-c .num {
	color:#c00;
	text-align:center;
	font-size:14px;
	font-family:verdana;
	font-weight:bold;
}
.mt10 {
	margin-top:10px;
}
.show {
	display:block;
}
.hide {
	display:none;
}
.h50 {
	height:50px;
}
/*新闻*/
.new_content {
	width:295px;
	height:310px;
	background:#fafafa;
	float:left;
	border:1px solid #e7e3e2;
	display:inline-block;
	overflow:hidden;
	margin:20px 15px 0px 0;
}

.new_content:last-child{
	margin-right:0;
}

.new_content_title {
	height:33px;
	line-height:32px;
	border-bottom:1px solid #e7e3e2;
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
}
.new_content ul {
	padding:10px 0 10px 8px;
	line-height:20px;
}
.new_content ul li {
	font-size:12px;
	line-height:20px;
	margin:5px 0;
	height:20px;
	padding-right:5px;
}
.new_content ul li.new a {
    height: 16px;
    width: 245px;
    overflow: hidden;
    display: inline-block;
}
.new_content ul li a {
    height: 16px;
    width: 280px;
    overflow: hidden;
    display: inline-block;
	color: #555;
}
.new_content .new i {
	background:url(../images/new.gif) no-repeat;
	width:35px;
	height:13px;
	display:inline-block;
}
.new_content a:hover {
	color:#1286d2;
	transition:color .2s;
}
.m0 {
	margin-right:0;
}

	.clearfloat:after{
		content: "";
		height: 0;
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
	}
	.clearfloat{
		zoom: 1;
	}
	.fl{
		float: left;
	}
	.fr{
		float: right;
	}
	*{
		box-sizing: border-box;
	}
	a{
		text-decoration: none;
		color: #333;
	}
	ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	h4{
		margin: 0;
	}
	.prev_page,.next_page{
		width: 100%;
		height: 75px;
	}
	.prev_page{
		margin-bottom: 20px;
	}
	.left_img{
		width: 121px;
		height: 75px;
		float: left;
	}
	.left_img img{
		width: 100%;
		height: 100%;
	}
	.right_text{
		width: calc(100% - 121px);
		height: 75px;
		overflow: hidden;
		float: left;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.right_text h4{
		margin: 0;
		font-size: 20px;
		margin-bottom: 12px;
		max-height: 24px;
		overflow: hidden;
	}
	.right_text p{
		margin: 0;
		color: #999;
		font-size: 14px;
		line-height: 1.5;
	}
	.case_list_line {
		box-sizing: border-box;
		width:1226px;
		margin:0 auto;
		margin-bottom:46px;
	}
	.case_list_box{
		margin-top: 0;
		margin-right: 20px;
	}
	.case_list_box:nth-child(2n){
		margin-right: 0;

	}
	.case_list_box{
	    border: 1px solid #efefef;
	    width: calc(50% - 10px);
	}
	.case_list_box .case_list_doc{
		height: 33px;
	    line-height: 32px;
	    border-bottom: 1px solid #efefef;
	    font-size: 15px;
	    font-weight: bold;
	    padding-left: 20px;
	}
	.case_list_ul{
		padding: 10px;
		padding-bottom: 0;
	}
	.case_list_ul li{
		margin-bottom: 10px;
	}
	.case_list_ul .case_list_left{
		width: 70px;
		height: 70px;
	}
	.case_list_ul .case_list_right{
		width: calc(100% - 80px)
	}
	.case_list_ul a{
		color: #333;
	}
	.case_list_title{
		color: #666;
	}
	.case_list_title h4{
		width: calc(100% - 100px);
		font-size: 16px;
		max-height: 20px;
		overflow: hidden;
		margin-bottom: 10px;
		padding-right:20px; 
		box-sizing: border-box;
	}
	.case_list_title .time{
		font-weight: bold;
	}
	.case_list_content{
		color: #999;
	}
	.case_list_content .case_list_text {
		max-height: 30px;
		overflow: hidden;
		width: calc(100% - 100px);
		padding-right:20px; 
		box-sizing: border-box;
	}
	.case_list_content .case_list_newicon{
		background: url(http://www.cxds.com.cn/mall/images/new.gif) no-repeat;
	    width: 35px;
	    height: 13px;
	    display: inline-block;
	}

.category-list .title span{
    display: inline-block;
    overflow: hidden;
    width: 170px;
    height: 42px;
    line-height: 42px;
}