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

.clearfix {
    clear: both;
}


@font-face{
font-family:impact;
src:url("impact.ttf");
}
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑";}
a{ color:#000; text-decoration:none; transition:background 0.5s,color 0.5s,width 0.5s,border 0.5s,margin 0.5s;}
ul{ list-style:none;}

.admin-header-links {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    text-align: center;
    color: #eee;
    z-index: 10000;
}

.admin-header-links * {
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
    font-size: 12px;
    font-weight: bold;
}

.admin-header-links .impersonate {
    display: inline-block;
}

.admin-header-links .impersonate a {
    background-color: #555;
    padding: 0 15px;
}

.admin-header-links .impersonate a:hover {
    background-color: #666;
}




/*banner*/
.swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{ overflow:hidden;}
.swiper-slide img{ width:1920px;}

#top{ width:100%; background:#555658; position:fixed; left:0; top:0; z-index:500;}
.admin-header-links + #top {
    top: 35px;
}
#top .top{ width:1200px; margin:0 auto; /*overflow:hidden;*/}
#logo {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
#menu{ float:right; /*overflow:hidden;*/}
#menu ul{ float:left;}
#menu ul li{ float:left;}
/*#menu ul li a{ display:block; line-height:80px; color:#fff; padding:0 30px;}*/
#menu ul li a{ display:block; line-height:80px; color:#fff; padding:0 30px;}
    #menu > ul > li.identity {
        position: relative;
    }
        #menu > ul > li.identity > ul.dropdown-menu {
            position: absolute;
            background: #fff;
            border: 1px solid #ddd;
            display: none;
            right: 0;
        }

            #menu > ul > li.identity > ul.dropdown-menu.on {
                display: flex;
                flex-direction: column;
            }

            #menu > ul > li.identity > ul.dropdown-menu > li {
                text-align: center;
                border-bottom: 1px solid #ececec;
                display: inline-block;
            }

                    #menu > ul > li.identity > ul.dropdown-menu > li a {
                        color: #0c0c0c;
                        background-color: transparent;
                        padding: 7px;
                        padding-left: 15px;
                        text-align: left;
                        line-height: 40px;
                    }

                        #menu > ul > li.identity > ul.dropdown-menu > li a:hover {
                            background: #ececec;
                        }


#menu ul li a:hover{ background:#c00;}
#menu dl{ float:right; margin-left:30px;}
#menu dl dd{ float:left; margin:25px 0 0 7px;}
#menu dl dd a{ display:block; width:30px; line-height:30px; border-radius:30px; background:#949496; color:#fff; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#menu dl dd a.it{ background:#c00;}
#menu dl dd.logIn > a{ background: transparent url('/images/logout.png') center center no-repeat; background-size: 30px 30px; width: 30px; height: 30px; border-radius: 50%;display: block; }
#menu dl dd.logged { position: relative;}
#menu dl dd.logged > a {background: transparent url('/images/login.jpg') center center no-repeat; background-size: 30px 30px; width: 30px;height: 30px; border-radius: 50%; display: block; }
#menu dl dd.logged ul.dropdown-menu {
    position: absolute;
    top: 55px;
    right: 0;
    display: none;
    background: #fff;
    width: 200px;
    border: 1px solid #ddd;
    border-top: none;
}

    #menu dl dd.logged ul.dropdown-menu li {
        padding: 7px 10px;
        display: inline-block;
        text-align: center;
        border-bottom: 1px solid #ececec;
        padding-left: 15px;
    }

        #menu dl dd.logged ul.dropdown-menu li:hover {
            background: #ececec;
        }

        #menu dl dd.logged ul.dropdown-menu li a {
            border-radius: 0;
            background-color: transparent;
            color: #000;
            width: auto;
            text-align: left;
            padding: 0;
        }

        #menu dl dd.logged ul.dropdown-menu.on {
            display: flex;
            flex-direction: column;
        }


    #index_about {
        width: 1200px;
        margin: 80px auto;
        overflow: hidden;
    }
#index_about .al{ float:left;}
#index_about .ar{ width:650px; float:right; overflow:hidden;}
#index_about .ar p.b1{ color:#555658; font-size:30px; line-height:100px; font-weight:900;}
#index_about .ar p.b2{}
#index_about .ar p.b3{ margin-top:50px;}
#index_about .ar p.b3 a{ display:block; width:74px; height:38px; border-radius:5px; background:url(../images/bit1.png) center no-repeat #c00;}
#index_about .ar p.b3 a:hover{ width:100px;}

#index_pro{ width:100%; overflow:hidden; height:600px; transition:background 0.5s;}
.index_pro{ width:1200px; margin:0 auto; overflow:hidden;}
.index_pro p.a1{ color:#555658; font-size:48px; font-family:Arial, Helvetica, sans-serif; line-height:40px; font-weight:900; text-transform:uppercase; margin-top:95px;}
.index_pro p.a2{ color:#c00; font-size:24px; font-weight:900; line-height:40px;}
.index_pro p.a3{ margin-top:10px;}
.index_pro p.a4{ margin-top:30px; overflow:hidden; width:600px;}
.index_pro p.a4 a{ display:block; float:left; margin:0 10px 10px 0; width:143px; text-align:center; line-height:40px; background:#555658; color:#fff; border-radius:5px;}
.index_pro p.a4 a:hover{ background:#c00;}

#index_title{ width:1200px; margin:70px auto 0 auto; overflow:hidden; text-align:center; font-size:30px; font-weight:900; color:#555658; line-height:40px;}
#index_title p{ background:url(../images/line.png) center no-repeat; font-size:14px; color:#ccc; font-weight:100; line-height:30px;}

#index_news{ width:1200px; margin:30px auto 90px auto; overflow:hidden;}
#index_news .al{ float:left; width:550px;}
#index_news .al ul li{ margin-bottom:20px;}
#index_news .al ul li a{ display:block;}
#index_news .al ul li a .li_l{ background:url(../images/index_16.jpg); width:81px; height:81px; text-align:center; color:#fff; float:left; margin-right:30px;}
#index_news .al ul li a .li_l p.a1{ font-size:36px; margin-top:10px; font-weight:900; line-height:40px; font-family:Arial, Helvetica, sans-serif;}
#index_news .al ul li a .li_l p.a2{ line-height:16px;}
#index_news .al ul li a .li_r{ overflow:hidden;}
#index_news .al ul li a .li_r p.a1{ color:#333; line-height:30px;}
#index_news .al ul li a .li_r p.a2{ font-size:12px; line-height:14px; color:#666;}
#index_news .al ul li a .li_r p.a3{ color:#ccc; margin-top:10px;}
#index_news .al ul li a:hover .li_l{ background:url(../images/index_11.jpg); width:81px; height:81px; text-align:center; color:#fff; float:left; margin-right:30px;}
#index_news .al ul li a.it .li_l{ background:url(../images/index_11.jpg); width:81px; height:81px; text-align:center; color:#fff; float:left; margin-right:30px;}
#index_news .ar{ float:right;}

#index_all{ width:100%; overflow:hidden; background:#eee; padding:90px 0;}
.index_all{ width:1200px; margin:0 auto; overflow:hidden;}
.index_all .left{ float:left; width:900px;}
.index_all .left ul li{ width:300px; height:300px; text-align:center; float:left;}
.index_all .left ul li a{ background:#fff; display:block; height:300px; color:#555658; line-height:50px; font-size:18px;}
.index_all .left ul li a img{ margin-top:72px;}
.index_all .left ul li a:hover{ background:#ccc;}
.index_all .left ul li a.it{ background:#555658; color:#fff;}
.index_all .left ul li a.it:hover{ background:#c00;}
.index_all .right{ width:270px; padding-left:30px; height:600px; background:#c00; float:right; color:#fff;}
.index_all .right p.a1{ font-size:36px; line-height:30px; font-weight:900; margin-top:60px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.index_all .right p.a2{ font-size:24px; line-height:30px; font-weight:900;}
.index_all .right p.a3{ margin-top:10px;}
.index_all .right p.a4{ margin-top:30px; font-size:12px; line-height:18px;}
.index_all .right p.a5{ margin-top:50px;}
.index_all .right p.a5 a{ display:block; width:84px; height:32px; text-align:center; line-height:32px; border:solid 2px #fff; text-transform:uppercase; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.index_all .right p.a5 a:hover{ background:#fff; color:#c00;}

#pro + #bottom {
    margin-top: 80px
}
#bottom{ width:100%; background:#555658; overflow:hidden;}
.bottom{ width:1200px; margin:0 auto 50px auto; overflow:hidden; color:#fff;}
.bottom .a1{ float:left;}
.bottom .a1 p.b1{ margin-top:60px;}
.bottom .a1 p.b1 span{ padding:0 10px;}
.bottom .a1 p.b1 a{ color:#fff;}
.bottom .a1 p.b1 a:hover{ text-decoration:underline;}
.bottom .a1 p.b2{ margin-top:20px;}

.bottom .a2{ float:right; text-align:center; margin-left:20px; line-height:36px; margin-top:54px;}
.bottom1{ width:1200px; margin:0 auto; overflow:hidden; line-height:80px; color:#ccc; border-top:solid 1px #777879;}
.bottom1 a{ color:#ccc; margin-left:20px;}


#aboutpic{ width:100%; background:url(../images/aboutpic.jpg) center top; height:500px;}
#propic{ width:100%; background:url(../images/propic.jpg) center top; height:500px;}
#newspic{ width:100%; background:url(../images/newspic.jpg) center top; height:500px;}
#jobpic{ width:100%; background:url(../images/jobpic.jpg) center top; height:500px;}
#servicepic{ width:100%; background:url(../images/servicepic.jpg) center top; height:500px;}
#contactpic{ width:100%; background:url(../images/contactpic.jpg) center top; height:500px;}





.left{width:100%; overflow:hidden; background:#eee; margin:0 auto 0 auto; }
.left dl{ list-style:none; margin:0 auto;  max-width:1200px; width:100%;}
.left dl dd{float:left; width:16.66%;}
.left dl dd a{ display:block; color:#000; text-align:center;line-height:60px;font-size:14px; border-right:solid 1px rgba(255,255,255,1); transition:background 0.5s,color 0.5s;}
.left dl dd a:hover{ color:#fff; background:#c00;}
.left dl dd a.it{ color:#fff; background:#c00;}

#content{ width:1200px; margin:30px auto 80px auto; overflow:hidden;}

#picture{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#picture ul{ width:1300px;}
#picture ul li{ float:left; width:276px; margin-right:32px; margin-top:30px;}
#picture ul li a{ display:block; text-align:center; line-height:50px;}
#picture ul li a img{ width:100%;}
#picture ul li a:hover{ background:#c00; color:#fff;}

#history_con{ width:1200px; margin:60px auto; overflow:hidden; background:url(../images/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(../images/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:18px; color:#000; font-weight:900; line-height:20px;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:16px; padding-bottom:20px;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

.proleft{width:100%; overflow:hidden; background:#eee; margin:0 auto 0 auto; }
.proleft dl{ list-style:none; margin:0 auto;  max-width:1200px; width:100%;}
.proleft dl dd{float:left; width:16.66%;}
.proleft dl dd a{ display:block; color:#000; text-align:center;line-height:60px;font-size:14px; border-right:solid 1px rgba(255,255,255,1); transition:background 0.5s,color 0.5s;}
.proleft dl dd a:hover{ color:#fff; background:#c00;}
.proleft dl dd a.it{ color:#fff; background:#c00;}
.proleft dl dd.active > a {color:#fff; background:#c00;}

.zmenu{ width:100%; background:#555658; overflow:hidden; position:absolute; z-index:50; left:0; display:none;}
.zmenu ul{ width:1200px; margin:5px auto; overflow:hidden;}
.zmenu ul li{ float:left; width:20%;}
.zmenu ul li a{ border:solid 1px #666; line-height:40px; margin:5px; color:#fff; transition:color 0.5s,background 0.5s,border 0.5s;}
.zmenu ul li a:hover{ border:solid 1px #fff; line-height:40px; margin:5px; color:#fff; background:#c00;}

.categories-container {
    width: 100%;
    background: #555658;
    position: absolute;
    z-index: 50;
    left: 0;
    display: none;
}

    .categories-container > .container {
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        background: transparent;
    }

        .categories-container > .container > .left {
            -webkit-flex: 1;
            -ms-flex: 1;
            -o-flex: 1;
            flex: 1;
            display: flex;
            flex-direction: column;
            background: transparent;
        }

            .categories-container > .container > .left > a {
                border: solid 1px #666;
                line-height: 40px;
                margin: 5px;
                color: #fff;
            }

                .categories-container > .container > .left > a.active,
                .categories-container > .container > .left > a:hover {
                    color: #fff;
                    background: #c00;
                }

        .categories-container > .container > .right {
            -webkit-flex: 4;
            -ms-flex: 4;
            -o-flex: 4;
            flex: 4;
        }

            .categories-container > .container > .right > div[id^="sub-"] {
                display: none;
            }

                .categories-container > .container > .right > div[id^="sub-"] > a {
                    border: solid 1px #666;
                    line-height: 40px;
                    margin: 5px;
                    color: #fff;
                    width: 23%;
                    float: left;
                }

        .root-category {
            width: 100%;
            background: #555658;
            position: absolute;
            z-index: 50;
            left: 0;
            /*    display: none;*/
        }

.root-category > ul {
    width: 1200px;
    margin: 0 auto;
/*    position: relative;*/
}

    .root-category > ul > li {
        display: block;
        width: calc(1200px * 0.1666666666666667);
    }

    .root-category > ul > li > a {
        border: solid 1px #666;
        line-height: 40px;
        margin: 5px;
        color: #fff;
    }

        .root-category > ul > li.active > a {
            color: #fff;
            background: #c00;
        }

        .child-category {
            position: absolute;
            left: calc(1200px * 0.1666666666666667);
            width: calc(1200px * 0.8333333333333333);
            top: 0;
            display: none;
        }

.child-category {
    background: #555658;
/*    width: 100%;*/
}

            .child-category > ul {
                width: calc(1200px * 0.8333333333333333);
            }

        .child-category > ul > li {
            float: left;
            width: calc(1200px * 0.1666666666666667);
        }

        .child-category > ul > li > a {
            border: solid 1px #666;
            line-height: 40px;
            margin-bottom: 5px;
            margin-right: 5px;
            color: #fff;
        }

#pro{ width:1200px; margin:0 auto; overflow:hidden;}
#pro h1{ display: block; padding: 80px 0 0; height: 36px; text-align: center; }
#pro ul{ width:1300px}
#pro ul li{ float:left; width:276px; margin-right:32px; margin-top:30px;}
#pro ul li a{ display:block; text-align:center; line-height:50px;}
#pro ul li a img{ width:100%;}
#pro ul li a:hover{ background:#c00; color:#fff;}

#page{ width:100%; margin:20px auto 80px auto; padding-top:20px;overflow:hidden; text-align:center;}
#page ul{ list-style:none; display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; border:solid 1px #eee; line-height:40px; padding:0 20px; transition:background 0.5s,color 0.5s,border 0.5s;}
#page ul li a:hover{ background:#c00; color:#fff; border:solid 1px #c00;}
#page ul li span{ display:block; border:solid 1px #eee; line-height:40px; padding:0 20px; transition:background 0.5s,color 0.5s,border 0.5s;}
#page ul li.current-page > span{ background:#c00; color:#fff; border:solid 1px #c00;}
#page .go-to-page-input { text-align: center; margin-left: 20px; border: 1px solid #eee; vertical-align: top; line-height: 40px; padding: 0 5px; font-size: 14px; width: 40px; }
#page .go-to-page-input:hover, #page .go-to-page-input:active{ border-color: #c00;outline: none;}
#page .go-to-page-btn{ cursor: pointer; margin-left: 5px; border: 1px solid #eee; vertical-align: top; background: #ffffff; font-weight: 700; line-height: 40px; padding:0 7px ; font-size: 14px; }

.newsleft{width:100%; overflow:hidden; background:#eee; margin:0 auto 0 auto; }
.newsleft dl{ list-style:none; margin:0 auto;  max-width:1200px; width:100%;}
.newsleft dl dd{float:left; width:33.33%;}
.newsleft dl dd a{ display:block; color:#000; text-align:center;line-height:60px;font-size:14px; border-right:solid 1px rgba(255,255,255,1); transition:background 0.5s,color 0.5s;}
.newsleft dl dd a:hover{ color:#fff; background:#c00;}
.newsleft dl dd a.it{ color:#fff; background:#c00;}

#comnews{ width:1200px; margin:40px auto 0 auto; overflow:hidden; padding:0px 0!important;}
#comnews .a{width:100%; overflow:hidden; padding-bottom:40px; border-bottom:solid 1px #eee; margin-bottom:40px;}
#comnews .a .b1{ float:left; width:30%; padding-right:3%;}
#comnews .a .b1 img{ width:100%;}
#comnews .a .my_right{ float:right; width:67%;}
#comnews .a .b2{ font-size:18px; line-height:60px; border-bottom:solid 1px #eee; color:#333; white-space:nowrap; overflow:hidden;}
#comnews .a .b3{ line-height:24px; padding:20px 0; border-bottom:solid 1px #eee; font-size:14px;overflow:hidden;}
#comnews .a .b3 a{ color:#666;}
#comnews .a .b3 a:hover{ color:#333;}
#comnews .a .b3 span{ float:right!important; color:#ccc; display:inherit;}
#comnews .a .b4{ padding-top:26px;}
#comnews .a .b4 a{ display:table-cell; border:solid 1px #eee; width:38px; height:21px; text-align:center; line-height:38px; transition:border 0.5s,width 0.5s;}
#comnews .a .b4 a:hover{ border:solid 1px #da251c; width:80px;}
#comnews .a .b5{ color:#ccc; font-size:12px; line-height:40px;}
#comnews .ait{ margin-right:0!important;}
#comnews h1{ display: block; padding: 80px 0 80px; height: 36px; text-align: center; }

#job{ width:1200px; margin:0 auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:20%;}
#job ul li p
#job ul li p.yp{ float:left; width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px;}
#job ul li div.remark {
    display: block;
}
#job ul li div.remark > p {
    float: none;
    width: auto;
}
#job ul li p a{ display:block; background:#eee; width:100px; color:#000; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; color:#fff; background:#c00}

#wyjob{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#wyjob p{ padding-top:20px; float:left; width:25%;}
#wyjob p.content{ width:98.2%;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#c00; color:#fff; transition:background 0.5s; line-height:46px; width:150px; transition:width 0.5s; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ width:180px;}


#contact{ width:1200px; overflow:hidden; margin:20px auto 0 auto; padding-bottom:60px;}
#contact .con_left{ float:left; width:580px;}
#contact .con_left p{ border-bottom:solid 1px #eee; line-height:60px; padding-top:10px;}
#contact .con_left p.tta{ font-size:24px; font-weight:bold; color:#000;}

#contact .con_right{ float:right; width:580px;}
#contact img{ width:100%;}

#search{ width:1148px; margin:40px auto 0 auto; overflow:hidden; border:solid 1px #eee; padding:20px 20px 20px 30px; background:#f7f7f7;}
#search p{ float:left; margin-right:10px;}
#search p.a1 select{ width:190px; text-indent:10px; border:solid 1px #eee; line-height:40px; height:40px; background:#fff;}
#search p.a2 input{ width:200px; text-indent:10px;border:solid 1px #eee; line-height:40px; height:38px;}
#search p.a3 input{ background:#c00; color:#fff; height:40px; line-height:40px; width:100px; cursor:pointer;}

#probig{ width:1200px; margin:30px auto 40px auto; overflow:hidden;}
#probig .a1{ float:left; width:600px;}
#probig .a1 img{ width:100%;}
#probig .a2{ float:right; width:550px;}
#probig .a2 p{ border-bottom:solid 1px #eee; line-height:60px;}
#probig .a2 p.b1{margin-top:20px; text-indent:20px; border:0;}
#probig .a2 p.b1 a{ display:block; border:solid 1px #eee; line-height:40px; }
#probig .a2 p.b1 a:hover{ color:#c00; border:solid 1px #c00;}
#probig .a2 p.b2{margin-top:50px; border:0;}
#probig .a2 p.b2 a{ display:block; color:#fff; background:#c00; line-height:50px; width:150px; text-align:center; border-radius:5px;}
#probig .a2 p.b2 a:hover{ width:200px;}

#probig_btn{ width:1200px; margin:0 auto; overflow:hidden; background:#eee;}
#probig_btn ul li{ float:left; width:33.33%;}
#probig_btn ul li a{ display:block; line-height:40px; text-align:center; background:#eee; border-left:solid 1px #fff;}
#probig_btn ul li a.it{ background:#c00; color:#fff;}

.bigpro_con{ width:1200px; margin:20px auto 80px auto; overflow:hidden; display:none;}

#login{ width:500px; margin:60px auto 80px auto; padding:60px; overflow:hidden; background:#f7f7f7; border:solid 1px #ddd;}
#login .result{ padding: 7px 0;}
#login p{ padding-bottom:30px;}
#login p input{ border:solid 1px #ddd; height:50px; line-height:50px; width:100%; text-indent:20px;}
#login p a{ display:block; background:#c00; color:#fff; line-height:60px; width:100%; text-align:center; font-size:18px; border-radius:5px; margin:0 auto;}
#login p.a1{ padding:20px 0 0 0;}

/*新增最新产品按钮*/
#new_btn{ width:1200px; margin:5px auto; overflow:hidden;}
#new_btn p{ float:left; width:20%; border:0;}
#new_btn p a{ border:solid 1px #ddd; margin:5px; color:#fff; background:#ddd; line-height:40px; color:#000;}
#new_btn p a:hover{ background:#c00; color:#fff;}

#new_list ul{ display:none;}


#login p button {
    display: block;
    background: #c00;
    color: #fff;
    line-height: 60px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    border-radius: 5px;
    margin: 0 auto;
    cursor: pointer;
}

.index_all .left ul li a strong {
    font-weight: 500;
    display: block;
    margin-top: -18px;
}

a.detail {
    display: table-cell;
    border: solid 1px #eee;
    width: 38px;
    height: 21px;
    text-align: center;
    line-height: 38px;
    transition: border 0.5s,width 0.5s;
}

    a.detail:hover {
        border: solid 1px #da251c;
        width: 80px;
    }

.banner img {
    width: 100% !important;
    height: auto !important;
    vertical-align: top !important;
}