﻿*{margin:0; padding:0;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: url(/buixuanphai/Images/body-bg.png) repeat left top}
#body-top {background: url(/buixuanphai/Images/body-top.png) repeat-x left top}
a {text-decoration: none; outline: none}
a img {border: none}
a:hover {text-decoration: underline}
ul {list-style: none}
#pagewrap {background: url(/buixuanphai/Images/wrap-bg.png) repeat-y left top; width: 893px; margin: 0 auto}
#pagewrap-bt {background: url(/buixuanphai/Images/wrap-bt.png) no-repeat left top; padding: 0 11px 12px}

/*-------------<< Header >>--------------*/
#header {position:relative; height: 179px; background: #c42428 url(/buixuanphai/Images/BannerBXP2017.jpg) no-repeat left top}
#logo {width: 166px; height: 82px; position: absolute; top: 15px; left: 28px}
h1 a {width: 166px; height: 82px; display: block; text-indent: -9999em}
#nav {background: url(/buixuanphai/Images/nav-bg.png) repeat-x left top; height: 28px; line-height: 26px; width: 100%; position: absolute; top: 129px; left: 0}
#nav ul {padding: 1px 0}
#nav ul li {display: inline}
#nav ul li a {float: left; color: #fff; font-size: 13px; font-weight: bold; padding: 0 17px; background: url(/buixuanphai/Images/nav-a.png) no-repeat right top}
#nav ul li a:hover,
#nav ul li a.active {background-position: right -27px; text-decoration: none}

#search {height: 22px;  font-family: Tahoma; font-size: 11px; position: absolute; right: 0; top: 157px}
ul.alphabet {float: right; padding: 0 12px; line-height: 22px; width: 355px}
ul.alphabet li {display: inline}
ul.alphabet li a {float: right; padding: 0 3px; color: #fff; text-transform: uppercase;}
#boxSearch {width: 182px ; height: 22px; background: url(/buixuanphai/Images/search.png) no-repeat left top; float: right}
input.txt {background: none; border: none; color: #999; width: 152px; height: 14px; position: absolute; top: 4px; right: 25px; font-size: 11px; font-family: Tahoma}
input.submit {background: none; border: none; position: absolute; top: 0; right: 0; display: block; text-indent: -9999em; width: 23px; height: 22px}

ul.subllist {width: 300px; float: left; line-height: 22px} 	
ul.subllist li {float: left; padding: 0 12px 0 8px; background: url(/buixuanphai/Images/line-horizon-w.png) no-repeat right center}
ul.subllist li a {color: #fff; font-size: 11px; font-weight: bold}
ul.subllist li.last {padding: 0 0 0 8px; background: none}
/*-------------<< //Header >>--------------*/

/*-------------<< Container >>--------------*/
#container {padding: 15px 6px 0 6px; background: url(/buixuanphai/Images/container-top.png) repeat-x left top}
#col-left {float: left; width: 168px;}     
#col-left h3 {background: url(/buixuanphai/Images/colleft-h3.png) no-repeat left top; height: 25px; width: 168px; color: #fff; display: block;text-align: center; font-size: 12px; font-family: Tahoma; line-height: 25px} 
#col-left h3 a,
#col-left h3 a:hover{ color: #fff; text-decoration:none;}
.md-left {width: 168px; margin: 0 0 10px}
.cont-md {background: url(/buixuanphai/Images/md-left-top.png) repeat-x left top; padding: 12px 0 0}
.cont-md-bt {background: url(/buixuanphai/Images/md-left-bt.png) no-repeat left bottom}
.vote {}
.vote ul {padding: 0 2px}
.vote ul li  {border-bottom: 1px solid #999; padding: 8px 6px;}
.vote ul li a {color: #333; font-weight: bold; background: url(/buixuanphai/Images/circle.png) no-repeat left 6px; padding: 0 0 0 15px}
.intro {}
.intro-cont {padding: 12px 8px}
.intro span {color: #333; font-weight: bold; }
.intro p {padding: 0 0 10px}
.intro a {color: #7D7D7D; font-size: 11px; float: right; padding: 0 10px 0 0}
.photo {text-align: center}
.photo img {padding: 1px; border: 1px solid #bddbdb;}


#content {float: right; width: 683px}
.round {background: url(/buixuanphai/Images/round-bg.png) repeat-y left top; margin: 0 0 10px}
.round-top {background: url(/buixuanphai/Images/round-top.png) no-repeat left top}
.round-bt {background: url(/buixuanphai/Images/round-bt.png) no-repeat left bottom}
.md-r-cont {padding: 15px 12px 15px 15px}

.content1 {}
.content1-cont {padding: 10px}
.cont-l {float: left; width: 332px;}
.cont-l h3 {font-size: 20px; padding: 10px 0 8px}
.cont-l h3 a{font-size: 20px; padding: 10px 0 8px;color:#333}
.cont-l p {padding: 0 0 5px}
a.next {color: #c42428; font-size: 11px; float: right; background: url(/buixuanphai/Images/next1.png) no-repeat right 5px; padding: 0 7px 0 0}
.cont-r {float: right; width: 318px;}
.tab {margin: 0 0 10px}
.tab a {float: left; background: url(/buixuanphai/Images/tab.png) no-repeat center top; font-family: Tahoma; font-size: 11px; font-weight: bold; color: #365907; line-height: 26px; padding: 0 18px 8px}
.tab a:hover,
.tab a.active {background-position: center -35px; color: #fff; text-decoration: none}
.cont-r ul li {background: url(/buixuanphai/Images/square.png) no-repeat left 6px; padding: 0 0 12px 15px}
.cont-r ul li a {color: #333; font-size: 11px}	

.md-r-cont img {padding: 1px; border: 1px solid #ccc;float: left;width: 154px;}
.info {float: right; width: 480px;}
.info h4 {color: #8f1a1d; font-size: 13px; font-weight: bold; padding: 0 0 8px}
.info h4 a {color: #8f1a1d; font-size: 13px; font-weight: bold; padding: 0 0 8px}
.info p {padding: 0 0 8px}
a.next-md {color: #7d7d7d; font-family: Tahoma; font-size: 11px; float: right; background: url(/buixuanphai/Images/next2.png) no-repeat right 4px; padding: 0 10px 0 0; margin: 0 15px 0 0}
a.next-md:hover {color: #8f1a1d; text-decoration: none}
.boxembedtinlienquan {width: 639px;float: left;padding: 5px 5px;border: solid 1px #d1d1d1;background: #f4f4f4;margin: 15px 0; }
.boxembedtinlienquan img {width: 180px;float: left;margin-right: 9px;}
.boxembedtinlienquan h3 a {font: 700 13px/18px Arial!important;color: #234d9e;text-decoration: none;}
.boxembedtinlienquan p {font: 500 13px/18px Arial!important;margin-bottom: 0px!important}
.other-news {}
.other-news h3 {color: #8F1A1D; font-size: 18px; font-weight: normal; padding: 12px 0 3px 21px}
.other-news ul {padding: 0 2px 6px}
.other-news ul li {padding:  4px 20px}	
.other-news ul li.bg {background: #eff3f3;}
.other-news a {color: #c50000; font-size: 11px}
.other-news span {float: left; color: #5b5b5b; width: 152px}
.news .image{ background: #f6f6f6;padding-bottom: 8px;}
.news .image figcaption{padding-top:5px}
.news {color: #333}
.news a{color: #234d9e}
.news-cont {padding: 15px 10px 15px 15px}
.vote-news {color: #c42428; font-family: Tahoma; font-size: 11px; font-weight: bold; float: right; padding: 0 15px 0 0}
.vote-news span {font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 18px}
.news h4 {color: #666; font-size: 14px; font-weight: bold}
.photo-news {text-align: center; font-size: 11px; color: #333}
.photo-news img {margin: 0 0 10px}
.news p { padding: 0 0 15px;font-size: 14px;}
.news table{ width: 100%!important;margin-top: 10px;float:left}
.news table tr td{ font-size: 14px;padding: 5px;}
.blocktxt {padding: 0 0 30px}
.blocktxt img{ max-width: 650px; }
.jw-flag-audio-player .jw-media{visibility: inherit!important}
.jwplayer.jw-state-complete .jw-preview{display: block!important}
.jwplayer.jw-state-idle .jw-preview{display: block!important}
.boxrelation {width: 652px;padding-bottom: 0px;margin-bottom: 6px;float:left}
.boxrelation li::before {background: #b4330c none repeat scroll 0 0;border-radius: 100%;content: "";display: block;height: 5px;left: 0;position: absolute;top: 10px;width: 5px;}
.boxrelation li {padding-left: 12px;padding-top: 5px;position: relative;width: 630px;float: left;}
.boxrelation li a {border-bottom: 1px dotted #ddd;color: #555;display: inline-block;font-size: 13px;padding-bottom: 5px;text-decoration: none;font-weight: normal !important;width: 600px}
.boxrelationbot{ float: left;width: 630px;}
.boxrelationbot li{border: 1px solid #e6e6e6;margin-bottom: 10px;padding: 5px;}
.boxrelationbot li img{ width: 80px;float: left;margin-right: 8px;}
.boxrelationbot li h4 a{font: 700 13px/18px Arial; color: #2185c5}
.boxrelationbot li p{ font: 500 12px/18px Arial;}

.hotnews {line-height: 25px; height: 25px; font-family: Tahoma; color: #666;overflow:hidden}
.hotnews h4 {font-size: 11px; font-weight: bold; float: left}
.hotnews ul {float: left; font-size: 11px;overflow:hidden;width:620px}
.hotnews ul li {float: left; padding: 0 15px;overflow:hidden}
.hotnews ul li.last {padding: 0 0 0 15px; background: none}
.hotnews ul li a {color: #666}

.comment {}	
.comment-cont {padding: 8px}
.comment h3 {font-size: 19px; font-weight: normal; line-height: 28px; height: 28px; padding: 0 0 0 27px; border-bottom: 2px solid #a2a2a2}
.listcm {}
.listcm h3 {background: url(/buixuanphai/Images/icon-cm.png) no-repeat 3px 7px}
.listcm ul {padding: 10px 0 0}
.listcm ul li {padding: 6px 10px 10px; margin: 0 0 8px; border: 1px solid #ccc; font-size: 11px; font-family: Tahoma; color: #666}
.listcm h4 {padding: 3px 0 0 25px; background: url(/buixuanphai/Images/icon.png) no-repeat left top; font-weight: bold; color: #8f1a1d; font-size: 11px}
.listcm h4 span { font-weight: normal}
p.mail {color: #8f1a1d; padding: 0 0 10px}

.send-cm {}
.send-cm-cont {padding: 12px 20px}
.send-cm h3 {background: url(/buixuanphai/Images/icon-sendcm.png) no-repeat 3px 8px}
.send-cm h4 {text-transform: uppercase; color: #8f1a1d; font-size: 13px; padding: 0 0 3px}
.send-cm h4 span {font-weight: normal; font-size: 11px; font-weight: normal; margin: 0 0 0 28px; text-transform: none}
.send-cm ul li {padding: 2px 0}
.send-cm label {float: left; width: 100px; font-weight: bold}
input.cm {border: 1px solid #ccc; width: 362px; padding: 3px 5px; height: 13px; font-size: 11px; float: left}
.send-cm ul li span {float: left; color: #c20d0d; margin: 0 0 0 10px}
input.submit-cm {background: url(/buixuanphai/Images/send-com-bt.png) no-repeat left top; width: 87px; height: 18px; display: block; text-indent: -9999em; border: none; margin: 5px 0 0 387px}
textarea.mes {width: 362px; padding: 5px; height: 72px; border: 1px solid #ccc; float: left; font-size: 11px}

/*-------------<< //Container >>--------------*/

/*-------------<< Footer >>--------------*/

#footer {clear: both; height: 102px;  font-size: 11px; }
#nav-footer {height: 24px; line-height: 24px; background: #c42428; padding: 0 6px 0 0}
#nav-footer ul {width: 700px; float: left;}
#nav-footer ul li {display: inline; background: url(/buixuanphai/Images/line-bg.png) no-repeat right 7px; padding: 0 1px 0 0; float: left}
#nav-footer ul li a {color: #fff; padding: 0 6px; float: left}
a.gototop {float: right; color: #fff; font-size: 11px;}
#nav-footer ul li.home a {padding: 2px 10px}
#nav-footer ul li.last {background: none}
#footer-txt {padding: 12px 10px 0; color: #666; line-height: 20px; }

/*-------------<< //Footer >>--------------*/

/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}
.news-list-pagging{overflow: hidden; width: 680px; float: left; text-align: right; padding-top:15px; padding-bottom:10px}
.news-list-pagging a{color:#333;font-weight:700;text-align:right}