@charset "utf-8";
body{text-align:center;}

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u, i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{ background:#f8f8f8; color:#333333; font-family:"微软雅黑","MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:81.25%; line-height:150%;}
a:link, a:visited{ color:#333333; text-decoration:none; text-align: center;}
a:hover{ color:#d12225; text-decoration:none;/*underline;*/ }
a:active{ color:#d12225; }
ol, ul{ list-style: none outside none;}

a.bai:link, a.bai:visited{ color:#333333; text-decoration:none; text-align: center;}
a.bai:hover{ color:#d12225; text-decoration:none;/*underline;*/ }
a.bai:active{ color:#d12225; }
a.cur:link, a.cur:visited,a.cur:hover,a.cur:active{ color:#d12225; text-decoration:none;}

a.sec:link, a.sec:visited{ color:#fff; text-decoration:none; text-align: center;}
a.sec:hover{ color:#d12225; text-decoration:none;/*underline;*/ }
a.sec:active{ color:#d12225; }

a.red:link, a.red:visited{ color:#ffffff; text-decoration:none; text-align: center;}
a.red:hover{ color:#ffe8e8; text-decoration:none;/*underline;*/ }
a.red:active{ color:#ffe8e8; }

a.item-more:link, a.item-more:visited{ color:#d12225; text-decoration:none; text-align: center; font-size: 1.151em;background-color: #fff}
a.item-more:hover,a.item-more:active{ color:#d12225; font-size: 1.153em;    background-color: #fff}

img{border: 0;object-fit: cover;object-position: 50% 50%;}

/*-----------公共基础类-----------------s*/
/*清除浮动*/
.clr{*zoom:1;}
.clr:before,.clr:after{
    content:"";
    display:table;
    line-height:0;
    visibility:hidden;
}
.clr:after{
    clear:both;
}
.dib{display: inline-block}
/*flex：定义布局为盒模型
flex-v：盒模型垂直布局
flex-1：子元素占据剩余的空间
flex-align-center：子元素垂直居中
flex-pack-center：子元素水平居中
flex-pack-justify：子元素两端对齐*/
/*.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}*/
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
/*.flex1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}*/
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.flex-pack-start{-webkit-justify-content:flex-start;justify-content:flex-start;}

.flex-item{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /*justify-content: flex-start;*/
    align-items: flex-start;
    flex-flow: row wrap;
}
/*.flex{display:-webkit-box;display:-webkit-flex; display:flex; width:100%;}*/
.flex{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

}
.flex0 {
    -webkit-box-flex: 0;    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0;       /* OLD - Firefox 19- */
    -webkit-flex: 0 auto;   /* Chrome */
    -ms-flex: 0 auto;       /* IE 10 */
    flex: 0 auto;           /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex1 {
    -webkit-box-flex: 1;    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;       /* OLD - Firefox 19- */
    -webkit-flex: 1;        /* Chrome */
    -ms-flex: 1;            /* IE 10 */
    flex: 1;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex2 {
    -webkit-box-flex: 2;    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 2;       /* OLD - Firefox 19- */
    -webkit-flex: 2;        /* Chrome */
    -ms-flex: 2;            /* IE 10 */
    flex: 2;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.flex3 {
    -webkit-box-flex: 3;    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 3;       /* OLD - Firefox 19- */
    -webkit-flex: 3;        /* Chrome */
    -ms-flex: 3;            /* IE 10 */
    flex: 3;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex4 { -webkit-box-flex: 4;-webkit-flex:4;-ms-flex: 4;flex: 4;}
.flex5 { -webkit-box-flex: 5;-webkit-flex:5;flex: 5;}
.flex6 { -webkit-box-flex: 6;-webkit-flex:6;flex: 6;}
.flex7 { -webkit-box-flex: 7;-webkit-flex:7;flex: 7;}
.flex8 { -webkit-box-flex: 8;-webkit-flex:8;flex: 8;}
.flex9 { -webkit-box-flex: 9;-webkit-flex:9;flex: 9;}

.dir-row{flex-direction: row;}
.dir-col{flex-direction: column;}



.ol10{left:10px;}
.or10{right:10px;}
.zoom80{zoom:0.8;}
.tl{text-align: left;}
.tr{text-align: right;}
.pl10{padding-left: 10px;}
.fl{float: left;}
.fr{float: right;}
.dn{display: none;}
.text-center,.tc{text-align: center;}
.pointer{cursor: pointer;}

.items {
    background: #fff;
    width: 100%;
}
.items2 {
    background: #151313;
    width: 100%;
    clear: both;
}

.item-box{
    width:1200px;
    background: #fff;
    margin: 10px auto;
    position: relative;
    clear: both;
}
.item-box2{
    width:1200px;
    background: #f8f8f8;
    margin: 10px auto;
    position: relative;

}
.item-box3{
    width:1200px;
    /*height: 50px;*/
    background: #fff;
    margin: 8px auto;
    /*padding: 10px 0;*/
    border: 1px solid #ddd;
    box-shadow:0 1px 3px 0 #ddd;
    display: block;
    clear: both;
    box-sizing: border-box;
}
.item-box4{
    width:1200px;
    background: #151313;
    margin: 0 auto;
    color: #fff;
    clear: both;
}
.item-box5{
    width:1200px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    clear: both;
}
.item-box-more{
    width:1200px;
    /*background: #fff;*/
    margin: 0 auto;
    padding: 10px 0 30px 0;
    clear: both;
}
.item-tab{
    height: 80px;
    line-height: 80px;
    align-self: center;
    margin: 0 auto;

}
.item-name{
    font-size: 2em;
    color: #000000;
    font-weight:bold;
    /*width: 150px;*/
    /*height: 50px;*/
    white-space: nowrap;
    align-self: center;
    padding: 0 20px;

}
.item-tab div{display: inline-block;}
.item-ico{ width: 32px;/* height: 80px; align-self:center;*/ padding: 5px 0 0 0}
.item-ico img{ width: 32px; height: 16px; padding: 5px 0 0 0;}
.item-more{width: 23.076em; height: 2.692em; line-height: 2.692em; color: #d12225;border: 1px solid #d12225; margin: 0 auto;display: block;}
.item-subtitle{color: #999999;font-size: 1.23em; padding: 0 0 30px 0;}
.shadow{box-shadow:0px 5px 5px -3px #ddd;}



/**头部*/
/*头部s*/
.top-head{width:1200px;height: 90px;overflow: hidden; }
.top-head:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}
.top-head>div{display: inline-block;vertical-align: middle; }
.logo{width: 240px; text-align: left; }
.top-head-center{width: 720px;}
.head-user{width:230px;padding-bottom: 16px; text-align: right;}

.search-nav div{margin: 5px 10px 5px 0;display: inline;}

.top{position: fixed;top:0;}

.top-search{width: 620px;}
.search-box{border: 1px solid #d12225; height: 33px;}

.ico-search{height: 26px;width: 50px;line-height: 33px; padding: 4px;background-color: #d12225;text-align: center;}
.ipt-search{ height: 31px; width: 550px; border: none; margin:0 0 0 5px; }


.logo .logo-img{padding-top: 10px; width: 124px;height: 68px;}

.header{ width:1200px; height: 100px;background: white; position: relative;}

.user-menu{float: right; text-align: right;}
.header-plus{padding-top: 33px;float: right; text-align: left;}
.user-menu>div{float: left; width: 55px;}

#top-menu{z-index: 9999;}
.top-menu{width:1200px;height: 60px;overflow: hidden; background-color: #fff;}

.location{color: #666; margin: 10px 0 0 10px; font-size: 1.154em; width: 200px;display: inline-block; }
.header-menu{display: flex;justify-content:flex-start;align-items: center; font-size: 17px; font-weight: 500; width: 996px;display: inline-block;}

.header-menu>div{ text-align: center; height: 70px; line-height: 70px; padding-right: 20px; display: inline-block;zoom: 1; }
.header-menu-active>a{text-align: center;width: 40px;border-bottom: 2px solid #d12225;padding-bottom: 12px; font-weight: bold;}

.top-location{height: 50px; line-height: 50px; width: 200px;display: inline-block;}
.top-location img{margin-bottom: -2px; }
.top-location span{padding-left:5px;}

.user-panel{width: 250px; position: absolute; top: 70px; right: 0; z-index: 999; background-color: #fff; color: #999; padding: 10px; display: none; border: 1px solid #f8f8f8;}
.user-panel ul li{height: 50px; line-height: 50px;border-bottom: 1px solid #eee;}
.user-panel ul li:last-child{border-bottom: none;}

.product-search{position: absolute; top: 40px; left: 20%; right: 20%; margin: 0 auto;z-index: 999; width: 612px; background-color: #fff;}
.product-search2{position: absolute; z-index: 99999; width: 212px; background-color: #fff; /*margin-left: 47px;*/ margin-top: 10px; font-size: 1em; }

.product-search>div{ height: 60px; line-height: 60px;}
.hot-search{padding: 0 10px; border: 1px solid #f8f8f8; color: #999;}
.hot-search li{height: 30px; line-height: 30px; text-align: left;}
.keyword-search{width: 520px; height: 35px; border: none; margin:0 20px; }
.keyword-search:active,.keyword-search:hover,.keyword-search:focus{border: none;}


.btn-login,.btn-reg{padding: 8px 15px; height: 25px;}
.btn-login{color:#999;background-color: #EDEDED; }
.btn-reg{color:#ffffff;background-color: #d12225;}
/*.header-plus{display: table-cell; vertical-align: middle; text-align: center; width: 350px; height: 35px;}*/
.header_search{width: 350px; height: 35px; display: block;}
.header-plus span{margin-left: 10px;}


.rmd-box{width:1200px;margin: 0 auto;}/* background-color: #ddd*/
.rmd-left{width: 598px; height:330px;display: inline-block; box-sizing: content-box;}/*background-color: #99999A;*/
.rmd-left>div{width: 295px; height: 330px;display: inline-block; overflow: hidden; margin-right: 4px;}

/*
.rmd-right{width: 600px; height: 330px; display: inline-block;box-sizing: border-box;}
.rmd-left div{width: 298px; height: 330px;display: inline-block;box-shadow:0 5px 5px -2px #ddd;}
.rmd-right div{ width: 300px; height: 167px; text-align: center; box-sizing: border-box; float: left; border: 5px solid transparent; margin:-5px 0 5px 0;box-shadow:0 5px 5px -2px #ddd;}
*/

.rmd-right{width: 598px;height: 330px; display: inline-block; overflow: hidden;box-sizing: content-box;}
.rmd-right .rmd-right-list{margin-right: -4px;}
.rmd-right-list::after{content: '';display: block;clear: both;}
.rmd-right-list>div{float: left;width: 295px; height: 160px;margin-right: 4px;margin-bottom: 4px;background-color: #fff;text-align: center;border: 1px solid #ddd;box-shadow: 0 3px 3px 0 #ddd;}

.rmd2-more{width: 1200px;overflow: hidden; margin: 6px 0;}
.rmd2-more .rmd2{margin-right: -4px;}
.rmd2::after{content: '';display: block;clear: both;}
.rmd2>div{float: left;width: 295px; height: 160px;margin-right: 4px;margin-bottom: 10px;background-color: #fff;text-align: center;border: 1px solid #ddd;}

/*.rmd1{width: 1200px; height: 330px;  }
.rmd2{width: 1200px; height: 170px; border: 5px solid transparent; flex-flow: wrap; margin: 0 0 5px -5px;}
.rmd2{display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;background-color: #f8f8f8;}
.rmd2 div{width: 295px; height: 160px; background-color: #fff;border: 2px solid transparent; margin: -5px 0 5px 0; }*/

.rmd-2x{width: 596px; height: 330px; overflow: hidden; display: inline;/*display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;*/ margin-right: 4px; }
.rmd{width: 600px; height: 330px; overflow: hidden; flex-flow: wrap; background-color: #f8f8f8;display: inline;/*display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;*/margin-left: 4px;}

.rmd-2x div{display: inline;}
.rmd div{float:left; width: 295px; height: 170px; box-sizing: border-box;border: 8px solid transparent; margin-right: 4px; margin-top: 4px;}
.rmd div{width: 295px; height: 160px; background-color: #fff; margin-bottom: 8px;}
.rmd div,.rmd2 div,.brand .brand-cell,.rmd-2x div{box-shadow: 0 3px 3px 0 #ddd; display: inline-block;  }

/*商家推荐*/
.at{width: 295px; height: 160px;}
/*商家推荐大*/
.at2{max-width: 295px; max-height: 330px; }
/*品牌墙*/
.at3{max-width: 196px; max-height: 120px; }
/*浮动*/
.at4{max-width: 276px; max-height: 120px; }

/*右上角关闭小按钮*/
.close{ position: absolute; width: 13px; height: 13px;line-height: 10px;right: 3px; top:3px; cursor: pointer; color: #cccccc; border: 1px solid #cccccc; border-radius: 100%; text-align: center;vertical-align: middle;  }
.close:before{content: "x"}
.close:hover{background-color: #d12225;color: #ffffff;border: 1px solid #f0c040;}

.top-head-pic{padding-top: 10px; padding-left: 50px; cursor: pointer;}
.top-head-pic img,.header_search img{width: 28px;height: 28px;border-radius: 50%; margin-top: 10px;vertical-align:bottom;}
/**尾部*/
.partner{width:1200px;}
.partner .node{display: inline-block; float: left;}
.partner>div{width: 170px; height: 60px; overflow: hidden; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.partner>div:not(last-child){margin: 20px 10px;}
.partner img{width: 170px; position: relative; top:-21px;}

.links-lib{width: 560px;display: inline-block;vertical-align: top;}
.web-nav{width: 390px; height:320px;display: inline-block;vertical-align: top;}
.items-about{width: 242px; height:250px;text-align: left;display: inline-block;vertical-align: top;}
.qr>div{display: inline-block;vertical-align: top;}
.links-lib>.flex-item>div{width: 140px; height: 25px; overflow: hidden; text-align: left; vertical-align: middle; }
.links-lib .title,.web-nav .title{color: #fff; font-size: 1.538em; font-weight: 500; padding: 15px 0; text-align: left;}
.link-item{display: inline-block;}
.web-nav .title{padding-left: 83px;}
.web-nav>.flex-item>div{width: 220px; height: 25px; overflow: hidden; text-align: center; vertical-align: middle; }

.hot-line{color: #ffffff;font-size: 1.385em; font-weight: 500; padding: 15px 0;}
.work-time{padding: 15px 0;}

.footer{height: 50px; line-height: 50px; text-align: center; }
.footer-content{ text-align: center; margin: 0 auto; position: relative; left: 0; right: 0;}


/*******************************/


/*banner*/
.flexslider {
    /*position: relative;*/
    height: 420px;
    overflow: hidden;
    /*padding-top: 99px;*/
}
.slides {
    position: relative;
    z-index: 1;
}
.slides img{width: 100%;}
.flex-control-nav {
    position: absolute;
    bottom: -14%;
    left: -14%;
    z-index: 2;
    width: 100%;
    text-align: center;

}
.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}
.flex-control-nav li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    zoom: 1;
}
.flex-control-nav .flex-active {
    background-position: 0 0;
}

.flex-control-nav a {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 40px;
    overflow: hidden;
    background: url(../images/v2/dot.png) right 0 no-repeat;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
}
.content-box{border: 1px solid #cccccc; box-shadow:0 5px 5px -3px #ddd; position: relative; background-color: #fff;}

/*.content-box div{padding-left: 10px;}*/
.content-top{border-bottom: 1px solid #CCCCCC; position: relative;}
.blank{height: 20px; padding-top: 20px;}

/*Demand and activity*/
.supplier-quote{height: 50px; padding-top: 10px;}
.quote-tips{width: 240px; height: 36px; line-height: 36px; border-radius: 18px; background-color: #F5A623; color: #fff; margin-right: 40px;text-align: center; position: relative;}
.quote-arrows,.quote-tips>img{width: 15px; height: 8px; position: absolute; bottom: -8px; right: 40px;}
.quote-loc{text-align: center;line-height: 95px; cursor: pointer;}
.quote-loc img{padding-right: 15px;}
.quote-loc span{color: #aaaaaa;}
.demand{width: 425px; height: 340px;}
.activity{ margin-left: 20px; width: 760px;}
.enquiry{ width: 760px; height: 95px; margin-bottom: 40px; }
.get-mobile{ border: 1px solid #aaaaaa; }

.free-site{width: 370px; height: 196px;background-color: #FFC761; float: left;}
.free-demand{width: 370px; height: 196px;background-color: #9FCFFF; float: right;}

.ask{color: #fff; font-size: 25px; background-color: #d12225; text-align: center; width: 150px; height: 95px; line-height: 95px; cursor: pointer;}
.ask_mobile{text-align: center; font-size: 20px; color: #d12225; font-weight: 500;border: none; height: 90px; line-height: 95px; width: 350px;}
.ask_mobile:focus{border: none;}

.prev-item,.next-item{ width: 40px; height: 25px; display: inline-block; border: 1px solid #E0E0E0; text-align: center; line-height: 25px; color: #AEB1B5; font-size: 22px; font-weight: 500; }
.cur-item{color: #E0E0E0;}

.items-gap{padding-bottom: 30px;}
.items-top{width: 1200px;}
.demand-top{/*height: 70px; line-height: 70px;*/}
.items-title{font-size: 1.923em; font-weight: 500; padding: 15px 10px; text-align: left;}

.items-main{display: flex; justify-content: space-between; padding-bottom: 10px;}
/*.goods{width: 1200px;background-color: #f8f8f8;display: -ms-flexbox;display:flex; flex-flow: wrap;-webkit-justify-content:space-between;justify-content: space-between;justify-items: center;text-align: justify;}*/
/*.goods-box{width: 1200px;background-color: #f8f8f8;overflow: hidden; z-index: 1;}
.goods{ margin-right:-10px;}
.goods:after{content: ''; display: block;clear: both;}
.items-cell{width: 230px; height: 324px; text-align: center; box-sizing: border-box; float: left;margin:5px 10px 10px 0;}*/

.items-child{width: 1200px;overflow: hidden;}
.goods{	height: 324px;margin-right: -10px;}
.goods::after{content: '';display: block;clear: both;}
.items-cell{float: left;width: 230px; height: 324px;margin-right: 10px;	margin-bottom: 10px;background-color: #fff;text-align: center;border: 1px solid #ddd;box-shadow: 0 5px 5px -3px #ddd;}

/*.items-cell{width: 230px; height: 324px; text-align: center; box-sizing: border-box; float: left; border: 5px solid transparent; margin:5px -5px 10px 15px;box-shadow:0 5px 5px -2px #ddd;position: relative; z-index: 1;background-color: #fff;}*/
/*.items-cell{border: 1px solid #ddd; width: 230px; height: 324px; text-align: center;box-shadow:0 5px 5px -3px #ddd; position: relative; z-index: 1;background-color: #fff;display: inline-block;margin-bottom: 10px;float: left;margin-right: 8px;}*/
.items-cell2{border: 1px solid #ddd; width: 230px; height: 290px; text-align: center;box-shadow:0 5px 5px -3px #ddd; position: relative; z-index: 1;background-color: #fff;display: inline-block;margin: 0 8px 10px 0;}
.items-cells{border: 1px solid #ddd; width: 288px; height: 390px; text-align: center;box-shadow:0 5px 5px -3px #ddd; position: relative;display: inline-block;}
.items-cell3{border: 1px solid #ddd; width: 288px; height: 350px; text-align: center;box-shadow:0 5px 5px -3px #ddd; position: relative;display: inline-block;}
.items-cell:hover,.items-cells:hover,.items-cell3:hover{box-shadow:6px 6px 8px 0 #999;border: 1px solid #d12225;}

.goods-name{font-size: 1.153em;font-weight: 500; padding: 5px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.price{color: #d12225;font-size: 1.153em;font-weight: 500;line-height: 150%; padding: 5px 10px;}
.intro{font-size: 1em;color:#999; padding: 5px 8px; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

.items-cell .cover-picture{width: 230px; height: 220px; overflow: hidden;}
.items-cell .cover-picture>img{ max-width: 230px; min-height: 220px; object-fit: cover; object-position: 50% 50%;}
.items-cell .cover-picture>img:hover{ transform: scale(1.6);}

.items-cells .cover-picture,.items-cell3 .cover-picture{width: 286px; height: 215px; overflow: hidden;}
.items-cells .cover-picture>img,.items-cell3 .cover-picture>img{ max-width: 286px; min-height: 215px; object-fit: cover;object-position: 50% 50%;}
.items-cells .cover-picture>img:hover,.items-cell3 .cover-picture>img:hover{ transform: scale(1.5);}

.company-picture{width: 230px; height: 200px; overflow: hidden; text-align: center; margin: 0 auto;}
.company-picture img{ width: 230px; height: 200px;  object-fit: cover; object-position: 50% 50%;}/* border-radius: 100%;padding-top: 20px;*/



.static{color: #999; padding: 8px 0; position: absolute; bottom: 0; left: 10px;}
.static span{color:#d12225; padding-right: 10px;}
.content-info{padding: 0 10px 10px 10px; }
.i-content{padding: 0 10px;}
.i-cell{height: 68px; line-height: 28px; vertical-align: middle;padding: 3px 0;border-top: 1px dashed #ddd;}
.demand-content{color: #333; font-size: 13px;}
.demand-content span{color: #d12225;}
.demand-tips{color: #aaaaaa;}

.item-left,.item-right{width: 590px; height: 470px; }
.item-left{margin-right: 20px;}
.news-thumb{width: 170px;height:170px; overflow: hidden; float: left;}
.news-thumb img{max-width: 170px; border: 1px solid #f8f8f8; object-fit: cover; object-position: 50% 50%;}
.news-content{height:170px; }
.news-content>div{padding-left: 15px; }
.news-title{width: 340px;height:54px;color: #333; font-size: 15px; font-weight: 500;overflow:hidden; }
.news-intro{width: 340px;height:95px; overflow:hidden; color: #999;}
.news-list{margin-top: 10px;}
.news-list>ul>li{height: 35px; line-height: 35px; text-align: left;}
.news-date{color:#aaaaaa;}
.news-hot{border-bottom: 1px solid #eee; border-top:1px solid #eee; padding: 15px 0;}

.flow{ width: 180px; height: 250px; text-align: center; margin: 0 auto; font-size: 18px; color: #555; position: relative;}
.flow>div{margin: 20px 0;}
.flow-line{ width: 180px;height:2px; padding-top:2px;border-bottom: 1px solid #d12225;position: absolute; bottom: 56px; left: 120px; z-index: 0;}

.div-inline{ display:inline;}
.banner{ margin: 15px auto; height: 400px;}
.banner-box{width: 800px;height: 400px;overflow: hidden;display:inline-block; float: left; }
.banner-right{width: 380px;height: 400px;overflow: hidden;display:inline-block; float: right;/* margin-top: 20px;*/}

.items-more{font-weight: 500; float: right; position: relative; right: 0;}
.items-more ul{display: flex;}
.items-more ul li{padding-left: 20px;}

.tab-title{font-size: 1.538em; font-weight: bold; padding: 15px 0 15px 10px; text-align: left;}
.banner-right-ad{width: 385px;height: 155px; overflow: hidden;}
.banner-right-ad img{width: 385px;height: 155px; }
.banner-right-content{margin-top: 15px; background-color: #fff; height: 230px;}
.banner-right-content .items-more img{width: 155px;height: 33px;}
.demand-list{text-align: left;}
.demand-list li{ height: 28px; line-height: 28px;}
.demand-list li span:first-child{ font-weight: bold;}
.demand-list li span:last-child{ color: #666666;}

.refresh{width: 232px; height: 295px;  background-color: #d12225;color: #ffffff; overflow: hidden; text-align: center;display: flex;flex-direction: column; }
.refresh .title{font-size: 2.5em; -webkit-box-flex: 1;-webkit-flex:1;-ms-flex: 1;flex: 1;display: flex;justify-content:center;align-items: center;}
.refresh input{background-color: #d12225;color: #ffffff;border: 1px solid #ffffff; width: 140px; height: 35px;font-size: 1.2em; display: none; }

.brand{width: 1200px; /*height: 292px; margin-left: 4px;*/ flex-flow: wrap; background-color: #f8f8f8;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;}
.brand .brand-cell{ background-color: #fff; border: 1px solid #ddd;float: left;margin: 0 2px 10px 0;width: 196px; height: 120px; }
.brand div{overflow: hidden; margin:8px auto; }
.brand:after{clear: both;display: block;}

.mb{margin-bottom:10px; }
.bgw{background-color: #ffffff;}
.bgg{background-color: #f8f8f8;}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.brand-recommend{margin-bottom: 25px; }


.nav-box{clear: both;display: block;}
.nav-box>div{display: inline-block;}
.nav-box .flex0{width:1px; height:20px;border-right: 1px solid #CCCCCC; margin-top:1.5em; margin-bottom: 1.5em }
.nav-tab{cursor: pointer; width:19%;padding-bottom:5px;}
.nav-title,.nav-tab div:first-child{font-size: 1.23em; font-weight: bold; margin: 10px 0 6px 0;}
.nav-hint,.nav-tab div:last-child{font-size: 0.688em; color: #aaaaaa;}
/*.nav-end{padding: 10px 0; float: right; border-right: 1px solid #d12225;}*/

.nav-tab-active div:first-child span{color: #ffffff;border-radius: 15px; background-color: #d12225; padding: 4px 15px;}
.nav-tab-active div:last-child{color: #d12225;}

.more-all{position: absolute; bottom: 10px; right: 10px;}

.news-box>div{display: inline-block;width:395px;border: 1px solid #ddd; vertical-align:top;}

.content-picture{border-bottom: 1px solid #ccc;}
.picture-text{border-bottom: 1px solid #ccc;}
.list-box .picture-text{padding: 10px;border-bottom: 1px solid #ccc;/*margin: 0 0 20px 0;*/}
.picture-text .picture{width: 100px; height: 70px; display: inline-block;overflow: hidden;}
.picture-text .text{text-align: left; margin-left: 10px; width: 248px; display: inline-block; }

.picture-text .picture img{max-width: 98px;min-height: 68px;object-fit: cover;object-position: 50% 50%;transform: scale(1.3);}
.picture-text .text .title{color: #333; font-size: 1.153em; height: 50px; font-weight: bold;overflow:hidden; }
.picture-text .text .date{color: #999; font-size: 1em; }

.content-list{text-align: left; padding: 10px; height: 170px;}
.content-picture .picture-text{padding: 10px; }
.list-box{/*height: 180px;*/}
.art-tech{margin: 0 8px;}
.ht{width: 380px; height: 27px; line-height: 27px;}

.services{width: 196px; height: 150px;display: inline-block;}
.services img{width: 132px; height: 132px;}
.services div{color: #333333;font-size: 1.138em; height: 20px; line-height: 20px;font-weight:400;}

/**右侧浮动*/
.at-r{
    position: fixed;
    float: right;
    top: 168px;
    /*bottom: 15%;*/
    right: 0;
    z-index: 99999;
    background-color: #ffffff;
    box-shadow:-2px 3px 3px 2px #ddd;
}
.at-r-close{right: -108px;}
.at-title{
    font-size: 1.384em;
    font-weight: bold;
    color: #ffffff;
    background-color: #d12225;
    height: 50px;
    line-height: 50px;
    width: 138px;
}
.at-btn{width: 30px; height: 30px; position: absolute; left: 0; top: -15px;cursor: pointer;background: url(/Public/images/v3/r_close.png) 0 0 no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0;}

.at-open{background: url(/Public/images/v3/r_open.png) 0 0 no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-position: center 0; }
.at-box{width: 138px; background-color: #ffffff;}
.at-box div{width: 138px; height: 60px; overflow: hidden;}

.nav-l{width:100px; /*height: 420px; padding: 0 15px;*/ border: 1px solid #ddd; background-color: #fff; position: fixed; font-size: 1.077em; visibility: visible;  top: 168px; z-index: 99;}
/*.nav-r div{width:86px; height: 50px; margin: 0 auto;}
.nav-r div span{width:60px;height: 50px; line-height: 50px;!* border-bottom: 1px solid #ddd;*! border: 1px solid #0f0;  text-align: center;  }*/
.mi{width: 80px; height: 50px;line-height: 50px;  margin: 0 auto; cursor: pointer; }
.nav-l>div:not(last-child),.mi:not(last-child){border-bottom: 1px solid #ddd;}
.cur-tab{background-color: #d12225;width:100px; border-bottom:0; color: #fff;}
.cur-tab img{filter:brightness(100);}
.mi span{margin: auto 0;}
.mi img{margin-right: 3px;}

.icon {
    display: inline-block;
    width: 20px; height: 20px;
    margin: 0 2px 0 0;
    overflow: hidden;
}
.icon-contract {
    background: url(/Public/images/v3/contract.png) no-repeat center;
}
.icon-top {
    background: url(/Public/images/v3/top.png) no-repeat center;
}
.cur-tab .icon > .icon {
    position: relative;
    left: -20px;
    border-right: 20px solid transparent;
    /*-webkit-filter: drop-shadow(20px 0);*/
    /*filter: drop-shadow(20px 0);*/
    filter: drop-shadow(rgb(255, 255, 255) 20px 0);

}


/*荐图标*/
.ico-lt2 {position: absolute;left: 10px;top: 0;z-index: 9999;zoom: 0.8;}
/*广告赞助商*/
.ico-rt2{position: absolute; right: 8px; top: 8px; z-index: 9999;}
/*爆品图标*/
.ico-lt {position: absolute;left: 0;top: 0;z-index: 9999;zoom: 0.8;width:55px!important; height:55px;}



/*轮播广告*/
/** {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
ul,li {list-style: none;}*/
a {text-decoration: none;color: black;}
.box{width: 800px;height: 400px;overflow: hidden;position: relative;}
.box-1 ul{}
.box-1 ul li{width: 800px;height: 400px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width: 800px; height: 400px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 20px;height: 40px;width:300px;background: rgba(125,125,120,.4);text-indent: 2em;
    padding-right:500px ;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;
    white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 32px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;
    background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.box-3 span{position: absolute;color: white;background: rgba(125,125,120,.1);width: 30px;height: 50px;
    top:50%; line-height: 50px;font-size:20px;margin-top: -40px;
    text-align: center;cursor: pointer;}
.box-3 .prev{left: 10px;}
.box-3 .next{right: 10px;}
.box-3 span::selection{background: transparent;}
.box-3 span:hover{background: rgba(125,125,120,.5);}