/**************************************/
.bn{ width:100%; height:260px; padding-top:230px; background:url("bn.jpg")bottom center no-repeat; position:relative; }
.bn span#wz{text-align:center; font-size:60px; color:#fff; letter-spacing:1px; text-transform:uppercase;font-weight:bold; width:100%; display:block; padding-top:60px; padding-bottom:20px}
.bn span#xt{ margin:0 auto; height:8px; width:100px; background:#fff; display:block;}
/***************************************/
.ht-mb{ position:relative; width:100%; height:50px; background:#f0f0f0;position:relative;}
.mb-in{ width:1200px; margin:0 auto; position:relative}
.mb-in .mb-bt{height: 50px;line-height: 50px;color: #fff;font-size: 18px;background:#cc281e url("mb1.png") right center no-repeat;text-align: center;font-weight: 700;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; float:left; text-transform:uppercase; padding:0px 30px;}
.mb-in .mb-fl{ height:50px; line-height:50px; float:left;overflow: hidden;}
.mb-in .mb-fl ul li{line-height: 50px;float: left;color: #444;padding: 0 15px;font-size: 14px;transition: .25s; -webkit-transition: .25s;background: url("sortarrow.png") right center no-repeat; text-transform:capitalize;}
.mb-in .mb-fl ul li#active{color:#cc281e; font-weight:bold}
.mb-in .mb-fl ul li:hover{ color:#cc281e}
.mb-in .mb-wz{float: right;margin-top: 18px; font-size:12px; padding-left:10px; border-left:2px solid #000; height:12px; line-height:12px; color:5a5a5a}
.mb-in .mb-wz a{color:#5a5a5a}
.mb-in .mb-wz a:hover{ color:#cc281e}
/****************************************/
.hti { width:100%; background:#fff}
.ht {margin: 0px auto; width: 1200px; overflow: hidden; padding-top: 20px; min-width: 1200px; padding-bottom: 50px;background: #fff;line-height: 1.8;color: #5a5a5a; font-size:16px; letter-spacing:1px; word-wrap: break-word;white-space: normal;word-break: break-all;}
/***************************************/
.ht-dz{color: #333;font-size: 34px; border-bottom: 1px dotted #ccc;padding-bottom: 15px;font-weight: 100; width:100%; text-align:center; float:left}
.ht-dt{ width:100%; float:left; margin-top:30px;}
.ht-dt img{ display:block; margin:0 auto; max-width:100%}
.ht-gd{margin-bottom: 20px;background: #f8f8f8;font-size: 14px;font-weight: 700;color: #0d61bc;height: 50px; line-height: 50px;border-bottom: 1px solid #dfdfdf; width:100%; float:left; margin-top:40px;}
.ht-gd span{display: inline-block;height: 50px;line-height: 50px; padding:0px 15px;color: #fff;font-size: 18px;background:#cc281e url("mb1-1.png")right center no-repeat;text-align: center;font-weight: 700; text-transform:uppercase}
/**************************************/
.ht-sp{ width:100%; float:left; position:relative}
.ht-sp ul{ width:1250px;}
.ht-sp ul li{ float:left; width:280px; height:570px; background:#fff;margin-right: 13px; margin-top:20px; border:5px solid #fff}
.ht-sp ul li .sp-sp{ width:280px; height:498px; overflow:hidden; float:left}
.ht-sp ul li .sp-mz{ width:100%; float:left; background:#f8f8f8; height:70px; line-height:70px;color:#333;font-size: 18px; text-indent:1em}
/***************************************/
.ht-sx{background: #f0f0f0; padding:0px 20px; float:left; height:40px; line-height:40px; width:1160px; margin-top:15px}
.ht-sx ul{}
.ht-sx ul li{ line-height: 40px;color: #5a5a5a; font-size:14px}
.ht-sx ul li a{ color:#5a5a5a}
.ht-sx ul li a:hover{ color:#cc281e}
/***************************************/
ul.ny-cp{ width:1200px; float:left; margin-top:20px;}
ul.ny-cp{ width:1250px;}
ul.ny-cp li{ float:left; width:386px; margin-right:21px; margin-bottom:28px; height:360px; overflow:hidden; background:#f8f8f8}
ul.ny-cp li .cp-tp{ width:386px; height:290px; position:relative; float:left; overflow:hidden; background:#f4f4f4}
ul.ny-cp li .cp-tp img{ max-width:386px; max-height:290px; position:relative; left:0px; right:0px; top:0px; bottom:0px; margin:auto; display:block}
ul.ny-cp li .cp-mc{ width:30px; float:left; margin-top:20px; width:100%;}
ul.ny-cp li .cp-mc span#mc{color: #333;font-size: 18px; padding-left: 10px; max-width: 265px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; float:left; line-height:28px; text-transform:capitalize}
ul.ny-cp li .cp-mc span#mo{width: 96px;height: 28px;border: 1px solid #666;color: #666;font-size: 14px;text-align: center;border-radius: 5px; float:right; display:block; line-height:28px; margin-right:10px}
ul.ny-cp li:hover .cp-mc span#mo{ background:#cc281e; color:#fff}

/*************************************/
div.flickr{ text-align:center; font-family:Verdana; line-height:20px; font-size:16px;  margin-top:20px; float:right; text-align:center; width:100%;}
div.flickr a{padding:5px 10px; border: 1px solid #8f8f8f; color: #5a5a5a; text-decoration: none; display:inline-block;text-align:center; margin:0px 5px; text-transform:uppercase}
div.flickr a:hover{ background:#cc281e; color:#fff; border:#cc281e 1px solid;display:inline-block; margin:0px 5px;}
div.flickr a:active{ background-color: #ddd; margin:0px 5px; }
div.flickr span{ background:#cc281e; color:#fff; border:#cc281e 1px solid; display:inline-block; text-align:center;padding:5px 10px; border-radius:3px; }
div.flickr span.current{  background:#cc281e; color:#fff; border:#cc281e 1px solid; margin:0px 5px;}
div.flickr span.disabled{  background:#cc281e; color:#fff; border:#cc281e 1px solid; ; margin:0px 5px;}
/****************************************/
.yh{ width:100%; float:left; margin-bottom:10px;}
.yh .yhl{ width:130px; float:left; height:40px; line-height:40px; text-align:center; background:#bf112c; color:#fff; font-size:15px; border-radius:3px}
.yh .yhr{ width:1050px; float:right; font-size:15px; border-radius:3px}
.yh .yhr input.memberName{width:1050px; float:right; height:40px; line-height:40px; font-size:15px; border-radius:3px;border:1px solid #CCCCCC;}
.yh .yhr textarea{width:1050px; float:right; height:150px; line-height:30px; font-size:15px; border-radius:3px;border:1px solid #CCCCCC;}
.tj{ width:100%; float:left; height:40px; line-height:40px; text-align:center; background:#bf112c; color:#fff; font-size:15px; border-radius:3px}
.tj input{ background:none; border:none;width:100%; float:left; height:40px; line-height:40px; text-align:center; background:#bf112c; color:#fff; font-size:15px; border-radius:3px}
.tj input:hover{background:#dc0000; color:#fff;}








