
/* CSS Document */
/*common*/
.banner{ position: relative; z-index: 1;  height: 500px; overflow: hidden;}
.banner a{ display:block; background:url(../image/banner.jpg) no-repeat center top; height:500px; overflow:hidden;}



.linkbg { height:80px; overflow:hidden;border-top: 1px solid #e6e6e6; padding-top: 25px; }
.link{ width:1000px; margin: 0 auto; overflow: hidden;}
.link h2{ width: 160px; float: left; overflow: hidden;}
.link h2 a{ font:bold 18px/24px "Microsoft Yahei"; color:#212121;}
.link h2 span{ display: block;}
.link h2 span a{font-weight: normal;font-size: 14px; color:#666;}
.link p{ width: 840px; float: left; font: 14px/16px "Microsoft Yahei"; padding-top: 10px;}
.link p a{ padding:0 15px; display:inline-block;}

.news{ width:1000px; height:542px; overflow:hidden; margin: 0 auto; font-family: "Microsoft Yahei";}
.n_nav { height:53px; overflow:hidden;background:url(../image/news_line.gif)  repeat-x 0 bottom;}
.n_nav span{ display: block; width:62px;}
.n_nav span a{ display: inline-block; margin-top: 20px;}
.n_nav h2{ height: 53px; line-height: 53px; float: left; width: 139px; overflow: hidden; font-size: 30px;background:url(../image/news_line1.gif)  no-repeat 0 bottom;}
.n_nav h2 a{ color:#333;}
.n_nav ul{ float: left; width: 490px; overflow: hidden;}
.n_nav li{ float:left; margin-right: 40px;}
.n_nav li a{ color:#333;font: 16px/53px "Microsoft Yahei";display: inline-block; height: 53px; padding-left: 28px;background:url(../image/newsicon02.gif)  no-repeat 0 center;}
.n_nav li a:hover , .n_nav .on a{ color:#d3141c;background:url(../image/newsicon01.gif)  no-repeat 0 center;text-decoration: none;}
.news_c{height:435px; overflow:hidden; position: relative;}
.newswz{ margin:43px 0 0; overflow:hidden;}
.newswz dt{ width:446px; overflow:hidden;}
.newswz dt img{ width:446px; height:361px;}
.newswz dd{ width:535px; overflow:hidden;}
.newswz dd h3{ font-size:14px; height:25px; line-height:25px; overflow:hidden;}
.newswz dd h3 a{ color: #333;}
.newswz dd p{ font-size:14px; line-height:25px; color:#4f4f4f; overflow:hidden; padding-top:10px; height: 55px; padding-right: 5px;} 
.newswz dd i a{ color: #d3141c;}
.news_c1{ position: absolute; top: 174px; right:0;width:535px;  overflow: hidden;}
.news_c1 dl{ height: 72px; margin-bottom: 8px; background: #f1f1f1; overflow: hidden;}
.news_c1 dt{ width: 72px; height: 72px; background: #e8e8e8; overflow: hidden; text-align: center;font:12px/16px Arial; color: #525252; float: left;}
.news_c1 dt span{ display: block;font-size: 36px; line-height: 38px; padding-top: 15px;}
.news_c1 dd{ width: 445px; float: right; overflow: hidden;line-height: 24px;}
.news_c1 dd h3 { padding-top: 15px; font-size: 14px; font-weight: normal;}
.news_c1 dd h3 a{ color: #292929;}

.parobg{ height: 1133px; background: #f6f6f6; padding-top: 50px; overflow: hidden;font-family:"Microsoft Yahei";}
.menus{ width: 224px; overflow: hidden; background: #fff; height: 1078px;}
.menus h2{background:#d3141c; padding-top: 20px; height: 65px; overflow: hidden; text-align: center;font: 20px/28px "Microsoft Yahei";}
.menus h2 a{color:#fff;}
.menus h2 i{ display:block; font: 16px/28px Arial; color: #bac7de; text-transform: uppercase;}
.menus h3{ margin-top:20px;height: 42px; overflow: hidden;}
.menus h3 a{background: #999 url(../image/menuicon01.gif) no-repeat 12px center; display: block; height: 42px;padding-left: 32px; color: #fff; font-size: 16px; font-weight: normal; line-height: 42px;}
.menus h3 a:hover ,.menus h3.on a{background: #d3141c url(../image/menuicon02.gif) no-repeat 12px center; text-decoration: none;}
.menus ul{ margin:10px 5px 0;}
.menus li{font-size: 14px; height: 38px;border-bottom: 1px dashed #d0d0d0; float: left; width: 107px; line-height: 38px;}
.menus li a{padding-left: 10px; display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.menus li a:hover , .menus li.on1 a{}

.pro{ width: 746px; overflow: hidden;}
.pro li{ height: 272px; width: 233px; overflow: hidden; margin: 0 23px 0 0; float: left; position: relative; line-height: 0;}
.pro li img{ width: 231px; height: 212px;border:1px solid #eeeeee;}
.pro li span{ display: block; height: 50px; text-align: center; line-height: 50px; font-size: 16px;}
.pro li p{ display: block; width: 233px; height: 214px; position: absolute; top:0; left:0;background:url(../image/png1.png) repeat 0 0; font-size: 14px; color: #fff; text-align: center; line-height: 34px; display: none;}
.pro li p img{ display: block; width: 28px; height: 28px; margin:80px auto 0; border:0;}
.pro li a:hover p{ display: block;}
.pro .nomarr{ margin-right: 0;}

.aboutbg{ height: 686px; overflow: hidden;background:url(../image/aboutbg.jpg) no-repeat center 0; }
.pic{ width: 1000px;margin: 0 auto; padding-top: 61px; height: 183px; overflow: hidden;}
.pic h2{ float: left; width: 500px; overflow: hidden;font-size: 34px; color: #666;font-family: "Microsoft Yahei"; line-height: 46px;}
.pic h2 span{ display: block; font-size: 16px; letter-spacing: 4px; line-height: 40px;}
.pic h2 i{ display: block; font-size: 16px; font-weight: normal; line-height: 26px;letter-spacing: 7px;}
.pic p{ float: right; width: 290px; text-align: right; color: #666; overflow: hidden;}
.pic p span{ display: block; font:36px/40px Arial;}
.pic p a{ display: inline-block; width: 149px; height: 37px; background:#d3141c; text-align: center; font-size: 14px; color: #fff; line-height: 37px; margin-top: 13px;}

.about{ width: 1000px; height: 430px; margin: 0 auto; overflow: hidden;font-family: "Microsoft Yahei";}
.about dl{height:403px; overflow:hidden;background:url(../image/about_wz.jpg) no-repeat right bottom;  }
.about dt{ width:486px; overflow:hidden;}
.about dt img{ width:486px; height:384px;}
.about dd{ width:456px; overflow:hidden;height:354px; background: #f6f6f6; padding:30px 20px 0;}
.about dd h3{ font-size:28px; height:35px; line-height:35px;font-weight: normal; overflow:hidden;}
.about dd h3 a{ color:#d3141c;}
.about dd p{ height:220px; font-size:16px; line-height:24px; overflow:hidden; padding:15px 0 0 0;} 
.about dd i{ display: block;}
.about dd i a{ color:#fff; width:100px; height:36px; background:#d3141c; text-align:center; line-height:36px; font-size:14px; display: inline-block; margin-right: 26px;} 
.about dd i a.icon{background:#666;}

.honor{ margin:0 auto; width: 1000px; height: 400px; overflow: hidden;font-family: "Microsoft Yahei";}
.ho_nav { height:48px; overflow:hidden; background:url(../image/honor_line.gif) repeat-x center center; padding-left: 353px;}
.ho_nav li{ float:left; position: relative; margin-left: -1px; display: inline;}
.ho_nav li.noline{ margin-left: 0;}
.ho_nav li a{ width: 145px; height: 46px; border:1px solid #666;font: 24px/46px "Microsoft Yahei"; display: inline-block; background: #fff ; text-align: center;}
.ho_nav li a:hover , .ho_nav .on a{ color:#d3141c; border:1px solid #d3141c; text-decoration: none;}
.honor_c{ height: 335px; overflow: hidden;}
.honor_c li{width: 188px; float: left; overflow: hidden; line-height: 0; margin:30px 15px 0 0;}
.honor_c li img{ width: 186px; height: 238px; display:block;border:1px solid #999999;}
.honor_c li span{ display: block; width: 188px;padding-top: 15px; line-height: 16px; font-size: 16px;text-align: center;}
.honor_c .nomarr{ margin-right: 0;}

.casebg{height: 830px;overflow: hidden;background:url(../image/aboutbg.jpg) no-repeat center 0; }
.case{ padding-top: 36px; margin:0 auto; width: 1000px; overflow: hidden;}
.case h2{ height: 79px;background:url(../image/case_line.gif) no-repeat center bottom; text-align: center; font-size: 32px;font-weight: normal; line-height: 79px; overflow: hidden;}
.case h2 a{ color: #666;}
.case ul{ margin-top: 56px;}
.case li{float: left; width: 500px; height: 305px; position: relative; overflow: hidden; line-height: 0;}
.case li img{  width: 500px; height: 305px;}
.case li span{ display: block;width: 500px; height: 290px; top: 0;left: 0; position: absolute;background:url(../image/png1.png) repeat 0 0; padding-top: 115px; font-size: 24px; line-height: 30px;  text-align: center; color: #fff; display: none;}
.case li span i{ display: block; width: 98px; height: 34px; border:1px solid #fff; line-height: 34px; font-size: 14px; margin:10px auto;}
.case li a:hover span{ display: block;}






