/* 易优CMS（eyoucms.com）安全--简单--易用 */
@charset "utf-8";
/*
Copyright ibw.cn
Created by Clearfix
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
body, button, input, select, textarea {
	font: 12px/1.5 Microsoft YaHei, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
address, cite, dfn, em, var {
	font-style: normal;
}
ul, ol {
	list-style: none;
}
a {
	text-decoration: none;
}
legend {
	color: #000;
}
fieldset, img {
	border: 0;
	vertical-align: top;
}
section, article, aside, header, footer, nav, dialog, figure {
	display: block;
}
figure {
	margin: 0;
}
button, input, select, textarea {
	font-size: 100%;
	border: 0;
	background: none;
	outline: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.clear {
	display: block;
	height: 0;
	overflow: hidden;
	clear: both
}
.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
*zoom:1;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
}
a {
blr:expression_r(this.onFocus=this.blur());
}
a {
	outline: none;
	transition-duration: 0.3s, 0.3s;
	transition-property: background-color, color;
	transition-timing-function: ease, ease;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}
.noBg {
	background: none !important;
}
.noBd {
	border: none !important;
}
.noMr {
	margin-right: 0 !important;
	float: right !important;
}
.i {
	text-align: justify;
	text-justify: inter-ideograph;
}
/*Body*/
body {
	color: #464646;
}
a {
	color: #464646;
}
a:hover {
	color: #02276c;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}
.wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.t-b {
	background: #000;
}
.t-b .wrap {
	height: 35px;
	line-height: 35px;
}
.t-b .wel {
	float: left;
	        color: #b7b7b7;
}
.t-b .mes {
	float: right;
	color: #FFFFFF;
}
.t-b .mes a {
	display: block;
	float: left;
	padding-right: 15px;
	margin-left: 10px;
	        color: #b7b7b7;
}
.t-b .mes a .icon{background: url(../images/ico.png) no-repeat; display: block; width: 20px; height: 20px;float: left;margin: 9px 2px 0 0;}
.t-b .mes a .icon.qq{background-position: -10px -10px;}
.t-b .mes a .icon.xin{        background-position: -38px -9px;}
.t-c {
	width: 1200px;
	height: 155px;
	margin: 0 auto;
}
.logo {
	float: left;
	margin-top: 40px;
}
.search {
	float: right;
	margin: 56px 40px 0 0;
}
.search form {
	width: 450px;
	height: 40px;
	border-radius: 4px 0 0 4px;
    border: solid #1db3c9  2px;
   line-height: 40px;
}
.search .text {
	width: 320px;
	height: 40px;
	line-height: 40px;
	float: left;
	padding-left: 39px;
}
.search .ibtn {
	width: 88px;
	height: 40px;
	float: right;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	background: #1db3c9 ;
}
.search .search_tui{margin-top: 2px;}
.search .search_tui span{font-size:12px;color: #666666; padding-right: 15px;}
.tel {
	float: right;
	line-height: 44px;
	font-family: Arial;

	margin-top: 54px;
	letter-spacing: 0.2px;
	background: #feb300;
        padding: 0 30px;
        border-radius: 4px;
        height: 44px;
        color: #FFFFFF;
        font-weight: bold;
        ;
}
.tel a{color: #FFFFFF;}
.tel span {
	font-size: 16px;
	letter-spacing: 0;
}
.tel:hover {background: #1db3c9; color: #FFFFFF;}
.t-x {
	width: 1200px;
	height: 43px;
	margin: 0 auto;
}
.t-x-z {
	position: relative;
	float: left;
}
.t-x-z .ck {
	width: 200px;
	height: 42px;
	line-height: 42px;
	border-bottom: 0;
	font-size: 16px;
	cursor: pointer;
	background: #1db3c9 ;
    color: #fff;
    text-align: center;
    
}
.t-x-z .ck .icon{
	font-size: 20px;
        vertical-align: -3px;
        padding-right: 10px;
}
.t-x-z ul {
	width: 200px;
	height: 486px;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 100;
	background: rgba(97,97,97,0.7);
	/*display:none;*/
}
.t-x-z li {
	position: relative;
	/*border-bottom: 1px solid #5475a2;*/
}
.t-x-z li .a-1 {
	display: block;
	height: 53px;
	line-height: 53px;
	font-size: 16px;
	color: #fff;
	padding-left: 20px;
}
.t-x-z li .a-1:hover {
	background: #fff;
	color: #02276c
}
.t-x-z li .box {
	width: 870px;
	height: 422px;
	position: absolute;
	top: 0;
	left: 200px;
	background: #fff ;
	padding: 10px 28px 0;
	display: none;
	overflow-y: scroll;
}
.t-x-z li .box dl {
        float: left;
        width: 112px;
        line-height: 30px;
        font-size: 12px;
        margin-bottom: 28px;
        border: 1px solid #e8e8e8;
        margin-right: 14px;
}

.a-1 .el-image{

        width: 24px;
        height: 24px;
        margin-right: 6px;
        -webkit-transition: -webkit-transform .6s ease-out;
        transition: -webkit-transform .6s ease-out;
        transition: transform .6s ease-out;
        transition: transform .6s ease-out,-webkit-transform .6s ease-out;
        display: block;
        float: left;
        margin-top: 18px;
}
.a-1 .ioc{background: url(../images/ico.png) no-repeat;}
.a-1 .dd1{background-position: -62px -2px;}
.a-1 .dd2{background-position: -96px -2px;}
.a-1 .dd3{background-position: -164px -2px;}
.a-1 .dd4{background-position: -130px -2px;}
.a-1 .dd5{background-position: -267px -2px;}
.a-1 .dd6{background-position: -199px -2px;}

.t-x-z li .a-1:hover .dd1{background-position: -62px -29px;}
.t-x-z li .a-1:hover .dd2{background-position: -96px -29px;}
.t-x-z li .a-1:hover .dd3{background-position: -164px -29px;}
.t-x-z li .a-1:hover .dd4{background-position: -130px -29px;}
.t-x-z li .a-1:hover .dd5{background-position: -267px -29px;}
.t-x-z li .a-1:hover .dd6{background-position: -199px -29px;}
.a-1 .el-image img{width: 100%;}
.a-1 p{float:left;}
.t-x-z li .box dl:hover{border: 1px solid #1db3c9 ;}
.t-x-z li .box dt {
	font-size: 14px;

	padding-bottom: 6px;
	font-weight: bold;
}
.t-x-z li .box dt  a .ck_i{width: 51px;
        height: 2px;
        background: #1f2964;
        display: block;margin-top: 5px;}
.t-x-z li .box dt img {
	margin: 4px 0 0 6px;
	width: 100%;
}
.t-x-z li .box dt {
        width: 70px;
        height: 70px;
        display: block;
        margin: 5px auto;
}
.box  h5{font-size: 14px;margin-bottom: 10px;font-family: "微软雅黑";} 
.box  .ck_i{        display: block;
        width: 44px;
        height: 2px;
        background: #1db3c9 ;
        margin-top: 10px;
        font-family: auto;
}}
.t-x-z li .box dt .img-wrapper img{width: 100%;}
.t-x-z li .box dd{text-align: center;}

.t-x-z li .box dt a {
	padding-right: 20px;
}
.t-x-z li .box .slogan {
	padding-top: 8px;
}
.t-x-z li:hover .box {
	display: block;
}
.t-x-z li .p1 {
}
.t-x-z li .p2 {
	top: -54px;
}
.t-x-z li .p3 {
	top: -108px;
}
.t-x-z li .p4 {
	top: -162px;
}
.t-x-z li .p5 {
	top: -216px;
}
.t-x-z li .p6 {
	top: -270px;
}
.t-x-z li .p7 {
	top: -324px;
}
.t-x-z li .p8 {
	top: -378px;
}
.nav {
	float: left;
}
.nav ul {
}
.nav ul li {
	float: left;
	display: inline;
	position: relative;
	z-index: 10;
}
.nav ul li a {
	display: block;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	padding: 0 30px;
	color: #000;
	text-align: center;
	position: relative;
}
.nav ul li a:hover, .nav ul li a.current {
	color: #02276c;
}
.nav ul li:last-child a {
	padding-right: 0;
}
.nav ul li .img1 {
	margin-top: 10px;
}
.nav ul li .img2 {
	position: absolute;
	top: -12px;
	left: 70px;
}
.nav ul li em {
	display: block;
	width: 19px;
	height: 11px;
	position: absolute;
	top: 8px;
	right: 10px;
	background: url(../images/hot.png);
}
.nav ul li .ewm {
	position: absolute;
	top: 43px;
	right: 0;
	z-index: 100;
	display: none;
}
.nav ul li a:hover .ewm {
	display: block;
}
/*Banner*/
.banner {
	position: relative;
	left: 50%;
	width: 1920px;
	margin-left: -960px;
	text-align: center;
	border-top: 1px solid #96adbf;
}
.banner .hd {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	height: 8px;
	z-index: 4;
}
.banner .hd ul {
	width: 1000px;
	height: 8px;
	margin: 0 auto;
	text-align: center;
}
.banner .hd ul li {
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	border-radius: 8px;
	background: #fff;
	line-height: 999px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}
.banner .hd ul .on {
	background: #395eac;
	width: 30px;
}
.footer {
	background: #1f1f24;
	padding: 30px 0;
}
.w-1 {
	border-bottom: 1px solid #28272d;
	padding-bottom: 30px;
}
.ftnav {
	float: left;
}
.ftnav dl {
	float: left;
	margin-right: 90px;
}
.ftnav dl:last-child {
	margin-right: 0;
}
.ftnav dt {
	font-size: 16px;
	padding-bottom: 10px;
}
.ftnav dt a {
	color: #aeaeae;
}
.ftnav dt a:hover {
	color: #fff;
}
.ftnav dd {
	line-height: 28px;
}
.ftnav dd a {
	color: #737373;
}
.ftnav dd a:hover {
	color: #fff;
}
.ftcon {
	width: 384px;
	height: 222px;
	float: right;
	background: url(../images/map.jpg) bottom center no-repeat;
	border-left: 1px solid #343434;
	padding-left: 70px;
}
.ftcon h2 {
	font-size: 16px;
	color: #aeaeae;
	font-weight: normal;
	padding-bottom: 10px;
	background: url(../images/line3.png) left bottom no-repeat;
	margin-bottom: 10px;
}
.ftcon p {
	font-size: 14px;
	color: #737373;
	text-align: justify;
	margin-bottom: 30px;
}
.w-2 {
	padding-top: 30px;
}
.w-2-z {
	float: left;
}
.w-2-z .p {
	color: #fff;
	font-size: 14px;
}
.w-2-z .p a {
	color: #737373;
	padding: 0 18px;
}
.w-2-z .p a:hover {
	color: #fff;
}
.w-2-z .p span {
	color: #737373;
}
.w-2-z .copyright {
	color: #737373;
	font-size: 14px;
	padding-top: 14px;
}
.w-2-z .copyright a {
	color: #737373;
}
.w-2-z .copyright a:hover {
	color: #fff;
}
.w-2 select {
	width: 250px;
	height: 40px;
	background: #2a292f;
	float: right;
	color: #8b898e;
}
.fixed-right {
	width: 146px;
	height: 447px;
	background: url(../images/float-right.png);
	position: fixed;
	bottom: 10%;
	left: 0;
	z-index: 1000;
}
.fixed-right a {
	display: block;
	height: 450px;
	margin-top: 92px;
}
.catalog-wrapper{margin-top: 20px;}
.catalog-wrapper .title {
        height: 40px;
        line-height: 40px;
        background: #f7f8fa;
        font-size: 18px;
        font-weight: bold;
        color: #000;
        position: relative;
        padding-left: 40px;
}
.catalog-wrapper .title:after {
        content: ' ';
        position: absolute;
        top: 16px;
        left: 16px;
        width: 8px;
        height: 8px;
        background: #1db3c9;
}
.product-wrapper {
        margin-top: 10px;
}
.product-wrapper .item {
        display: inline-block;
        width: 157px;
        margin-right: 11.4px;
        font-size: 12px;
        border: 1px solid #E5E5E5;
        vertical-align: top;
        margin-bottom: 10px;
        background: #FFFFFF;
}
.product-wrapper .item:hover{
	        border: 1px solid rgb(29 179 201);
        box-shadow: 0px 0px 29px 0px rgb(29 179 201 / 35%);
}
.product-wrapper .item a {
        display: inline-block;
        width: 85%;
        height: 100%;
        text-align: center;
        padding: 20px 10px;
}
.product-wrapper .item .img-wrapper {
        width: 105px;
        height: 105px;
        margin: 0 auto;
}
.product-wrapper .item img {
        max-width: 100%;
        max-height: 100%;
}
.product-wrapper .item .name {
        font-size: 14px;
        color: #333;
        margin-top: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}
.list{margin-right: -30px;}

.filter-box{ padding:0 20px;}
.filter-box .filter-boxs{display: -webkit-box;border-bottom: 1px solid #F5F5F5;margin-top: 15px;}
.filter-box .filter-tit{line-height: 36px;color: #999;}
.filter-cen{line-height: 36px;}
.filter-cen a{padding: 2px 20px;cursor: pointer;}
.filter-cen a.on{border: 1px dashed #1db3c9 ;background: #f1f5f8;border-radius:100px ;}
.filter-bt{        text-align: center;
        background: #f1f5f8;
        height: 30px;
        width: 100px;
        margin: 0 auto;
        display: block;
        margin-top: 20px;
        line-height: 30px;}
.choice{padding: 0;}

.pt_second_up{background: #ffffff; height: 50px; margin-top: 20px; }
.pt_second_up .sort {float: left;height: 100%;overflow: hidden;position: relative;padding: 0 5px 0 0;}
.pt_second_up .sort span:hover, .pt_second_up .sort span.cur {z-index: 41;color: #ce2620;}
.pt_second_up .sort span:hover, .pt_second_up .sort span.current {z-index: 41;color: #ce2620;}
.pt_second_up .sort span {position: relative;z-index: 40;float: left;cursor: pointer;height: 28px;line-height: 28px;padding: 11px 0;}
.pt_second_up .sort span em {padding: 0 20px;font-size: 14px;}

.pt_second_up .sort span.cur b,.pt_second_up .sort span.current b {bottom: 0;-webkit-transition: -webkit-transform .2s cubic-bezier(0.66, 0.29, 0.29, 0.74);transition: -webkit-transform .2s cubic-bezier(0.66, 0.29, 0.29, 0.74);
transition: transform .2s cubic-bezier(0.66, 0.29, 0.29, 0.74);transition: transform .2s cubic-bezier(0.66, 0.29, 0.29, 0.74), -webkit-transform .2s cubic-bezier(0.66, 0.29, 0.29, 0.74);-webkit-transform: translateY(0px);transform: translateY(0px);}
.pt_second_up .sort span b {display: none;position: absolute;left: 0;bottom: -3px;width: 100%;height: 3px;background: #ce2620;-webkit-transform: translateY(3px);transform: translateY(3px);}
.pt_second_up .sort span.cur b{display: block;}
.pt_second_up .sort span.current b{display: block;background: #ce2620;}
.pt_second_up .sort span em i.jx {height: 9px;width: 9px;  background-position:-220px -257px ;}
.pt_second_up .sort .cur em i.jx {height: 9px;width: 9px;  background-position:-239px -257px ;}
.pt_second_up .sort .current em i.jx {height: 9px;width: 9px;  background-position:-239px -257px ;}
.pt_second_up .sort span em i.jxup {height: 9px;width: 9px;  background-position:-201px -257px ;}
.pt_second_up .sort .cur em i.jxup {height: 9px;width: 9px;  background-position:-223px -208px ;}
.pt_second_up .sort .current em i.jxup {height: 9px;width: 9px;  background-position:-223px -208px ;}
.pt_second_up .sort span em i {display: inline-block;vertical-align: middle;margin: 0 0 0 2px;}
.pt_second_up .sort span em i.price {height: 12px;width: 10px;background-position:-242px -208px ;}
.pt_second_up .sort .cur em i.price {height: 12px;width: 10px;background-position:-280px 0 ;}
.pt_second_up .sort .current em i.price {height: 12px;width: 10px;background-position:-280px 0 ;}
.pt_second_up .sort span em i.priceup {height: 12px;width: 10px;background-position:-280px -20px ;}
.pt_second_up .sort .cur em i.priceup {background-position:-280px -20px ;}
.pt_second_up .sort .current em i.priceup {background-position:-280px -20px ;}
.pt_second_up .second-page {margin-right: 9px;}
.pt_second_up .second-page .page-left.disabled {background-position: -254px -395px;}
.pt_second_up .second-page .page-left {float: left;  background-position:-254px -417px;}
.pt_second_up .second-page a {width: 26px;height: 26px;margin: 6px 0;}
.pt_second_up .second-page span {height: 38px;line-height: 38px;}
.pt_second_up .second-page span .low {color: #f60;font-weight: bold; }
.duijian_box{overflow: hidden;}