@charset "utf-8";
/* CSS Document */

/* BASE
----------------------------------- */
.w,.main,.bannerGroup{width:1200px; margin:0 auto;}
.half{width:560px; float:left; display:inline-block;}

/* tab */
.tab{}
.tab ul.tabT{}
    .tab ul.tabT li{float:left; display:inline-block;}
.tab .tabC{}
.tab .tabC .tabplane{display:none;}
.tab .tabC .tabplane.active{display:block;}


/* INDEX STYLE
----------------------------------- */
.top{height:34px; line-height:34px; background:#f2f2f2; color:#999; font-size:12px;}
    .topBar{}
        .topL{float:left; width:40%;}
            .topLogin{color:#ccc;}
        .topR{float:right; width:50%; text-align:right; color:#ccc;}
            .topR a{color:#999; text-decoration:none;}
            .topR a,.topR span{padding:0 5px;}
                .topR a:hover{color:#333; text-decoration:none;}
                .topR .topTel{color:#999;}
.header{height:140px;}
    h3.logo{float:left; width:400px; height:114px; margin-top:16px;}
        h3.logo a{display:block; width:400px; height:114px;}
            h3.logo a img{max-width:400px; height:114px;}
    .headerR{float:right;padding-top:50px;height:64px;}
        .headerR .searchBar{float:left; width:500px; height:36px; border:3px solid #f74a43; position:relative;}
            .headerR .searchIn{position:absolute; left:0; width:400px;}
                .headerR .searchIn input.searchKey{border:0; height:36px; width:380px; line-height:36px; color:#666; font-family:"Microsoft Yahei","Hiragino Sans GB"; padding:0 10px;}
            .headerR .searchHandle{position:absolute; right:0; width:100px;}
                .headerR .searchHandle .searchBtn{background:#f74a43; width:100px; height:36px; text-align:center; font-size:18px; font-weight:bold; color:#fff; border:0; font-family:"Microsoft Yahei","Hiragino Sans GB"; cursor:pointer;}
            .headerR .cartBtn a{display:block; height:40px; line-height:40px; padding:0 10px;}
                .headerR .cartBtn a:hover{color:#f74c5f; text-decoration:none;}
        .headerR .sevTel{float:left; color:#999; margin-left:20px;}
            .headerR .sevTel b{display:block; color:#fe8900; font-size:20px;}

.menuWrap{background:#fff; color:#999; height:46px; line-height:46px; border-bottom:2px solid #009cbd;}
    .menuWrap .w{position:relative; z-index:9999;}
        .menuWrap .w .allPro{position:absolute; left:0; top:1px; width:220px;}
            a.allProHandle{display:block; width:190px; background:#009cbd; color:#fff; padding:0 15px; text-decoration:none;}
                a.allProHandle:hover{text-decoration:none;}

        .bnProGuide{position:absolute; left:0; top:47px; background:#fff; height:410px; width:220px;}
            .allPro.mini .bnProGuide{-webkit-box-shadow:0 5px 10px rgba(0,0,0,.3);box-shadow:0 5px 10px rgba(0,0,0,.3);}
        ul.bnProGuideLi{}
            ul.bnProGuideLi li{height:45px; height:45px\9; width:100%; position:relative;}
        .proGuideItem{position:relative; height:43px; z-index:100; background:#fff; border:1px solid #fff; -webkit-transition:all .2s ease 0s; transition:all .2s ease 0s; font-family:"Hiragino Sans GB","Microsoft Yahei";}
            .proGuideItem a{display:block; height:43px; line-height:43px; height:40px\9; line-height:40px\9; font-size:16px; padding-left:15px; color:#333; overflow:hidden;}
                .proGuideItem a:hover{color:#009cbd; text-decoration:none;}
                .proGuideItem a i.ico{color:#009cbd; font-size:16px;padding-right: 5px;display:inline-block;}
                    .proGuideItem a:hover i.ico{color:#009cbd; text-decoration:none;}
        .proGuidePanel{position:absolute;top:0; left:220px; width:716px; height:auto; background:#f5f5f5; display:none; border:1px solid #ddd; padding:0 20px 0 12px;}
            .proGuidePanel dl{border-bottom:1px solid #ddd; padding:10px 0 15px 0;}
                .proGuidePanel dl:last-child{border-bottom:0;}
                .proGuidePanel dl dt{font-size:17px; border-left:3px solid #666; height:20px; line-height:20px; margin:8px 0 12px 8px; padding-left:10px; color:#333;}
                .proGuidePanel dl dd{color:#ddd; display:inline-block; word-break:keep-all; font-size:12px; line-height:24px;}
                    .proGuidePanel dl dd a{color:#999; text-decoration:none; padding:0 8px;}
                        .proGuidePanel dl dd a:hover{color:#009cbd; text-decoration:underline;}
                            .proGuidePanel dl dd.proGuideBrand a{display:block; float:left; display:inline-block; border:1px solid #dfdfdf; padding:3px 8px; margin:3px; font-size:14px; color:#666;}
                                .proGuidePanel dl dd.proGuideBrand a:hover{border-color:#009cbd; text-decoration:none; background:#edf5f7;}

        ul.bnProGuideLi li.hover{}
                ul.bnProGuideLi li.hover li{border:0;}
            ul.bnProGuideLi li.hover .proGuideItem{padding-left:10px; width:210px; border:1px solid #ddd; border-right:0;}
                ul.bnProGuideLi li.hover .proGuideItem a,ul.bnProGuideLi li.hover .proGuideItem i.ico{color:#009cbd; text-decoration:none;}
            ul.bnProGuideLi li.hover .proGuidePanel{display:block;}

        .menuWrap .w ul.menu{position:absolute; left:220px; top:0;}
        .menuWrap .w ul.menu.ny{position:relative;left:0px;background:#16a0e8;}
            ul.menu li{float:left; display:inline-block; position:relative;}
                ul.menu li a{display:block; color:#555; padding:0 30px; font-size:16px;}
                ul.menu.ny li a{color:#fff; padding:0 53px;}
                    ul.menu li a:hover{text-decoration:none; color:#000;}
                    ul.menu.ny li a:hover{color:#fff;text-decoration:underline;}
                ul.menu li.cur a{color:##fe8900; font-weight:bold;}
                ul.menu.ny li.cur a{color:#fe8900; }
            ul.menu li span{position:absolute;}
                ul.menu li span.hot{position:absolute; top:-2px; right:30px; width:25px; height:16px; background:url('../upload/ico_hot.png') no-repeat 0 0;}

/* banner group */
.bannerWrap{background:#dedede; height:410px;}
    .bannerGroup{position:relative;}
#banner{position:absolute; left:230px; top:10px; width:739px; height:390px; text-align:center;}
.bannerIn{position:absolute; left:0; top:0; width:100%;}
    .bannerIn .w{position:relative;}



.bnSideR{position:absolute; right:0; top:10px; width:220px; height:390px; background:#fff;}
.bnSideR .sortIcoGroup{}
    .sortIcoGroup h4{height:40px; line-height:40px; background:#009cbd; color:#fff; padding:0 10px;}
        .sortIcoGroup h4 span{float:right; font-size:12px; font-weight:normal;}
        .sortIcoGroup h4 a{color:#fff; text-decoration:none;}
    .sortIcoGroup ul{padding-bottom:20px;}
        .sortIcoGroup ul li{float:left; width:70px; height:65px; padding-top:16px; text-align:center;}
            .sortIcoGroup ul li b{display:block; font-weight:normal;}
                .sortIcoGroup ul li b i.ico{font-size:36px; color:#f74c5f;}
                .sortIcoGroup ul li b img{width:48px; height:48px;}
            .sortIcoGroup ul li em{display:block; font-style:normal; font-size:12px; color:#999;}
        .sortIcoGroup ul li a{color:#f74c5f; text-decoration:none;}
            .sortIcoGroup ul li a:hover{color:#333; text-decoration:none;}
                .sortIcoGroup ul li a:hover em{color:#333; text-decoration:none;}
.bnSideR .bnAd{margin:0 0 0 10px;}
    .bnSideR .bnAd img{width:200px; height:70px;}

.newPro{padding-top:0px; margin-bottom:0px;padding-left:220px;width:980px;background:#fff;}
    .newProTitle{height:40px; line-height:40px; font-size:18px; font-weight:bold;padding-left:10px;}
    .newProContent{border-top:3px solid #009cbd; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
        .newProContent .item{border-left:1px solid #dfdfdf; height:275px; overflow:hidden; text-align:center;}
            .newProContent .item .pro-img{display:table-cell; width:180px; height:180px; vertical-align:middle; text-align:center; margin:10px auto;}
                .newProContent .item .pro-img img{max-width:180px; width:180px\9; max-height:180px; vertical-align:middle;}
            .newProContent .item p{padding-bottom:15px;}
                .newProContent .item .proName{display:block; font-size:14px; color:#f74a43; margin-bottom:6px; padding:0 10px;height:40px;overflow:hidden;}
                .newProContent .item span.more{display:block; width:80px; margin:0 auto; background:#70767c; color:#fff; text-align:center; border:1px solid #5e666d; height:30px; line-height:30px; border-radius:3px; cursor:pointer; overflow:hidden;}
    .newProContent a{text-decoration:none;}
        .newProContent a:hover .proName{color:#009cbd; text-decoration:none;}
        .newProContent a:hover span.more{background:#009cbd; border-color:#2f9cbd;}
    .newPro .owl-theme .owl-controls{text-align:right; height:40px; top:-50px;}
        .newPro .owl-theme .owl-controls .owl-prev,.newPro .owl-theme .owl-controls .owl-next{font-size:16px; font-family:"Arial","Microsoft Yahei";}

.homeCol{margin-bottom:20px;}
    .colProWrap{height:461px;}
        .colSort{float:left; width:220px; height:461px;}
            .colSortTitle{color:#fff; font-size:24px; border-bottom:1px solid rgba(255,255,255,.5); height:51px; line-height:51px; padding-left:8px;text-overflow: ellipsis; white-space: nowrap;overflow:hidden;}
            .colSortList{margin:20px 0 0 10px;}
                .colSortList a{float:left; display:inline-block; padding:2px 10px; border:1px solid #fff; border-radius:3px; color:#fff; font-size:12px; margin-right:10px; margin-bottom:10px;}

        .colPro{float:right; width:980px; height:461px;overflow:hidden;}
            .colPro ul.colProTab{height:50px; line-height:50px; background:#f5f5f5; border-bottom:2px solid #16a0e8; border-top:1px solid #ccc; border-right:1px solid #ccc;}
                .colPro ul.colProTab li{float:left; width:25%; width:24%\9; text-align:center; color:#999; font-size:16px; position:relative; cursor:pointer;}
                .colPro ul.colProTab li.current{color:#333; font-weight:bold;}
                    .colPro ul.colProTab li.current:after{position:absolute; bottom:-6px; left:116px; line-height:16px; content:"\e619"; before:"\e619"; font-family:'ico'; font-size:16px; font-weight:300; height:auto; text-shadow:none;}

        .colPro .colProC ul.colProList{}
            .colPro .colProC ul.colProList li{float:left; width:244px; height:203px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
                .colPro .colProC ul.colProList li a{display:block; width:238px; height:197px; border:3px solid #fff;}
                    .colPro .colProC ul.colProList li a:hover{border-color:#afdce6;}
                .colPro .colProC ul.colProList li .pro-img{display:table-cell; width:218px; height:150px; vertical-align:middle; text-align:center; padding:10px;}
                .colPro .colProC ul.colProList li .pro-img img{max-width:218px; width:173px\9; max-height:150px; vertical-align:middle;}
                .colPro .colProC ul.colProList li p{margin:0 10px; font-size:12px;height:20px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

    .colBrand{border:1px solid #ccc; border-top:none;}
        .colBrand img{float:left; display:inline-block; margin:5px 0;width:171px;}

.homeCol.mycl1{}
    .homeCol.mycl1 .colSort{background:url('../upload/column_pic1.jpg') no-repeat 0 bottom #16a0e8;}
    .homeCol.mycl1 .colPro ul.colProTab{border-bottom-color:#16a0e8;}
    .homeCol.mycl1 .colPro ul.colProTab li.current:after{color:#16a0e8;}
.homeCol.mycl2{}
    .homeCol.mycl2 .colSort{background:url('../upload/column_pic2.jpg') no-repeat 0 bottom #fda324;}
    .homeCol.mycl2 .colPro ul.colProTab{border-bottom-color:#fda324;}
    .homeCol.mycl2 .colPro ul.colProTab li.current:after{color:#fda324;}
.homeCol.mycl3{}
    .homeCol.mycl3 .colSort{background:url('../upload/column_pic3.jpg') no-repeat 0 bottom #9e77e1;}
    .homeCol.mycl3 .colPro ul.colProTab{border-bottom-color:#9e77e1;}
    .homeCol.mycl3 .colPro ul.colProTab li.current:after{color:#9e77e1;}
.homeCol.mycl{}
    .homeCol.mycl .colSort{background:url('../upload/column_pic1.jpg') no-repeat 0 bottom #16a0e8;}
    .homeCol.mycl .colPro ul.colProTab{border-bottom-color:#16a0e8;}
    .homeCol.mycl .colPro ul.colProTab li.current:after{color:#16a0e8;}
ul.list{margin:15px 20px;}
    ul.list li{background:url('../upload/dot.gif') no-repeat left; padding:3px 0; padding-left:10px; position:relative;}
        ul.list li em{float:left; display:inline-block; width:50px; overflow:hidden; font-style:normal; padding-right:15px;}
        ul.list li a{color:#666;}


.sitemapWrap{background:url('../upload/sitemap_bg.gif') repeat-x 0 0;}
.sitemap{padding:50px 0;}
    .sitemap dl{float:left; position:relative; width:300px;}
        .sitemap dl dt{float:left; display:inline-block;}
            /*
            .sitemap dl dt i.ico{color:#009cbd; font-size:48px; display:block; width:72px; height:72px; line-height:72px; text-align:center; border:2px solid #009cbd; border-radius:50%; border:none\9; background:#fff;}
            */
            .sitemap dl dt span.foot-icon{display:block; width:76px; height:76px; background-repeat:no-repeat; background-position:0 0;}
            .sitemap dl dt span.foot-icon.icon-logistics{background-image:url('../upload/footer_ico1.png');}
            .sitemap dl dt span.foot-icon.icon-factory{background-image:url('../upload/footer_ico2.png');}
            .sitemap dl dt span.foot-icon.icon-product{background-image:url('../upload/footer_ico3.png');}
            .sitemap dl dt span.foot-icon.icon-box{background-image:url('../upload/footer_ico4.png');}
        .sitemap dl dd{margin-left:86px; margin-top:16px;}
            .sitemap dl dd h4{font-size:18px; color:#333; margin-bottom:8px;}
            .sitemap dl dd p{}
                .sitemap dl dd p b{font-weight:normal; color:#009cbd;}

.foot{background:#ededed; border-top:1px solid #ddd; padding:20px 0 20px; font-size:12px;}
    .footer{text-align:center;}
        .footerLink{margin-bottom:10px;}
            .footerLink a{padding:0 16px;}
        .footerCopyright{padding-top:4px; margin-bottom:14px;}
        .footerCert{}
            .footerCert a{margin:0 6px;}

.quickLink{position:fixed; right:0; bottom:50px;}
    .quickLink a{display:block; width:48px; height:48px; line-height:48px; text-align:center; color:#fff; background:#cacaca; border-radius:2px; margin-top:10px; }
        .quickLink a i.ico{font-size:24px;}
            .quickLink a:hover{text-decoration:none; background:#959595;}


/* INNER PAGES STYLE
----------------------------------- */
.tabSelect{}
    .tabSelect ul{margin-top:30px;}
    .tabSelect li{float:left; background:#fff; height:46px; margin-right:10px;}
    .tabSelect li a{border:1px solid #ddd; padding:7px 31px; background:#fff; position:relative; color:#666;}
        .tabSelect li a:hover{color:#666; text-decoration:none; border:1px solid #999;}
    .tabSelect li.active a,.tabSelect li.active a:hover{border:2px solid #e4393c; padding:6px 30px;}
        .tabSelect li.active a:after{position:absolute; right:-1px; bottom:-3px; content:"\e615"; font-family:'ico' !important; font-size:14px; height:auto; text-shadow:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#e4393c;}

.plate{border:1px solid #ddd; margin-bottom:20px;}
    .plateHead{border-bottom:3px solid #666; padding:10px 12px; background:#f5f5f5;}
        .plateHead h3{color:#333; font-weight:bold; font-size:18px;}
            .plateHead h3 i.ico{font-weight:normal; color:#666; padding-right:3px;}
            .plateHead h3 a{color:#333; text-decoration:none;}
                .plateHead h3 a:hover{color:#f74c5f; text-decoration:none;}
        .plateHead span{font-weight:normal; font-size:14px; float:right; color:#999;}
            .plateHead span a{color:#999;}
    .plateBody{}


ul.sideNews{}
    ul.sideNews li{background:url('../upload/li.gif') no-repeat 0 8px; padding-left:12px; margin-bottom:10px;}
        ul.sideNews li a{color:#656565; text-decoration:none; font-size:12px;}
            ul.sideNews li a:hover{color:#333; text-decoration:underline;}
        ul.sideNews li em{display:block; font-size:12px; color:#999; font-style:normal;}

.plateBody ul.sideNews{margin:10px;}


/* news list */
ul.newsList{margin:15px; font-size:14px;}
    ul.newsList li{line-height:36px; background:url(../upload/dot.gif) no-repeat 0 15px; padding-left:12px;}
        ul.newsList li span{float:right; color:#aaa; font-size:12px;}
        ul.newsList li a{color:#666; text-decoration:none;} ul.newsList li a:hover{color:#666; text-decoration:underline;}
        ul.newsList li em{background:url(../upload/ico_hot.gif) no-repeat right; padding-right:30px; font-style:normal;}
            ul.newsList li a em{color:#000;}

ul.newsList li.hr{border-bottom:1px #ccc dotted; padding-bottom:15px; margin-bottom:15px;}



/* location */
.location{height:24px; line-height:24px; font-size:14px; padding-bottom:8px; color:#666;}



.main{margin-bottom:20px;}
    .side{float:left; width:220px;}
        .category{border:1px solid #dbdbdb; margin-bottom:20px;}
            .category h4{color:#333; font-weight:bold; font-size:18px; height:24px; line-height:24px; background:#f5f5f5; border-bottom:3px solid #666; padding:10px 12px;}
            .category ul{}
                .category ul li{border-bottom:1px dotted #ddd; padding:10px;}
                    .category ul li:last-child{border-bottom:none;}
                    .category ul li h3{margin-right:5px; font-size:14px; line-height:30px; position:relative; padding-left:22px;}
                            .category ul li h3:after{position:absolute; left:0; top:0; font-family:'ico' !important; font-size:12px; content:"\e61a"; font-weight:normal; height:auto; text-shadow:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#666;}
                            .category ul li.current h3:after{content:"\e61b";}
                        .category ul li h3 a{display:block;}
                        .category ul li h3 a:hover{text-decoration:none;}
                    .category ul li .categoryList{display:none;}
                        .category ul li .categoryList a{display:block; font-size:12px; padding:3px 3px 3px 16px; color:#666;}
                            .category ul li .categoryList a.active,.category ul li .categoryList a.active:hover{color:#f74a43; text-decoration:none;}

                    .category ul li.current .categoryList{display:block;}



    .content{float:right; width:960px;}
        .brandProfile{margin-bottom:20px;}
            .brandProfile dl{border:1px solid #ddd; padding:20px;}
                .brandProfile dl dt{float:left; width:200px; text-align:center;}
                .brandProfile dl dd{float:right; width:700px;}
                    .brandProfile dl dd h1{font-size:20px; font-weight:normal; margin-bottom:12px; color:#333;}
                    .brandProfile dl dd p{line-height:22px; color:#666;}


/* selector */
.selectorPanel{margin-bottom:20px;}
.selectorPanel h1{font-size:16px; padding:10px 10px 10px 20px; background:#f5f5f5; border:1px solid #ddd; border-bottom:none;}
    .selectorPanel h4{font-size:16px; padding:10px 10px 10px 20px; background:#f5f5f5; border:1px solid #ddd; border-bottom:none;}
        .selectorPanel h4 span{float:right;}

.selector{position:relative; padding:0; background:#fff; border:1px solid #ddd; /*border:1px solid #edd28b;*/}
    .selector.selector-cur{background:#fff; border-color:#009cbd;}
  .selector .sl-group{position:relative; line-height:26px; border-bottom:1px solid #ddd; padding:12px 0;}
    .selector .sl-group:last-child{border-bottom:none;}
    .selector .sl-key{float:left; width:50px; text-align:right; padding-right:15px; color:#787878; font-weight:bold; line-height:30px;}
      .selector .sl-key em{font-weight:normal; font-size:12px; color:#999; font-style:normal;}
    .selector .sl-values{position:relative;}
        .selector .sl-values .sl-all{float:left; width:45px; height:24px; line-height:24px; padding:1px 0; text-align:center; margin-top:3px;}
        .selector .sl-values .sl-all.active{background:#f74a43; color:#fff;}
      .selector ul.sl-list{margin-left:120px; margin-right:80px;}
        .selector ul.sl-list li{float:left; height:24px; line-height:24px; margin:2px 3px; background:#fff;width:182px;}
          .selector ul.sl-list li a{display:inline-block; text-decoration:none; padding:0 8px; border:1px solid #fff; color:#009cbd;}
            .selector ul.sl-list li a span{background:#f4b04f; color:#fff; padding:0 5px; height:20px; line-height:20px; font-size:12px; margin-left:3px;}
            .selector ul.sl-list li a:hover{text-decoration:none;}

          .selector ul.sl-list li.sl-cur a{background:#56b7cc; color:#fff;}
          .selector ul.sl-list li.sl-sel a{border:1px solid #f74c5f; padding:0px 7px;}
            .selector ul.sl-list li.sl-sel a:hover{border-color:#f74c5f; background:#f6eaec;}
            .selector ul.sl-list li.sl-sel i:after{display:inline-block; font-family:"ico"; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e61c";}
                .selector ul.sl-list li.sl-sel a:hover i:after{color:#c00;}
      .selector .sl-options{position:absolute; right:10px; top:15px;}
      .selector .sl-btns{display:none; text-align:center; padding-top:8px;}

.btn-sl-more{font-size:12px;}
a.btn-sl-multiple{font-size:12px; background:#f5f5f5; border:1px solid #ccc; padding:2px 5px; text-decoration:none; margin-right:5px;}
    a.btn-sl-multiple i.ico{font-size:14px; font-weight:normal;}
    a.btn-sl-multiple:hover{border:1px solid #999; color:#333; text-decoration:none;}

.btn.sl-more{position:relative;padding-right:23px;height:23px;line-height:23px;background:#fff;}
    .sl-more i{display:block;position:absolute;right:4px;top:0;width:18px;height:23px;background-image:url('../upload/search.png');background-repeat:no-repeat;background-position:4px 9px;-webkit-transition:background-position .15s ease-in-out;transition:background-position .15s ease-in-out;}
    .btn.sl-more:hover{background-color:#fff;}
    .btn.sl-more:hover i{background-position:4px -9px;}

.btn.sl-more.opened i{background-position:4px -25px;}
.btn.sl-more.opened:hover i{background-position:4px -43px;}


.btn{display:inline-block; height:26px; line-height:26px; text-align:center; padding:0 10px; border:0; cursor:pointer; margin:0 5px;}
    a.btn:hover{background:#eaeaea; text-decoration:none;}
    .btn-primary{background:#fc8026; border:1px solid #fc8026; color:#fff;}
        a.btn-primary{color:#fff;}
            a.btn-primary:hover{background:#fa2c04; color:#fff; text-decoration:none;}

    .btn-default{background:#f5f5f5; border:1px solid #ccc;}

.paixu{border:1px solid #ddd; background-color:#f5f5f5; padding:4px 10px;}
.paixu .kuan{height:26px; line-height:26px; border:1px solid #ddd; background:url(../upload/list2.gif) repeat-x left top;float:left}
.paixu .kuan a{float:left;padding-left:22px}
.paixu .kuan a:hover{color:#f74a43;}
.paixu .mr{display:inline}
.paixu .mr a{width:54px; text-align:center;float:left;padding-left:0}
.paixu .mr a:hover,.paixu .mr a.cur{background-color:#fff;color:#f74a43}
.paixu .jg{width:90px; margin-left:2px;display:inline;}
.paixu .jg a{background:url(../upload/list6.gif) no-repeat 6px -14px}
.paixu .jg a:hover{background:url(../upload/list6.gif) no-repeat 6px 6px}
.paixu .jg a.cur{background:url(../upload/list6.gif) no-repeat 6px 6px;color:#f60}
.fenye{float:right;margin-top:2px}
.fenye p{float:left;line-height:22px;padding:0 10px;font-family:Arial}
.fenye .zuo{float:left;width:20px;height:20px;background:url(../upload/list7.gif) no-repeat left top;margin:0 2px;display:inline}
.fenye .zuo:hover{background:url(../upload/list7.gif) no-repeat left -40px}
.fenye .you{float:left;width:20px;height:20px;background:url(../upload/list7.gif) no-repeat -23px -40px}
.fenye .you:hover{background:url(../upload/list7.gif) no-repeat -23px top}
.paixu .search-mini{float:left; margin-left:8px;}
    .paixu .search-mini .search-mini-in{width:140px; height:26px; line-height:26px; border:1px solid #ddd; border-right:none; color:#666; padding:0 6px;}
    .paixu .search-mini .search-mini-btn{height:28px; line-height:28px; border:1px solid #ddd; color:#666; background:#fff; padding:0 10px; cursor:pointer;}

.proListGroup{}
ul.proList{}
    ul.proList li{}
        ul.proList li{float:left; width:200px; height:230px; margin:0 8px 20px 8px; padding:10px; text-align:center; border:1px solid #fff; border-bottom:3px solid #fff;}
            ul.proList li .pro-imgwrap{width:200px; height:150px; display:table; vertical-align:middle;}
            ul.proList li .pro-img{display:table-cell; width:150px; height:150px; vertical-align:middle; text-align:center;}
                ul.proList li .pro-img img{max-width:150px; width:150px\9; max-height:150px; vertical-align:middle;}
            ul.proList li p{height:55px; overflow:hidden; margin-top:15px; font-size:16px; padding-bottom:6px;}
                ul.proList li p em{font-style:normal; display:block; font-size:12px; color:#999;}
        ul.proList li:hover{border-color:#ddd; border-bottom-color:#009cbd;}
            ul.proList li:hover a{color:#009cbd; text-decoration:none;}
.proName{font-size:18px; margin-bottom:20px; color:#000;}
.proName h1{font-size:18px;text-align:center;padding-top:40px;}
.tabC{padding:20px;}
table.tableStyle{width:100%; border:1px solid #b9b9b9; border-width:1px 0 0 1px; border-collapse:collapse; font-size:12px;text-align:center; }
table.tableStyle th,table.tableStyle td{border:1px solid #b9b9b9; border-width:0 1px 1px 0; text-align:left; padding:7px 6px; color:#666;}
table.tableStyle th{text-align:center; background:#dedede; color:#333; padding:10px 0;}
table.tableStyle tr.th td{text-align:center; background:#ededed; color:#333; padding:5px 0;}
table.tableStyle.tdC td{text-align:center;}

/* table */
.table{width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #ddd;}
    .table th{background:#ededed; line-height:42px; color:#333; font-weight:bold; border-top:2px solid #009cbd;}
    .table td{text-align:center; padding:8px 0; border-bottom:1px solid #ddd;}
        .table td.nopd{padding:0;}
    .table tfoot td{text-align:right; padding:10px 10px; font-size:14px;}
.table-ft-sm{font-size:12px;}

.table-mall{margin-top:2px;}
    .table-mall th{background:#eee; }
    .table-mall td{}

.table-bordered{}
.table-bordered th,.table-bordered td{border:1px solid #ddd;}
.table-border-none th,.table-border-none td{border:none;}

.table-mall{}
    td.options{position:relative; width:100px;}

.trHover{position:relative; display:none;}
    .trHoverL,.trHoverR,.trHoverT,.trHoverB{position:absolute; background:#f60;}
        .trHoverL,.trHoverR{width:2px; height:45px; top:-9px;}
        .trHoverL{left:-1000px; }.trHoverR{right:0;}
        .trHoverT,.trHoverB{height:2px; width:1100px; left:-1000px;}
        .trHoverT{top:-9px;}.trHoverB{top:35px;}


.table-ctrl{}

.table tfoot.cartFoot td{padding:30px 10px;}

.innerTableCtrl{text-align:left; padding:5px 0 12px 20px;}

.numGroup{width:106px; height:26px; line-height:26px; display:inline-block;}
    .numGroup .num{float:left; width:26px; height:26px; text-align:center; line-height:26px; border:1px solid #ccc; background:#fff; cursor:pointer;}
        .numGroup .num:hover{background:#eee;}
    .numGroup .numInput{float:left; width:50px; height:26px; line-height:26px; border:1px solid #ccc; background:#fff; text-align:center; font-family:'Microsoft Yahei';}
    .numGroup .btn-minus{border-right:0;}
    .numGroup .btn-plus{border-left:0;}

.tableDetailWrap{padding:8px 16px; background:#e4f3ff;}
.tableDetail{width:100%; border-collapse:collapse; border-spacing:0; border:none;}
    .tableDetail th,.tableDetail td{border:0; text-align:left;}
    .tableDetail td .label{font-weight:bold; padding-right:6px;}
.tableDetailT{font-size:16px; border-bottom:1px solid #ddd; padding-bottom:6px; line-height:24px;}

.form-control{display:inline-block; height:24px; padding:0 10px; font-size:12px; color:#333; background:#fff; border:1px solid #ccc; font-family:'Microsoft Yahei';}

/* news article detail */
.container{padding:30px 40px;}
.artiContainer{}
    .artiTitle h2{margin-top:20px; font:normal 22px/24px "Microsoft YaHei"; text-align:center; padding-bottom:11px; margin-bottom:5px;}
    .artiInfo{display:block; border-top:1px dotted #ccc; padding:15px 0 0 0; text-align:center; margin-bottom:30px; color:#666; font-size:12px;}
        .artiInfo span{background-image:url('../upload/ico_news.gif'); background-repeat:no-repeat; padding:5px 5px 5px 22px; color:#999;}
            .artiInfo span.newsTime{background-position:0 4px;}
            .artiInfo span.newsFrom{background-position:0 -48px;}
            .artiInfo span.newsClick{background-position:0 -97px;}
            .artiInfo span.newsPrint{background-position:0 -146px;}
            .artiInfo span.newsAuthor{background-position:0 -196px;}

/* article */
.article{color:#666; line-height:24px; padding:12px 0;}
.article h1{font-weight:bold;display:inline;font-size:16px;}
    .article p,.para p{margin-bottom:15px;}
    .txtList{text-indent:none; margin:10px 10px 10px 24px;}
.back{height:30px; line-height:30px; width:80px;float:right;}
.back a{display:block; background:url(../upload/back.png) no-repeat left; padding-left:35px; font-size:14px; color:#4698f1;}
/* cart */
.menu2{background:#009cbd; color:#fff; padding:23px 0; height:30px; line-height:30px;}
    .menu2 a{color:#bacce7; text-decoration:none;}
        .menu2 a:hover{color:#fff; text-decoration:none;}
    .menu2 h2{float:left; font-size:26px; font-weight:normal;}
    .menu2 ul{float:left; border-left:1px solid #5d8fc1; margin-left:50px; padding-left:50px;}
        .menu2 ul li{float:left; font-size:16px; padding:0 20px;}

.location{font-size:12px; padding:10px 0; color:#666;}
.location a{padding:0 5px;}
.cartSteps{background: url('data:image/png;base64,R0lGODlhAwADAIABAL6+vv///yH5BAEAAAEALAAAAAADAAMAAAIDjA9WADs=') repeat-x left 30px #fff; margin:30px 0 50px 0;}
    .cartSteps ul li{float:left; width:33%; text-align:center;}
        .cartSteps ul li p{width:60px; height:60px; text-align:center; line-height:60px; background:#eee; color:#333; border-radius:50%; margin:0 auto; margin-bottom:10px;}
            .cartSteps ul li p i.ico{font-size:30px;}
            .cartSteps ul li b{font-weight:normal;}
    .cartSteps ul li.active p{background:#398de3; color:#fff;}
    .cartSteps ul li.done p{background:#58d29e; color:#fff;}


.main{}
    .main.hasSide{background:url('../upload/leftBg.gif') repeat-y 0 0;}

    .sideNav{float:left; width:154px; padding:20px;}
        .sideNav .item{}
            .sideNav .item h3{height:36px; line-height:36px; position:relative; padding-left:16px;}
                .sideNav .item h3:before{position:absolute; left:-8px; top:-2px; content:"\e61f"; font-family:'ico' !important; font-size:24px; height:auto; text-shadow:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#999;}
            .sideNav .item ul{margin-left:20px; margin-bottom:10px;}
                .sideNav .item ul li{line-height:24px; padding:3px 0;}
                    .sideNav .item ul li a{color:#666;}
                .sideNav .item ul li.active a{color:#009cbd; text-decoration:none;}

    .main .right{float:right; width:876px;}

.title{height:32px; line-height:32px; background:#eee; margin-top:10px; margin-bottom:15px;}
  .title h4{display:inline-block; float:left; line-height:32px; padding:0 24px 0 20px; background:#74a8ed; color:#fff; font-size:16px; position:relative; font-weight:normal;}
    .title h4:after{border-color:#74a8ed rgba(241,241,241,0); border-style:solid; border-width:0 16px 32px 0; position:absolute; right:-16px; top:0; width:0; content:"";}
.title span{float:right; margin-right:10px;}





/* register page */
.regTab{margin-top:10px; position:relative;}
    .regTab ul.regTabT{height:41px; margin-left:30px; position:relative; top:1px;}
        .regTab ul.regTabT li{float:left; display:inline-block; background:#fff; border:1px solid #ddd;height:36px; line-height:36px; font-size:14px; margin-right:8px; margin-top:3px; position:relative; z-index:99;}
            .regTab ul.regTabT li a{display:block; height:36px; padding:0 40px; }
                .regTab ul.regTabT li a:hover{color:#333; text-decoration:none; background:#f5f5f5;}

        .regTab ul.regTabT li.active{border-top:4px solid #e4393c; font-size:16px; color:#e4393c; margin-top:0px; border-bottom-color:#fff;}
            .regTab ul.regTabT li.active a,.regTab ul.regTabT li.active a:hover{color:#e4393c; text-decoration:none; background:#fff;}
    .regTab .regTabC{background:#fff; border:1px solid #ddd;}
    .regTip{position:absolute; right:0px; top:15px;}

.tipWrap{}
    .tip{width:400px; margin:100px auto;}
        .tipL{width:100px; text-align:center; padding-top:15px;}
            .tipL i.ico{font-size:60px;}
            .success{color:#390;}
        .tipR{width:300px;}
            .tipR h3{font-size:24px; line-height:24px; font-weight:normal; margin-bottom:12px;}
            .tipR .regInfo span{display:block; color:#999; font-size:12px; margin-bottom:8px;}



/* register box */
.register{padding:40px 50px;}
    .register .inputTextStyle{width:290px;}

.formBlock{margin-top:35px;}
    .formBlock h2{font-size:14px; margin-bottom:20px; border-bottom:1px dotted #ccc; height:24px; line-height:24px; background:url(../upload/arrow2.gif) no-repeat 5px 6px; padding:0 0 5px 25px;}
    .formBlock td{padding:5px; color:#787878;}
    .formBlock td.formTip{width:300px; font-size:12px;}

.inputTextStyle,.textareaStyle
{border:1px solid #c3c3c3; background:#fff; font:14px "Microsoft Yahei"; color:#464646; padding:0 5px;}
.inputTextStyle{height:35px; line-height:35px;} .textareaStyle{width:300px; height:120px; padding:5px;}
select{height:30px; font:14px/30px "Microsoft Yahei";}
.inputShort{width:50px;}
.inputLong{width:300px;}

td.lable{width:150px; text-align:right; color:#333;}
.redDot,.lable i{font:14px/30px 'Simsun'; color:#f00; padding-right:3px; font-style:normal;}

.codeBtn{background:#efefef; height:37px; line-height:37px; border:1px solid #c3c3c3; text-align:center; width:136px; font-family:'Microsoft Yahei';}


a.redBigBtn{float:left; display:inline-block; background:#c40000; height:50px; line-height:50px; padding:0 80px; font-size:18px; color:#fff; text-align:center; border-radius:3px; -webkit-box-shadow:0 4px 0 #920000; box-shadow:0 4px 0 #920000;}
    a.redBigBtn:hover{background:#e41414; color:#fff; text-decoration:none;}

/* box */
.box{width:100%;}
    .box .boxT{}
        .box .boxT span{float:right;}

.box1{border:1px #ffe7d0 solid; border-top:2px #ff6501 solid;}
    .box1 .boxT{height:35px; line-height:35px; background:url('../upload/box1_bg.gif') repeat-x 0 0;}
        .box1 .boxT b{float:left; display:block; height:35px; line-height:35px; padding:0 15px; background:#fff; border-right:1px #ffe7d0 solid; font-size:18px; font-weight:normal; color:#000;}
        .box1 .boxT em{font-size:18px; font-weight:normal; font-style:normal; color:#000; padding:0 15px;}
        .box .boxT span{margin-right:10px;}
    .box1 .boxC{}

.formTable{margin:20px auto; width:600px;}
    .row{position:relative;}
        .formTable .row{padding:10px 0;}
        .formTableL{float:left; width:100px;}
        .formTableR{margin-left:100px;}

/* infoList */
ul.infoList{padding:12px 20px;}
    ul.infoList li{float:left; padding:3px 0; width:100%;}
        ul.infoList li em{float:left; display:inline-block; width:120px; font-weight:normal; color:#888; font-style:normal;}
        ul.infoList li p{}

    ul.infoList.column2 li{width:50%;}

.radioGroup{}
    .radioGroup label{margin-right:30px;}

ul.sideLink{}
    ul.sideLink li{height:50px; line-height:50px; border-bottom:1px dotted #ddd; padding:0 10px;}
        ul.sideLink li a{display:block; background:url('../upload/li.gif') no-repeat left; padding-left:20px;}
        ul.sideLink li.cur a{color:#f60;}
        ul.sideLink li:last-child{border-bottom:none;}





.colBox{margin-top:20px;}
    .colBoxT{}
        .colBoxT h3{height:40px; line-height:40px; border-bottom:2px solid #333;}
            .colBoxT h3 span{float:right; font-size:14px; font-weight:normal;}
            .colBoxT h3 b{font-size:24px; font-weight:normal;}
    .colBoxC{}

.col5{margin-top:20px;}
    .col5 ul.brandList li{width:206px; height:180px;}
        .col5 ul.brandList li:last-child{margin-right:0;}


/* company contact info */
.contactInfo{margin-top:20px;}
    .contactInfo h2{font-size:18px; margin-bottom:30px;}
    .contactInfo p{line-height:30px;}


/** apply page */
.apply-catlog-page{margin-top:20px;}
.apply-catlog-bn{text-align:center;}
.apply-catlog-form{
    padding:40px;background:#f6f6f6;margin-top:30px;border-top:15px solid #f1f1f1;
}
.apply-catlog-part-row{}
.apply-catlog-part1{
    float:left;width:380px;
}
.hide{display:none;}
ul.apply-industry{
    margin:20px;border-right:2px solid #d5d5d5;
}
ul.apply-industry li{
    display:block;width:180px;border:2px solid #ddd;margin-bottom:10px;border-radius:5px;padding:8px 20px;font-size:16px;cursor:pointer;
}
ul.apply-industry li em{
    float:right;display:block;width:24px;height:24px;background:url('../upload/radio.png') no-repeat left top;overflow:hidden;
}
ul.apply-industry li:hover{
    border-color:#ccc;
}
ul.apply-industry li.active em{
    background-position:left bottom;
}
.apply-catlog-part2{
    float:right;width:700px;
}
.apply-catlog-company{
    margin-top:20px;
}
.input-row{
    position:relative;padding-left:100px;margin-bottom:18px;margin-right:100px;
}
.input-row label{
    position:absolute;left:0;top:0;width:100px;padding:7px 0;font-size:16px;font-weight:bold;
}
.input-row label em{font-size:12px;display:block;text-align:center;font-weight:normal;}
.input-row .input-val{
    
}
input.input-style{
    width:100%;border:2px solid #c6c6c6;padding:7px 10px;
}

.sel-group{
    margin-top:30px;
}
.sel-row{
    margin-bottom:30px;
}
.sel-row .sel-key{
    font-size:16px;font-weight:bold;margin-bottom:10px;
}
.sel-row .sel-val{
    margin-top:15px;
}
.sel-row .sel-val .input-inline{
    float:left;width:200px;font-size:16px;margin-bottom:12px;
}
.apply-catlog-btnbar{text-align:center;margin-top:10px;margin-bottom:10px;}
.btn-apply-catlog{
    background:#e40011;color:#fff;padding:8px 35px;border:none;font-size:20px;border-radius:5px;cursor:pointer;
}
.btn-apply-catlog:hover{
    background:#c00;
}


/* MEDIA
----------------------------------- */
@media screen and (max-width:1024px){


}

/* OVERRIDE
----------------------------------- */
p.indent,.indentP p,.indent,p.in{text-indent:2em;}
.alignC{text-align:center; margin:0 auto;} .alignL{text-align:left;}  .alignR{text-align:right;}
.txtRed{color:#f00;} .txtOrange{color:#f60;} .txtGreen{color:#180;} .txtGray{color:#aaa;}
.red{color:#e30000;}
.ft16{font-size:16px;} .ft14{font-size:14px;} .ft12{font-size:12px;} .ft24{font-size:24px;}
.ft38{font-size:38px;}
.fr{float:right;} .fl{float:left;}
.noIn{text-indent:0;}
.imgAlignCenter{text-align:center; padding:10px 0 30px 0; margin:0 auto;}
.vtop{vertical-align:top;}
.mR0{margin-right:0;} .mT30{margin-top:30px;} .mr5{margin:5px;} .mt0{margin-top:0;}
.pT30{padding-top:30px;}

.bdGray{border:1px solid #ddd;}

a.aBlue,.aBlue a{color:#009cbd; text-decoration:none;}
    a.aBlue:hover,.aBlue a:hover{color:#c9151e; text-decoration:underline;}
a.aRed,.aRed a{color:#c00; text-decoration:none;}
    a.aRed:hover,.aRed a:hover{color:#c00; text-decoration:underline;}
a.aTdn,.aTdn a,a.aTdn:hover,.aTdn a:hover{text-decoration:none;}

.abt{background:#f5f5f5; background-attachment: fixed;padding:10px;width:1180px;height: 406px;overflow:hidden;}
.abt dl{ overflow: hidden; background: #fff;padding: 30px;}
.abt dl dt{ float: left; width: 456px; margin-right: 85px; padding-top: 12px;height: 334px;overflow:hidden;}
.abt dl dt img{ width: 456px; }
.abt dl dd{ float:left; width: 570px; overflow: hidden;}
.abt-title{ margin-bottom: 15px; overflow: hidden;border-bottom:1px solid #ccc;padding-bottom: 15px;}
.abt-title span{ float: left; font-size: 33px; padding: 12px 0 0 2px;color: #f18200; font-weight: bold; }
.abt dd p{ font-size: 14px; color: #666; line-height: 30px; text-indent:2rem;width: 570px;height:270px;overflow:hidden;}
.infor{ padding: 16px 0 10px; overflow: hidden;margin-bottom:10px;}
.news{ width: 800px;}
.news-title{ margin-bottom: 30px;background: #f9f9f9;}
.news-title li{float: left; font-size: 16px; width: 172px; text-align: center; cursor: pointer; line-height: 64px; position: relative;}
.infor .more{ float: right; margin-right:10px; font-size: 12px; color: #333; line-height: 64px;font-weight: normal; font-family: Arial; text-transform: uppercase;}
.news-title li.cur,.news-title li:hover{ background:#009cbd;}
.news-title li.cur a,.news-title li:hover a{ color: #fff;}
.news-title li.cur:after,.news-title li:hover:after { content: ""; display: block; border: 8px solid transparent; border-top-color: #009cbd; position: absolute; left: 50%; bottom: -16px; margin-left: -8px;}
.news-c {}
.news-c dl{ height: 165px; overflow: hidden; margin-bottom: 26px;}
.news-c dt{ float: left; width: 298px; margin-right: 18px;}
.news-c dt img{ display: block; width: 286px; height: 155px; border: 5px solid #fff;}
.news-c dd{ float:left; width: 472px; height: 165px; overflow: hidden;}
.news-c dd h3 a{ font-size: 14px; color: #333;}
.news-c dd h3{ margin-bottom: 10px;}
.news-c dd p{ font-size: 14px; color: #666; line-height: 26px;}
.news-c dd i{ display: block; width: 149px; height: 35px; line-height: 35px; font-size:14px; background-color: #f18200; color: #fff; text-align: center; font-weight: bold; margin-top: 10px;}
.news-c dd i a{ color: #fff;}
.news-c ul{ width:820px;}
.news-c ul li{line-height: 40px;transition:0.4s;padding:15px;height: 65px;background: #f4f6fb;margin-top: 25px;margin-right: 27px; width:350px;overflow: hidden;float: left;}
.news-c ul li a{display: block;text-decoration:none;}
.news-c ul li:hover{background: #009cbd;color: #fff;}
.news-c ul li:hover .sj{border-right: 1px solid #fff;}
.news-c ul li:hover i{color:  #fff;}
.news-c ul li:hover b{color:  #fff;}
.news-c ul li:hover .sj span{color: #fff}
.news-c ul li:hover .sj p{color: #fff}
.news-c ul li b{width:260px;display: block; line-height:  20px;height:  20px;font-weight: normal;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news-c ul li i{display: block; line-height:  22px;color: #9b9da0;font-style: normal;transition:all 0.4s;height:42px;overflow: hidden; }
.news-c ul li .sj{width: 70px;height: 50px;margin-right: 15px;text-align: center;float: left;padding-top: 10px;border-right: 1px solid #000000;}
.news-c ul li .sj span{display: block;font-family: 宋体;font-size: 40px;font-weight: bold;line-height:25px;}
.news-c ul li .sj p{font-size: 13px;line-height: 30px;}
.faq{ width: 386px;} 
.faq .h2{ background: #f9f9f9;margin-bottom: 30px; font-size: 16px;width:100%;  text-align: center; cursor: pointer; line-height: 64px; }
.faq .h2 span{background:#009cbd;color: #fff;display:block;width: 172px;height: 64px;position: relative;}
.faq .h2 span a{ color: #f18200;}
.faq .h2 span:after { content: ""; display: block; border: 8px solid transparent; border-top-color: #009cbd; position: absolute; left: 50%; bottom: -16px; margin-left: -8px;}

.faq-c dl{ margin-bottom: 28px; overflow: hidden;}
.faq-c dt{ background: url(/upload/wd_w.gif) no-repeat 0 center; padding-left: 32px; height: 22px; line-height: 22px; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.faq-c dt a{ color: #333;}
.faq-c dd{ background: url(/upload/wd_d.gif) no-repeat 0 3px; padding-left: 32px; font-size: 14px; color: #666; line-height: 24px;}
.faq-c dd a{ color: #666;}

.bdn{border:none !important;}
.page{width:100%; text-align:center; overflow:hidden;padding:20px 0; margin:10px auto 0 auto ; vertical-align:top; color:#333;}
.page a{padding:2px 5px;background-color:#ddd;border:1px solid #ddd; color:#333; display:inline; margin:0 1px;}
.page .up, .page .down{color:#333;}
.page .this{color:#fff; font-weight:bold; background-color:#333;border:1px solid #000;}
.page span.a{color:#333; padding:0 10px;}
.page a:hover{color:#fff;background-color:#333;border:1px solid #333;}
.article,.tabC{line-height:2rem !important;}
.ico-home{color:#000;}