@charset "utf-8";

input, button { margin: 0; padding: 0; border: 0; background: none; }
ul, li { list-style: none; }

/*General css*/

a { text-decoration: none; color: #333; }
    a:hover { text-decoration: none; color: #ff4e00; }
    a#logo span { color: #aab2bd; font-style: italic; font-size: 15px; margin-left: 10px; margin-top: 7px; display: inline-block; text-indent: -999em; }
blockquote { border-left: 3px solid #289dcc; background-color: #fafafa; padding-left: 20px; color: #afafaf; line-height: 20px; margin: 20px 0 20px 15px; }
#wrapp { float: left; width: 100%; background: #fff; }

#content { width: 100%; margin: 0 auto; overflow: hidden; }
.prolist-con { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 3%; }
header#header { padding: 0px 0 0px 0; width: 100%; background: #FFF; float: left; }
    header#header.header-3 { border-bottom: 1px solid #e6e9ee; }
#header-links { width: 100%; border-bottom: 1px #222 solid; background: #3d3d3d; height: 35px; line-height: 35px; }
    #header-links .one-half { color: #fff; }

#top1 { margin: 0 auto; max-width: 1200px; }
#header-links .tel { float: left; width: 63%; font-size: 15px; color: #fff; line-height: 35px;overflow:hidden }
#top_right { width: 10%; float: right; }
#head_ico li { float: left; background: url(../images/top_x.jpg) no-repeat right 11px; margin-right: 10px; line-height: 35px; }
.a1 { background: url(../images/qq.png) no-repeat left center; padding: 0px 10px 0px 25px; margin: 0px 0px 0px 12px; }
.a2 { background: url(../images/dg.png) no-repeat left center; padding: 1px 10px 0px 20px; margin: 0px 2px 0px 12px; }
.a3 { background: url(../images/bmtu6.png)no-repeat left center; padding: 1px 10px 0px 26px; margin: 0px 2px 0px 12px; }
#top_right .a1, #top_right .a2, #top_right .a3 { color: #FFFFFF; }
/**搜索 **/
.ss { float: right; width: 200px; margin-top: 3px; }
    .ss #key { background: #FFF; text-indent: 18px; margin-top: 3px; border: #d9d9d9 1px solid; height: 20px; width: 135px; line-height: 20px; float: left; }
    .ss #sousuo { margin: 3px 3px 0px 0px; float: left; }



.intro-features { width: 100%; background: #EEEEEE; margin: 0 auto; overflow: hidden; }

    .intro-features h4 { font-size: 22px; text-indent: 5px; float: left; width: 120px; margin: 5px 0 20px 0; color: #000; }
    .intro-features.no-bottom-margin { margin-bottom: 0px; margin-top: 55px; }
    .intro-features.no-top-margin { margin-bottom: 55px; margin-top: 0px; }
    .intro-features.bottom-margin-minus { margin-bottom: -40px; }

#breadcrumb { float: left; background: #f6f7fb; width: 100%; padding: 15px 0px 5px 0px; margin-left: 0px; border-top: 1px solid #e6e9ee; border-bottom: 1px solid #e6e9ee; margin-bottom: 30px; }

#breadcrumbs ul { float: right; padding: 0px 0; font-size: 15px; margin-top: 0px; }
    #breadcrumbs ul li { font-size: 15px; display: inline-block; color: #888; padding: 0 11px 0 0; margin: 0 0 0 5px; background: url(../images/breadcrumbs.png) no-repeat 100% 50%; }
        #breadcrumbs ul li:last-child a, #breadcrumbs ul li a { color: #888888; }
        #breadcrumbs ul li a { }
            #breadcrumbs ul li a:hover { color: #f60; }
            #breadcrumbs ul li a.dangqian { color: #f60; }
            #breadcrumbs ul li:last-child a:hover, #breadcrumbs ul li a:hover { text-decoration: underline; }
        #breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }
        #breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child { color: #888; background: none; }
        #breadcrumbs ul li:last-child { padding: 0; background: none; }
/*--------------------------------------------------------------------------------------*/
/*                     3 - GRID                                                        */
/*-------------------------------------------------------------------------------------*/
.container { margin: 0 auto; width: 1200px;}
#header{width: 100%;border-bottom: #f2f2f2 8px solid;  }
.content { width: 1200px; margin: 2% auto; overflow: hidden; }
.sypro_con { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 30px; margin-bottom: 40px; padding-left: 40px; }
#container { width: 100%; /* width: 1040px!important;  -- Repalace  with this value if you want to have Boxed layout :)*/ margin: 0px auto; overflow: hidden; }
.head-wrapp .logo66 { float: left; width: 25%; margin-top: 0px; }
.head-wrapp .logo { float: left; width: 330px; margin-top: 0px; }
    .head-wrapp .logo img { max-width:100%;width: 330px;}
.head-wrapp { width: 100%; height: 90px; }

.one-fourth { float: left; position: relative; margin-right: 2.5%; }


.one-fourth { width: 17.34%; }

.one-fourth2 { width: 22.5%; }

.one-fourth4 { width: 19%; margin-left: 1%; margin-right: 3%; }


/*--------------------------------------------------------------------------------------*/
/*                     4 - HEADER CSS STYLES                                           */
/*-------------------------------------------------------------------------------------*/
/*main navigation*/


#main-navigation { width: 70%; float: right; }
    #main-navigation select { display: none; }
    #main-navigation select { background: #EC1D25; border: 1px solid #EC1D25; cursor: pointer; padding: 13px 5px; color: #fff; z-index: 999; position: relative; }
.smenu { display: none; }
.smenu_ { display: none;}
.navul { float: right; }
    .navul li { POSITION: relative; TEXT-ALIGN: center; line-height: 84px; FLOAT: left; FONT-SIZE: 15px; _z-index: 2000; color: #000; }
    .navul a.li1 { color: #fff; FONT-SIZE: 18px;}
.li1 a { color: #fff; FONT-SIZE: 15px;}

/*----------------------------------调整导航背景渐变效果-------------------------------------*/
.li1 { float: left; width: 100px; text-align: center;  BACKGROUND: #ED1C24; color: #FFFFFF; height: 84px; overflow: visible\9;FONT-SIZE: 18px; }
.li1 a:hover{  float: left; width: 100px; text-align: center;  BACKGROUND: #ED1C24; color: #FFFFFF; height: 84px; overflow: visible\9;FONT-SIZE: 18px;transition:all 0.2s;  }

.li0:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 1px; height: 7px; /* border-left: 1px #E4E4E4 solid; */ background: #ccc; content: ""; -moz-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -webkit-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }


.li1 a:hover { color: #FFFFFF; }
.li0 { float: left; width: 100px; position: relative; float: left; margin: 0; border-left: 1px #e5e5e5 solid; height: 85px; overflow: hidden\9; }
.li1:after { position: absolute; bottom: -8px; left: -3px; display: inline-block; width: 100%; height: 8px; border-left: 1px #E4E4E4 solid; background: #c00; content: ""; -moz-transform: skew(-35deg, 0); -ms-transform: skew(-35deg, 0); -o-transform: skew(-35deg, 0); -webkit-transform: skew(-35deg, 0); transform: skew(-35deg, 0); }

.navul li.singleactive { Z-INDEX: 2000; POSITION: relative; BACKGROUND: #292F3F; }
.navul li.navlmactive { Z-INDEX: 2000; BACKGROUND: #292F3F; color: #FFFFFF; }

.navul a { PADDING-BOTTOM: 3px; DISPLAY: block; FLOAT: none; PADDING-TOP: 3px; FONT-SIZE: 18px; }
.navul li.first { BACKGROUND: none transparent scroll repeat 0% 0%; margin-bottom:7px;FONT-SIZE: 18px; }
.list01 { DISPLAY: none;  }


    .list01 a { COLOR: #3d3d3d; }

.navul li.navlm a { font-size: 18px; }
.navul li.navlm a:hover { font-size: 18px; }
.dropdowntriple { DISPLAY: none; }



.navul li.navlm66:hover { Z-INDEX: 5000 !important; POSITION: relative; BACKGROUND: url(../images/navactive.png) no-repeat left top; }
.dropdowntriple { DISPLAY: none; }

.navul li.navlm:hover .dropdowntriple { Z-INDEX: 2000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px;transition:all 0.5s }
.navul li.single:hover { Z-INDEX: 5000 !important; POSITION: relative; BACKGROUND: url(../images/navactive2.jpg) no-repeat left top; }
.navul li:hover ul00 li a { BACKGROUND: none transparent scroll repeat 0% 0%; }
.navul li:hover dt99 a {  PADDING-LEFT: 30px; text-align:left; BACKGROUND: #f8f8f8; FONT-SIZE: 15px;background-color: rgba(255, 255, 255,0.2); transition:all 0.4s; }

.navul li:hover dt a {  PADDING-LEFT: 36px; text-align:left;  FONT-SIZE: 15px;background-color: rgba(255, 255, 255, 0.8); transition:all 0.1s; }
    .navul li:hover dt a:hover { BACKGROUND: #ED1C24; color: #fff;font-size: 15px;transition:all 0.3s;  }



.navul li:hover .ndropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: 0px; }

.ndropdown { WIDTH: 143px; }

.navul li.navlm:hover .gdropdown { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block; TOP: 98px; LEFT: -20px; WIDTH: 143px; transition:all 0.3s;}

.productlist{  WIDTH:1200px; margin:0 auto; overflow:hidden;  HEIGHT: 460px; z-index: 9999; margin-left:14%;}


.dropbottom { TEXT-ALIGN: right; LINE-HEIGHT: 50px;WIDTH: 100%; margin-top:0;COLOR: #fff; padding-right: 40px; font-size: 15px; background:#232832; }
.dropbottom A { DISPLAY: inline; color: #fff; }


.navul li:hover .plist { Z-INDEX: 1000; POSITION: absolute; DISPLAY: block;  }

.plist {overflow:hidden; height:510px; margin-top:8px;position: absolute ; padding-top:10px;background: url(../images/nav_pro.png) repeat; width:1700px; margin-left:-818px; }
#banner_list .Bnone { display: none; }
.fontzi{ font-family:Arial, Helvetica, sans-serif}

/** 导航 下拉  结束 **/
.list01 li { TEXT-ALIGN: left; PADDING: 0px; MARGIN: 10px 0px 0px; WIDTH: 230px; /*BACKGROUND: url(../images/dpdivider.jpg) no-repeat right top; */FLOAT: left; FONT-SIZE: 15px; }
    .list01 li OL { }
        .list01 li OL LI { PADDING: 0px; LINE-HEIGHT: 21px; height: 27px; MARGIN-TOP: 1px; padding-left: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-LEFT:30px; MARGIN-RIGHT: 10px; _margin-right: 0px; _margin-left: 10px; color: #666; }
            .list01 li OL LI .rd { /*color:#035FA3;*/ }
            .list01 li OL LI b { font-size: 15px; font-family: "微软雅黑"; color: #000000; height: 24px; line-height: 24px; width: 100px; margin-bottom: 20px; }
            .list01 li OL LI:hover { BACKGROUND: #ED1C24; transition:all 0.5s;}
                .list01 li OL LI:hover A { COLOR: #fff; }
.list01 DT:hover A { COLOR: #c00; font-size: 15px; }

.list01 LI OL LI A { MARGIN-LEFT: 3px; float: left; color:#fff; }

.list01 LI OL LI span { background-position: center center; float: left; background-image: url('../images/hot3.gif'); background-repeat: no-repeat; width: 30px; height: 24px; }


LI.feilei1 { WIDTH: 380px; }
    LI.feilei1 LI { WIDTH: 175px; margin-right:20px; }

LI.feilei2 { WIDTH: 190px; }
    LI.feilei2 LI { WIDTH: 120px; }

LI.feilei3 { WIDTH: 190px; }
    LI.feilei3 LI { WIDTH: 120px; }

LI.feilei4 { WIDTH: 190px; height: 375px; }
    LI.feilei4 LI { WIDTH: 120px; }


LI.feilei5 { WIDTH: 220px; BACKGROUND: none transparent scroll repeat 0% 0%; }

.list01 LI.feilei5:hover { BACKGROUND: none transparent scroll repeat 0% 0%; }

.list01 LI OL LI.dpb A { COLOR: #ED1C24; FONT-WEIGHT: bold;transition:all 0.5s; }

.list01 LI OL LI.dpb:hover A { COLOR: #ED1C24; CURSOR: default;transition:all 0.5s }

.list01 DT A { LINE-HEIGHT: 25px; FONT-SIZE: 15px; }