/* CSS Document */
body{margin:0; padding:0; font-size:12px; font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif; line-height:24px; color:#666666; width:100%; height:auto;}
ul,li,dl,dd,dt{list-style:none; vertical-align:middle; margin:0; padding:0;}
img{border:0;}
a{color:#666666; text-decoration:none;}
a:hover{color:#e9781c; text-decoration:none;}



#head{width:1200px; height:130px; margin:0 auto;}
#logo{background:url(../images/index_03.jpg) no-repeat; width:216px; height:97px; float:left; margin:15px 0 0 0;}




#nav{width:840px;height:40px;position:relative;z-index:99; float:right;  margin:50px 0 0 0; }
.tab{position:relative;display:block;float:left;cursor:pointer; width:120px; height:40px;}
.tab .tablink{position:relative; width:120px;line-height:40px;display:block;height:40px;color:#666666;font-size:18px;z-index:99;float:left;font-weight:550; text-align:center;}
.tab a{line-height:40px;text-decoration:none; text-align:center;}
.tab:hover{ background: #ec5f03;color: #FFFFFF; text-decoration:none;}
.tab:hover .tablink{color:#FFFFFF;text-decoration:none}
.tab:hover .tablink a{color:#FFFFFF}

.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:40px;left:1px;z-index:9}
.subnav{width:120px}
.subnav p{display:block; float:left; width:120px;}
.subnav a{padding:0;line-height:30px;width:120px;display:block;white-space:nowrap;color: #FFFFFF;float:left; font-size:16px; border-top:1px solid #FFFFFF;}
.subnav :hover{color: #FFFFFF}
.dropdown .subnav{background-color:#ec5f03 !important; filter:alpha(opacity=100);opacity:1; }






#banner{background:url(../images/banner1.jpg) center no-repeat; width:100%; height:680px;}

/* slide */
.slide-main{height:680px;position:relative;}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:640px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:680px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:680px;padding-top:0;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background: url(../images/banner1.jpg) center no-repeat;}
#bgstyleb{background: url(../images/banner2.jpg) center no-repeat;}
#bgstylec{background:#000;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }





#k_nav{width:100%; height:120px; background:#062472;}
.k_nav{width:1200px; height:120px; margin:0 auto;}
.k_nav img{border:0; margin:0;}
.k_nav a{border:0; margin:0; float:left;}

#server{width:100%; height:800px; margin:0 auto; background:#f8f8f8; padding-top:100px; overflow:hidden;}
#server_t{background:url(../images/index_16.jpg) no-repeat; width:1200px; height:68px; margin:0 auto;}

#server_c{width:1200px; height:auto; margin:55px auto 0 auto;}

.server1{width:528px; height:276px; float:left; background: url(../images/index_25.jpg) 40px 100px no-repeat #2b3a86;}
.server1 p{font-size:24px; color:#FFFFFF; display:block; margin:60px 0 0 180px;}
.server1 span{font-size:14px; color:#FFFFFF; display:block; margin:20px 0 0 180px;}


.server2{width:336px; height:276px; float:left; background: url(../images/index_20.jpg) 118px 40px no-repeat #FFFFFF;}
.server2 p{font-size:24px; color:#2b3a86; display:block; margin:110px 0 0 0; text-align:center;}
.server2 span{font-size:12px; color:#2b3a86; display:block; margin:20px 40px 0 40px;}

.server3{width:336px; height:276px; float:left; background: url(../images/index_22.jpg) 118px 40px no-repeat #FFFFFF;}
.server3 p{font-size:24px; color:#2b3a86; display:block; margin:110px 0 0 0; text-align:center;}
.server3 span{font-size:12px; color:#2b3a86; display:block; margin:20px 40px 0 40px;}


.server4{width:400px; height:276px; float:left; background: url(../images/index_36.jpg) 160px 30px no-repeat #FFFFFF; margin:30px 0 0 0;}
.server4 p{font-size:24px; color:#2b3a86; display:block; margin:110px 0 0 0; text-align:center;}
.server4 span{font-size:12px; color:#2b3a86; display:block; margin:20px 40px 0 40px;}

.server5{width:400px; height:276px; float:left; background: url(../images/index_34.jpg) 160px 30px no-repeat #FFFFFF; margin:30px 0 0 0;}
.server5 p{font-size:24px; color:#2b3a86; display:block; margin:110px 0 0 0; text-align:center;}
.server5 span{font-size:12px; color:#2b3a86; display:block; margin:20px 40px 0 40px;}

.server6{width:400px; height:276px; float:left; background: url(../images/index_31.jpg) 160px 30px no-repeat #FFFFFF; margin:30px 0 0 0;}
.server6 p{font-size:24px; color:#2b3a86; display:block; margin:110px 0 0 0; text-align:center;}
.server6 span{font-size:12px; color:#2b3a86; display:block; margin:20px 40px 0 40px;}


#advantage{width:100%; height:550px; margin:0 auto; padding-top:100px; overflow:hidden;}
#advantage_t{background:url(../images/index_42.jpg) no-repeat; width:1200px; height:68px; margin:0 auto;}

#advantage_c{width:1200px; height:auto; margin:70px auto 0 auto;}
#advantage_c p{text-align:center; display:block; margin:260px 0 0 0; font-size:24px;}
.advantage1{width:300px; height: auto; background:url(../images/index_52.jpg) 50px 0 no-repeat; float:left;}
.advantage2{width:300px; height:auto; background:url(../images/index_54.jpg) 50px 0 no-repeat; float:left;}
.advantage3{width:300px; height:auto; background:url(../images/index_51.jpg) 50px 0 no-repeat; float:left;}
.advantage4{width:300px; height:auto; background:url(../images/index_53.jpg) 50px 0 no-repeat; float:left;}


#news{width:100%; height:740px; margin:0 auto; background:#f8f8f8; padding-top:100px; overflow:hidden;}
#news_t{background:url(../images/index_60.jpg) no-repeat; width:1200px; height:68px; margin:0 auto;}

#news_c{width:1200px; height:auto; margin:55px auto 0 auto;}

#news_c ul{width:780px; height:auto; float:right; margin:20px 0 0 0;}
#news_c li{width:780px; height:30px; line-height:30px; float:right;}
#news_c a{width:780px; display:block; font-size:14px; line-height:30px; float:left;}
#news_c span{float:right; width:120px; line-height:30px}
#news_c font{float:right; font-size:12px; line-height:28px; width:260px; text-align:center; margin-right:60px;}

.news1{width:1200px; height:229px; background: url(../images/index_64.jpg) 0 0 no-repeat #FFFFFF; overflow:hidden;}
.news1 p{font-size:24px; color:#2b3a86; display:block; margin:30px 0 0 380px;} 

.news2{width:1200px; height:229px; background: url(../images/index_67.jpg) 0 0 no-repeat #FFFFFF; overflow:hidden; margin-top:35px;}
.news2 p{font-size:24px; color:#2b3a86; display:block; margin:30px 0 0 380px;} 

.news_more{background:url(../images/index_70.jpg) no-repeat; width:123px; height:39px; margin:60px auto 0 auto;}

#about{width:100%; height:418px; background:#e57b15;}
.about{width:1200px; height:418px; margin:0 auto; background:url(../images/index_74.jpg) 0 0 no-repeat; overflow:hidden;}
.about_t{background:url(../images/index_77.jpg) no-repeat; width:540px; height:78px; margin:60px 0 0 660px;}

.about_c{width:540px; height:auto; margin:20px 0 0 660px; font-size:14px; color:#ffffff;}


#footer{width:100%; height:250px; background:#062472; border-bottom:2px solid #FFFFFF;}
.footer{width:1200px; height:250px; background:url(../images/index_81.jpg) 0 40px no-repeat; margin:0 auto;}


.footer_nav{width:600px; height:250px; float:right; background:url(../images/index_84.jpg) 478px 50px no-repeat;}

.footer_nav ul{ margin:30px 0 0 0;}
.footer_nav li{float:left; width:300px;}

.footer_nav p{display:block; font-size:24px; color:#FFFFFF;}
.footer_nav span{display:block; font-size:14px; line-height:30px; color:#FFFFFF;}

.footer_nav a{color:#FFFFFF;}
.footer_nav a:hover{color:#e9781c;}

#bottom{background:#062472; border-bottom:2px solid #e9781c; text-align:center; height:60px; line-height:60px; width:100%;}

.banner1{width:100%; height:550px; background:url(../images/bnt_01.jpg) center no-repeat;}
.banner2{width:100%; height:550px; background:url(../images/bnt_02.jpg) center no-repeat;}
.banner3{width:100%; height:550px; background:url(../images/bnt_03.jpg) center no-repeat;}
.banner4{width:100%; height:550px; background:url(../images/bnt_04.jpg) center no-repeat;}
.banner5{width:100%; height:550px; background:url(../images/bnt_05.jpg) center no-repeat;}
.banner6{width:100%; height:550px; background:url(../images/bnt_06.jpg) center no-repeat;}

#main_title{width:100%; height:100px; margin:0 auto; font-size:24px; line-height:100px; background:#F0F0F0;}
#main_title span{color:#D56A00;}

.main_title{width:1160px; height:100px; margin:0 auto; font-size:18px; line-height:100px; background:url(../images/fuh.png) 0 40px no-repeat; padding-left:40px;}

#main{width:1200px; height:auto; margin:20px auto 0 auto; font-size:16px; line-height:32px; padding-bottom:60px; overflow:hidden;}


.qyln table{border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7;}
.qyln td{border-top:1px solid #E7E7E7; border-right:1px solid #E7E7E7; padding:10px;}