@charset "utf-8";
/*@font-face { font-family: 'AndaleMonoRegular'; src: url('../other/andalemono.eot'); src: url('../other/andalemono.eot') format('embedded-opentype'), url('../other/andalemono.woff') format('woff'), url('../other/andalemono.ttf') format('truetype'), url('../other/andalemono.svg#AndaleMonoRegular') format('svg'); }*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure { margin: 0; padding: 0; border: 0 none; font-size: 100%; vertical-align: baseline; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; }
/* LOADER */
/*.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }*/
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; color: #666; }
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #bdbdbd; text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #30afb8; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: -32px; background: url(../images/l_num.gif) no-repeat 0 center; }
.bx-wrapper .bx-next { right: -32px; background: url(../images/r_num.gif) no-repeat right center; }
.bx-wrapper .bx-prev:hover { background-position: left center; }
.bx-wrapper .bx-next:hover { background-position: right center; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 0; outline: 0; width: 24%; height: 100%; text-indent: -9999px; z-index: 9999; margin-top: -4px; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/*index style*/
.banner { width: 100%; min-width: 100%; margin: 0px auto; position: absolute; top: 0px; left: 0px; overflow: hidden; z-index: 1; }
.banner-l { position: fixed; width: 20%; height: 100%; left: 0px; top: 0px; z-index: 90; }
.banner-r { position: fixed; width: 20%; height: 100%; right: 0px; top: 0px; z-index: 90; }
.banner-l .bx-prev, .banner-r .bx-next { position: absolute; width: 50%; height: 100%; margin: -2px 0px 0px 0px; display: none; z-index:9; }
.banner-l .bx-prev { left: 1%;top:12px; background: url(../images/l_num.gif) no-repeat 0 center; }
.banner-r .bx-next { right: 1%;top:12px; background: url(../images/r_num.gif) no-repeat right center; }
.banner-l .bx-prev:hover { background-position: left center; }
.banner-r .bx-next:hover { background-position: right center; }
.banner-l .bx-prev:active, .banner-r .bx-next:active { margin-top: 0px; }
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { right: 35px; top: 50%; background: url(../images/num_ico.png) no-repeat scroll center bottom; width: 43px; height: 52px; margin-top: -21px; z-index: 100; color: #fff; font-size: 14px; font-family: 'AndaleMonoRegular'; line-height: 2.2; }
.banner .bx-wrapper .bx-prev { left: 15%; display: block; opacity: 0; filter: alpha(opacity=0); }
.banner .bx-wrapper .bx-prev:active { margin-top: 0px; }
.banner .bx-wrapper .bx-next { right: 15%; display: block; opacity: 0; filter: alpha(opacity=0); }
.banner .bx-wrapper .bx-next:active { margin-top: 0px; }

/*CONTENT*/
.indexTop{height:80px;background:url(../images/top.png) repeat-x center;position:absolute;width:100%;z-index:99;left:0px;}
.indexTop .indexTopne{width:1200px;margin:0 auto;position:relative;height: 100%;}
.indexTopne .a1{display:block;padding-top:15px;height:60px;banner-r}
.indexTopne > ul{display:block;position:relative;height:100%;width:875px;margin:0 auto;text-align: center;}
.indexTopne > ul > li{
    /*float:left;*/
    display: inline-block;
    height:48px;
    padding-top:32px;
}
.indexTopne > ul > li > a{
    /*padding:0 59px;*/
    width: 150px;
    padding-left: 20px;
    font-size:14px;
    color:#fff;
    display:inline-block;
    -moz-transition:all ease 0.4s;
    -webkit-transition:all ease 0.4s;
    -o-transition:all ease 0.4s;
    transition:all ease 0.4s;
    text-align: left;
}

/*{display:inline-block;color:white;-moz-transition:all ease 0.4s; -webkit-transition:all ease 0.4s; -o-transition:all ease 0.4s; transition:all ease 0.4s; }*/
.indexTopne > ul > li > a:hover{color:#b5b6b6;}
.indexTopne > ul > li > a.out{border:none;}
.indexTopne > ul > li > img{display:inline-block;opacity:0.4;filter: alpha(opacity=40);position:relative;top:2px;}
.indexTopne > ul > li > .UL_child{position:absolute;top:100%;background:url(../images/top.png) center;height:0;overflow:hidden;-webkit-transition:all ease .45s;transition:all ease .45s;opacity:0;}
.indexTopne > ul > li .UL_child > li > a{width:150px;height:19px;line-height:19px;text-align:left;display:block;color:#fff;padding-left: 20px;}
.indexTopne > ul > li .UL_service > li > a{
    /*height:38px;*/
}
.indexTopne > ul > li .UL_child > li{float:none;padding-top:8px;padding-bottom:8px;}
.indexTopne > ul > li .UL_child > li:hover{background:rgba(0,0,0,0.21);}
.indexTopne > ul > li:hover > .UL_child{width: 170px;height:105px;opacity:1;}
.indexTopne > ul > li:hover > .UL_product{height:210px;}
.indexTopne > ul > li:hover > .UL_service{height: 210px;}

.toponeright{display:block;position:absolute;top:33px;right:0;}
.toponeright em{height:12px;width:1px;border-right:1px solid #e0e0e0;display:inline-block;margin:0 14px;position:relative;top:2px;}
.toponeright a{display:inline-block;height:15px;line-height:15px;font-size:12px;color:#fff}
.toponeright a:hover{color:#cc0000;}
.Inthe{width:1200px;overflow:hidden;position: relative;z-index:9;height:100%;margin:0 auto;}
.Inthe .exul{overflow:hidden;height:955px;position:relative;}
.Inthe .exul img{display:block;height:100%;width:100%;}
.Inthe .exul li{width:100%;height:auto;float:left;height:100%;position:absolute;top:0;left:0;}
.IntheInthe{position:absolute;width:100%;top:35%;text-align:center;}
.IntheInthe .imgone{display:block;margin:0 auto 50px auto;position:relative;left:-20px;top:200px;opacity:0;filter: alpha(opacity=0);
/*animation:imgone 4s linear 0.5s;
-moz-animation:imgone 4s linear  0.5s;
-webkit-animation:imgone 4s linear  0.5s; 
-o-animation:imgone 4s linear  0.5s;*/
}

/*@keyframes imgone {
    0% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
}
@-moz-keyframes imgone{
    0% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
}

@-webkit-keyframes imgone {
    0% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
}

@-o-keyframes imgone {
    0% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    }
    100% {
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
    }
}*/
.IntheInthe > a{margin-left:12px;display:inline-block;border-radius:5px;width:126px;height:39px;line-height:39px;color:white;background:#333333;position:relative;left:-15px;top:200px;opacity:0;filter: alpha(opacity=0);}
.IntheInthe > a:hover{background:#cc0000;}
.IntheInthe > a.cur{background:#cc0000;}

.bottom{position:absolute;bottom:8%;width: 100%;height:auto;}
.bottom .bottomone{width:1200px;margin:0 auto;opacity:0;filter: alpha(opacity=0);}
.bottom .bottomone1{width:596px;position:relative;}
.bottom .bottomone1 > span{display:block;position:absolute;width:50px;height:1px;background:url(../images/png.png) no-repeat center center;right:0;top:50%;}
.bottomone .one1{background:url(../images/div1.png) no-repeat center center;width:505px;height:100px;padding:20px;overflow:hidden;}
.bottomone .one1 ul{ width:2000px;display:inline-block;position:relative;height:100px;overflow:hidden;}
.bottomone .one1 ul li{display:inline-block;width:505px;overflow:hidden;height:100px;position:relative;}
.bottomone .one1 ul li span{display:block;margin-top:23px;color:white;float:left;width:310px;margin-left:20px;-moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s;}
.bottomone .one1 ul li .span1{height:14px;padding-right:20px;width:290px;overflow:hidden;}
.bottomone .one1 ul li .span2{height:28px;overflow:hidden;text-align:justify;}
.bottomone .one1 ul:hover li span{color:#b5b6b6;}
.bottomone .one1 .one1ul{width:505px;height:100px;overflow:hidden;}
.bottomone .one2{background:url(../images/divl.png) no-repeat center center;width:50px;height:70px;cursor:pointer;z-index:9;}
.bottomone .one2:hover{background:url(../images/divl1.png) no-repeat center center;}
.bottomone .one3{background:url(../images/divr.png) no-repeat center center;width:50px;height:70px;cursor:pointer;z-index:9;}
.bottomone .one3:hover{background:url(../images/divr1.png) no-repeat center center;}
.bottomone .one4{background:url(../images/div4.png) no-repeat center center;width:198px;height:140px;margin-left:8px;text-align:center;display:block;z-index:9;}
.bottomone .one4:hover{background:url(../images/div4r.png) no-repeat center center;}
.bottomone .one4 img{display:inline-block;margin-top:30px;}
.bottomone .one4 span{display:block;color:white;}
.bottomone .one5{background:url(../images/div4.png) no-repeat center center;width:198px;height:140px;margin-left:1px;text-align:center;display:block;z-index:9;}
.bottomone .one5:hover{background:url(../images/div4r.png) no-repeat center center;}
.bottomone .one5 img{display:inline-block;margin-top:30px;}
.bottomone .one5 span{display:block;color:white;}
.bottomone .one6{background:url(../images/div4.png) no-repeat center center;width:198px;height:140px;margin-left:1px;text-align:center;display:block;z-index:9;}
.bottomone .one6:hover{background:url(../images/div4r.png) no-repeat center center;}
.bottomone .one6 img{display:inline-block;margin-top:30px;}
.bottomone .one6 span{display:block;color:white;}
.end{padding-top:17px;width:100%;position:absolute;bottom:0;height:30px;background:url(../images/bottom.png) repeat-x top center;z-index:9;}
.end .endone{width:1200px;margin:0 auto;height:100%;line-height:120%;color:white;}
.end .endone .p2{position:relative;top:-5px;}
.end .endone .p2 a {color:white;display:inline-block;position:relative;-moz-transition:all ease 0.2s; -webkit-transition:all ease 0.2s; -o-transition:all ease 0.2s; transition:all ease 0.2s;}
.end .endone .p2 span {padding:0 20px;}
.end .endone .p2 .a1{width:16px;height:16px;background:url(../images/xinl.png) no-repeat center ;top:5px;}
.end .endone .p2 .a2{width:16px;height:16px;background:url(../images/weib.png) no-repeat center ;top:5px;margin-left:2px;}
.end .endone .p2 .a3{width:16px;height:16px;background:url(../images/kongj.png) no-repeat center ;top:5px;margin-left:2px;}
.end .endone .p2 .a1:hover{background:url(../images/xinl.png) no-repeat center center;}
.end .endone .p2 .a2:hover{background:url(../images/weib1.png) no-repeat center center;}
.end .endone .p2 .a3:hover{background:url(../images/kongj1.png) no-repeat center center;}
.end .endone .p2 a:hover{color:#b5b6b6;}