/* CSS Document */

*{ margin: 0; padding: 0; font-size: 12px;} 
img{ border:0; max-width:100%}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
.clear { clear:both; }
a {text-decoration:none;outline:none;transition:all 0.5s ease-in-out 0s;}
a:hover {text-decoration:none;}
.tl {text-align:left;}       
.fl{ float: left;}
.fr{ float: right;} 

body{font-size: 12px; font-family: "microsoft yahei"; line-height: 2em; color: #0b1320; background-color: #FFFFFF;}




.banner{ width:100%; height:650px; overflow:hidden; position:relative;font-size:0; margin:0 auto; min-width:1100px}
.b-img{ height:650px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:650px; float:left;}
.b-list{ height:20px; padding-top:630px; margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#002a6c}


.navbox{width:100%; height:72px;line-height: 72px; background: #6b0b03 url(../image/2.png) left top repeat-x;min-width: 1100px;}
.navbox ul{ width:1100px; height: 70px; line-height: 70px; margin: 0 auto;}
.navbox ul li{ width:122px;_width:100px; height: 70px; float: left; text-align: center; overflow:hidden;}
.navbox ul li a{ display:block; width: 120px; height: 70px; line-height:70px; color: #FFFFFF; font-size: 14px;}
.navbox ul li a:hover{background: #734b08 url(../image/1.png) left top no-repeat;}
.mytwonav{width:120px; height:auto; background:#990000; position:absolute; z-index:999}
.mytwonav a{ display:block;width:120px; height:30px; line-height:30px; border-bottom:1px dashed #ddd}



.part1{ width: 1100px; margin: 0 auto; padding: 50px 0; height: 432px; overflow: hidden;; border:1px solid #f3efe0}
.part1 .part1_l{ width:732px;text-align: left; float:left;}
.part1 .part1_l h3{ width:100%;text-align: center; font-size:16px; }
.part1 .part1_l .con{ margin-top:30px;font-size: 14px; line-height: 28px; height: 250px; overflow: hidden; color: #645b38;}
.part1 a{ display:block; width:80px;height: 24px; line-height: 24px; text-align: center; color: #FFFFFF; font-size: 12px; background-color:#6b0b03; margin:15px auto 0 0; float:right}
.part1 a:hover{ background-color:#5c0000;}
.part1 .part1_r{ display:block;width:300px;height:300px; float:right}



.part2{ width: 100%; height: 350px; padding-top: 20px; margin: 0 auto; background: #cec4a1;   min-width: 1100px;}
.part2 h2{width: 100%;  text-align:center; font-size:28px;margin-top:10px; height:30px; line-height:30px; overflow:hidden}
.part2 h3{ width: 100%; margin-top:10px; text-align:center; font-size:16px;height:30px; line-height:30px; overflow:hidden}
.part2 ul{ width: 1100px; margin: 0 auto; padding-top: 50px; padding-left: 4px; overflow: hidden;}
.part2 ul li{ width: 120px; float: left; color: #FFFFFF; padding: 0 31px; text-align:center;}
.part2 ul li img{ display: block; margin: 0 auto; width: 120px; height: 120px;border-radius: 100%; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transition: transform 0.5s ease-in-out 0s; -webkit-transition: -webkit-transform 0.5s ease-in-out 0s; -moz-transition: -moz-transform 0.5s ease-in-out 0s; -o-transition: -o-transform 0.5s ease-in-out 0s;}
.part2 ul li:hover img{transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);}
.part2 ul li span{ font-size: 16px; font-weight: normal; line-height: 2em; margin-top: 10px; color: #333333; display: block; width:100%; height:30px;}




.part3{width: 1100px;margin: 0 auto;overflow: hidden;}
.part3 h2{width: 100%;  text-align:center; font-size:28px;  margin-top: 30px;height:30px; line-height:30px; overflow:hidden}
.part3 h3{width: 100%; margin-top:10px; text-align:center; font-size:16px;  margin-bottom: 15px;height:30px; line-height:30px; overflow:hidden}
.part3 ul{overflow: hidden; padding-bottom:40px}
.part3 ul li{width:353px; height: 220px; float:left; padding-right: 10px; margin-bottom:10px}




.part4{ width: 100%; height: 650px; background: #cec4a1; overflow: hidden;min-width: 1100px;}
.part4 h2{width: 100%;text-align:center; font-size:28px;  margin-top: 30px;height:30px; line-height:30px; overflow:hidden}
.part4 h3{ width: 100%;margin-top:10px; text-align:center; font-size:16px;  margin-bottom: 15px;height:30px; line-height:30px; overflow:hidden}
.part4_box{ width: 1100px; height: 454px; margin: 0 auto; overflow:hidden}
.subBox0 {width:980px; height:456px;overflow: hidden; float:left;}
.subBox0 ul { width:100000px; margin:0; padding:0;}
.part4_box ul{ height: 454px; float:left; }
.part4_box ul li{ width: 235px; height: 454px;float:left;margin-right: 10px; background: #FFFFFF;}
.part4_box ul li a{display: block; width: 235px;height:454px;}
.part4_box ul li a:hover{background: #6e2a21;}
.part4_box ul li .img{display: block; width: 235px;height:235px;}
.part4_box ul li .box{width: 195px; height: 207px;padding:11px 19px 0 19px; border-top: none;}
.part4_box ul li .box h4{height:55px;line-height:55px; overflow:hidden; font-size: 16px; border-bottom: 1px solid #dbdbdb; color: #666666;}
.part4_box ul li a:hover .box{border-color:#0F65C2;}
.part4_box ul li a:hover h4{ color: #FFFFFF;}
.part4_box ul li .box p{ text-align: left; padding:0 7px; height: 70px; line-height: 22px; color: #999999; margin-top: 10px; overflow:hidden}
.part4_box ul li a:hover p{color: #FFFFFF;}
.part4_box ul li .box .img2{display:block; margin:15px auto 0 auto; width: 36px; height: 36px; overflow:hidden;}
.part4_box ul li a:hover .img2{-ms-animation: narrow .4s linear 1;-webkit-animation: narrow .4s linear 1;-moz-animation: narrow .4s linear 1;animation: narrow .4s linear 1;}




.part5{ width:100%;height:450px; padding-top: 63px; background: url(../image/3.gif) #990000 top left repeat-x;min-width: 1100px;}
.part5 .main{ width: 1100px; margin: 0 auto;overflow: hidden;height:370px}
.pat5_box{ width: 485px;}
.pat5_box h3{ position: relative;font-weight:normal; font-size: 16px; width: 445px; padding: 0 20px; height: 40px; line-height: 40px;  color: #FFFFFF;text-align:left; overflow: hidden;}
.pat5_box h3 span{ font-family: arial; font-weight: bold; padding-right: 8px;}
.pat5_box h3 a{ position: absolute; right: 20px; top: 0; font-family: arial; font-weight: bold; font-size: 12px; color: #ffffff;}
.pat5_box h3 a:hover{text-decoration: underline;}
.pat5_box ul{ width: 100%; margin: 20px 0 0 0;}
.pat5_box ul li{ width: 485px; overflow: hidden; height: 33px; line-height: 33px; font-size: 14px;background: url(../image/4.gif) left center no-repeat; }
.pat5_box ul li a{ float: left; color:#FFFFFF; padding-left: 10px; width:330px; overflow:hidden }
.pat5_box ul li a:hover{ text-decoration: underline;}
.pat5_box ul li span{ font-size: 13px; float: right;color: #ccc;}

.part5 .onebox{ width: 485px; height: 120px; margin-top: 30px;}
.part5 .onebox .box{ float: left; padding-left: 20px; width: 285px; text-align: left; color: #FFFFFF;}
.part5 .onebox .box h4{ height: 37px; line-height: 37px; font-size: 16px; color: #FFFFFF; overflow:hidden}
.part5 .onebox .box h4 a{ color: #FFFFFF;}
.part5 .onebox .box h4 a:hover{ text-decoration: underline;}
.part5 .onebox .box .sub{ height:50px; overflow:hidden}




.linkbox{ width: 100%; height:48px; background:#990000; border-top:1px solid #a07777; border-bottom:1px solid #a07777;  min-width: 1100px;}
.linkbox .main{ width:1100px;height:48px;  margin: 0 auto; }
.linkbox .tit{ width: 130px; height: 48px; line-height: 48px; float: left; text-align: center; color: #ffffff; font-size: 18px; }
.linkbox .con{ width: 870px;  height:48px; float: left;overflow:hidden;}
.linkbox .con a{color:#ffffff;font-size:14px; line-height:48px; display: inline-block; padding-left:15px}
.linkbox .con a:hover{color:#c1ffa1;}


.footerbox{ width:100%;background: #990000;  padding-top: 20px;  min-width: 1100px;}
.fotnav{ width: 1100px; margin:0 auto; background: url(http://www.hbxzkc.com/images/index_53.jpg) left top repeat-x; height: 48px;  margin-top: 20px; background-color:#5c0000;}
.fotnav .con{ padding-left: 115px; height: 48px; line-height: 48px}
.fotnav .con a{color:#ffffff;font-size:14px; padding-right:26px;   }
.fotcon{width:1100px; margin:0 auto;padding-top:34px;padding-bottom:34px}
.fotcon .con{ width:785px; padding-left: 15px; font-size:12px; line-height:30px; color:#ffffff; float: left; }




.logobox{ width:1100px; margin:0 auto; overflow:hidden}
.logobox img{ display:block; width:100%}


.banner2{width: 1100px;margin: 0 auto;overflow: hidden;}
.banner2 img{ display: block; width:100%}


.mainWarp{ width:1100px; margin: 30px auto 0 auto; padding-bottom: 60px; overflow: hidden;}

.mainLeft{ width:240px; float:left;}
.com_titbox{font-size:20px;color:#ffffff;text-align:center; background-color:#8b3433;height:55px; line-height:55px; overflow:hidden}
.lxwmbox{width:240px;background-color:#990000;margin-top: 30px;}
.lxwm{color:#ffffff;font-size:14px;line-height:30px;padding: 0px 18px 8px 29px;}
.typebox{padding-bottom:20px; background:#990000;}
.typebox ul.expmenu li div.header {display: block;height: 40px;overflow: hidden;line-height: 40px; border-bottom:1px solid #FFF; }
.typebox ul.expmenu li div.header a {color:#ffffff;font-size: 12px;padding-left:10px; font-size:16px; text-decoration:none;}
.typebox ul.expmenu li div.header a:hover { color:#f00;}
.typebox ul.expmenu li div.header .arrow {display: block;width: 28px;height: 30px;background: no-repeat center;float: right;overflow: hidden;cursor: pointer;}
.typebox ul.expmenu li div.header .arrow.up {background:url(../image/bg.png) -48px -35px no-repeat; margin-top:12px;}
.typebox ul.expmenu li div.header .arrow.down {background:url(../image/bg.png) -48px -1px no-repeat; margin-top:14px;}
.typebox ul.expmenu li .menu {display: block;width:299px;_width:200px;height: auto;overflow: hidden;}
.typebox ul.expmenu li .menu li {display: block;height: 30px;overflow: hidden;line-height: 30px; color:#f00;border-bottom:1px dashed #fff;}
.typebox ul.expmenu li .menu li a { color:#ffffff; text-decoration:none;font-size: 12px;padding-left:40px;display:block;}
.typebox ul.expmenu li .menu li a:hover { color:#f00;}



.mainRight{ width: 859px; float:right}
.brandnavbox{ width: 831px; height: 60px; line-height: 60px; overflow:hidden; border-bottom: 1px solid #dbdbdb;margin-left:16px;margin:auto;}
.brandnavbox h3{ float:left; padding-left: 30px; font-size: 20px; color: #990000; font-weight: normal;}
.brandnavbox .con{ float:right; color:#666}



.detailbox{ line-height:30px;font-size:14px; color:#666;margin-top:16px; height:auto;word-wrap:break-word; word-break:break-all;padding-bottom:20px;overflow:hidden; border:1px solid #fff}
.detailbox .tit{font-size:22px;text-align: center;line-height: 30px;font-family: "微软雅黑";}
.detailbox .time{font-size:12px;text-align: center;color: #099;padding-top: 10px;padding-bottom: 20px;border-bottom: 1px dashed #ccc;margin-left:20px;}
.detailbox .con{line-height:30px; padding-top: 20px;font-size:14px;margin-left: 38px;}
.detailbox .con img{max-width:790px;overflow: hidden;}


.hotnews{font-size: 24px;color: #990000;margin-top: 20px;margin-bottom: 15px;margin-left: 20px;}
.xgnews{width:800px;margin:3px 0;overflow:hidden; border:1px solid #fff}
.xgnews ul{ overflow:hidden}
.xgnews ul li{line-height:30px;height:30px; _height:20px; width:370px; _width:300px;float:left; margin:0 10px;overflow:hidden; font-size:12px;margin-left: 15px;}
.xgnews ul li span{float:right;color:#999;}
.xgnews ul li a{color:#666;}



ul.listul{ overflow:hidden}
ul.listul li{width:812zpx;line-height:48px; border-bottom:1px dotted #afafaf;background:url(http://www.hbxzkc.com/images/arrow3.jpg) 5px 20px no-repeat; padding-left: 11px; height: 49px;overflow: hidden;margin-left: 22px;}
ul.listul li a{color:#666666;}
ul.listul li span{float:right;color:#666666;font-size:12px;  margin-right: 12px;}



.piclistul{ width:830px;height:auto; padding-bottom:30px; overflow:hidden; border:1px solid #fff;padding-top:30px;margin-left: 10px;}
.piclistul li{float:left;width:265px; margin-left:10px; height:214px; }
.piclistul li span{display:block; width:266px;_width:266px;height:30px;background:#990000;align:center;font-size:16px;color:#dfffc7;overflow:hidden;line-height:30px;text-align:center;margin-bottom: 15px;}





@-ms-keyframes narrow {

  0%   { -ms-transform: rotateX(0);}

  25%  { -ms-transform: rotateX(40deg);}

  50%  {-ms-transform: rotateX(0);}

  75%  { -ms-transform: rotateX(75deg);}

  100% { -ms-transform: rotateX(0);}

}

@-webkit-keyframes narrow {

  0%   { -webkit-transform: rotateX(0);}

  25%  { -webkit-transform: rotateX(40deg);}

  50%  {-webkit-transform: rotateX(0);}

  75%  { -webkit-transform: rotateX(75deg);}

  100% { -webkit-transform: rotateX(0);}

}

@-moz-keyframes narrow {

  0%   { -moz-transform: rotateX(0);}

  25%  { -moz-transform: rotateX(40deg);}

  50%  { -moz-transform: rotateX(0);}

  75%  { -moz-transform: rotateX(75deg);}

  100% { -moz-transform: rotateX(0);}

}

@keyframes narrow {

  0%   { transform: rotateX(0);}

  25%  { transform: rotateX(40deg);}

  50%  { transform: rotateX(0);}

  75%  { transform: rotateX(75deg);}

  100% { transform: rotateX(0);}

}