@charset "utf-8";
/* CSS Document */

body{ font-size:12px;}

a { color:#000; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/
body,td,th {
	font-family: Arial, Microsoft YaHei, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.topbg{
   width:100%;
   height:auto;
   overflow:hidden;
   background: transparent url("../images/top-bg.png") repeat-x scroll 0% 0%;
   }
.top{
  width:1215px;
  height:auto;
  overflow:hidden;
  margin:0 auto;
  } 
.logo{
   margin-left:88px;
   margin-top:12px;
   float:left;
   }
.menu{
   width:620px;
   height:auto;
   overflow:hidden;
   margin-right:155px;
   float:right;
   text-align:center;
   }
.menu li{
   width:100px;

   font-size:16px;
   float:left;
   line-height:19px;
   
   list-style-type:none;
   }

.menu li a{
   color:#133984;
   text-decoration:none;
   display:block;
   width:100px;
   height:90px;
   padding-top:30px;
   height:60px;
   } 
.menu li a:hover{
   background-color:#004a78;
   color:#FFFFFF;
   }
   
/******************banner css***************/
.banner{width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative; z-index:100;} 
#full-screen-slider { width:100%; height:600px; float:left; position:relative; z-index:1;}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:50%; top:570px; z-index:9900;  /*padding:5px 15px 5px 0;*/ margin:0;}
#pagination li { display:block; list-style:none; width:30px; height:3px; float:left; margin-left:10px; background:rgba(76,90,101,0.55); }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#f0884a;}   
       
 
 
 
 
    
.footerbg{
   width:100%;
   height:auto;
   overflow:hidden;
   background-color:#004a78;
   }
.footer{
   width:1215px;
   margin:0 auto;
   }
.footer-nei{
   width:100%;
   float:left;
   padding-bottom:20px;
   border-bottom:1px solid #999999;
   }     
.footer-left{
   width:410px;
   overflow:hidden;
   margin-left:28px;
   margin-right:25px;
   margin-top:35px;
   float:left;
   line-height:27px;
   font-size:14px;
   color:#FFFFFF;
   }
.footer-right{
   width:530px;
   height:107px;
   margin-top:30px;
   margin-left:50px;
   float:left;
   }
.footer-right li{
   width:87px;
   height:107px;
   background: transparent url("../images/footershu.png") no-repeat scroll right 0%;
   float:left;
   padding-top:30px;
   padding-left:18px;
   list-style-type:none;
   }
.dbbq{
   width:100%;
   text-align:center;
   color:#FFFFFF;
   font-size:14px;
   float:left;
   line-height:40px;
      }   
	  
/*������ʽ*/
.new_list {
    float: left;
    width: 565px;
	margin-bottom:20px;
	background-color:#f1f1f1;
	padding:10px;
	margin-right:20px;
	}
.new_pic {
    float: left;
    width:210px;
}   
.new_right {
    float: left;
    width:330px;
	padding-left:20px;

}
.new_title {
    font-size:14px;
	list-style-type:none;
	line-height:28px;
}
.new_title a{
   color:#000000;
   text-decoration:none;
   }
.new_time{
   width:170px;
   line-height:25px;
   color:#a0a0a0;
   float:left;
   } 
.new_time-sj{
   width:80px;
   background: transparent url("../images/sj.png") no-repeat scroll 0% 0%;
   padding-left:25px;
   float:left;
   } 
.new_time-gz{
   width:40px;
   padding-left:25px;
   background: transparent url("../images/gz.png") no-repeat scroll 0% 0%;
   float:left;
   }       
.new-memo {
   color:#a0a0a0;
   line-height:25px;
   height:70px;
   float:left;
   }
.new-ckxq{
   width:100px;
   text-align:right;
   list-style-type:none;
   float:right;
}
.new-ckxq a{
   color:#666666;
   text-decoration:none;
   }    
    
   	  
	  
   
 /*��ҳ���ݿ�*/  
   
.kuai1bg{
   width:100%;
   height:auto;
   overflow:hidden;
   }
.kuai1{
   width:1215px;
   height:auto;
   overflow:hidden;
   margin:0 auto;
   padding-bottom:80px;
   }
.kuai1-lan{
   width:272px;
   height:90px;
   padding-top:33px;
    margin:0 auto;
   }
.kuai1-nei{
   width:1100px;
   height:auto;
   overflow:hidden;
   float:left;
   list-style-type:none;
   padding-top:20px;
   } 
   
   
   
   
.pro_li li{ width:285px; height:314px; float:left; margin-left:20px; position:relative; border:1px solid #444;}
.pro_li li p{ width:285px; height:40px; line-height:40px; position:absolute; background:rgba(48,50,55,0.9); color:#fff; font-size:14px; bottom:0; z-index:98; margin:0px; text-align:center;}
.case_box{position:relative;}   
.case_hover {
    background:rgba(0,74,120,0.89);
	width:100%;
    height:100%;
	color:#FFFFFF;
    position: absolute;
    bottom:0px;
}
.case_tit{ font-size:16px; color:#fff; padding-top:50px; width:100%; text-align:center; margin-bottom:24px;}
.case_x{ border-bottom:1px solid #fff; width:20px; margin:0 auto;}
.case_memo{ color:#fff; height:72px; line-height:18px; width:230px; padding-top:24px; padding-bottom:34px; margin:0 auto;}
.case_more{ width:100px; height:26px; line-height:26px; text-align:center; margin:0 auto; color:#fff; font-size:14px; border:1px solid #fff;}


  /* 
   
   
.kuai1-nei li{
   width:212px;
   height:265px;
   margin-left:50px;
   margin-right:50px;
   margin-bottom:30px;
   float:left;
   } 
   
*/   
.kuai2bg{
   width:100%;
   height:auto;
   overflow:hidden;
   background-color:#004a78;
   }   
.kuai2{
   width:1215px;
   height:auto;
   overflow:hidden;
   margin:0 auto;
   }
.kuai2-lan{
   width:1215px;
   height:90px;
   padding-top:33px;
   padding-left:465px;
   float:left;
   }
.kuai2-nei{
   width:1215px;
   height:auto;
   overflow:hidden;
   padding-top:30px;
   margin-bottom:40px;
   float:left;
   }
.kuai2-nei-left{
   width:390px;
   overflow:hidden;
   margin-left:30px;
   float:left;
   }
.kuai2-nei-right{
   width:655px;
   margin-left:35px;
   float:left;
   font-size:14px;
   line-height:30px;
   color:#FFFFFF;
   }
.kuai2-more{
   width:130px;
   height:40px;
   border:1px solid #FFFFFF;
   float:left;
   text-align:center;
   line-height:40px;
   font-size:14px;
   margin-bottom:35px;
   margin-left:545px;
   list-style-type:none;
   }
.kuai2-more a{
   color:#FFFFFF;
   text-decoration:none;
   }  
 
.kuai3bg{
   width:100%;
   height:auto;
   overflow:hidden;
   }
.kuai3{
   width:1215px;
   height:auto;
   overflow:hidden;
   margin:0 auto;
   }
.kuai3-lan{
   width:1215px;
   height:90px;
   padding-top:33px;
   padding-left:465px;
   float:left;
   }
.kuai3-nei{
   width:1215px;
   height:auto;
   overflow:hidden;
   float:left;
   margin-top:40px;
   }    
   
.kuai3-more{
   width:130px;
   height:40px;
   border:1px solid #000000;
   float:left;
   text-align:center;
   line-height:40px;
   font-size:14px;
   margin-bottom:35px;
   margin-left:545px;
   list-style-type:none;
   margin-top:20px;
   }
.kuai3-more a{
   color:#000000;
   text-decoration:none;
   } 

/*about*/   
    
.aboutbg{
   width:100%;
   height:auto;
   overflow:hidden;
   }
.about{
   width:1215px;
   height:auto;
   overflow:hidden;
   margin:0 auto;
   }
.about-lan{
   width:1215px;
   height:90px;
   padding-top:33px;
   padding-left:465px;
   float:left;
   }
.about-nei{
   width:1100px;
   height:auto;
   overflow:hidden;
   margin-left:110px;
   float:left;
   list-style-type:none;
   padding-top:20px;
   margin-bottom:30px;
   } 
   
   
   
/*news*/



.newsbg{
   width:100%;
   height:auto;
   overflow:hidden;
   }
.news{
   width:1215px;
   height:auto;
   overflow:hidden;
   margin:0 auto;
   }
.news-lan{
   width:1215px;
   height:90px;
   padding-top:33px;
   padding-left:465px;
   float:left;
   }
.news-nei{
   width:1215px;
   height:auto;
   overflow:hidden;
   float:left;
   margin-top:40px;
   margin-bottom:40px;
   }    
/*product*/
.probg{
   width:100%;
   height:auto;
   overflow:hidden;
   }
.pro{
   width:1215px;
   height:auto;
   overflow:hidden;
   margin:0 auto;
   }
.pro-left{
   width:300px;
   height:auto;
   overflow:hidden;
   float:left;
   } 
.pro-left-top{
   width:300px;
   height:65px;
   background-image:url(../images/pro-top.png);
   float:left;
   }     
.pro-left-lan{
   width:265px;
   height:auto;
   overflow:hidden;
   float:left;
   margin-left:10px;
   margin-top:15px;
   }
.pro-left-lan li{
   width:265px;
   background: transparent url("../images/pro-lan2.png") no-repeat scroll 0% 0%;
   display:block;
   float:left;
   list-style-type:none;
   margin-bottom:10px;
   }     
.pro-left-lan li a{
   display:block;
   width:255px;
   height:35px;
   padding-left:10px;
   text-decoration:none;
   color:#fff;
   line-height:35px;
   }   
.pro-left-lan li a:hover{
   color:#000;
   background: transparent url("../images/pro-lan.png") no-repeat scroll 0% 0%;
   }
.pro-left-lan li.hover a{
   color:#000;
   background: transparent url("../images/pro-lan.png") no-repeat scroll 0% 0%;
   }
   
.pro-left-wx {
    width: 265px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
	text-align:center;
   }

   
   
.pro-right{
   width:870px;
   height:auto;
   overflow:hidden;
   float:left;
   margin-left:45px;
   } 
.pro-right-top{
   width:870px;
   height:59px;   
   border-bottom:5px solid #f4f4f4;
   }
.pro-right-top-left{

   line-height:20px;
   margin-left:17px;
   margin-top:30px;
   font-size:18px;
   float:left;
   }   
   
.pro-right-top-right{
   width:270px;
   line-height:20px;   
   margin-top:30px;
   margin-right:25px;
   text-align:right;
   font-size:18px;
   float:right;
   }  
.pro-right-nei{
   width:870px;
   height:auto;
   overflow:hidden;
   } 
.pro-right-list{
   width:187px;
   height:auto;
   overflow:hidden;
   float:left;
   margin-left:15px;
   margin-right:15px;
   list-style-type:none;
   }
.pro-right-list a{
   text-decoration:none;
   color:#000000;
   }   
.pro-right-list-pro {
   width:185px;
   height:185px;
   border:1px solid #d3d3d3;
   float:left;
   margin-bottom:20px;
   margin-top:20px;
   }