@charset "utf-8";
/* CSS Document */
body{ font-family: "Microsoft YaHei";}
body,ul,li,p,h1,h2,h3,h4,h5,h6{ margin:0; padding:0; list-style:none;}


/*header*/
#header{ width:100%; height:25px; margin:0 auto; background:#000000;}
#header .nav{ width:1200px; height:25px; line-height:25px; margin:0 auto;}
#header .nav .logo{ width:35px; height:25px; background:url(../ext_images/logo.png) no-repeat; float:left; }
#header .nav ul{ width:1000px; height:25px; line-height:25px; float:left;}
#header .nav ul li{ width:auto; height:25px; line-height:25px; margin-left:10px; margin-right:10px; font-size:14px; float:left;}
#header .nav ul li a{ color:#fff; text-decoration:none;}
#header .nav ul li a:hover{ color:#6d6f70; text-decoration:none;}


/*main*/
#main{ width:100%; height: auto; margin:0 auto;}
#main .zhotu{ width:100%; height:595px;}
#main .zhotu img{ height:595px;}

/*deng lu*/
#main .dl{ width:1200px; height:125px; margin:0 auto; }
#main .dl .dla{ float:left; cursor:pointer; background: rgb(215, 215, 215) url(../ext_images/dla.png) no-repeat; width:100%;height: 125px; position:relative; font-size:14px; color:#000;}
#main .dl .dla p{ font-size:14px; width:90px; float:left; margin-left:156px; margin-top:18px; text-align: left;}
#main .dl .dlb{ float:left; cursor:pointer; background: rgb(172, 172, 172) url(../ext_images/dlb.png) no-repeat; width: 100%;height: 125px; position:relative; font-size:14px; color:#000;}
#main .dl .dlb p{ font-size:14px; width:90px; float:left; margin-left:156px; margin-top:18px; text-align: left;}
#main .dl .dlc{ float:left; cursor:pointer; background: rgb(113, 113, 113) url(../ext_images/dlc.png) no-repeat; width: 100%;height: 125px; position:relative; font-size:14px; color:#fff;}
#main .dl .dlc p{ font-size:14px; width:90px; float:left; margin-left:156px; margin-top:18px; text-align: left;}
#main .dl .dld{ float:left; cursor:pointer; background: rgb(59, 59, 59) url(../ext_images/dld.png) no-repeat; width: 100%;height: 125px; position:relative; font-size:14px; color:#fff;}
#main .dl .dld p{ font-size:14px; width:90px; float:left; margin-left:156px; margin-top:18px; text-align: left;}



#main .dl .dla:hover{ float:left; background: rgb(255, 255, 255) url(../ext_images/dla.png) no-repeat; width: 100%;height: 125px;}
#main .dl .dla:hover a{ color: #fff; text-decoration:none; font-family:"Microsoft Yahei",Arial;  position: relative;  top: 82px;  left: 22px;}
#main .dl .dlb:hover{ float:left; background: rgb(133, 187, 29) url(../ext_images/dlb.png) no-repeat; width: 100%;height: 125px;}
#main .dl .dlb:hover a{ color: #fff; text-decoration:none; font-family:"Microsoft Yahei",Arial;  position: relative;  top: 82px;  left: 22px;}
#main .dl .dlc:hover{ float:left; background: rgb(0, 0, 0) url(../ext_images/dlc.png) no-repeat; width: 100%;height: 125px;}
#main .dl .dlc:hover a{ color: #fff; text-decoration:none; font-family:"Microsoft Yahei",Arial;  position: relative;  top: 82px;  left: 22px;}
#main .dl .dld:hover{ float:left; background: rgb(43, 43, 43) url(../ext_images/dld.png) no-repeat; width: 100%;height: 125px;}
#main .dl .dld:hover a{ color: #fff; text-decoration:none; font-family:"Microsoft Yahei",Arial;  position: relative;  top: 82px;  left: 22px;}
#main .dl  a {  font-family: "Microsoft YaHei"; float:left;text-decoration: none; text-align: center; width:299px;height: 125px; color:#000;}

#main .dl .cent:hover a{ color: #000; text-decoration:none; font-family:"Microsoft Yahei",Arial;  position: relative;  top: 0px;  left: 0px;}
#main .dl .cent .cs p{ margin:0px; padding:0px; width:299px; height:30px; line-height:30px;}
#main .dl .cent .cs p a{ margin:0px; padding:0px; width:299px; height:30px; line-height:30px;}
#main .dl .cent .cs p a:hover{ color:#F00; text-decoration:none;}
 
 *{  margin: 0;   padding: 0;  }  
 .cent{   background:#0CF;   width:206px;   height:59px;  }  
 .cs{  width:206px; height:59px; background:#CCC;   top:0px;   position:absolute; opacity: 0;  display: block;   font-size: 12px;   transition: 0.3s;   -webkit-transition: .5s;  -moz-transition: .5s; width:100%; height:125px;}  
 .cent:hover .cs{  color: #000;   opacity: 1;  }  


/*footer*/
#footer{ width:100%; height: auto; background:#000; margin:0 auto;}
#footer .footernr{ width:600px; height:auto; float:left; font-size:12px; line-height:22px; text-align:left; color:#fff; margin:20px;}
#footer .footeeewm{ width:auto; height:auto; float:right; margin:20px; color:#fff;}
#footer .footeeewm .erwm{ width:80px; height:80px; float:left; margin-right:20px;}
#footer .footeeewm .erwm .th5{ width:80px; text-align:center;}
#footer .bq{ width:1200px; height:auto; line-height:30px; margin:0 auto; color:#6d6f70; font-size:12px; margin-top:10px;}






.content-wrapper{width: 1200px;overflow: hidden;margin: 10px auto;}