@charset "utf-8";
 
 /* -------------------------// common //------------------------- */
body {
	color: #333;
	font-size: 12px;
	font-family: "微软雅黑","Microsoft Yahei";
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
	opacity: 1;
	 /*transition: opacity 300ms;*/
}

/**:before,*/
/**:after {*/
/*	-webkit-box-sizing: border-box;*/
/*	-moz-box-sizing: border-box;*/
/*	box-sizing: border-box;*/
/*}*/

.fancybox-close { top: 0px;right: 0px;}

.w-1200{width: 1200px;margin: 0 auto;margin-top:60px}
.w-is-p{ display: block;}
.w-is-m{ display: none;}

.w-ht h3{ text-align: center;font-size: 30px;color: #000;}
.w-ht h2{text-align: center;font-size: 16px;color: #666;padding-top:20px;}
.w-ht.w-ht-fff h3{color: #fff;}
.w-ht.w-ht-fff h2{color: #fff;}
.w-ht .line{height: 2px;width: 70px; background: #1db702;margin:12px auto}
.w-ht .line~h2{padding:0}
.w-content .w-ht{margin-bottom: 20px}
.w-content .w-ht h3{font-size: 30px;}

.w-ht-line{text-align: center;}
.w-ht-line h3{position: relative;}
.w-ht-line h3 b{ display: inline-block;color: #222;font-size: 35px;line-height: 42px;background: #fff;padding: 0 90px;}
.w-ht-line h3 i{display: block;position: absolute;top:21px;left:0;width: 100%;height: 1px;background: #ccc;z-index: -1;}

.swiper-container-horizontal>.swiper-pagination-bullets{}
.swiper-pagination-bullet{width: 12px;height: 12px;display: inline-block;border-radius: 100%;background-color: #000;opacity: .5;/* background-color: rgba(0, 0, 0, 0.6);*/}
.swiper-pagination-bullet-active{background-color: #000;opacity: 1;}
.swiper0 .swiper-slide img { width: 100%;}
.swiper0{min-width: 1200px;margin:0 auto;}


/* 全屏轮播图 */
.fullSlide,
.fullSlide .bd,
.fullSlide .bd li,
.fullSlide .bd li a,
.fullSlide .bd img{  width: 100%; text-align:center;}
.fullSlide,
.fullSlide .bd,
.fullSlide .bd li a,
.fullSlide .bd li{width:100%;}
.fullSlide{ margin:0px auto 0 auto; overflow:hidden; background:#fff;position:relative;z-index:9;}
.fullSlide .hd{ height:20px;left:50%;margin-left:-20px; bottom:7px; position:absolute; z-index:9;  }
.fullSlide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fullSlide .hd ul li{  background:#fff;float:left; margin:0 4px; width:12px; height:12px;border-radius:12px;text-align:center; cursor:pointer; text-indent:-99999px;}
.fullSlide .hd ul li.on{ background:#3b77bc; }
.fullSlide .bd, .fullSlide .bd li{position:relative;}
.fullSlide .bd li a{ display:block;}
.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;   filter:alpha(opacity=70);opacity:0.7; z-index:333  }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;}


 /* -------------------------// model //------------------------- */
.table-responsive {
	overflow-x: auto;
	min-height: 0.01%;
	position: relative;
	padding-bottom: 6px;
}

.table-responsive:before {
	content: '可向右拖拉';
	text-align: center;
	width: 100%;
	font-size: 15px;
	color: #ff4d09;
	font-weight: bold;
}

.table-responsive::-webkit-scrollbar {
	width: 5px;
	height: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.table-responsive::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	min-height: 28px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



/* 内页 */  
.w-g-cate-bg{background: #f5f5f5;width: 100%;border-bottom: 1px solid #eee;}
.w-g-cate{text-align: center;}
.w-g-cate .sp{display: inline-block;}
.w-g-cate .sp>a{ display: inline-block;height: 60px;line-height: 60px;font-size: 16px;margin:0 26px;position: relative;}
.w-g-cate .sp>a.cur:before{content: '';background: #299ed8;height:3px;position: absolute;bottom:0;width: 100%;}

.w-g-wrapper-bg{width: 100%;background: #fff;padding: 30px 0 60px 0;}
.w-g-wrapper{max-width: 1400px;margin: 0 auto;}
.w-side{float:left;background: #fff;width:240px;margin-right:-240px;position:relative;}
.w-main{float:right;width:100%;  }
.w-mainc{margin-left:255px;background: #fff; }

.w-g-wrapper-100 .w-side{ display: none;}
.w-g-wrapper-100 .w-main .w-mainc{margin: 0;}

.w-side .h3t{ padding-left:20px; color:#fff;
	background: url(../images/a/categories.png) no-repeat 210px center #299ed8;
	background: #299ed8; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #246edd 0%, #299ed8 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #246edd 0%,#299ed8 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #246edd 0%,#299ed8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#246edd', endColorstr='#299ed8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.w-side .h3t h3{font-weight:normal;font-size:16px;line-height: 55px;}

.w-mainc .h3t{ line-height: 55px;height: 55px;border-bottom: 1px solid #dbdbdb; position: relative;margin:0 15px}
.w-mainc .h3t h2{font-weight:normal;font-size:16px;border-bottom: 1px solid #299ed8;line-height: 55px; position: absolute;left:0;bottom:-1px }
.w-mainc .h3t .w-rt{ padding-right: 10px;font-size: 14px;color:#777}
.w-mainc .h3t .w-rt a{color:#777}
.w-mainc .h3t .w-rt .sep{ font-family: simsun; padding: 0 10px;}


.w-side-ul{ background: #F7F9FA}
.w-side-ul .i-1{width:100%; overflow: hidden;}
.w-side-ul .i-1 a{ display: block; padding-left:40px; border: 1px solid #ececec;border-top:none; height: 50px;line-height: 50px;font-size: 14px;color:#333;
overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
background: url(../images/a/c5.png) no-repeat 17px center;}
.w-side-ul .i-1 a:hover{border-left:3px solid #299ed8;color:#299ed8}
.w-side-ul .i-1 a.cur{border-left:3px solid #299ed8;color:#299ed8;font-weight: bold}

.w-side-ul .i-2{width:100%; overflow: hidden;}
.w-side-ul .i-2 a{ display: block; padding-left:50px; border: 1px solid #ececec;border-top:none; height: 50px;line-height: 50px;font-size: 14px;color:#333;
overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
background: url(../images/a/li03.png) no-repeat 36px center #f3f3f3;  border-bottom: 1px solid #e3e3e3;}
.w-side-ul .i-2 a:hover{border-left:3px solid #299ed8;color:#299ed8}
.w-side-ul .i-2 a.cur{border-left:3px solid #299ed8;color:#299ed8;font-weight: bold}


.w-side  .scon{border:1px solid #ececec;background: #F7F9FA;padding:10px;line-height: 1.8;font-size: 14px}
.w-side  .scon img{max-width: 100%;}
.w-side  .scon p{}

/* 上图下文 列表 */
.w-list{padding:15px;}
.w-list ul{}
.w-list li{float:left;width:33.333%;padding: 12px ;}
.w-list .img{overflow: hidden}
.w-list .img img{width: 100%;}
.w-list .item{border:1px solid #d5d5d5; background: #fff;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms;
    transition: all 400ms;
}
.w-list .txt{}
.w-list .title{ width: 100%; height: 55px;line-height: 55px;font-size: 15px;text-align: center}
.w-list .subtitle{}
.w-list .item:hover{
    -webkit-transform:translateY(-3px);
    -o-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px);
    border:1px solid #ddd;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
}

.w-list-x4 li{float:left;width:25%;padding: 12px ;}

/* 左图右文 列表  */
.w-list-news{padding:0;}
.w-list-news ul{ }
.w-list-news li{float:left; padding: 15px;width: 100%;

 }
.w-list-news-x2 li{width:50%;padding: 12px ;}

.w-list-news li:hover h3 a{color:#299ed8;}
.w-list-news .item{
	padding: 15px ;
	border-bottom: 1px solid #ddd;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}
.w-list-news .item:hover{
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.w-list-news .img{float:left;width:24%; }
.w-list-news .img img{width: 100%;border-radius: 3px;}
.w-list-news .txt{float:left; width:76%; padding:3px 0 0 22px;box-sizing: border-box; }
.w-list-news h3{width:100%;height: 20px;line-height:18px;font-size: 18px;  }
.w-list-news h3 a{
	-webkit-transition: all 400ms;
	    -moz-transition: all 400ms;
	    -ms-transition: all 400ms;
	    -o-transition: all 400ms;
	    transition: all 400ms;
}
.w-list-news p{width:100%;  font-size: 14px;height: 50px;line-height: 25px;color: #888;overflow: hidden;margin-top: 8px;}
.w-list-news .date{color:#999;margin-top:15px;font-size:13px;}
.w-list-news .btn{margin-top:10px; }
.w-list-news .btn a{ display: inline-block;width: 90px;height: 30px;line-height: 28px;text-align: center;font-size:12px;
	border:1px solid #299ed8; color:#299ed8;
	transition: background-color 0.5s linear 0s;
}
.w-list-news .btn a:hover{
	color: rgb(255, 255, 255);
    background-color: #299ed8;
    border-color: #299ed8;
}
.w-list-news .noimg .txt{width:100%;padding:3px 0 0 0px;}



.w-list-news-li{padding:10px  20px;}
.w-list-news-li li{line-height: 44px;border-bottom:1px dashed #ddd; }
.w-list-news-li li a{width: 70%; height:44px ;line-height:44px; display: block;float:left; background: url(../images/a/li03.png) no-repeat left center;padding-left:15px;font-size: 14px;
	overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;
	-webkit-transition: all 400ms;
	    -moz-transition: all 400ms;
	    -ms-transition: all 400ms;
	    -o-transition: all 400ms;
	    transition: all 400ms;
}
.w-list-news-li li:hover a{color:#299ed8;}
.w-list-news-li li span{float:right;color:#666;}



.w-list-rec{}
.w-list-rec{padding:15px 20px 0 20px;}
.w-list-rec ul{ }
.w-list-rec li{float:left; padding: 30px 20px;width: 100%;}
.w-list-rec li:hover h3 a{color:#299ed8;}
.w-list-rec .item{
	padding: 12px ;
	border-bottom: 1px solid #ddd;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}
.w-list-rec .item:hover{
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.w-list-rec h3{width:100%;height: 20px;line-height:18px;font-size: 18px;  }
.w-list-rec h3 a{
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}
.w-list-rec p{width:100%;  font-size: 15px;height: 25px;line-height: 25px;color: #888;overflow: hidden;margin-top: 12px;}
.w-list-rec p span{padding:0 12px}
.w-list-rec .txt{float:left;width: 80%}
.w-list-rec .btn{float:right;width: 20%; text-align: right}
.w-list-rec .btn a{ display: inline-block;width: 90px;height: 30px;line-height: 28px;text-align: center;font-size:12px;
	border:1px solid #299ed8; color:#299ed8;
	transition: background-color 0.5s linear 0s;
}
.w-list-rec .btn a:hover{
	color: rgb(255, 255, 255);
	background-color: #299ed8;
	border-color: #299ed8;
}




.w-content-title{padding-top:30px;text-align:center;line-height: 1.5}
.w-content-title h1{font-size:30px;font-weight:bold;padding:0 20px 0 20px;}
.w-content-date{border-bottom:1px solid #eee;text-align:center;padding:22px 0;color:#aaa;font-size:14px;margin: 0 20px}

.w-content{padding:15px 15px;min-height: 100px; }
/* .w-content p{margin-bottom:10px;line-height: 1.8em; }
.w-content img{max-width: 100%;} */

/* 产品详情 */
.w-g-wrapper-100 .proimg-group{width: 470px;margin-left: 0px}
.w-g-wrapper-100 .protitle-info{width: 550px;margin-left: 50px}
.w-g-wrapper-100 .protitle-info .contel{width: 450px;}

.w-product-hd{padding-top:30px;}
.proimg-group{width: 420px;float:left;margin-left: 15px}
.proimg-group .proimg{border:1px solid #fff;}
.proimg-group .proimg img{width: 100%;}
.proimg-group .swiper_pro_wrap{position: relative;padding:0 60px;margin-top: 10px; overflow: hidden}
.proimg-group .swiper_pro{}
.proimg-group .swiper_pro .swiper-slide{float:left; width: 20%}
.proimg-group .swiper_pro .swiper-slide img{width: 100%;border: 1px solid #999;opacity: 0.3}
.proimg-group .swiper_pro .swiper-slide.hover img{border:1px solid  #000;opacity: 1}
.proimg-group .pro-prev,
.proimg-group .pro-next{width: 50px;height: 62px; cursor: pointer;position: absolute; z-index: 20}
.proimg-group .pro-prev{  left:0;top:0;background: url(../images/jt1.png) no-repeat center center}
.proimg-group .pro-next{ right:0;top:0;background: url(../images/jt2.png) no-repeat center center}
.proimg-group .pro-prev.swiper-button-disabled,
.proimg-group .pro-next.swiper-button-disabled{opacity: .4}

.protitle-info{width: 480px;float:left;margin-left: 30px}
.protitle-info h1{font-size: 34px;line-height: 1.6; margin-bottom: 10px; padding-top:30px; font-weight: bold}
.protitle-info h4{font-size: 15px;line-height: 1.6;border-bottom: 1px solid #eee;margin-bottom: 35px;padding-bottom: 18px;  color: #777 }
.protitle-info .con{}
.protitle-info .con2_bg{ background: #f5f5f5;padding:15px;font-size: 14px; border-radius: 6px;margin-top: 40px; color: #555}
.protitle-info .con2_t{ font-weight: bold}
.protitle-info .con2{margin-top:8px;line-height: 1.6}
.protitle-info .con2 a{ color: #555}

.protitle-info .contel{width: 400px;margin-top: 25px}
.protitle-info .contel dl{
	/*border:1px solid #bbb;border-radius: 3px;*/
	padding:14px 0; border-top:1px solid #ddd;
}
.protitle-info .contel .iit{padding-bottom:6px;font-size: 20px;color:#444;font-weight: bold;}
.protitle-info .contel .ii1,
.protitle-info .contel .ii2{ display: inline-block;font-weight: bold;font-size: 21px;color:#299ed8;}
.protitle-info .contel .ii2{padding-left:35px;}
.protitle-info .contel dt{float:left;padding:0 13px; display: none}
.protitle-info .contel dt img{width: 48px}
.protitle-info .contel dd{float:left;}
.protitle-info .btn1{margin-top:20px;}
.protitle-info .btn1 a{ display:block;width:130px;height:42px;line-height:42px;color:#fff;background:#299ed8; text-align: center;font-size:15px; }

.w-pro-ht{ border-bottom:1px solid #ccc; height:36px;font-size: 17px;   position: relative;margin:60px 15px 0 15px}
.w-pro-ht span{ display: block;position: absolute;z-index: 1;left:0;bottom:-1px;height:36px;border-bottom:2px solid #000;color:#333; }


/*图片放大镜样式*/
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px; background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;z-index:10;background:#ffffff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);border:1px solid #ddd; width:150px !important;height:150px !important; cursor: move }




/* 分页 */
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}

.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,
.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}

.pagination>li>a:focus,
.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#333;background-color:#eee;border-color:#ddd}

.pagination>.active>a,
.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#333;border-color:#333}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}

.pagination-lg>li>a,
.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}

.pagination-sm>li>a,
.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}

.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}
.pager li{display:inline}
.pager li>a,
.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}

.pager .next>a,
.pager .next>span{float:right}
.pager .previous>a,
.pager .previous>span{float:left}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}





/* 1680 1600 */
@media screen and (max-width:1680px){}

/* 1440 1366*/
@media screen and (max-width:1440px){}

/* 1280 */
@media screen and (max-width:1280px){}

/* wap 1024 ipad 768 */
@media screen and (max-width:768px){


}

/* 横屏*/
@media  only screen
and (orientation: landscape)
{
	/*  横屏时，显示   为了更好的使用体验，请您使用竖屏浏览 */
	/*body{background: red;}*/
}