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

a{color:#696969; text-decoration:none;}
a:hover{color:#FF0000;#4d191d;}

#top{width:100%; height:29px; background:#333333;}
.top{width:1002px; height:29px; margin:0 auto;}
.welcome{float:left; width:320px; height:29px; line-height:29px; color:#ababab;}
.hotline{float:right; width:220px; color:#FFFFFF; background:url(../images/hengtuo_03.jpg) 0 6px no-repeat; line-height:29px;}
.hotline span{font-size:12px; float:left; margin:0 0 0 25px;}
.hotline font{font-size:14px; color:#ff0c00; float:left;}
.Collect{float:right; width:140px; line-height:29px; color:#858585;}
.Collect a{color:#858585; padding:0 10px;}


#head{width:100%; height:82px; background:#fafafa;}
.head{width:1002px; height:82px; margin:0 auto;}
#logo{background:url(../images/hengtuo_07.jpg) no-repeat; width:270px; height:47px; float:left; margin:24px 0 0 0;}


#nav{width:672px;height:82px;position:relative;z-index:99; float:right; }
.tab{position:relative;display:block;float:left;cursor:pointer; width:96px; height:82px;}
.tab .tablink{position:relative;width:96px; height:82px; color:#333333;font-size:15px;z-index:99;float:left;text-align:center;}
.tab a{text-decoration:none; text-align:center;}
.tab:hover{ background:url(../images/hengtuo_10.jpg) 43px 60px no-repeat #342f57;color:#FFFFFF; text-decoration:none;}
.tab:hover .tablink{color:#FFFFFF;text-decoration:none}
.tab:hover .tablink a{color:#FFFFFF}

#nav li span{display:block; width:96px; height:25px; line-height:24px; margin:25px 0 0 0;}

.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:82px;left:1px;z-index:999}
.subnav{width:96px; padding:10px 0;}
.subnav a{padding:0; height:25px; line-height:25px;width:96px;display:block;white-space:nowrap;color: #FFFFFF;float:left; font-size:13px;}
.subnav :hover{text-decoration:underline;color: #FFFFFF}
.dropdown .subnav{background-color:#342f57 !important; filter:alpha(opacity=90);opacity:0.9; }



#banner{width:100%; height:455px;}
.slide-main{height:455px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:210px;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:405px;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:455px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:455px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(../images/banner_01.jpg) center no-repeat; }
#bgstyleb{background:url(../images/banner_02.png) center no-repeat; }
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:490px;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%;} }




#main{width:1002px; height:auto; margin:20px auto 0 auto;}
#main_left{width:366px; height:auto; float:left;}
#con {FONT-SIZE:12px; MARGIN: 0px auto; WIDTH:366px}
#tags {WIDTH:366px; HEIGHT:34px; border-bottom:1px solid #D2D2D2;}
#tags LI {FLOAT: left; LIST-STYLE-TYPE: none; HEIGHT:32px; width:80px; text-align:center; margin:0 10px 0 0;}
#tags LI A {FLOAT: left; COLOR: #545454; LINE-HEIGHT: 32px;HEIGHT: 32px; width:80px; text-align:center; TEXT-DECORATION: none; font-size:18px;}
#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.selectTag {POSITION: relative; HEIGHT:32px; border-bottom:2px solid #266fd2;}
#tags LI.selectTag A { COLOR: #342f57; LINE-HEIGHT:32px; HEIGHT:32px}
#tagContent{width:366px; height:auto; margin:10px 0 0 0;}
.tagContent {DISPLAY: none; WIDTH: 366px; COLOR: #474747; HEIGHT: auto;}
#tagContent DIV.selectTag {DISPLAY: block}

.tagContent li{width:366px; height:24px; background:url(../images/hengtuo_20.jpg) 0 5px no-repeat;}
.tagContent li a{float:left; margin:0 0 0 15px;}
.tagContent li span{float:right;}



#k_nav{width:366px; height:auto; margin:20px 0 0 0;}
#k_nav_t{width:366px; height:36px;}
#k_nav_t span{float:left; width:80px; height:34px; border-bottom:2px solid #266fd2; line-height:34px; font-size:18px; color:#342f57; text-align:center;}
#k_nav_t font{width:286px; float:left; height:35px; border-bottom:1px solid #c6c6c6;}
#k_nav_t a{background:url(../images/hengtuo_25.jpg) no-repeat; width:50px; height:9px; float:right; margin:18px 0 0 0;}

.k_nav{width:366px; height:auto; margin:28px 0 0 0;}
.k_nav a{float:left; width:109px; height:126px;}


#main_right{width:600px; height: auto; float:right;}

#server_t{width:600px; height:36px;}
#server_t span{float:left; width:80px; height:34px; border-bottom:2px solid #266fd2;line-height:34px; font-size:18px; color:#342f57; text-align: center;}
#server_t font{float:left; width:460px; height:35px; border-bottom:1px solid #c6c6c6; line-height:35px; font-family:Arial, Helvetica, sans-serif; padding: 0 0 0 10px; color:#929292;}
#server_t a{float:left; width:50px; height:35px; border-bottom:1px solid #c6c6c6; background:url(../images/hengtuo_25.jpg) center no-repeat;}

#server{width:600px; height:136px; margin:10px 0 0 0;}
.server1{background:url(../images/hengtuo_17.jpg) no-repeat; width:297px; height:136px; float:left;}
.server2{background:url(../images/hengtuo_17.jpg) no-repeat; width:297px; height:136px; float:right;}

#server img{float:left; margin:3px 0 0 3px;}
#server p{float:right; width:160px; height:auto; margin:10px 20px 0 0; padding:0; line-height:22px;}
#server span{display:block; font-size:14px; color:#1260ca;}

#link{width:100%; height:39px; background:#e5e5e5; margin:20px 0 0 0;}
.link{width:1002px; height:39px; margin:0 auto; line-height:39px; color:#585858;}
.link strong{color:#5c5b5b;}
.link a{color:#585858; padding:0 5px;}


#b_nav{width:100%; height:207px; background:#484848;}
.b_nav{width:1002px; height:207px; background:url(../images/hengtuo_39.jpg) right no-repeat; margin:0 auto; overflow:hidden;}
.b_nav  ul{margin:20px 0 0 0;}
.b_nav li{float:left; width:130px; line-height:24px;}
.b_nav span{display: block; font-size:14px; color:#FFFFFF;}
.b_nav a{display: block; color:#929292;}
.b_nav span a{display: block; color:#FFFFFF;}

#bottom{width:100%; height:82px; background:#262729; text-align:center; line-height:24px; overflow:hidden;}
#bottom p{display:block; margin:20px auto 0 auto; padding:0; width:1002px; color:#FFFFFF; text-align:center}
#bottom span{text-align:center; display:block; width:1002px; margin:0 auto; color:#929292;}
#bottom a{color:#FFFFFF;}


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

#content{width:1002px; height:auto; margin:20px auto 0 auto;}
#content_left{width:210px; height:auto; float:left;}
#content_left_t{width:210px; height:68px; background:#db0f32; line-height:24px; overflow:hidden;}
#content_left_t span{font-size:18px; display:block; width:210px; text-align:center; color:#FFFFFF; margin:10px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
#content_left_t font{font-size:14px; display:block; width:210px; text-align:center; color:#FFFFFF;}

.content_left{width:210px; height:auto;}
.content_left li{width:210px; height:40px; background:url(../images/neiye_06.jpg) no-repeat; margin:5px 0 0 0;}
.content_left li a{display:block; width:210px; height:40px; font-size:14px; color:#333333; text-align:center; line-height:40px;}
.content_left li a:hover{background:url(../images/neiye_03.jpg) no-repeat; color:#FFFFFF;}

#content_right{width:792px; height:auto; float:right;}
#content_right_t{width:792px; height:40px; background:#eeeeee; margin:28px 0 0 0;}
#content_right_t span{display:block; margin:0 0 0 40px; line-height:40px; color:#333333;}

.content{width:752px; height:auto; margin:20px 0 0 40px; font-size:12px; line-height:24px;}



.zzry img{border:3px solid #910000;}