*{padding:0px; margin:0px; }
html{ font-size: 16px; font-family: 'arial';}
body{background:#f4f4f6;}
ul,ol,li{ list-style: none; }
h2{ font-size:1.5rem; text-align:center;}
.container-fluid{width:100%; max-width:1200px; overflow: hidden; font-size: 0.875rem; margin:0 auto; text-align: left;}

/*public*/
.breadcrumb{padding:.5rem 1rem .3rem; background:none; margin-bottom:0.5rem; font-size:0.825rem;}
.breadcrumb a{color:#666;}
.breadcrumb a:hover{color:#e4393c;}
.brandicon{ max-width: 90px;}
.middle-box{ margin:0 auto; position:relative;width: 25%;}
.middle-inner{vertical-align:middle; *position:absolute; *top:50%; *left:50%; }
.middle-inner span{position:relative; *top:-50%; *left:-50%;}
.middle-inner a{ display:block; color: #565656; padding: 0.5rem 1rem 0;}
.middle-inner a:hover{color:#ff0034;}
.middle-inner a.caption{height: 50px; overflow: hidden;}
.gray { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);   filter: gray;}
/*public*/
.header{background: #f4f4f4; height: auto; width:100%; text-align: center; border-bottom:2px solid #cc3333;}
.headertop{ background:#e5e5e5; padding:10px 0;}
.topleft{width:30%; float:left;}
.topright{width:60%; float:right;}
.topright ul{ margin-bottom:0;}
.topright li a{color:#333; text-align:right; display:block;}
.topright li a.ys{color:#d9484b;}
.topright li a:hover{color:#ff0034;}
.navright .nav-item{margin-right:1rem;}
.navright .nav-item:last-child{margin-right:0;}
.navright .nav-item .setactive{ color: #333;  font-size: 1rem;}
.navright .nav-item .setactive:hover{ color: #ff0034; }

.banner{width:100%; height:400px; text-align: center;background:url(../img/banner.jpg) no-repeat; background-size:100% 100%;}
.slogan{ background: rgba(55,46,46,0.46); width:70%; margin:0 auto; padding:23px 60px;}
.slogan h1{ font-family: 'Anton'; font-size: 2rem; color: #fff;  }
.slogan .des{ font-size: 1rem; color: #eee; font-family: 'Arial Narrow'; line-height: 18px; }

.content{ margin-top:30px;}

.mainbody{ padding:0px;}
.featured .container-fluid .caption a:hover{ text-decoration: none; }
.featuredimg{mix-blend-mode: multiply;}
.feature0{ background:url(../img/xbgone.jpg) no-repeat right #f8ecba;}
.feature1{ background:url(../img/xbgtwo.jpg) no-repeat right #bae0f7;}
.feature2{ background:url(../img/xbgthree.jpg) no-repeat right #ffb988;}
.feature3{ background:url(../img/xbgfour.jpg) no-repeat right #bebdcb;}
.featured .caption > a{ width:100%; display:block; line-height:67px; font-size:1.5em; font-weight:bold; padding-left:2%;}
.feature0 a{ background:url(../img/bgpro1.jpg) no-repeat right;color:#ff9900;}
.feature1 a{ background:url(../img/bgpro2.jpg) no-repeat right;color:#325082;}
.feature2 a{ background:url(../img/bgpro3.jpg) no-repeat right;color:#873607;}
.feature3 a{ background:url(../img/bgpro4.jpg) no-repeat right;color:#5f59bd;}
.featured .featured_huodong{background-color: #ff0034; color: #ffffff; line-height:67px; font-size:1.5em; font-weight:bold; padding-left:2%;}
.middle-inner a.caption .yingxiao{display: inline-block; margin-right: 5px; background-color: #ff0034; color: #ffffff; border-radius: 5px; padding: 0 5px; font-size: 12px;}
.productcategory{ background:#fff;}
.featureditems{ padding: 28px 0; }
.footer{ background: #282828; }

.footercategory{ font-size: .85rem;}
.footercategory li{ margin-bottom:0.5rem;}
.footercategory .caption{ font-size: 1.1rem; display: inline-block; margin-bottom: 0.5rem;}
.footercategory li a{ color: #666; text-align: center; display: block;}
.footercategory li.caption a{color:#fff;}
.footercategory li a:hover{color:#f1f1f1;}

.pagefooter{ background: #362e2e; width: 100%; height: 110px; }
.pagefooter .middle-inner .container-fluid .row .pagefooterlinks a{ font-family: 'Montserrat'; font-size: .85rem; color: #fff; display: inline-block; margin-top: 20px; margin-right:20px;}

/*slider*/
.sider{padding:0px;}
.sider .list{ background: url(../img/leftbbg.jpg) no-repeat bottom, linear-gradient(0deg, #e0e0e2 100%,#ccc3c4 0%); padding:20px 0px 160px 0;}
.sider .list li{padding:20px 10px 20px 10px; display:block; width:100%;}
.sider .list li a{ padding:0px; }
.sider .list li a .col-7{ text-align:center; display:block;display:flex;
justify-content:center;
align-items:center;}
.sider .list li a .col-4{text-align:right; display:block;line-height:40px; border-bottom:1px solid #dcd8d9;border-image: -webkit-linear-gradient(#dcd8d9, #ccc6c6) 30 30;
border-image: -moz-linear-gradient(#dcd8d9, #ccc6c6) 30 30;
            border-image: -o-linear-gradient(#dcd8d9, #ccc6c6) 50 30;
            border-image: linear-gradient(#dcd8d9, #ccc6c6) 30 30; padding:0 5px 10px 0; margin:0; float:right; font-size:14px; color:#111111;}
.sider .setactive{ color: #333; line-height:18px; transition: color 0.5s linear; -webkit-transition: color 0.5s linear; -moz-transition: color 0.5s linear;}
.sider .setactive:hover{ color: #17243e; }
.sider .active{color:#0e5f9b; text-decoration:underline;}
.sider .list li a b{ font-size:0.96rem; padding-top:10px; display:block;}
/*slider*/



.singleinnerpagepro>.caption,.singleinnerpagepro>.caption a{color:#464646; font-size:1.1rem; font-weight:bold; padding-top:16px;}
.singleinnerpagepro .eachitem .caption a{font-size:0.875rem;font-weight:normal; line-height:18px;}
.singleinnerpagepro .caption a:hover,.singleinnerpagepro .caption a.active{color:#ff7500; text-decoration:underline;}
.singleinnerpagepro .eachitem img{border:1px solid #eaeee5;}
.singleinnerpagepro .eachitem:hover img{border:1px solid #ccc;}
.singleinnerpagepro .eachitem .caption{ padding:12px 10px; margin-bottom:12px; background:#f4f4f4; line-height:18px; min-height:66px;} 
.singleinnerpagepro .eachitem .caption a{color:#464646;}
.singleinnerpagepro .eachitem .caption:hover{background:#ececec;}
.singleinnerpagepro .eachitem .txtcaption{ text-align:left;}

.innerpro .eachitem .caption a{font-weight:bold;}
.innerpro .eachitem .caption p{text-align:left; padding-top:10px;}

.txth2{ font-size:1.5rem;}
.txth2 h2{ display:inline;}

.prolist a{color:#666666; font-size: 0.8rem;}
.prolist a .price{color:#e4393c; font-size:1.5rem;margin-bottom: 0.3rem;font-weight: 600;}
.prolist a .price small{ font-size:70%;margin-right:0.1rem;}
.prolist a .t{height:2.5rem;overflow:hidden;}
.prolist a:hover{ text-decoration:none;}
.prolist>li .img img{width:100%; transition: all 0.3s;}
.prolist>li:hover{box-shadow: 3px 3px 5px #e6f5fb,-3px -3px 5px #e6f5fb;}
.prolist>li:hover .img img{ transform: scale(1.1);}
.col5>li{width:17.6%; padding: 1rem; margin-right:3%; margin-bottom: 3%;}
.col5>li:nth-child(5n){margin-right:0;}

.bigimg{ width:100%; margin-bottom:1rem; text-align:center;border: 1px #eeeeee solid;cursor: pointer;}
.smallimg{ width:100%;}
.smallimg>ul>li{margin-right: 3%;width:17.6%;margin-bottom: 3%;border: 1px #eeeeee solid;cursor: pointer;}
.smallimg>ul>li:last-child{margin-right:0;}
.smallimg>ul>li img{width:100%;}

.protitle{color:#666; font-size:1.1rem;margin-bottom:1rem;}
.protitle_sub{color:#ec7070; font-size:0.8rem;}
.pro_price{color:#e4393c; font-size:2rem; font-weight:600; padding:0.5rem 0;}

.paramlist{ background:#eeeeee;color:#999;}
.paramlist li{ margin-bottom:0.3rem;}

.carlist{display: flex; align-items: center;}
.carlist .kucun{ border: 1px #e4393c solid; padding: 8px 30px; color: #e4393c; border-radius: 0.25rem; margin-left: 1rem;}

.selectmodel{}
.selectmodel li{ max-height:2.5rem; margin-right:1rem; margin-bottom: 0.4rem; padding: 0.1rem 0.3rem 0.1rem 0.1rem;border:1px #eee solid;font-size:0.75rem; background: #f7f7f7;user-select: none; cursor: pointer;}
.selectmodel li img{height:100%; margin-right:0.5rem;}
.selectmodel li.active{border-color:#e4393c;}
.wrap-input{border:1px #ddd solid; width:4rem; display:inline-block; position: relative;}
.wrap-input input{height:2.5rem; padding:0 0.5rem; width:3rem; line-height:2.5rem; text-align:center; border:none;outline: none;}
.wrap-input a{position: absolute;right:0;height:50%; line-height: 110%; padding:0; border-left:1px #ddd solid; width: 1rem;text-align:center;background: #f1f1f1;color:#666}
.wrap-input a:hover{text-decoration:none;}
.wrap-input a:nth-child(3){bottom:0;border-top:1px #ddd solid;}
.addcar{border-radius:0; padding:0.5rem 2rem;}
.details_title{background:#eee;}
.details_title .shuoming{display:inline-block; padding:0.5rem 2rem;background:#de3033; color:#fff;font-size:1.2rem;}
.details_title .othertitle{display:inline-block; padding:0.6rem 0rem 0.6rem 1rem;font-size:1rem;font-weight:600;}

.copyright{border-top:1px #000 solid;color:#666;}
.copyright .footerlinks{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 40px;
	width:100%;
}
.copyright .footerlinks .eachfooterlinks{
	display: inline-block;
	padding: 3px 5px;
}
.copyright .footerlinks .eachfooterlinks .nav{
	font-size: 12px;
	color: #ccc;
}
.pagination{justify-content:center;}
.sublist{border-bottom:2px #c39850 solid;}
.sublist a{ display:block; background:#e9e9e9; color:#3a3a3a; margin:0 0.5rem; padding:0.325rem 0.925rem;}
.sublist a:hover,.sublist a.active{ text-decoration:none; background:#c39850;color:#fff;}

#wy_sidebar{ position:fixed; right:16px; bottom: 120px; z-index: 99;}
#wy_sidebar .list .li{ background:#fff;color: #333;font-size: 12px; text-decoration: none; text-align: center; margin-bottom: 10px; width: 50px; height: 50px; box-sizing: content-box; padding: 5px; cursor: pointer;transition: all .6s;border-radius: 3px; position: relative;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#wy_sidebar .list .li a{text-decoration: none;}
#wy_sidebar .list .li>a{ display: block; color: #333;}
#wy_sidebar .list .li>a>img{ width: 33px; display: block; margin: 0 auto;}
#wy_sidebar .list .li>img{ display: block; margin: 3px auto;width: 33px;}
#wy_sidebar .showdiv{white-space: nowrap;text-overflow: ellipsis;position: absolute;left: 300px; top: 0; background: #fff;color:#0b55d5; padding: 0 10px; border-radius: 5px; line-height: 40px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
#wy_sidebar .showdiv:before{content:""; position: absolute; right: -8px;top: 28%; width: 0;height: 0; border-left: 8px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}
#wy_sidebar .showdiv.img{line-height:normal;padding: 10px;width: 180px; }
#wy_sidebar .showdiv.img:before{top: 8%;}
#wy_sidebar .showdiv a{ font-size: 16px;}
#wy_sidebar .list .li:hover{background:#a6bcfa8c;}

.detailspic{}
.detailspic>div{width: 100%; margin: 0;}
.detailspic img{max-width: 100%;line-height: 1;}

.homealltags{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
	margin-left:17px;
}

.homealltags>.label{
	line-height: 30px; padding: 0 10px;
	border: 1px solid #ccc;
	background: #efefef;
	margin: 1px;
}
.homealltags>.active {
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #ccc;
	background: #efefef;
	margin: 1px;
}

.networknav{display: flex; align-items: center; }
.networknav .select_option{margin-right:10px;}
.networknav .input{border: 1px #e8e8e8 solid;width: 300px; padding: 0px 8px; line-height: 38px; border-radius: 5px; margin-right: 10px;}
.networknav .input:focus{outline: none;}
.networknav .btninfo{background: #dc3545; color: #fff; padding: 0px 20px; line-height: 38px; border-radius: 5px; border:none;margin-right: 10px;}
.networknav .btninfo:focus{outline: none;}
.networknav .reset{display: inline-block; background-color: #e5e5e5;padding: 0px 20px; line-height: 38px; border-radius: 5px; color: #444444;}
.networknav .reset:hover{text-decoration: none; background-color: #cccccc;}
.networklist{margin: 20px auto;min-height: 1000px;}
.networklist .nodata{text-align: center;padding: 20px 0;}
.networklist .hd{display: flex; background: #e5e5e5; border: 1px #cccccc solid; padding: 0 10px; box-sizing: border-box;}
.networklist .hd .li{ box-sizing: border-box; padding: 5px 0;}
.networklist .hd .li:nth-child(1){width: 30%;}
.networklist .hd .li:nth-child(2){width: 30%;}
.networklist .hd .li:nth-child(3){width: 40%;}
.networklist .bd{border-left: 1px #cccccc solid;border-bottom: 1px #cccccc solid; border-right: 1px #cccccc solid;color: #444444; background-color: #fff;}
.networklist .bd .ul{box-sizing: border-box; padding: 30px 20px; position: relative;}
.networklist .bd .ul:nth-child(2n){background-color: #f5f5f5;border-bottom: 1px #cccccc solid; border-top: 1px #cccccc solid;}
.networklist .bd .li{display: flex;}
.networklist .bd .li .ol{width: 30%;box-sizing: border-box; padding: 10px 0px; font-weight: 600;}
.networklist .bd .li .ol:last-child{width: 40%;}
.networklist .bd .ul .ul_ft{margin-top: 10px; font-size: 16px; }

@media (max-width: 575.98px){
    .middle-box{display: table; margin:0 auto; position:relative;width: 50%;}
    .topright li a,.footercategory li a{font-size: 12px;}
    .col5>li{width:45%; padding: 1rem; margin-right:3%; margin-bottom: 3%;}
}

@media (min-width: 576px) and (max-width: 767.98px){
    .middle-box{display: table; margin:0 auto; position:relative;width: 50%;}
    .footercategory li a{font-size: 14px;}
    .col5>li{width:30%; padding: 1rem; margin-right:3%; margin-bottom: 3%;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .middle-box{display: table; margin:0 auto; position:relative;width: 25%;}
}

@media (min-width: 1200px) {

}