body{margin:0; padding:0; border:0}
*{margin:0; padding:0; font-family:"微软雅黑"; font-size:12px}
a{outline:none; color:#333; font-size:14px} /*for Firefox*/
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{ border:0}
li{ list-style-type:none}


#main{ width:100%;height:auto;min-width:1440px;}
#main1{ width:100%;height:auto;min-width:1440px; background:url(../images/12.jpg) no-repeat;}
#top{width:100%; height:95px;min-width:1440px; position: absolute; z-index:10;
       background:#000; 
       }
#nav{height:95px;width:1440px;position: relative;z-index:20; background:url(../images/logo.png) no-repeat center; margin:0 auto;}
#logo{ width:1440px; border:#06F 1px solid; height:95px}
#nav ul{ width:565px; height:95px; margin-left:470px;}
#nav ul li{ width:80px; float:left;display:inline-block; height:95px; text-align:center;}
#nav ul li a{ line-height:95px; color:#fff; font-size:16px; width:80px; height:95px;display:block; margin:0 auto}
#nav ul li:hover a{color:#f90;
transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */}
#nav ul li a:hover{ color:#f90}
#nav ul li ul{ display:none;}
#nav ul li:hover ul{display:block;width:80px; height:auto; margin-left:0px;
transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */}
#nav ul li:hover ul li a{color:#fff;
transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */}
#nav ul li ul li:hover a{width:80px; height:40px; line-height:40px; display:block;color:#f90}
#nav ul li ul li{ width:100px; height:40px;float:left; display:block; overflow:hidden; background:#000; position:relative; z-index:1000; margin-left:-10px;
filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;}
#nav ul li ul li a{color:#000000; height:40px; line-height:40px;}

#nav1{ width:100%; height:58px; background:#222C50; min-width:1329px;}
#nav1 ul{ width:991px; height:58px; margin:0 auto;overflow:hidden}
#nav1 ul li{ width:165px; float:left; display:inline; height:58px; text-align:center;}
#nav1 ul li a{ line-height:58px; color:#696969; font-size:17px; color:#FFF}
#product{ width:100%; height:675px;min-width:1440px;display:inline-block;background:#202020 url(../images/product.png) no-repeat center top}


#lingxingk{ width:1440px; height:541px;margin:0 auto; margin-top:85px; text-align:center; padding-bottom:35px;}
#lingxing1{
          width:225px;
          height:225px;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
		  -ms-transition:rotate(45deg);
          transform:rotate(45deg);
		  float:left;
		  margin-top:94px; 
		  margin-left:429px;
		  display:flex;
		  overflow:hidden;
		  position:relative;
         }
#lingxing1:hover span{display:none; }
#lingxing2:hover span{display:none; }
#lingxing3:hover span{display:none; }
#lingxing4:hover span{display:none; }
#lingxing5:hover span{display:none; }

#lingxing1 span,#lingxing2 span,#lingxing3 span,#lingxing4 span,#lingxing5 span{transform:rotate(-45deg);width:320px;height:320px; margin-top:-48px; margin-left:-48px; position: absolute; z-index:800; display:block;  background:#000; 
       filter:alpha(opacity=40);  
      -moz-opacity:0.4;  
      -khtml-opacity: 0.4;  
      opacity: 0.4;}
#lingxing1 img{transform:rotate(-45deg);width:320px;height:320px; margin-top:-48px; margin-left:-48px; position: absolute; z-index:100}
#lingxing1 dt{ width:225px; height:225px; line-height:225px; font-size:24px; color:#fff; font-family:"微软雅黑";
	      -moz-transform:rotate(-45deg);
          -webkit-transform:rotate(-45deg);
          -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
		  -ms-transition:rotate(45deg);
		  vertical-align: middle;text-align: center;
		  position: absolute; z-index:1000;
		   }

/*#lingxing1:hover{border:#28282E 1px solid;
          border-width: 100px;
          width: 0;
          height: 0;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
          transform:rotate(45deg);
		  -ms-transition:rotate(45deg);  behavior:url(css/ie-css3.htc);  float:left;
		  display:inline;
		  margin-top:42px; 
		  margin-right:60px;
		  margin-left:40px
		  }
#lingxing1:hover a dt{ color:#FFF}

*/
#lingxing2{
          width:225px;
          height:225px;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
		  -ms-transition:rotate(45deg);
          transform:rotate(45deg);
		  float:right;
		  margin-top:94px; 
		  margin-right:463px;
		  display:flex;
		  overflow:hidden;
		  position:relative;
         }
#lingxing2 img{transform:rotate(-45deg);width:320px;height:320px; margin-top:-48px; margin-left:-48px; position: absolute; z-index:100}
#lingxing2 dt{width:225px; height:225px; line-height:225px; font-size:24px; color:#fff; font-family:"微软雅黑";
	      -moz-transform:rotate(-45deg);
          -webkit-transform:rotate(-45deg);
          -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
		  -ms-transition:rotate(45deg);
		  vertical-align: middle;text-align: center;
		  position: absolute; z-index:1000
		  }

/*#lingxing2:hover{border:#28282E 1px solid;
          border-width: 100px;
          width: 0;
          height: 0;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
          transform:rotate(45deg);
		  -ms-transition:rotate(45deg);  behavior:url(css/ie-css3.htc);  float:left;
		  display:inline;
		  margin-top:42px; 
		  margin-right:60px;
		  margin-left:40px
		  }
#lingxing2:hover a dt{ color:#FFF}*/

#lingxing3{
          width:225px;
          height:225px;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
		  -ms-transition:rotate(45deg);
          transform:rotate(45deg);
		  float:left;
		  margin-top:-63px; 
		  margin-left:266px;
		  display:flex;
		  overflow:hidden;
		  position:relative;
         }
#lingxing3 img{transform:rotate(-45deg);width:320px;height:320px; margin-top:-48px; margin-left:-48px; position: absolute; z-index:100}
#lingxing3 dt{width:225px; height:225px; line-height:225px; font-size:24px; color:#fff; font-family:"微软雅黑";
	      -moz-transform:rotate(-45deg);
          -webkit-transform:rotate(-45deg);
          -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
		  -ms-transition:rotate(45deg);
		  vertical-align: middle;text-align: center;
          position: absolute; z-index:1000
  		  }

/*#lingxing3:hover{border:#28282E 1px solid;
          border-width: 100px;
          width: 0;
          height: 0;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
          transform:rotate(45deg);
		  -ms-transition:rotate(45deg);  behavior:url(css/ie-css3.htc);  float:left;
		  display:inline;
		  margin-top:42px; 
		  margin-right:60px;
		  margin-left:40px
		  }
#lingxing3:hover a dt{ color:#FFF}*/

#lingxing4{
          width:225px;
          height:225px;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
		  -ms-transition:rotate(45deg);
          transform:rotate(45deg);
		  float:left;
		  margin-top:-63px; 
		  margin-left:99px;
		  display:flex;
		  overflow:hidden;
		  position:relative;
         }
#lingxing4 img{transform:rotate(-45deg);width:320px;height:320px; margin-top:-48px; margin-left:-48px; position: absolute; z-index:100}
#lingxing4 dt{width:225px; height:225px; line-height:225px; font-size:24px; color:#fff; font-family:"微软雅黑";
	      -moz-transform:rotate(-45deg);
          -webkit-transform:rotate(-45deg);
          -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
		  -ms-transition:rotate(45deg);
		  vertical-align: middle;text-align: center;
          position: absolute; z-index:1000
		  		  }

/*#lingxing4:hover{border:#28282E 1px solid;
          border-width: 100px;
          width: 0;
          height: 0;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
          transform:rotate(45deg);
		  -ms-transition:rotate(45deg);  behavior:url(css/ie-css3.htc);  float:left;
		  display:inline;
		  margin-top:-50px; 
		  margin-right:60px;
		  margin-left:-110px
		  }
#lingxing4:hover a dt{ color:#FFF}*/


#lingxing5{
          width:225px;
          height:225px;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
		  -ms-transition:rotate(45deg);
          transform:rotate(45deg);
		  float:right;
		  margin-top:-63px; 
		  margin-right:301px;
		  display:flex;
		  overflow:hidden;
		  position:relative;
         }
#lingxing5 img{transform:rotate(-45deg);width:320px;height:320px; margin-top:-48px; margin-left:-48px; position: absolute; z-index:100}
#lingxing5 dt{width:225px; height:225px; line-height:225px; font-size:24px; color:#fff; font-family:"微软雅黑";
	      -moz-transform:rotate(-45deg);
          -webkit-transform:rotate(-45deg);
          -o-transform:rotate(-45deg);
          transform:rotate(-45deg);
		  -ms-transition:rotate(45deg);
		  vertical-align: middle;text-align: center;
          position: absolute; z-index:1000
		  }

/*#lingxing5:hover{border:#28282E 1px solid;
          border-width: 100px;
          width: 0;
          height: 0;
          -moz-transform:rotate(45deg);
          -webkit-transform:rotate(45deg);
          -o-transform:rotate(45deg);
          transform:rotate(45deg);
		  -ms-transition:rotate(45deg);  behavior:url(css/ie-css3.htc);  float:left;
		  display:inline;
		  margin-top:-50px; 
		  margin-right:60px;
		  margin-left:40px
		  }
#lingxing5:hover a dt{ color:#FFF}*/




#banner{width:100%;height:554px;background:url(../images/banner.png) center no-repeat;}

.banner{width:1440px;height:554px;margin:0 auto;}








#product2{ width:1200px;height:auto;min-width:1200px; margin-top:41px; overflow:hidden}
.pp{ width:600px; height:296px; position: relative; float:left; display:inline-block}
.pp dt{ width:259px;height:294px; float:left; display:inline-block; background:#fff}
.pp dd{ width:337px;height:294px;float:left; display:inline-block; overflow:hidden;}
.ww{width:200px;height:70px;margin:0 auto; text-align:left; display:block; font-size:14px; margin-top:35px}
.mm1{width:185px;height:46px; border:#a99269 1px solid; display:block;margin:0 auto; text-align:center; line-height:46px; color:#a99269; font-size:16px; margin-top:90px}
.pp:hover .ww{ color:#ae7257}
.pp:hover .mm1{ color:#ae7257;border:#ae7257 1px solid;}
.pp dd li{ display:none}
.pp:hover dd li{ display:block;width:337px;height:294px; background:#000;  filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6; position: absolute; z-index:10; top:0px; font-size:80px; line-height:290px}


#uu{ width:100%; height:33px; border:#CCC 1px solid}
#uu ul li{ float:left; display:inline; height:33px;padding-left:40px; padding-right:40px; border-right:#C2C6C9 2.5px solid}
#uu ul li a{ color:#040309; font-size:14px; line-height:33px}
#uu ul li a:hover{ color:#f90;}

.title{ width:200px; height:130px;float:left; display:inline-block}
.titleh{ width:100%; height:45px; margin-top:24px; line-height:45px; text-align:center; font-size:18px;color:#ae7257}
.title dt{ width:185px; height:46px; margin:0 auto; border:#ae7257 1.5px solid; line-height:46px; text-align:center;}
.title dt span{font-size:18px;color:#ae7257}
.title:hover .titleh{color:#f90}
.title:hover dt{ border:#f90 1.5px solid;}
.title:hover span{color:#f90}
#contact1{ width:100%;min-width:1440px; height:468px; background:url(../images/08.jpg) no-repeat center; text-align:center}
#contactcon{width:100%; height:468px;margin:0 auto}
#conb{width:100%; height:468px;background:#000; position:absolute; z-index:50;
filter:alpha(opacity=60);  
      -moz-opacity:0.6;  
      -khtml-opacity: 0.6;  
      opacity: 0.6;}
#contop{ width:100%; height:468px;position: relative; top:0; z-index:60}
#contop img{ display:block; margin:0 auto;}
#con1{ width:448px; height:300px;display:inline-block; margin: 0 auto; text-align:left;}

#con1 p{ color:#FFF; line-height:26px; font-size:14px}





#mooncon img{ float:right; display:inline-block; margin-top:62px}


#foot{ width:100%; height:auto; min-width:1200px;background:#e2ddd9}

#company{width:100%;height:479px;background:url(../images/com.jpg) center no-repeat;}
.company{ width:1440px; height:479px;margin:0 auto}
#companycon{ width:740px; height:425px;margin-left:700px;display:inline-block;}
#comt{background: url(../images/company.png) no-repeat;width:739px; height:71px;}
#comt a{ display:none}
#comt:hover a{ display:block}
#companycon p{ line-height:28px; color:#FFF; text-indent:28px; font-size:14px}
#comcon{width:100%; height:153px;margin-top:20px}
#companycon dl{ width:150px; height:150px; border-radius:75px;float:left; display:inline-block; overflow:hidden; margin: 10px 20px 0 0; position:relative; z-index:30}
##companycon dl dd{ display:none}
#companycon dl:hover dd{width:150px; height:150px; border-radius:75px; background:#000;position:absolute; top:0; z-index:40;  filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;}


.cc{ width:200px; height:130px;margin:0 auto; display:inline-block}
.cc dt{ width:185px; height:46px; margin:0 auto; border:#ae7257 1.5px solid; line-height:46px; text-align:center; }
.cc dt span{font-size:18px;color:#ae7257}
.cc:hover .titleh{color:#fff}
.cc:hover dt{ border:#fff 1.5px solid;}
.cc:hover span{color:#fff}
#news{ width:100%;min-width:1440px; height:440px; margin:0 auto;background:#202020; text-align:center}
#newscon{width:1440px; height:440px;margin:0 auto; display:inline-block;text-align:left}
#newst{ width:100%; height:82px; background:url(../images/news1.png) no-repeat;}
#newst a{ display:none}
#newst:hover a{ display: block;width:100%; height:82px;}
#newst:hover { background:none}
#newscon img{ display:inline-block; float:left}
#newscon ul{width:796px; height:355px;float:left; display:inline-block; margin-left:45px}
#newscon ul li{width:796px; height:105px;float:left; display:inline-block; margin-bottom:36px; }
.hong{ width:93px; height:92px; background:#a71915; float:left}
.ttt{ color:#FFF ; font-size:23px; text-align:center;width:93px; display:block; line-height:55px}
.tttt{ width:93px; text-align:center; display:block; color:#FFF; font-size:15px}
.ttw{ width:671px; height:93px; display:block; margin-left:36px; }
/* .ttw{ width:671px; height:93px; display:block; margin-left:36px; display:table-caption;} */
.ttwt,.ttwd,.ttww{display:block; color:#FFF; width:100%; height:auto; font-size:13px; line-height:23px}
#newscon ul li a:hover span{ color:#f90}



#newst dl{ width:88px; height:88px; border-radius:44px; background:#ffffff; float:left; display:inline-block; margin-top:13px;}
#newst dl span{ width:40px;height:40px;font-size:16px; margin-top:21px; display:block; margin-left:22px;color:#ae7257}
#newst dl:hover span{ color:#f90}
#h{ width:386px; float:left; display:inline-block; line-height:86px; margin-top:54px;border:#fff 1px solid}
.newscon{width:438px; height:127px;float:left; display:inline-block; text-align:left}
.newscon a{ color:#4e4e4e; font-size:13px; line-height:25px}
.newscon:hover a{color:#fff}
#r{ margin-left:36px}
#h1{ width:714px;border:#FFF 1px solid; margin-top:59px;float:left; display:inline-block;}
#mm{width:185px; height:40px; line-height:40px; border:#969696 1px solid; float:right; display:inline-block; margin-top:40px; margin-right:12px; color:#969696}
#mm a{color:#969696}

#mm:hover a{ color:#fff}
#mm:hover{border:#fff 1px solid;}
#flash{ width:279px; height:373px; position:absolute; bottom:0; right:0;overflow:hidden}






#productcon{ width:1200px; height:510px; margin:0 auto;text-align:center;}


#moon{ width:671px; height:667px; float:left; display:inline;background:url(../images/moon.png) no-repeat center; position:relative}
#moon dl{ float:left; display:inline;}
#moon dl dd{ font-size:20px;color:#FFF;font-weight:600}
#moon1{ width:234px; height:234px; border-radius:117px; 
background:radial-gradient(circle at 0px 1px,#0080FF,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#0080FF,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#0080FF,#fff);
background:-o-radial-gradient(circle at 10px 10px,#0080FF,#fff);
}
#moon1 dd{width:90px; height:60px; margin:0 auto; margin-top:90px;}
#moon1:hover{width:240px; height:240px; border-radius:120px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}


#moon2{width:184px; height:184px; border-radius:92px;left:110px;position: absolute;top:293px;
background:radial-gradient(circle at 10px 10px,#F84E1D,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#F84E1D,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#F84E1D,#fff);
background:-o-radial-gradient(circle at 10px 10px,#F84E1D,#fff);
}
#moon2 dd{ width:115px; height:30px; margin:0 auto;margin-top:75px;}
#moon2:hover{width:194px; height:194px; border-radius:97px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}



#moon3{width:146px; height:146px; border-radius:73px;left:290px;position: absolute;top:454px;
background:radial-gradient(circle at 10px 10px,#FF8000,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#FF8000,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#FF8000,#fff);
background:-o-radial-gradient(circle at 10px 10px,#FF8000,#fff);
}
#moon3 dd{ width:115px; height:30px; margin:0 auto;margin-top:56px;}
#moon3:hover{width:156px; height:156px; border-radius:78px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}


#moon4{width:130px; height:130px; border-radius:65px;left:487px;position:absolute;top:532px;
background:radial-gradient(circle at 0px 1px,#008000,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#008000,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#008000,#fff);
background:-o-radial-gradient(circle at 10px 10px,#008000,#fff);
}
#moon4 dd{ width:115px; height:30px; margin:0 auto;margin-top:50px;}
#moon4:hover{width:136px; height:136px; border-radius:68px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}

#moonpro{ width:310px; height:310px;position:absolute; left:335px; top:80px; border-radius:155px; border:#ccc 2px solid; -webkit-box-shadow: #999 0px 0px 10px;overflow:hidden; background:#FFF}
#moonpro h2{ width:100%; height:52px;background:#000; color:#fff; font-size:18px; line-height:52px; letter-spacing:1.5px; position:absolute; bottom:30px; 
filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* 老版Mozilla */
-khtml-opacity:0.5;              /* 老版Safari */
opacity: 0.5;           /* 支持opacity的浏览器*/}
#moonp{ width:524px;height:560px; float:left; display:inline; text-align:left; margin-top:106px}
#moonp p{ height:40px; line-height:40px; color:#737171; font-size:18px;text-indent:36px}
#moonimg{ width:100%; min-width:1200px; background:#e7e7e8; height:242px}
#moonimg img{ border-top:#E5E5E5 6px solid; border-bottom:#E5E5E5 7px solid}
#mooncon { width:1200px; height:242px;margin:0 auto}



#comimg{ width:353px; height:272px;float:left; display:inline}
#comimg img{ float:left; display:inline; position:absolute; z-index:100}
#comtent{ width:601px; height:178px; }
#comtent p{ line-height:28px; text-indent:28px; font-size:14px; color:#222222; letter-spacing:1px}

.more{ width:105px; height:40px; background:#222C50; text-align:center}
.more a{ line-height:36px; color:#FFF; font-size:14px}
.more a:hover{color:#F90;}


#anli{ width:1200px; height:auto;margin:0 auto; text-align:center}
#anlicon{width:100%; height:256px;text-align:left; height:502px; margin-top:20px; position:relative}
.jj{ width:253px; height:303px;margin-left:185px; margin-top:75px; float:left; display:inline-block;background:#FFF; border-left:#a99269 3px solid; border-bottom:#a99269 3px solid;padding:10px 10px}
#jj1{width:253px; height:303px;position:absolute; z-index:20; top:75px; left:774px; background:#FFF; border-top:#a99269 3px solid; border-right:#a99269 3px solid;padding:10px 10px}
.jj p{ color:#484848; font-size:13px; line-height:25px; text-indent:28px}
#jj1 p{ color:#484848; font-size:13px; line-height:25px;}


#anlif{ width:100%; height:326px; background:url(../images/anlib.jpg) repeat-x; margin-top:38px}
#anli1,#anli2,#anli3{ width:398px; height:326px; float:left}
.anlit{float:right; margin-top:13px; margin-right:30px; font-weight:500}
.anlit a{ color:#999999; font-size:10px}
.anlit a:hover{ color:#f90; font-size:10px}
.anlicon{ width:365px; height:275px; margin-left:15px;display:inline-block; margin-top:20px; overflow:hidden; text-align:left}
.anlit2{margin-top:5px; margin-bottom:3px;}
.anlit2 a{ color:#fc5909; font-size:16px; font-weight:500;}
.anlit2 a:hover{ color:#06F}
.anlicon p{ color:#000208; font-size:14px;line-height:26px}
#co{ width:357px; margin-left:40px; margin-top:25px}
#co2{ width:357px; margin-left:20px;}

#anlititle{ width:100%; height:99px;}
#anlititle span{ display:block; text-align:center}
#case{ color:#7C2C50; font-size:16px; margin-top:15px; margin-bottom:5px}
#show{ color:#DB0C0C; font-size:22px; font-weight:600; }
#kouhao{color:#222C50; font-size:14px; margin-top:3px; margin-bottom:40px}
#more1{ margin:0 auto; margin-top:23px; margin-bottom:29px}
#anpro dl a{color:#131313; display:block; position:relative}
#anpro{ width:100%; height:268px; background:#FFF}
.cs1,.cs2{ width:247px; height:268px;float:left; display:inline; overflow:hidden}
.cs1 img,.cs2 img{ width:243px; height:183px;}

.case1,.case2,.case3{ display:block;}
.case1{ width:100%; height:28px; text-align:center;  font-size:16px; font-weight:600; line-height:30px}
.case2{ background:url(../images/08.jpg) no-repeat; width:100%; height:25px; text-align:center; font-size:14px; line-height:24px}
.case3{ width:100%; height:29px; background:url(../images/09.jpg) no-repeat center;}

.cs1 a li,.cs2 a li{width:245px; height:183px;list-style-type:none;position:relative; display:inline-block}

#anpro dl dd{position: absolute}
#anpro dl dt{ display:none}
#anpro dl:hover dt{ display:block; width:245px; height:183px; position:absolute; z-index:1000;background:#F00;position:absolute;
  filter:alpha(opacity=45);  
      -moz-opacity:0.45;  
      -khtml-opacity: 0.45;  
      opacity: 0.45; }
#wen{ width:243px; height:86px; display:block; position:relative;}
#anpro dl:hover #wen{background:#DA0C0C;transition:0.5s}
#anpro dl:hover .case1{ color:#FFF}
#anpro dl:hover .case2{ background:url(../images/10.jpg) no-repeat center; color:#FFF;transition:0.5s}
#anpro dl:hover .case3{ background:url(../images/11.jpg) no-repeat center;transition:0.5s}







#footer{ width:100%; height:98px; background:#000; min-width:1440px}
#footcon{ width:1440px;height:auto; margin:0 auto;padding-top:28px; }
#footcon ul{ width:100%; height:38px;margin-top:45px; margin-bottom:6px;display:inline-block; text-align:center }
#footcon ul li{ display:inline-block; width:100px; height:38px; text-align:center; background:url(../images/03.jpg) no-repeat right}
#footcon ul li a{ line-height:38px; color:#fef8f7}
#footcon p{ text-align:center; height:23px; line-height:23px; color:#fff; font-size:14px; letter-spacing:1px}
#footcon p a{ font-size:13px; color:#fef8f7;}
#footcon p a:hover{color:#f90;}
/*#jsdz,#copyright{ float:left; display:inline; color:#ffffff; line-height:60px}
*/#jsdz{ font-size:14px; margin-left:80px}
#copyright{ font-size:12px; margin-left:14px}





.content02{width:1200px; margin:20px auto 0 auto; height:auto; display:table; margin-bottom:8px;}
.blk_t2{ background:url(../images/blk_t1.jpg) left center no-repeat; padding-left:30px; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1; font-size:18px; font-weight:normal;}
.blk_t2 span{ display:block; float:right; font-size:14px; color:#e1e1e1e;}
.blk_t1{ height:50px; line-height:50px; background:#A71915; font-weight:normal; color:#fff; /*padding-left:30px;*/ text-align:center; font-size:18px}
.left{ width:280px; float:left; margin-left:14px}
.main-left{ background:#e1e1e1; padding:15px 0;}
.main-left li{ height:35px;}
.main-left li a{ display: block;text-align:center; line-height:35px; font-size:16px; color:#333}
.main-left li a:hover{ background:url(../images/hover1.png); color:#ed6c45;}
.contact1{ background:#e1e1e1; margin-top:35px;}
.contact1 p{ font-size:14px; line-height:30px; padding:0 10px;}
.contactnr{ padding:10px 0;}
.contactnr p{ color:#333}

.right{ width:878px; float:left; margin-left:22px;}
.content1{ width:878px; height:auto; display:table; padding:15px 10px;}