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

/* command */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; outline:0; font-family:inherit; vertical-align:baseline;}
html{font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{border:none;}
img{vertical-align:top;}
ol,ul{list-style-type:none;}
input, select{vertical-align:middle;}
.ie7 img{-ms-interpolation-mode:bicubic;}

body{margin:0; padding:0; color:#787878; font:12px/145% "Microsoft Yahei"; background:#fff;}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin:0; padding:0; border:none;}
input,button{margin:0; padding:0;}
textarea{font-size:12px; padding:6px 5px;}
ol,ul{list-style-type:none;}
.clear{clear:both;}
.clearfix
{zoom:1;}
.clearfix:after
{content:"."; display:block; overflow:hidden; height:0; clear:both; visibility:hidden;}

/* links */
a{color:#011b68; text-decoration:none; outline:none !important;}
a:hover{color:#c00; text-decoration:underline;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}


.container{width:1150px; background:#fff; margin:0 auto; box-shadow:0 0 4px rgba(0, 0, 0, .3);}
.header{width:1150px; height:100px; margin:0 auto; padding:20px 0; border-bottom:1px solid #e4e4e4; z-index:9999; position:relative;}
    h1#logo{float:left; width:270px; height:72px; margin:18px 0 0 40px; font:12px/30px "Microsoft Yahei";}
        h1#logo a,h1#logo a img{display:block; width:270px; height:72px; overflow:hidden;}
    ul.menu{position:absolute; top:20px; right:0; width:520px; color:#535a5f;}
        ul.menu li{float:left; position:relative; font-size:14px; _width:110px; margin:0 20px;}
            ul.menu li a{display:block; height:44px; line-height:44px; color:#535a5f; text-decoration:none; border-bottom:2px solid #fff;}
                ul.menu li a:hover,ul.menu li.curMenu a{color:#000; text-decoration:none; /*border-bottom:2px solid #fb3c2d;*/border-bottom:2px solid #fff;}
            ul.menu li div{position:absolute; top:46px; background:#fff; display:none; border:1px solid #e4e4e4; border-bottom:none;}
                ul.menu li div a{display:block; height:25px; line-height:25px; white-space:nowrap; border-bottom:1px solid #e4e4e4; padding:0 20px 0 10px;}
                    ul.menu li div a:hover,ul.menu li.curMenu div a{border-bottom:1px solid #e4e4e4;}
                    ul.menu li.curMenu div a{color:#787878; font-weight:normal;}
                    ul.menu li div a:hover{color:#fb3c2d;}

/* banner style */
.stSlideDots p,.stSlideDots i,.stSlideDots a,.stSlideBtn span,
.stCarouselDots p,.stCarouselDots i,.stCarouselDots a,.stCarouselBtn span
{background-image:url('../images/stSlideImg.png'); background-repeat:no-repeat;}

.stSlideCtrl{}
    .stSlideDots{position:absolute; bottom:0; width:auto; margin:0 auto; height:48px; text-align:center;}
    .stSlideDots p{float:left; display:block; height:20px; background-position:left -10px; padding-left:5px;}
        .stSlideDots i{float:right; display:block; height:20px; width:5px; background-position:right -10px;}
            .stSlideDots a{display:block; float:left; width:10px; height:10px; background-position:-10px 0; text-indent:-999em; margin:2px 5px 0 5px;}
                .stSlideDots a.curStSlideDot,.stSlideDots a:hover{background-position:0 0;}
    .stSlideBtn{position:absolute; opacity:0; width:100%;}
        .stSlideBtn span{position:absolute; display:block; width:35px; height:35px; border-radius:3px; opacity:.15; filter:alpha(opacity=15); transition:opacity .2s linear 0s; background-color:#000; text-indent:-999em; cursor:pointer;}
            .stSlideBtn span:hover{opacity:.5; filter:alpha(opacity=50);}
        .stSlideBtn span.prev{background-position:9px -72px; left:0;}
        .stSlideBtn span.next{background-position:-69px -72px; right:0;}

#homeBanner .stSlideBtn{position:relative; opacity:0; width:1150px; margin:0 auto;}
#homeBanner .stSlideBtn span.prev{left:80px;}
#homeBanner .stSlideBtn span.next{right:80px;}

.stCarousel{position:relative;}
    .scrollList{position:relative; overflow:hidden; width:1120px; height:250px; padding:0; margin:0 auto;}
        .caseDiv ul{position:absolute; width:10000px; margin-left:-30px;}
            .caseDiv ul li{float:left; width:268px; height:198px; margin-left:26px;}
                .caseDiv ul li img{width:268px; height:198px;}

.caseDiv{width:1120px; margin:50px auto 20px auto; position:relative;}
.caseDiv h3{font-size:18px; font-weight:normal; color:#222; margin:0;margin-left:-990px; margin-bottom:20px;}
.caseDiv .stCarouselBtn{position:absolute; top:0; right:0;}

.caseDiv .stCarouselBtn span{display:inline-block; width:10px; height:18px; text-indent:-999em; background-image:url('../images/stArrow.png'); background-repeat:no-repeat; margin-left:10px; cursor:pointer;}
.caseDiv .stCarouselBtn span.prev{background-position:0 -36px;}
.caseDiv .stCarouselBtn span.prev:hover{background-position:0 -54px;}
.caseDiv .stCarouselBtn span.next{background-position:0 0;}
.caseDiv .stCarouselBtn span.next:hover{background-position:0 -18px;}
.caseDiv li p{height:40px; line-height:40px; padding-left:5px; font-size:14px; border-bottom:1px solid #e5e5e5; background:url('../images/arrow.html') no-repeat right;}