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

/*banner*/

.banner { overflow:hidden; width:100%; height:550px; position:relative; }
.banner ul { overflow:hidden; width:100%; height:550px; position:relative }
.banner li { width:100%; height:550px; position:absolute; left:0; top:0 }
.banner li a { display:block; width:100%; height:100%; }
.banner .li01 { background:url(../images/banner01.jpg) no-repeat center top; }
.banner .li02 { background:url(../images/banner02.jpg) no-repeat center top; }
.banner .li03 { background:url(../images/banner03.jpg) no-repeat center top; }
.banner .btn { overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:20px; margin-left:-35px; }
.banner .btn span { display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px; }
.banner .btn span.cur { background-position:right }
.banner i { display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer; }
.banner i.btn_left { left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center; }
.banner i.btn_right { right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center; }
.banner:hover i { display:block }
.banner i:hover { background-position:bottom }
/*pro*/

.pro { overflow:hidden; width:100%; height:470px; background-color:#fff; }
.pro h3.htitle a:hover { color:#dc1313 }
.pro ul { overflow:hidden; width:1200px; margin:0 auto; }
.pro li { overflow:hidden; float:left; width:380px; height:235px; position:relative; margin:10px; }
.pro li img.pro_tu { display:block; }
.pro li b { width:100%; height:100%; position:absolute; background:url(../images/pro_cur_bg.png) repeat center; z-index:1 }
.pro li .wen { display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2 }
.pro li .wen h4 { margin-top:60px; color:#fff; text-align:center; font-weight:normal; font-size:20px; margin-bottom:10px; }
.pro li .wen a { display:block; width:100%; height:100%; color:#fff; text-decoration:none; }
.pro li .wen i { display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px; }
.pro li .wen p { width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none; }
.pro li .wen span { display:none; font-size:0 }
.pro li .wen span img { display:block; margin:0 auto; margin-top:15px; }
.pro li.li01 b { left:-224px; top:-235px; }
.pro li.li02 b { left:-380px; top:0; }
.pro li.li03 b { left:0; top:235px; }
/*product*/
.chanpin { verflow:hidden; width:100%; height:510px; background-color:#f9f9f9; }
.chanpin h3.htitle a:hover { color:#dc1313 }
.hjnavC { width:1200px; margin:0 auto; height:300px; overflow:hidden; background:#fff; }
.hjnavleft { width: 1200px; height: 42px; z-index:100; background-color:#FFF; overflow:hidden; border-right:1px solid #e7e7e7; }
.hjnavcn { width: 1200px; FLOAT: left; height: 310px; overflow: hidden; }
.hjnavleft ul { }
.hjnavleft ul li { line-height: 42px; padding:0 29px; height: 42px; font-size:15px; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7; float:left; }
.hjnavleft ul li a:hover { text-decoration:none; color:#c01027; font-weight:bold; }
.hjnavleft ul li.hover0 { border-left:none; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; }
.hjnavleft ul li.hover0 a { color:#c01027; font-weight:bold; }
.hjnavleft ul li.hover1 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; }
.hjnavleft ul li.hover1 a { color:#c01027; font-weight:bold; }
.hjnavleft ul li.hover2 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; }
.hjnavleft ul li.hover2 a { color:#c01027; font-weight:bold; }
.hjnavleft ul li.hover3 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; }
.hjnavleft ul li.hover3 a { color:#c01027; font-weight:bold; }
.hjnavleft ul li.hover4 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; }
.hjnavleft ul li.hover4 a { color:#c01027; font-weight:bold; }
.hjnavleft ul li.hover5 { border-left:1px solid #F5f5f5; border-bottom:1px solid #F5f5f5; background-color:#F5f5f5; }
.hjnavleft ul li.hover5 a { color:#c01027; font-weight:bold; }
.hjone { padding-bottom: 10px; line-height: 22px; padding-left: 10px; padding-right: 10px; height: 158px; padding-top: 10px }
.hjone P { padding-bottom: 5px; TEXT-INDENT: 2em }
.albumblock { padding:10px 15px 30px 17px; float:left; }
.albumblock .inner { width:355px; height:216px; position:relative; border:1px solid #FFF; overflow:hidden; background:#FFF url(../images/block_bg1.gif) no-repeat center bottom; }
.albumblock .inner img { border:2px solid #fff; width:351px; height:152px; }
.albumblock .inner .albumtitle { height:30px; line-height:30px; font-size:12px; width:300px; position:relative; bottom:0px; left:0; color: #000000; font-weight:;
text-align:center; cursor:pointer; margin:auto; }
.albumblock .inner .albumtitle span { font-weight:normal; font-size:12px; }
.albumblock .inner a:hover { text-decoration:none; }
.albumblock .inner a:visited { text-decoration:none; }
.albumblock .inner:hover { border:1px solid #c01027; }
/*news*/

.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:45px; }
.news h3.htitle a:hover { color:#dc1313 }
.news .newsLeft { overflow:hidden; width:590px; background-color:#f9f9f9; height:420px; float:left; }
.news .newsLeft .tubox { display:block; width:590px; height:290px; overflow:hidden; margin-bottom:25px; position:relative; }
.news .newsLeft img { display:block; position:absolute; left:0;  width:100%; }
.news .newsLeft h4 { width:555px; margin:0 auto; margin-bottom:15px; overflow:hidden; }
.news .newsLeft h4 a { display:block; width:440px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; }
.news .newsLeft h4 span { font-weight:normal; font-size:14px; color:#999; float:right; }
.news .newsLeft p { font-size:12px; width:555px; margin:0 auto; color:#555; line-height:20px; height:40px; overflow:hidden; }
.news .newsLeft p a { color:#dc1313; }
.news .newsLeft:hover h4 a { color:#dc1313 }
.news .newsRight { overflow:hidden; width:590px; height:420px; float:right; }
.news .newsRight dl { overflow:hidden; width:570px; padding:10px; height:106px; margin-bottom:20px; }
.news .newsRight dt { overflow:hidden; float:left; width:160px; height:106px; }
.news .newsRight dt a img{ width:160px; height:106px;}
.news .newsRight dd { overflow:hidden; float:left; margin-left:20px; width:370px; }
.news .newsRight dd h4 { margin-top:10px; font-size:16px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news .newsRight dd h4 a { color:#333 }
.news .newsRight dd p { font-size:12px; color:#555; line-height:20px; height:40px; overflow:hidden }
.news .newsRight dd em { float:right; display:block; font-size:12px; color:#999; font-family:Arial; margin-top:5px; }
.news .newsRight dl:hover { background-color:#f5f5f5; }
.news .newsRight dl:hover h4 a { color:#dc1313 }
/*about*/

.about { overflow:hidden; width:100%; height:590px; background:url(../images/bbbbg.jpg) no-repeat center top; ; }
.about h3.htitle a:hover { color:#dc1313 }
.about dl { overflow:hidden; width:1200px; margin:0 auto; height:360px; background-color:#fff; }
.about dt { overflow:hidden; width:610px; height:360px; float:left }
.about dd { overflow:hidden; float:right; width:510px; height:360px; padding:0 35px; background-color:#fff; }
.about dd h4 { font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-top:30px; margin-bottom:10px; }
.about dd h4 a { color:#333 }
.about dd p { font-size:14px; text-align:justify; margin-bottom:25px; color:#666; line-height:24px; height:96px; overflow:hidden }
.about dd p a { color:#e01313; }
.about dd ul { overflow:hidden; width:100%; padding-top:25px; border-top:2px solid #e8e8e8; }
.about dd li { float:left; width:102px; margin-right:34px; }
.about dd li.last { margin-right:0; }
.about dd li i { display:block; width:102px; height:102px; position:relative; margin:0 auto; overflow:hidden; margin-bottom:10px; }
.about dd li i img { display:block; position:absolute; left:0; top:0; width:102px; height:204px; }
.about dd li span { display:block; text-align:center; font-size:14px; color:#666; }
.about dd li a { display:block; text-decoration:none }
.about dd li:hover span { color:#e01313 }
.about dd li:hover i img { top:-102px }
.news .newsmore .more { display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:2px solid #e9e9e9; text-decoration:none; margin: 0 auto; margin-top: 40px; }
.news .newsmore .more:hover { color:#fff; border-color:#dc1313; background-color:#dc1313 }