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

a{color:#666666; text-decoration:none;}
a:hover{color:#FF0000; font-weight:bold}


#head{width:1025px; height:89px; margin:0 auto;}
#logo{background:url(img/boya_03.png) no-repeat; width:450px; height:57px; float:left; margin:17px 0 0 30px;}
#Collect{float:right; margin:32px 50px 0 0; line-height:24px;}


#nav{width:100%; height:50px; background:#0091dd;}



.nav{width:1025px;height:50px; margin:0 auto;}
#daohang{width:1025px;height:50px;position:relative;z-index:99; float:left; margin:0 auto;}
.tab{position:relative;display:block;float:left;cursor:pointer; width:145px; height:50px;}
.tab .tablink{position:relative; width:145px;line-height:50px;display:block;height:50px;color: #ffffff;font-size:16px;z-index:99;float:left;text-align:center;}
.tab a{line-height:50px;text-decoration:none; text-align:center;}
.tab:hover{background:#db2925; color:#FFFFFF; text-decoration:none;}
.tab:hover .tablink{color:#FFFFFF;text-decoration:none}
.tab:hover .tablink a{color:#FFFFFF}

.dropdown{margin-left:1px solid #33a7e4;} 
.dropdown ul{display:none;}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:50px;left:1px;z-index:9}
.subnav{width:145px; padding:10px 0;}
.subnav a{padding:0;line-height:25px;width:145px;display:block;white-space:nowrap;color: #FFFFFF;float:left;}
.subnav :hover{text-decoration:underline;color: #FFFFFF}
.dropdown .subnav{background-color:#e2101b !important; filter:alpha(opacity=90);opacity:0.9; }


.slide-main{height:384px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:220px;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:340px;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:384px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:384px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(img/banner1.jpg) center no-repeat;}
#bgstyleb{background:url(img/banner3.jpg) center no-repeat;}
#bgstylec{background:url(img/banner2.jpg) center no-repeat;}
.slide a{display:block;width:100%;height:384px;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:1025px; height:auto; margin:30px auto 0 auto;}


#server{width:297px; height:auto; float:left;}
#server ul{width:296px; height:auto; overflow:hidden; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#server li{float:left; width:147px; height:auto; border-left:1px solid #cccccc; border-top:1px solid #cccccc;}


#industry{width:310px; height:auto; float:left; margin:0 0 0 50px;}
#industry_t{width:310px; height:30px; border-bottom:1px solid #dfdfdf;}
#industry_t span{float:left; font-size:16px; color:#454545; line-height:30px;}
#industry_t a{float:right; font-weight:bold;line-height:20px; margin:10px 0 0 0;}

.industry{width:310px; height: auto; margin:15px 0 0 0; line-height:20px; color:#999999;}
.industry strong{color:#666666;}
.industry img{float:left; margin:0 15px 0 0;}

#industry ul{width:310px; height:auto; margin:8px 0 0 0;}
#industry li{width:310px; height:24px; line-height:24px;}
#industry li a{float:left;}
#industry li span{float:right; color:#cccccc;}


#news{width:310px; height:auto; float: right;}
#news_t{width:310px; height:30px; border-bottom:1px solid #dfdfdf;}
#news_t span{float:left; font-size:16px; color:#454545; line-height:30px;}
#news_t a{float:right; line-height:20px; margin:10px 0 0 0;}

.news{width:310px; height: auto; margin:15px 0 0 0; line-height:20px; color:#999999;}
.news strong{color:#666666;}
.news img{float:left; margin:0 15px 0 0;}

#news ul{width:310px; height:auto; margin:8px 0 0 0;}
#news li{width:310px; height:24px; line-height:24px;}
#news li a{float:left;}
#news li span{float:right; color:#cccccc;}


#k_nav{width:100%; height:132px; background:#f1f1f1; margin:35px 0 0 0; overflow:hidden;}
.k_nav{width:1025px; height:73px; margin:29px auto 0 auto;}


#b_nav{background:url(img/boya_48.png) repeat-x; width:100%; height:207px;}
.b_nav{width:1025px; height:207px; background:url(img/boya_50.jpg) center right no-repeat; margin:0 auto;}

.b_nav li{float:left; width:170px; height:207px; background:url(img/boya_47.png) right no-repeat; margin:0 30px 0 0; line-height:24px;}
.b_nav li strong{display:block; color:#FFFFFF; margin:20px 0 0 0;}
.b_nav li a{display:block; color:#b8b8b8; line-height:20px;}


#foot{width:100%; height:86px; background:#3d3e40; line-height:24px; overflow:hidden;}
.foot1{width:1025px; height:auto; margin:20px auto 0 auto; color:#b1b2b3; text-align:center;}
.foot1 a{width:1025px; height:auto; margin:0 auto; color:#b1b2b3;}
.foot2{width:1025px; height:auto; margin:0 auto; color:#727071; text-align:center;}
.foot2 a{width:1025px; height:auto; margin:0 auto; color:#727071;}


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


#main_left{width:202px; height:auto; float:left;}
#main_left_t{width:200px; height:40px; line-height:40px; text-align:center; border-left:2px solid #db2925; background:#303578; color:#FFFFFF; font-weight:600; font-size:16px;}


#main_left ul{width:202px; height:auto; margin:10px 0 0 0;}
#main_left li{width:202px; height:43px; margin:2px 0 0 0; line-height:43px;}
#main_left li a{display:block; width:202px; height:43px; font-size:14px; color:#333333; text-align:center; background:url(img/neiye_06.jpg) no-repeat;}
#main_left li a:hover{display:block; width:202px; height:43px; font-size:14px; color:#ffffff; text-align:center; background:url(img/neiye_03.jpg) no-repeat;}

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

#main_right_t{width:760px; height:40px; position:relative;}
#title_l{position:absolute; left:0; font-size:16px; color:#213483; font-weight:800; border-bottom:1px solid #0091dd; height:30px; line-height:30px; padding:0 10px; display:inline-table;}


#title_r{width:680px; height:39px; border-bottom:1px solid #db2a26; position:absolute; right:0;}
#title_r span{float:right; background:#db2a26; line-height:24px; padding:0 10px; color:#FFFFFF; margin:15px 0 0 0;}


#content{width:720px; height:auto; margin:10px auto 0 auto; line-height:24px;}