@charset "utf-8";
/* CSS Document */
.header{ width:1001px; height:116px; margin:0 auto;  position:relative;}
.header .logo{ width:300px; padding-top:20px; position:relative; }
.header p{height:15px;line-height:15px; width:345px;position: absolute;top: 76px;left: 640px;}
.header p a{ display:inline-block; text-align:center; font-size:12px; color:#666666; width:77px; background:url(model/model_08.jpg) no-repeat right 2px;}
.header p a:hover{ text-decoration:underline; }
.header p .wechat .pic{ position:absolute; z-index:1000; display:none; }
.header p .wechat:hover .pic{ display:block;}
.header .logo .white{ width:447px; height:79px; background:rgba(255,255,255,0.5); display:none; position:absolute; top:0; left:0;}
.header .logo:hover .white{ display:block;}
.header form{width: 99px;height: 27px;position: absolute;top: 35px;left: 883px;}
.header form select{ width:97px; height:25px; border:1px solid #cccccc; font-size:12px; color:#666666;}
.header form select:hover{ cursor:pointer;}
.menu{ width:100%; background:#ac2d1a; height:50px;}
.menu .nav{ width:1001px; height:50px; margin:0 auto; position:relative;}
.menu .nav ul li{ width:108px; float:left; height:50px; line-height:50px;}
.menu .nav ul li:hover{ background:rgba(126,124,122,0.7);}
.menu .nav ul li a{color:#fff; text-align:center; font-size:12px;}
.menu .nav ul li div{ padding-top:10px; border:1px solid #6a6662; width:108px; padding:0 25px 0 25px; border-bottom-left-radius:3px; border-bottom-right-radius:3px; background:rgba(111,110,108,0.6); padding-bottom:17px; display:none;}
.menu .nav ul li div a{ height:38px; text-align:left;  line-height:38px; border-bottom:1px solid #fff; color:#fff;}
.menu .nav ul li:hover div{ display:block;}
.menu .nav ul li div a:hover{ border-bottom:1px solid #ac2d1a; color:#ac2d1a;}
.menu .nav form{width:153px;height:27px;background:#FFF; position:absolute;left:823px ;top:12px;}
.menu .nav form input{height:25px;width:141px; font-size:12px; color:#999999; padding-left:12px; border:1px solid #cccccc;}
.menu .nav form img{ position:absolute;left:130px ;top:6px;}


.main{ width:1001px; margin:35px auto 0 auto;}
.main .left, .right{ float:left;}
.main .left{ width:755px; margin-right:30px;}
.main .left .index a{padding:0 3px 0 3px; display:inline-block; font-size:14px; color:#6e6e6e; height:36px; line-height:36px;}
.main .left .index a:hover{ text-decoration:underline;}
.main .left h2{ height:43px; line-height:43px; width:215px; border-bottom:2px solid #ac2d1a; font-size:20px; color:#ac2d1a;}
.main .left h2 span{ font-size:14px; color:#555555; margin-left:5px;}
.main .left .culture{ border-top:1px solid #e1e1e1; width:672px; padding:32px 46px 0 37px;}
.main .left .culture p{ text-indent:24px; line-height:30px; color:#444444;}
.main .left .culture ul{padding:53px 24px 0 0px;}
.main .left .culture ul li{ float:left; margin-right:28px; margin-bottom:25px; position:relative}
.main .left .culture ul li:nth-child(5){ margin-right:30px;}
.main .left .culture ul li p{ text-align:center; height:52px; line-height:52px;}
.main .left .culture ul li p a{font-size:12px; width:293px; height:202px; color:#444444; }
.main .left .culture ul li p a:hover{ text-decoration:underline; color:#ac2d1a; }
.main .left .culture ul li .photo div{ position:absolute; left:0; top:0; width:310px; height:202px; background:rgba( 255,255,255,0.6); display:none;}
.main .left .culture ul li:nth-child(5) div{ width:310px;}
.main .left .culture ul li:nth-child(7) div{ width:310px;}
.main .left .culture ul li .photo:hover div{ display:block;}



.main .right{ width:216px; height:163px; border-bottom:3px solid #ac2d1a;}
.main .right .into h3{border-bottom:2px solid #771201; height:68px; line-height:68px; background:#ac2d1a; text-align:center; font-size:20px; color:#fff; } 
.main .right .into a{ background:#ededed; color:#444; line-height:46px; height:46px; font-size:14px; text-align:center;}
.main .right .into a:hover{ color:#fff; background:#ac2d1a;}
.main .right h2{ height:53px; text-align:center; line-height:53px; color:#ac2d1a; font-size:20px; border-bottom:3px solid #e6e6e6; margin-top:19px; margin-bottom:7px;}
.main .right ul li{ height:32px; line-height:32px; border-bottom:1px solid #e1e1e1; padding-left:15px; background:url(images/hfculture_08.gif) no-repeat 1px center;}
.main .right ul li a{ font-size:14px; color:#555;}	
.main .right ul li a:hover{text-decoration:underline; color:#ac2d1a;}
.root{ width:100%; height:179px; background:#5e5e5e; }
.root .footer{ width:1001px; height:145px; margin:0 auto; padding:20px 0 14px 0;}
.root .footer .copyright, .callus, .network, .share{ float:left; height:145px; border-right:1px solid #7a7a7a;}
.root .footer .copyright{ width:248px; }
.root .footer .copyright p{ line-height:31px; font-size:12px; color:#fff; margin-bottom:9px;}
.root .footer .copyright p a{font-size:12px; color:#fff; }
.root .footer .copyright p a:hover{text-decoration:underline;}
.root .footer .network{ width:136px; text-align:center;  }
.root .footer .network a{display:block;  height:30px; line-height:30px; font-size:12px; color:#fff;}
.root .footer .network a:hover{ text-decoration:underline;}
.root .footer .share{ width:298px;}
.root .footer .share h4, .callus h4{ font-size:12px; color:#fff; height:22px; line-height:22px; padding-left:44px;}
.root .footer .share a{ float:left; margin-right:10px; margin-top:24px;}
.root .footer .callus{ width:316px; border-right:0;}
.root .footer .callus p{ line-height:30px; font-size:12px; color:#fff; margin-left:44px;}
.root .footer .callus h4 a{ font-size:14px; color:#fff;}
.root .footer .callus h4 a:hover{ text-decoration:underline;}