@charset 'utf-8';
* {margin:0;padding:0;list-style-type:none;}
body {margin:0;padding:0;font-size:12px;font-family:"Microsoft Yahei","SimSun",Arial,Tahoma,sans-serif; color:#3a3a3a;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
a, a:link, a:visited, a:hover {color:#3a3a3a;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;}
img, fieldset {border:0 none;}
input,button,select,textarea{outline:none;}

.clearfix{clear: both;height: 0;}
body{
    /*background: url(../images/bgend.jpg) no-repeat center 0 #00092f;*/
    background-color: #00092f;
}
/*.backgruondDiv{position: fixed;z-index: -1;top:0;left:0;width:1200px;left:50%; margin-left: -600px;}*/
.backgruondDiv img{display: block;line-height: 0;width:100%; margin: 0 auto; position: absolute;}
.backgruondDiv{
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding-top: 0px;
    max-width: 1600px;
    min-width: 1200px;
    width: auto;
    height: 4329px;
}
.bodybg img {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}
#header{
    height: 795px;
}
#container{
    width:1000px; height:auto; position: absolute; color: #ffffff;z-index: 2; top:790px; left:50%; margin-left:-500px;
}
.part1{padding-top: 38px;}
.part1-title{position: absolute;top:-40px;}
.part1-title h1{font-size: 36px; font-weight:bold;}
.part1-title span{display: block;font-size: 20px; }

#focusmap{position: relative; width: 500px;height: 300px; overflow: hidden; float: left}
#focusmap ul li{position: absolute;top:0;left:0;}
#focusmap ul li img{width:500px;height:300px;display: block;}
#focusmap ul li {display: none;}
.control-info{
    width: 100%;height: 40px;position: absolute;bottom:0;background-color: rgba(0,0,0,0.7);
    padding-left:12px;overflow: hidden;
}
.control-info a.title{line-height: 40px;font-size: 14px;color: #fff; float: left; display: none; width: 344px; }
.control-info .tt{
    background: url(../images/page1.png) 0 center no-repeat; width:34px;height: 40px;float: left; text-align: center;line-height: 40px;cursor: pointer;
}
.control-info .ttactive{
     background: url(../images/page2.png) 0 center no-repeat; width:34px;height: 40px;float: left; text-align: center;line-height: 40px;cursor:pointer;
}

#news{position: relative; width: 455px;float: left; padding-left: 40px;font-size: 14px;height: 300px;overflow: hidden;}
#news .newspage{display: none;height:258px;}
#news ul li{line-height: 30px; color:#aaa;}
#news ul li em{float: right; font-style:normal; font-size:12px;}
#news ul li a{color: #fff}
.newscontrol{text-align: right;margin-top: 10px;height: 23px; }
.newscontrol .left{width:60px;height: 23px;background: url(../images/part2-controlleft.png) no-repeat; display: inline-block;cursor:pointer;} 
.newscontrol .right{width:60px;height: 23px;background: url(../images/part2-controlright.png) no-repeat; display: inline-block;margin-right: 20px;cursor: pointer;} 
.newscontrol span{background: url(../images/page1.png) 0 0 no-repeat; width:34px;height:23px; text-align: center;line-height: 23px;display: inline-block; vertical-align: middle;cursor: pointer;}
.newscontrol span.active{background: url(../images/page2.png) 0 0 no-repeat; width:34px;height:23px; text-align: center;line-height: 23px;display: inline-block; vertical-align: middle;cursor: pointer;}
.newspages{display: inline-block;position: relative;}

.part1-bgimg{position: relative; }
.part1-bgimg img{position: absolute; top:45px;left:0;display: block;}


.part2{margin-top:  532px;position: relative;}
.part2-title{position: relative;}
.part2-title h1{font-size: 36px; font-weight:bold;}
.part2-title span{display: block;font-size: 20px; }

.brandCanvas{position: absolute;top:125px;left:-56px;}
.brandleft{position: absolute;}
.brandleft li{display: none;}
.brandright{position: absolute; left:400px;}
.brandright li{display: none;}
.control-left{position: absolute; bottom:8px; right:110px;}
.control-left span,.control-right span{display:inline-block; cursor: pointer;}
.control-right{position: absolute; bottom:8px; right:110px;}


.part3{margin-top:  485px;position: relative;}
.part3-title{position: relative;}
.part3-title h1{font-size: 36px; font-weight:bold;}
.part3-title span{display: block;font-size: 20px; }
.part3-menu{position: relative;margin-top: 18px;}
.part3-menubg{position: absolute; left:-11px;top:0;z-index: -1;}
#part3tablegroup{position: relative; line-height: 48px; font-size: 18px; height: 61px;}
#part3tablegroup  li{position: absolute;width:194px;}
#part3tablegroup  li.a1{left:5px;}
#part3tablegroup  li.a2{left:171px;}
#part3tablegroup  li.a3{left:330px;}
#part3tablegroup  li.a4{left:487px;}
#part3tablegroup  li.a5{left:647px;}
#part3tablegroup  li.a6{left:806px;}
#part3tablegroup  li a{display: block; text-align: center; color: #aeb1be;}
#part3tablegroup  li.active{background: url(../images/part3-menubg-2.png) no-repeat; color: #fff;}
#part3tablegroup  li.active a{color: #fff;font-size: 20px;}

#part3tableContent{margin-top: 14px;width: 1000px;height:450px; overflow: hidden; background:#000;}
#part3tableContent li a,#part3tableContent li a img{display: block;}
#part3tableContent li.hide{display: none;}
#part3tableContent .son li{display: none;}
#part3tableContent .son .controlBar{position: absolute;width: 100%;bottom: 8px;text-align: center;}
#part3tableContent .son .controlBar span{width:20px;height: 10px;text-indent: -999em;cursor: pointer;background: url(../images/flash_bar.png) no-repeat 0 -15px; display: inline-block;    margin: 0px 5px;z-index: 5;}
#part3tableContent .son .controlBar span.active{background: url(../images/flash_bar.png) no-repeat 0 0;}
.bb_left{position: absolute;width:45px;height: 45px; left:8px; top:50%; margin-top: 22.5px; background: url(../images/arrow_left.png) no-repeat;cursor: pointer;z-index: 5;}
.bb_right{position: absolute;width:45px;height: 45px; right:8px; top:50%; margin-top: 22.5px; background: url(../images/arrow_right.png) no-repeat;cursor: pointer;z-index: 5;}


.drive{position: relative;margin-top: 28px;}


.part4{margin-top:  30px;position: relative;}
.part4-title{position: relative;}
.part4-title h1{font-size: 36px; font-weight:bold;}
.part4-title span{display: block;font-size: 20px; }

.part4-banner1,.part5-banner1{position: relative;margin-top: 14px;}
.photocontrol{text-align: right;margin-top: 10px;height: 23px; }
.photocontrol .left{cursor:pointer;width:60px;height: 23px;background: url(../images/part2-controlleft.png) no-repeat; display: inline-block;} 
.photocontrol .right{cursor:pointer;width:60px;height: 23px;background: url(../images/part2-controlright.png) no-repeat; display: inline-block;margin-right: 20px;} 
.photocontrol span{cursor:pointer;  background: url(../images/page1.png) 0 0 no-repeat; width:34px;height:23px; text-align: center;line-height: 23px;display: inline-block; vertical-align: middle;}
.photocontrol span.active{background: url(../images/page2.png) 0 0 no-repeat; width:34px;height:23px; text-align: center;line-height: 23px;display: inline-block; vertical-align: middle;}
.phptopage{position: relative;width:1000px;height:354px;display: none;}
.phptopage .item{display: inline-block; width: 242px;height: 167px; overflow: hidden;}
.phptopage .item img{display: block;line-height: 0;}
.phptopage .left{margin-left: 5px;}
.phptopage .left{margin-top: 5px;}



.part5{margin-top:  40px;position: relative;}
.part5-title{position: relative;}
.part5-title h1{font-size: 36px; font-weight:bold;}
.part5-title span{display: block;font-size: 20px; }


.servers{
        margin-bottom: 0px;
    position: fixed;
    _position: absolute;
    right: 0px;
    top: 40px;
    width: 32px;
    height: 565px;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    z-index: 9999;
    cursor: pointer;
}
.servers .bg{width:32px;height:532px;background: url(../images/rightMenu.png) no-repeat}
.servers .bg .num{display: block;height: 95px;width:32px;}
.servers .bg .num1{height: 95px}
.servers .bg .num2{height: 90px}
.servers .bg .num3{height: 85px}
.servers .bg .num4{height: 85px}
.servers .bg .num5{height: 82px}
.servers .bg .num6{height: 32px}
.servers .bg .num7{height: 32px}
.servers .bg .num8{height: 32px}

.code{
     
    position: fixed;
    _position: absolute;
    right: 0px;
    top: 472px;
    right:44px;
   
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 4px;
   z-index: 9999;
   display: none;
}
.ewmsj{
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 15px solid #ffffff;
    border-bottom: 12px solid transparent;
    position: absolute;right: -10px;top:6px;
}