/* CSS Document */
body{margin:0; padding:0; width:100%; height:auto; font-family:"΢ÈíÑźÚ","ËÎÌå",Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
ul,li{margin:0; padding:0; vertical-align:middle; list-style-type:none;}
img{border:0; vertical-align:middle;}

a{color:#333333; text-decoration:none;}
a:hover{color:#FF0000;}

#top{width:1000px; height:98px; margin:0 auto;}
#logo{background:url(../images/qunxin_03.jpg) no-repeat; width:236px; height:72px; float:left; margin:13px 0 0 0;}

#nav{width:696px; float:right;}
#Collect{width:676px; height:24px; line-height:24px; text-align:right; margin:10px 20px 0 0;}
.nav{width:696px; height:auto; margin:10px 0 0 0;}
.nav li{width:87px; height:34px; float:left;}
.nav li a{display:block; width:87px; height:34px; line-height:34px; text-align:center; color:#000000; font-weight:600;} 
.nav li a:hover{background:#127ac4; color:#FFFFFF;}

#banner{width:100%; height:414px;}
.slide-main{height:414px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:180px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:390px;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:414px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:414px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner01.jpg) center no-repeat;}
#bgstyleb{background:url(../images/banner02.png) center no-repeat;}
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:414px;cursor:pointer;}
@-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:1000px; height:74px; margin:24px auto 0 auto;}
#k_nav a{float:left; width:239px; height:74px;}

#server{width:1000px; height:188px; background:#f4f4f4; margin:24px auto 0 auto; overflow:hidden;}
#server ul{width:1000px; height:auto; margin:15px 0 0 0;}
#server li{float:left; width:193px; height:140px; text-align:center;}
#server li a{color:#000333; font-size:14px;}

#news{width:1000px; height:auto; margin:24px auto 0 auto;}
#news_t{width:1000px; height:40px; border-bottom:1px solid #8b87a7;}
#news_t span{display:block; line-height:40px; font-size:16px; color:#2b255e; font-weight:600; padding-left:25px; background:url(../images/qunxin_37.jpg) 0 13px no-repeat;}

.news{width:1000px; height:270px; background:#f8f8f8; margin:1px 0 0 0;}
.news ul{width:500px; height:auto; float:left; margin:25px 0 0 18px;}
.news ul li{width:500px; height:27px; line-height:27px; background:url(../images/qunxin_43.jpg) 0 9px no-repeat;}
.news ul li span{float:left; width:100px; margin:0 0 0 20px; color:#3e3e3e;}
.news ul li a{float:left;}

.news img{float:right; margin:25px 27px 0 0;}

#link{width:100%; height:50px; border-bottom:5px solid #2b255e; position:relative; margin-top:10px;}
.link{width:1000px; height:50px; margin:0px auto 0 auto; line-height:50px; background:url(../images/qunxin_48.jpg) 15px 18px no-repeat; color:#000000;}
.link span{padding-left:45px; font-size:14px; color:#c2950b; font-weight:600;}
.link a{color:#000000; padding:0 5px;}
.bott{width:100px; height:5px; background:#c2950b; position:absolute; bottom:0; left:50%; margin-bottom:-5px; z-index:999; margin-left:-50px;}


#bottom{width:1000px; height:auto; line-height:30px; margin:0 auto; text-align:center; padding:10px 0;}

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


#main{width:1000px; height:auto; margin:24px auto 0 auto; border-top:1px solid #D1D1D1; overflow:hidden;}
#nav_left{width:240px; height:400px; float:left; border-right:1px solid #D1D1D1;}
#nav_left_t{width:240px; height:40px;}
#nav_left_t span{float:left; width:80px; height:39px; line-height:39px; font-size:16px; color:#000000; border-bottom:1px solid #1f1f1f; text-align:right; font-weight:600;}
#nav_left_t font{float:right; width:160px; height:39px; border-bottom:1px solid #e1e1e1;}

#nav_left ul{width:240px; height:auto;}
#nav_left li{width:240px; height:39px; border-bottom:1px solid #e1e1e1; background:url(../images/neiye_09.jpg) 15px 14px no-repeat;}
#nav_left li a{font-size:14px; color:#000000; line-height:39px; padding-left:35px;}


#content{width:720px; height:auto; float:right;}
#content_t{width:720px; height:37px; margin:5px 0 0 0;}
#content_t span{float:left; width:100px; padding-left:30px; background:url(../images/neiye_05.jpg) 10px 10px no-repeat; font-size:14px; font-weight:600; height:36px; line-height:36px; border-bottom:1px solid #0d1431;}
#content_t font{width:590px; height:36px; float:right; text-align:right; line-height:36px; border-bottom:1px solid #e5e7e4; font-size:12px;}


.content{width:700px; margin:20px auto 0 auto; line-height:24px; padding:0 0 20px 0;}

#fw li{width:210px; height:129px; float:left; margin:10px;position:relative;}
#fw img{ width:210px; height:129px;}
#fw div{position: absolute; display:block; width:210px; height:30px; line-height:30px; left:0; bottom:0; z-index:999; background: #D4D4D4; !important; filter:alpha(opacity=70);opacity:0.7; text-align:center; color:#2a2756; font-size:16px; font-weight:600;}