﻿.clear{ width:100%; clear:both; overflow:hidden; height:15px;}
.left{ float:left; overflow:hidden;}
.center{ float:left; overflow:hidden;}
.right{ float:right; overflow:hidden;}
/*--------------------------------------------------------------------toper*/

#indextop{ width:100%; height:30px; line-height:30px; background:#2e353f; clear:both; margin:auto; overflow:hidden; position:fixed; left:0px; top:0px; z-index:9999;}
#indextop>div{ width:1020px; clear:both; margin:auto; overflow:hidden; color:#FFF;}
#indextop>div a{ color:#FFF;}
#indextop>div .right{ padding-right:220px; position:relative; font-size:14px;}
#indextop .stxb{ display:block; width:174px; height:30px; line-height:30px; text-indent:10px; border:none; background:url(../images/index_04.jpg) no-repeat; position:absolute; top:0px; right:30px; color:#666;}
#indextop .sbtn{ display:block; width:30px; height:30px; border:none; background:url(../images/index_04.jpg) right 0px no-repeat; position:absolute; top:0px; right:0px; cursor:pointer;}
#header{ width:100%; background:#FFF; float:left; box-shadow: 3px 3px 3px #d8d8d8; z-index:999;  position:fixed; left:0px; top:30px; z-index:9999;}
#header>div{ width:1040px; clear:both; margin:auto;}
#header .left{ width:400px; height:86px;}
#menu{ width:595px; padding-top:30px; height:40px; float:right;}
#menu ul{ width:100%; margin:auto; clear:both; position:relative; z-index:1000;}
#menu ul li{ float:left; width:85px; background:url(../images/index_11.jpg) 0px center no-repeat; text-align:center; position:relative; z-index:1000;}
#menu ul li a:hover{ text-decoration:none;}
#menu ul li em{ display:block; width:100%; clear:both; text-align:center;}
#menu ul li em a{ display:block; width:100%; height:40px; line-height:40px; font-size:16px; color:#333;font-family:'黑体';}
#menu ul li em .over{ color:#f6c648;}
#menu .menu{ width:85px; left:0px; top:40px; background:#F0F0F0; position:absolute; clear:both; display:none; z-index:1000; filter:alpha(opacity=90); /*IE滤镜*/-moz-opacity:0.9; /*Firefox私有*/opacity:0.9;/*其他*/-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; border:solid 1px #CCC;}
#menu .menu a{ width:100%; display:block;  line-height:20px; padding-top:10px; padding-bottom:10px; text-align:center; font-size:14px; font-family:'黑体'; border-top:solid 1px #FFF; color:#333;}
#menu .menu .no{ border:none;}
#menu .menu a:hover{ color:#FF0000;}
#topflash{ width:100%; clear:both; padding-top:116px; overflow:hidden;}
#flash{ width:100%; height:550px; float:left;  overflow:hidden; position:relative;}
.tpqh{
 height:550px; 
 overflow:hidden; 
 position:absolute; 
 margin:0 auto; 
 width:100%; 
 top:0px; 
 left:0;
 z-index:1;
}
.tpqh ul{ 
 position:relative; 
 display:block;
}
.tpqh ul li{ 
 height:550px; 
 position:absolute; 
 top:0; 
 left:0; 
 width:100%; 
 overflow:hidden;
}
.tpqh ul li div{ 
 width:100%; 
 height:550px; 
 overflow:hidden;
}
.tpqh_num{ 
 position:absolute; 
 z-index:99; 
 bottom:0px; 
 width:100%;
 height:18px; 
 text-align:center; 
 padding-top:7px; 
 overflow:hidden;
}
.tpqh_num a{    
 margin:0 4px; 
 background:url(../images/bandian1.jpg) no-repeat; 
 display:inline-block;
 width:10px; 
 height:10px; 
 overflow:hidden;
 -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.tpqh_num a:hover,.tpqh_num a.over{
 background:url(../images/bandian2.jpg) no-repeat;
}
#main{ width:100%; float:left; clear:both; overflow:hidden; background:url(../images/index_14.jpg) repeat-x;}
.top{ width:100%; height:60px; line-height:60px; float:left; clear:both; overflow:hidden;}
.top b{ font-size:20px; color:#666;}
.top i{ color:#94969d; font-weight:bold; font-size:18px; padding-left:10px;}
.top .right img{ margin-top:25px;}
#index1{ width:1000px; padding-top:20px; padding-bottom:20px; clear:both; margin:auto; overflow:hidden;}
#index1 .body{ width:100%; float:left; clear:both; overflow:hidden; padding-top:10px;}
#index1 em{ display:block; float:left; width:92px; height:144px;}
#index1>.left{ width:550px;}
#index1>.left .body .left{ width:217px; height:320px;}
#index1>.left .body .right{ width:310px; height:320px;}
#index1>.left .body .right span{ display:block; float:left; clear:both; width:100%; height:50px; line-height:50px; color:#559fea; font-size:24px; overflow:hidden; border-bottom:solid 1px #DDD;}
#index1>.left .body .right em{ display:block; padding-top:10px; float:left; clear:both; width:100%; height:120px; line-height:30px; overflow:hidden; color:#999;}
#index1>.left .body .right .div a{ margin-left:5px; margin-right:5px; font-size:14px; color:#333;}
#index1>.right{ width:400px;}
#index1>.right ul{ width:100%; overflow:hidden;}
#index1>.right ul li{ width:370px; padding-top:10px; float:left; clear:both; overflow:hidden;}
#index1>.right ul li .left{ width:120px; height:68px; padding-left:20px;}
#index1>.right ul li .left img{ width:120px; height:68px;}
#index1>.right ul li .right{ width:200px; height:88px; background:url(../images/index_26.jpg) 0px bottom no-repeat;}
#index1>.right ul li .right a{ display:block; width:100%; height:48px; line-height:24px; color:#559fea; font-size:14px; float:left; clear:both; overflow:hidden;}
#index1>.right ul li .right i{ display:block; width:100%; height:24px; line-height:24px; color:#f9b500; text-indent:20px;}
#index1>.right table td{ text-align:center; padding-top:10px;}
#qq{ width:135px; border:solid 1px #CCC; background:#FFF; padding-bottom:10px; right:100px; top:200px; position:fixed; overflow:hidden; text-align:center; z-index:99999; -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px;}
#qq .top{ width:100%; height:40px; line-height:40px; font-size:16px; background:#559fea; color:#FFF; text-align:center; float:left; clear:both; margin-bottom:10px; overflow:hidden;}
#qq .qq{ width:90%; text-indent:40px; height:45px; line-height:45px; background:url(../images/index_06-11.jpg) 5px center no-repeat; margin:auto; clear:both; overflow:hidden; text-align:left; border-bottom:solid 1px #F0F0F0; font-size:14px;}
#qq .tel{ width:95%; padding-left:5%; padding-top:5px; font-size:14px; text-align:left; line-height:30px;}
#qq .tel b{ color:#FF5500; font-size:14px;}

#container{ width:1000px; padding-top:5px; padding-bottom:20px; clear:both; margin:auto; overflow:hidden; }
/*--------------------------------------------------------------------footer*/
#footer{ width:100%; clear:both; padding:20px 0px; background:#ededed; overflow:hidden; line-height:30px;}
#footer>div{ width:1000px; clear:both; margin:auto; overflow:hidden;}
/*--------------------------------------------------------------------new*/
.leftnav{ width:218px; border:solid 1px #F0F0F0; background:#fcfcfc url(../images/news_05.jpg) 0px -50px no-repeat;  padding-top:60px; padding-bottom:50px; float:left; overflow:hidden; display:none;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.leftnav b{ display:block; width:100%; float:left; clear:both; overflow:hidden; height:70px; line-height:70px; text-align:center; font-size:24px; color:#FFF; font-weight:normal;}
.leftnav ul{ width:180px; clear:both; margin:auto; overflow:hidden;}
.leftnav li{ width:100%; float:left; clear:both; height:50px; line-height:50px; border-bottom:solid 1px #F0F0F0; font-size:16px; text-indent:20px;}
.leftnav>div{ width:189px; height:165px; clear:both; margin:auto; overflow:hidden; background:url(../images/products_03-12.jpg) no-repeat; position:relative;}
.leftnav>div strong{ display:block; bottom:44px; left:44px; width:160px; position:absolute; font-size:16px;}
#right{ width:745px; padding:10px; float:right; overflow:hidden;}
#top{ width:100%; padding-bottom:10px; overflow:hidden; height:40px; line-height:40px; border-bottom:solid 1px #F0F0F0; float:left;}
#top b{ float:left; display:block; text-indent:15px; font-size:22px; text-align:center; font-family:'黑体'; font-weight:normal; color:#f6c648;}
#top em{ float:right; display:block; text-align:right; background:url(../images/news_06.png) 0px center no-repeat; text-indent:20px; overflow:hidden; padding-right:10px;}
#top em a{ background:url(../images/nav.gif) right center no-repeat; margin-right:8px; padding-right:15px;}
#body{ width:725px; padding:10px; float:left; overflow:hidden; padding-top:15px;}
#year{ width:100%; border-bottom:1px dotted #CCC;  float:left; padding:5px 0px 15px 0px; overflow:hidden; margin-bottom:10px;}
#year a{ display:block; float:left; width:50px; height:24px; line-height:24px; margin-right:10px; border:1px solid #FFF; text-align:center; overflow:hidden; font-size:14px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
#year .curr{border:1px solid #ea5e00; background:#ea5e00; color:#FFF;}
#newslist{ width:100%; float:left; overflow:hidden;}
#newslist ul li{ width:590px; height:92px; padding-left:135px; position:relative; overflow:hidden; float:left; border-bottom:dotted 1px #CCC; padding-bottom:10px; margin-bottom:10px;}
#newslist ul em{ display:block; position:absolute; width:125px; height:92px; left:0px; top:0px; overflow:hidden;}
#newslist ul em img{ width:125px; height:92px;}
#newslist ul li>a{ display:block; position:absolute; left:135px; top:0px; background:url(../images/about_21.jpg) 12px 12px no-repeat; text-indent:30px; width:500px; height:36px; line-height:36px; overflow:hidden; font-size:16px; color:#333;}
#newslist ul li>a:hover{ color:#FF0000;}
#newslist ul span{ display:block; position:absolute; right:0px; top:0px; width:90px; height:36px; line-height:36px; color:#FF5500; text-align:right;}
#newslist ul div{ position:absolute; left:135px; top:36px; width:590px; height:56px; line-height:28px; overflow:hidden; text-indent:2em; color:#999;}
#details{width:100%; float:left; overflow:hidden;}
#details h1{ color:#383838; font-size:18px; line-height:30px; font-family:'黑体'; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; line-height:36px; overflow:hidden; text-align:center; color:#666; border-top:dotted 1px #CCC; border-bottom:dotted 1px #CCC;}
#details .date i{color:#1a94d5;}
#details .date b{ color:#FF0000;}
#details .details{ width:100%; overflow:hidden; line-height:30px; float:left;}
#video{ width:700px; height:500px; clear:both; margin:auto; overflow:hidden; padding-bottom:20px;}

#piclist{ width:720px; clear:both; margin:auto; overflow:hidden;}
#piclist ul{ width:740px;  float:left; overflow:hidden; clear:both;}
#piclist ul li{ float:left; width:165px; overflow:hidden; padding-bottom:20px; margin-right:20px;}
#piclist ul li span{ display:block; clear:both; width:165px; height:125px; float:left; overflow:hidden; padding-bottom:20px; background:url(../images/index_58.jpg) 0px bottom no-repeat;}
#piclist ul li span img{ width:165px; height:125px;}
#piclist ul li em{ display:block; clear:both; width:100%; height:20px; line-height:20px; text-align:center; overflow:hidden;}
#piclist ul li em a{ font-family:'黑体'; font-size:14px; color:#333;}

