#bn {height: 513px;	position: relative;margin-right: auto;	margin-left: auto; overflow:hidden;   }
#bn .tu {text-align: center;display: block;margin-right: auto;margin-left: auto;}
 #hao .xu { background: url(/templets/images/tb.png) no-repeat -20px -352px; height:15px; float:left; width:15px; text-indent:-9999px; margin-right:5px}
 #hao .on{ background: url(/templets/images/tb.png) no-repeat 0 -352px; height:15px}
#bn .tu a{ text-align:center; margin:0 auto}
#hao{height: 23px;width: 60px; margin:0 auto; position: relative; margin-top:-60px}
 
 
 
#bn .tiao {	background-color: #000000;	height: 25px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 2;
	left: 0px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;	
	-khtml-opacity: 0.3;	
	opacity: 0.3;
}
#bn .tu .lianjie {
	display: block;
	height: 513px;
}

.about{ margin-top:20px; background:url(/templets/home_images/map.jpg) no-repeat 750px 0 ; height:370px;}
.about .t{   padding-left:8px; width:172px;}
.about .t em{ display:block;color:#666}
.about .t i{width:3px; background:#2189e1; display:block; height:30px; margin:8px 8px 0 0; }
.about .left{ wdith:980px;}
.about .right{width:300px;}
.about .right em{width:147px; height:40px; text-align:center; border:1px solid #2189e1; line-height:40px;border-radius: 5px; background:#fff}
.about .right .sh{ margin:100px 0 0 260px;}
.about .right .sz{margin:20px 0 0 100px;}
.about .right .nj{margin:30px 0 0 240px;}
.about .right .on{ background:#2189e1; color:#fff;animation:myfirst 1s;}



@keyframes myfirst
{
from {background:#fff;}
to {background:#2189e1;}
}







.about .t b{ font-size:18px;}


.about ul{ background:url(/templets/home_images/about_bg.jpg) no-repeat 0  35px; height:40px;width:585px; margin-top:5px;}
.about ul li{ float:left;width:120px; height:35px; text-align:center; color:#000; line-height:35px; margin-right:5px;}

.about ul .on{ background:#2189e1;color:#fff; }

.about .msg{ margin:5px 0 0 0;width:720px; line-height:28px;}
.about .msg p{ float:left;width:400px; margin:20px 0 0 20px;  color:#6C6C6C }
.about .msg p b{ font-size:17px; padding-bottom:10px; display:block; color:#000}
.fangan{ background:#2189e1; height:470px;}
.fangan ul{ padding:50px 0 0 120px; font-size:16px; }
.fangan ul li{ width:135px; height:42px; border-radius:5px; border:0; text-align:center; line-height:42px; float:left; color:#fff;}
.fangan ul   .on{ width:135px; height:42px; background:#fff; border-radius:5px; border:0; text-align:center; line-height:42px; float:left;color:#2189e1}
 
 
.fangan .box{ height:340px; background:url(/templets/home_images/fangan_bg.jpg) no-repeat 0 bottom; margin-top:37px;}

.fangan .box .t{width:280px; color:#fff;}
.fangan .box .t1{ font-size:25px;}
.fangan .box .t2{font-size:26px; line-height:45px}
.fangan .box .t3{font-size:16px;}

.fangan .box2{width:850px; height:255px; background:#fff;}

.fangan .box2 .t4{ font-size:17px; color:#2189e1; font-weight:bold; margin-bottom:8px;}
.fangan .box2 .left{ width:380px; padding:40px 20px  0; line-height:28px; }
.fangan .box2 .left em{ display:inline-block}
.fangan .box2 .right{ width:415px;}

.fangan .box2 .t4 a{ font-size:16px;}
 
.pros{ margin-top:30px}
.pros .t{ text-align:center;}
 
.pros .t span{ font-size:20px; color:#999; display:block}
.pros .t em{ font-size:25px; background:url(/templets/home_images/nav_bg.jpg) no-repeat 196px; height:41px; line-height:35px; color:#000}
.pros .t i{ font-size:18px; color:#333333}


.pros .pp{ margin:30px 0 0 130px;;}
.pros .pp li{ float:left; margin-right:50px;}
.pros .pp a:hover{ box-shadow: 3px 3px 3px  3px #CCC;  }



.pros .list{ margin-top:30px;}
.pros .list li{ }
.pros .list li em{ height:45px; background:#2189e1;color:#fff; line-height:45px;  font-size:16px;}
.pros .list  a{ color:#fff;width:225px;display:block;height:207px; float:left; margin:0 15px 20px 0; border:1px solid #cccccc; text-align:center;}

.pros .list a:hover{ box-shadow: 3px 3px 3px  2px #CCC;  }

.nav_banner{ background:url(/templets/home_images/nav_banner.jpg) no-repeat center; height:180px;  margin:50px 0 50px 0; color:#fff;}
.nav_banner .wz{ width:600px; padding:30px 0 0 30px;}
.nav_banner b{ font-size:26px; display:block}
.nav_banner span{ font-size:23px; display:block; line-height:40px}
.nav_banner span em{color:#30a0ff; display:inline-block}
.nav_banner i{ font-size:24px;}
.nav_banner i em{color:#30a0ff; display:inline-block; font-size:28px; font-weight:bold}
.nav_banner  .zixun{ display:block; float:right;width:245px; height:56px; background:#2189e1; font-size:24px; border:0; margin-top:60px; color:#fff; text-align:center; line-height:56px; border-radius:5px; margin-right:20px}

.nav_banner  a:hover{  box-shadow: 3px 3px 10px  3px #999;}





.case{}

.case .t{ text-align:center;}
 
.case .t span{ font-size:20px; color:#999; display:block}
.case .t em{ font-size:25px; background:url(/templets/home_images/nav_bg.jpg) no-repeat 196px; height:41px; line-height:35px; color:#000}

.case ul{ padding:50px 0 0 120px; font-size:16px; }
.case ul li{ width:135px; height:42px; border-radius:5px; border:0; text-align:center; line-height:42px; float:left; color:#4c4343;}
.case ul   .on{ width:135px; height:42px; background:#2189e1; border-radius:5px; border:0; text-align:center; line-height:42px; float:left;color:#fff}
 
.case .box{ border:2px solid #82c6ff; margin-top:30px;}
.case .box p{width:520px; padding:30px 30px 0 30px; font-size:16px; line-height:28px; color:#686868}
.case .box p b{ color:#06C }
.case .box p a{ display:block; border:1px solid #2189e1; width:145px; height:40px;border-radius:5px; float:left; margin:20px 40px 0 0; text-align:center; line-height:40px; color:#2189e1; }

.case .box p a:hover{ background:#09F; color:#fff; }





.youshi{ clear:both; padding-top:50px;}
.youshi .t{ text-align:center;} 
.youshi .t span{ font-size:19px; color:#999; display:block}
.youshi .t em{ font-size:25px; background:url(/templets/home_images/nav_bg.png) no-repeat 178px; height:41px; line-height:35px; color:#000}

.youshi .box{ padding-top:30px; background:url(/templets/home_images/youshi_bg.jpg) no-repeat center; height:556px; }
.youshi .box ul li{ float:left; margin-right:300px; height:300px; }
.youshi .box ul li dl dt{ font-size:55px; color:#2189e1; float:left;font-style: italic;font-family: sans-serif;}
.youshi .box ul li dl dd{ line-height:25px; padding:15px 0 0 15px; float:left; font-size:18px;}
.youshi .box ul li dl dd em{ color:#333; font-size:15px;}
.youshi .box ul li p{ clear:both;width:410px; line-height:28px; padding:20px 0 0 10px}
.youshi .box ul li p em{ display:inline-block; color:#2189e1; font-size:15px;}
.youshi .box ul li p a{ background:url(/templets/home_images/zixun.jpg) ;width:156px;height:48px; display:block; margin:20px 0 0 200px; }



.honor{ clear:both; padding-top:50px;}
.honor .t{ text-align:center;} 
.honor .t span{ font-size:19px; color:#999; display:block}
.honor .t em{ font-size:25px; background:url(/templets/home_images/nav_bg.jpg) no-repeat 196px; height:41px; line-height:35px; color:#000}

.honor ul{ padding-top:30px;}
.honor ul li{ float:left; margin-right:20px;}


.vod{ background:url(/templets/home_images/vod_bg.jpg) no-repeat center; height:482px; margin-top:50px; color:#fff; padding-top:50px;   }
.vod .left{width:447px;}
.vod .left span{ display:block; font-size:26px;}
.vod .left b{ font-size:26px; line-height:45px;}
.vod .left em{ font-size:16px;}
.vod .left p{ margin-top:30px; line-height:28px;}
.vod .right{ border:3px solid #FFF;}


.news{ margin-top:50px;}
.news .t{ background:url(/templets/home_images/tb3.jpg) no-repeat right 15px;width:175px; font-size:26px;}
.news .t em{}
.news .more{ display:block; padding-top:15px}
.news .more span{ font-size:23px; color:#ff6b54; padding-top:20px;}

.news .left{ margin-top:20px;}
.news .right{margin-top:20px;border:1px solid #dedede; width:356px; line-height:28px;  height:380px;}
.news .title{ line-height:35px; font-size:16px; }
.news .right a{ color:#000}
.news .right p{ color:#666}
.news .right .s{display:block; margin-top:10px; color:#72abe9; text-align:right;}



.news ul{width:550px; padding-right:30px; border-right:1px solid #CCC; float:left; margin-top:30px; font-size:14px;}
.news ul li{ line-height:25px; background:url(/templets/home_images/news_tb.png) no-repeat 0 14px; padding-left:20px; line-height:35px; }
.news ul li span{ float:right; color:#333  }
.news ul li a{ color:#333 }


 



.case2{ overflow: hidden;}
.case2 .LeftBotton{ width:37px; height:50px; float:left; margin-top:80px; background:url(/templets/home_images/tb1.jpg) no-repeat;}
.case2 .RightBotton{width:37px; height:50px; float:left; margin-top:80px;background:url(/templets/home_images/tb1.jpg) no-repeat;}


.case2 ul{float:left;   margin:0 0 0 5px}
  
.case2{ padding:20px 0 0 0}
.case2 ul li{ float:left; margin-right:15px; border:3px solid #82c6ff;width:355px; height:205px;}
 
 

.case2 .Cont{height:280px; width:1125px;overflow:hidden;float:left }
.case2 img{ margin-bottom:25px}
.case2 a{ display:block; height:135px;}
.case2 .ScrCont {width: 100000px;}
.case2 #list1, .case #list2 {float: left}



.page{}
.page li{ float:left; margin-right:5px; border:1px solid #CCC; padding:2px 5px;}
.page .thisclass{ background:#09F; color:#fff;}
.page .thisclass a{  color:#fff;}


#bn2 {height: 383px;	position: relative;margin-right: auto;	margin-left: auto; overflow:hidden; margin-bottom: 20px}
#bn2 .tu {text-align: center;display: block;margin-right: auto;margin-left: auto;}

#bn2 #hao .xu { width:80px; height:4px; text-indent:-9999px; background:#fff; display:block; margin-right:3px; float:left}

#bn2 #hao {position: absolute;right: 200px;height: 33px;width: 330px;z-index: 3;bottom: 0px;}
 
 
 
#bn2 .tiao {	background-color: #000000;	height: 25px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 2;
	left: 0px;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;	
	-khtml-opacity: 0.3;	
	opacity: 0.3;
}
#bn2 .tu .lianjie {
	display: block;
	height: 582px;
}