/*模块1*/
.sponeinfo {padding:20px 0;}
.leftdaohang {height: 425px;padding: 0;width: 21.5%;background: #fff;border-top: 2px solid #f27f00;margin-right: 20px;}
@media (max-width:992px){
.leftdaohang{display:none}
}
.leftdaohaoin {
    padding:20px;
}


/*首页banner右侧样式*/
.rightTitle {
    background: #f28000;
    color: #fff;
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

.rightcate a:hover {
    color: #fff !important;
}

.promotion-list {
    margin-top: -32px;
    padding-top: 32px;
    box-sizing: border-box;
    padding-bottom: 34px;
    height: 400px;
}

.promotion-item {
    position: relative;
    border-bottom: 1px solid rgba(220,222,227,.7);
    padding-left: 16px;
    height: 30.3%;
    display: block;
}

    .promotion-item .title {
        margin: 20px 40px 14px 0;
        color: #333;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        max-height: 44px;
    }
    .promotion-item .view-more {
        display: inline-block;
        max-width: 110px;
        padding: 0 10px;
        color: #fff;
        border-radius: 10px;
        font-size: 12px;
        line-height: 21px;
        background: #f28000;
    }
    .promotion-item .item-banner {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 80px;
        max-height: 80px;
    }
        .promotion-item .item-banner  img{
            max-width: 80px;
            max-height: 80px;
        }

/*首页banner右侧样式*/
.leftdaohanghead {
    height: 54px;
    background: #106eec;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 54px;
}
.leftdaohangul {width:100%;height: 364px;background: #fff;margin-bottom: 0px;background-size: 13%;background-position-x: 145px;background-position-y: -1px;margin-top: 15px;}
.leftdaohangul li {padding: 0 0px;height: 35px;line-height: 35px;border-bottom: 1px solid #ddd;white-space: nowrap;overflow:  hidden;text-overflow:  ellipsis;color: #a7383b;}
.leftdaohangul li:last-child {border-bottom:none;}
.leftdaohangul li a{color: #333;}
.leftdaohangul li:hover {background:#fff;}
.leftdaohangul li:hover a{color:#333;}
.bannerbox {margin-top: 0px;width: 55.7%;margin-right: 20px;}
.rightnewshead {width:100%;height:30px;line-height:30px;background:#f3f3f3;text-align:center;}
.rightnewsul {width:100%;margin-top:10px;height:210px;overflow:hidden;background:#fff;border-bottom:1px solid #e60012;}
.rightnewsul li {padding:0 20px;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

@media (max-width:1040px){
.rightnews{display:none}
.bannerbox {margin-top: 0px;width: 100%;margin-right: 0px;}
.leftdaohang{display:none}    
}
.bannerbox:hover .wmuSliderPrev {
    left: 0;
}
.bannerbox:hover .wmuSliderNext {
    right: 0;
}

.categories_tit img {margin-right:8px;}
.categories_tit {font-size:20px;color:#f28000;}
.leftdaohangul li:hover a{color:#333;}
.rightnews {margin-top: 0px;background: #fff;height:423px;border-top: 2px solid #f27f00;padding: 0;width: 19.8%;overflow:hidden;}
@media (max-width:992px){
.rightnews{display:none}
}
.rightnewshead {width:100%;height:30px;line-height:30px;background:#f3f3f3;text-align:center;}
.rightnewsul {width:100%;margin-top:10px;height:210px;overflow:hidden;background:#fff;border-bottom:1px solid #e60012;}
.rightnewsul li {padding:0 20px;height:35px;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*banner*/
.banner {position:relative;}
#banner {clear: both;background: #fff;width: 780px;margin: 0px auto 0px;position:relative;height:424px;overflow:hidden;}
.slider_img {display: block;text-align: center;height: 100%;position:static !important;opacity:1 !important;width:780px !important;}
.slider_img img {margin: 0px auto;width: 100%;height: 425px;}
.wmuSlider {height: 100% !important;position: relative;overflow: hidden;margin-bottom: 0px;width:100%;}
.bbdd {z-index: 2;position: absolute;bottom: 2%;margin: 0;padding: 0;width: 100%;text-align: center;}
.bbdd li {margin: 0 8px 10px 0;list-style-type: none;display: inline-block;}
    .bbdd a {
        display: inline-block;
        text-indent: -9999px;
        width: 12px;
        height: 12px;
        display: block;
        border-radius: 12px;
        overflow: hidden;
        border: 2px solid transparent;
        background-color: #e2e2e2;
    }
        .bbdd a.wmuActive {
            background-position: 0 0;
            border-color: #ff6300;
            background-color: #fff
        }
.wmuSliderPrev, .wmuSliderNext {
    width: 25px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    text-align:center;
    font-size:30px;
    color:#FFF;
    transition:all 0.5s;
}
.wmuSliderNext {
    /*background-position: 0 -70px;*/
    right: -26px;
    left: unset;
}
.h0{
    height:auto !important;
}
.wmuSliderPrev {left: -26px;right:unset;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}
.tophu {height:18px;width:100%;position:absolute;top:0;z-index:9;}
.bottomhu {height:18px;width:100%;position:absolute;bottom:0;z-index:9;}
.categories_tit img {margin-right:8px;     margin-top: -5px;}
.categories_tit {font-size:20px;color:#f28000;}

.rightdaohangul li {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
    padding-bottom: 4px;
}
.rightdaohangul li:last-child{border-bottom:none;}
.onerightimg {width:80px;height:80px;margin-right:15px;}
.recommendtit {width: 142px;}
.recommendtit p {color:#333;font-size:14px;font-weight:500;max-height:  50px;overflow:  hidden; height:50px;}
.recommendmore {background:#f27f00;width:60px;height:25px;line-height:25px;color:#fff;text-align:center;border-radius:5px;margin-top:5px;}

/*模块2*/
.sptwoinfo {padding:0 0 20px 0;}
.sptwoinfo_in img{width:100%;}

/*摸块3*/
.spthreeinfo {padding:0 0 20px 0;}
.spthteeinfo_in h2 {margin-bottom:20px;font-size:25px;color:#000;text-transform:uppercase;}
.spthteeinfo_in h2 img {margin-right:10px;margin-top: -5px;}
#ifocus {width: 100%;height: 440px;margin: 0px;border:1px solid #DEDEDE;background: #fff;}
#ifocus_pic {display:inline;position:relative;float:left;width: 73%;height: 430px;overflow:hidden;margin: 10px 0 0 25px;}
@media (max-width:1440px){
  #ifocus_pic{width: 68%;overflow:hidden;}  
}
@media (max-width:1240px){
  #ifocus_pic{width: 62%;overflow:hidden;}  
}
@media (max-width:1040px){
  #ifocus_pic{width: 53%;overflow:hidden;}  
}
#ifocus_piclist {position:absolute;width: 100%;}
#ifocus_piclist li {width: 100%;height: 430px;overflow:hidden;}
#ifocus_btn {display:inline;float:right;width: 349px;margin: 0px 0px 0 0;}
#ifocus_btn li {width: 100%;height: 110px;cursor:pointer;opacity: 1;-moz-opacity:0.5;filter:alpha(opacity=50);background: #e6e6e6;line-height: 110px;text-align: center;}
#ifocus_btn img {width: 90px;height: 90px;border-radius:  90px;text-align:  center;}
#ifocus_btn p {font-size:17px;color:#333;width: 200px;line-height: 20px;text-align:  left;margin-top: 36px;height: 40px;margin-left: -25px;}
#ifocus_btn .current {background: no-repeat;background-color:white; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }
#ifocus_opdiv {position:absolute; left:0; bottom:0; width:410px;height:35px;background:#000;opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }
#ifocus_tx .normal { display:none;}
.tab_in {width: 100%;}
.tab_inli {border-bottom:1px solid #ddd;height:115px !important;padding:10px 0px;width: 33% !important;line-height:115px;float:left;}
@media (max-width:1440px){
.tab_inli{width: 50% !important;}  
}
@media (max-width:1240px){
.tab_inli{width: 100% !important;}  
}
.tab_inli img {width:90px;height:90px;margin-right: 20px;}
.tab_incon {height:90px;width: 215px;margin-top: 13px;}
.tab_protit {line-height:13px;color:#333;font-size:15px;height:  15px;overflow:  hidden;white-space: nowrap;text-overflow:  ellipsis;}
.tab_price {color:#f27f00;font-size:20px;line-height: 30px;height: 30px;margin-top: 15px;}
.tab_zanin {height:30px;line-height:30px;margin-top:4px;}
.tab_zanin img{width:23px;height:23px;margin-right:5px;margin-top: -3px;}
.tab_zanin a {color:#f00;}
.tab_zanin a span {margin-top:15px;font-family:'宋体';}
.tab_inli:nth-child(7) {border-bottom:none;}
.tab_inli:nth-child(8) {border-bottom:none;}
.tab_inli:nth-child(9) {border-bottom:none;}

.home-product-header-cate{font-size:18px !important;float:left;margin-right: 20px;}
.home-product-content{width:100%; height:380px;background: white;}
.home-product-content-li{float:left;position:relative;height:100%;width:33%;border-color: #ebecf0;border-width: 0 0 1px 1px;border-style: solid;background: white;}
.home-product-content-li .proimg{position:absolute;bottom:0;right:0;max-height:140px;max-width:140px;}
.home-product-content-cate{width:349px;float:left;background-color: #E0E3EB;height: 100%;position:relative;}
.home-product-content-div{width:74%;float:left;height:100%;padding-left: 11px;}
.home-product-content-ul{height:50%;}
.border-left-none{border-left:none !important;}
.prodiv h3{margin-top:10px;font-size: 16px;font-weight: 400;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-product-content-cate .cateimg{mix-blend-mode: multiply;position:absolute; bottom:0px;right:0px;max-height:270px;max-width:270px;}
.home-product-content-cate .title{margin-top: 20px; padding: 0px 20px;}
.home-product-content-li .proprice{width:50%;bottom: 10px;position:absolute;color:#f27f00;}
.home-product-header-line {display: block;border: 3px solid #DCDEE3;border-radius: 3px;overflow: hidden;margin-top:9px;}
.home-product-header{height:45px;width: 100%;overflow: hidden;}
.speh2{margin-bottom:0px !important;margin-top:20px;}
.productsbycate{margin-top:20px;}
.margin-left-pxs{margin-left:11px;}
.caseTwoProli{width:16% !important;}
.caseTwoDiv{width:100% !important; padding-left:0px !important;}
.casetwoCateli{width:35% !important;}
.casetwoCateli .cateimg{float:left;}
.casetwoCateli h3{margin-top:10px;}
.caseThreeContent{background: #E0E3EB;height: 500px;}
.caseThreeCateli{background: #E0E3EB;margin-right:8px;background-size:cover !important;position:relative;mix-blend-mode: multiply;}
.caseThreeCateli a{display:block;height:100%;width:100%;position:absolute;background:rgba(255,255,255,0.7);}
.caseThreeCateli .title{padding:15px 10px;/*margin-bottom:36px;margin-top:15px;*/}
.threeproimg{max-width:100%; max-height:180px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.threeimgdiv{height:180px; line-height:180px; text-align:center;position: relative;}
.threeprodiv{margin-top:10px;height:50px; overflow:hidden;font-weight:400;padding:0px 10px;}
.casethreeover{position:relative; margin-right:9px;height:49%;overflow:hidden;border: 1px solid transparent;box-sizing: border-box;}
.threehideli{position:absolute; bottom:-246px;z-index:1000;width:100%; height:100%;display:none;filter: alpha(opacity=90);opacity: 0.9;}
.threehidea{position:absolute;top:10px;left:10px; right:10px;display:block;}
.caseTwoProli .ctubtn{height:35px; border: 1px solid #f39c12; background:#f39c12;color:white; margin-top: 30px;margin-left: 10px;padding: 0px 10px;font-size: 15px;border-radius: 3px;}
.hidep0{padding:0px !important;}
.GS_o2o_showBg {height: 100%;background-color: #fff;filter: alpha(opacity=90);opacity: 0.9;}
.threeproprice{color: #f27f00;}
.threehidea:hover{color:#333 !important;}
.threehideli .ctubtn{position:absolute; margin-left:0px;}
.threehidea .threeproprice:hover, .threehidea .threeprodiv:hover{color:#f27f00 !important;}
.threehidea .ctubtn{color:white !important;}
.threehidea .p333:hover{color:#333 !important;}
.casethreeover:hover{border:1px solid #f27f00;height:245px;}
.caseThreeArea{width:1400px; margin:0 auto;height:auto;}
.threecaseUl{height:100%;overflow:hidden;border-top:1px solid #e0e3eb}
.caseThreeCateli span{padding:5px 10px !important;background:#f2f3f7 !important;color: #f27f00 !important;}
.tacimg{width:100%;text-align:center;height:300px;position:absolute;bottom:25px;line-height:300px;mix-blend-mode: multiply;}
.casethreeover:nth-child(n+7){margin-top:8px;}
.cgray{margin-left:10px;margin-bottom:20px;color:gray;}
@media (max-width: 1440px) {
    .caseThreeArea {width: 1200px;margin: auto;}
    .caseThreeCateli{margin-right:20px;width: 18% !important;}
    .casethreeover{margin-right:11px;width: 19% !important;}
    .casethreeover:nth-child(n+6){margin-top:8px;}
}
@media (max-width: 1240px) {
    .caseThreeArea {width: 1000px;margin: auto;}
    .caseThreeCateli{margin-right:26px;width: 21% !important;}
    .casethreeover{margin-right:13px;width: 24% !important;}
    .casethreeover:nth-child(n+5){margin-top:8px;}
}
@media (max-width: 1040px) {
    .caseThreeArea {width: 800px;margin: auto;}
    .caseThreeCateli{margin-right:36px;width: 26% !important;}
    .casethreeover{margin-right:20px;width: 32% !important;}
    .casethreeover:nth-child(n+4){margin-top:8px;}
}

/*模块4*/
.spfourinfo {
    padding: 0 0 20px 0;
}
.spfourinfo_in h2 {margin-bottom:20px;font-size:25px;color:#000;text-transform:uppercase;margin-top:20px;}
.spfourinfo_in h2 img {margin-right:10px;margin-top: -5px;}
.spfourinfobgbox {background:url(../img/fourinfobg.jpg)no-repeat center 100%;height:500px;}
.innerinput {
    padding: 30px;
    padding-right: 60px;
}
.inputbox {width:406px;    margin-top: 50px;}
.inputbox h2 {color:#f27f00;font-size:30px;font-family:'Century Gothic';font-weight:normal;width: 100%;word-break: break-word;line-height: 40px;}
.input_css {border:1px solid #ffbc9b;background:none;width:95%;height:40px;padding-left:20px;margin:10px 0;}
.send {
    background: #f27f00;
    height: 40px;
    width: 260px;
    color: #fff;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

/*模块5*/
.spfiveinfo {padding:0 0 20px 0;}
.spfiveinfo_in h2 {margin-bottom:20px;font-size:25px;color:#000;text-transform:uppercase;}
.spfiveinfo_in h2 img {margin-right:10px;margin-top: -5px;}
.proinul {width:100%;}
.proinul li {width:24%;float:left;margin-right:16px;border:1px solid #ddd;margin-bottom:20px;background:#fff;}
.proinul li:nth-child(4n) {margin-right:0px;}
.pro_top {padding:10px 8px;}
.pro_toptit {font-size:16px;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.proimgleft {padding:0 20px 0 0;border-right:1px solid #ddd;height:50px;text-align:left;margin-top:10px;}
.proimgleft p:first-child {font-size:16px;color:#333;}
.proimgleft p:last-child {font-size:25px;color:#990000;}
.proimgright {padding:0 0 0 20px;text-align:left;margin-top:10px;height:50px;width:72%;}
.proimgright p:first-child {font-size:16px;color:#333;height:  25px;overflow:  hidden;white-space: nowrap;text-overflow:  ellipsis;}
.proimgright p:last-child {font-size:25px;color:#f27f00;}
.pro_bottom {background:#f2f3f7;padding: 10px 15px;}
.pro_bottom img {margin-right: 14px;height:90px;width:90px;}
.pro_bottom img:last-child {margin-right:0px;}
@media (max-width:1440px){
.proinul li {width: 32%;margin-right: 21px;}
.proinul li:nth-child(3n) {margin-right:0px;}
.proinul li:nth-child(4n) {margin-right:21px;}
.proimgright {width: 75%;}
}
@media (max-width:1240px){
.proinul li {width: 48%;margin-right: 36px;}
.proinul li:nth-child(3n) {margin-right:36px;}
.proinul li:nth-child(4n) {margin-right:36px;}
.proinul li:nth-child(2n) {margin-right:0px;}
.proimgright {width: 80%;}
}
@media (max-width:1040px){
.proinul li {width: 100%;margin-right: 0px;}
.proinul li:nth-child(3n) {margin-right:0px;}
.proinul li:nth-child(4n) {margin-right:0px;}
.proinul li:nth-child(2n) {margin-right:0px;}
.proimgright {width: 88%;}
}

.keywordin {width:100%;}
.keywordin ul {width:100%;overflow:hidden;}
.keywordin ul li {display:inline-block;}
.keywordin ul li a {padding:0 20px;color:#333;font-size:14px;}

.spfiveinfo_new {padding:0 0 20px 0;}
.spfiveinfo_newin h2 {margin-bottom:20px;font-size:25px;color:#000;text-transform:uppercase;margin-top:20px;}
.spfiveinfo_newin h2 img {margin-right:10px;margin-top: -5px;}
.goodrecomul {width:100%;}
.goodrecomul li {/*width:24%;*/width:49.5%;float:left;/*margin-right:1%;*/border:0px solid #ddd;margin-bottom:20px;background:#fff;height:230px;}
.goodrecomul li:nth-child(2n) {margin-left:1%;}
.goodrecomul li .goodtop {background:#fafafa;padding:20px 15px;}
.goodtop div.fl {/*width:100%;*/width:53%;overflow:hidden;margin-bottom:.5em;}
.goodtop .fl h3{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:21px;}
.goodtop .fl h3:hover{color:#f27f00;}
.goodtop .fl p {color:#666;margin-top:10px;}
.goodtop div.fr {/*width:100%;*/height:30px;line-height:41px/*50px*/;text-align:left;display:flex}
.goodtop div.fr .fa{margin-right:1em;}
.goodtop .fr img {margin-right:5%;width:35px;}
.goodbottom {padding:20px 15px;}
.goodbottom dl {width:100%;display:flex;}
.goodbottom dl dd {float:left;/*width:32%;*/width:24%;margin-right:1%;/*height: 96px;*/height: 125px;line-height: 96px;border: 1px solid #ddd;}
.goodbottom dl dd:last-child{margin-right:0%;}
.goodbottom dl dd img {width:100%;/*height:96px;*/height: 100%;}
.goodbottom .fr {width:25%;text-align:center;}
.goodbottom .fr .shuliang {font-size:30px;color:#f27f00;margin-top:30px;}
.shuliangnext {color:#666;}


@media (max-width:1240px){
.goodtop .fr img {margin-right:5px;width:35px;}
}
@media (max-width:1040px){
.goodtop .fr img {margin-right:0px;width:30px;}
.goodbottom .fr .shuliang {margin-top:0px;}
    .goodtop div.fr .fa {
        margin-right: 0.5em;
    }
}
textarea#RFQContent::-webkit-input-placeholder {
    padding-top: 10px;
}

@media (max-width: 1440px) {
    .leftdaohang {
        margin-right: 10px;
    }
    .bannerbox {
        width: 685px;margin-right: 0px;margin-top: 0px;
    }
    #banner {
        width: 685px;
    }
    .slider_img {
        width: 685px !important;
    }
    .categories_tit {
        font-size: 18px;
    }
    .onerightimg {
        margin-right: 5px;
    }
    .recommendtit {
        width: 112px;
    }
    .rightnews {
        display: block;
    }
}

@media(max-width: 1240px) {
    .bannerbox {
        width: 775px;
    }
    #banner {
        width: 775px;
    }
    .slider_img {
        width: 775px !important;
    }
}
@media (max-width:1240px) {
    .rightnews {
        display: none
    }

    .bannerbox {
        margin-top: 0px;
        width: 76.5%;
        margin-right: 0px;
    }
}

.goodbottom .opreation {border: none;text-align: center;font-size: 15px;line-height: 30px;width: 20%;float: right;height: 125px;}
    .goodbottom .opreation .refresh{margin-top: 30%; text-align:left; margin-left: 20%;}
    .goodbottom .opreation .more{text-align:left;margin-left: 22%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    @media (max-width:1440px) {
        .goodbottom dl dd {height:107px;}
        .goodbottom .opreation .refresh {margin-top: 23%;}
}
@media (max-width:1240px){
    .goodrecomul li{height:200px;}
    .goodbottom dl dd {height:98px;}
    .goodtop div.fr .fa {margin-right: 0.5em;}
}
@media (max-width:1040px){
  .goodrecomul li{height:210px;}
    .goodbottom dl{overflow: hidden;height: 100px; width: 78% !important;display:block !important;}
        .goodbottom dl dd{width:30%;}
    .goodbottom .opreation{width:22%;}
        .goodbottom .opreation .refresh{margin-left:0;}
        .goodbottom .opreation .more{margin-left:0;}
}