@charset ;
.index-sprite, .header .topbox .wrapper .navbox .mainBotm .searchbox #searchbutton, .header .topbox .wrapper .navbox .navicon, .bannerbox .Homebanner .Homeleft, .bannerbox .Homebanner .Homeright, .bannerbox .Homebannertext dl.bannertextbox dt::before, .cbox01 .mainR .getmore a .icon, .cbox02 .mainL .mainbox li .icon span.icon01, .cbox02 .mainL .mainbox li .icon span.icon02, .cbox02 .mainL .mainbox li .icon span.icon03, .cbox02 .mainL .mainbox li .icon span.icon04, .footer .mainR .iconbox a.icon1, .footer .mainR .iconbox a.icon2, .footer .mainR .iconbox a.icon3, .footer .mainR .iconbox a.icon4, .footer .mainR .iconbox a.icon5, .footer .mainR .iconbox a.icon6, .footer .mainR .iconbox a.icon7{  background-repeat: no-repeat;}

div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input { margin: 0; padding: 0; border: 0; background-repeat: no-repeat;}

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal;}

body { /*font-family: "微软雅黑";*/ /* font-size: 12px;/* margin: 0px; padding: 0px; color: #333; line-height: 24px; height: auto; clear: both; min-width: 1200px;}

img { border: 0px;}

ul, li { list-style: none;}

em, i { font-style: normal;}

a { text-decoration: none; color: #333; outline: none;}

a:hover { background-repeat: no-repeat;}

a, area { blr: expression(this.onFocus=this.blur());}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

.clearfix { *zoom: 1;}

.left { float: left;}

.right { float: right;}

* {/* font-family: "微软雅黑";*/}

.wrapper { width: 1200px; margin: 0 auto;}

.header { position: relative; height: 650px;}
.header .topbox { width: 100%; height: 132px; position: absolute; top: 0; left: 0; background: #b70000; background: rgba(183, 0, 0, 0.8) !important; filter: alpha(opacity=80); z-index: 99;}
.header .topbox .wrapper .logo { width: 100px; padding-top: 17px;}
.header .topbox .wrapper .logo img { width: 100px; height: 99px;}
.header .topbox .wrapper .navbox { width: 1100px;}
.header .topbox .wrapper .navbox .mainTop .mainL a { display: inline-block; color: #fff; padding: 0 15px; line-height: 32px;}
.header .topbox .wrapper .navbox .mainTop .mainR { color: #fff; padding-left: 13px; position: relative;}
.header .topbox .wrapper .navbox .mainTop .mainR::before { content: ""; width: 1px; height: 14px; border-left: 2px solid #fff; position: absolute; top: 10px; left: 0;}
.header .topbox .wrapper .navbox .mainTop .mainR a { display: inline-block; color: #fff; padding: 0 5px; line-height: 32px;}
.header .topbox .wrapper .navbox .mainBotm { margin-top: 30px;}
.header .topbox .wrapper .navbox .mainBotm .nav { height: 70px;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li { float: left;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li > a { display: inline-block; position: relative; padding: 0 13px; font-size: 14px; color: #fff; line-height: 70px;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li > a.selecthover2::before { content: ""; position: absolute; width: 100%; height: 1.5px; height: 2px\9; left: 0; bottom: 17px; background: #fff;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li i.icon { display: block; position: absolute; width: 0; height: 2px; left: 0; bottom: 17px; background: #fff; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.header .topbox .wrapper .navbox .mainBotm .nav ul li:hover .subnav { display: block;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li .subnav { position: absolute; width: 900px; padding: 10px 150px; top: 132px; background: #fff; background: rgba(255, 255, 255, 0.5) !important; display: none; filter: alpha(opacity=50); z-index: 100; left: 0; right: 0; margin: 0 auto; box-shadow: 0px 2px 3px #999;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li .subnav a { display: inline-block;line-height: 28px; font-size: 14px; color: #000; padding: 0 10px;}
.header .topbox .wrapper .navbox .mainBotm .nav ul li .subnav a:hover { color: #b70000;}
.header .topbox .wrapper .navbox .mainBotm .searchbox { margin: 0 2px 0 12px; height: 47px; padding-top: 23px;}
.header .topbox .wrapper .navbox .mainBotm .searchbox form { width: 225px; height: 26px; border: none; overflow: hidden; zoom: 1; background: #fff; border-radius: 2px;}
.header .topbox .wrapper .navbox .mainBotm .searchbox #searchfield { background: none; width: 200px; height: 26px; border: none; outline: none; color: #333; text-indent: 8px; float: left;}
.header .topbox .wrapper .navbox .mainBotm .searchbox #searchbutton { background-position: 0 -367px; width: 17px; height: 16px; background-color: #fff; border: none; outline: none; cursor: pointer; display: inline-block; vertical-align: middle;}
.header .topbox .wrapper .navbox .line { position: absolute; width: 0; height: 2px; left: 0; top: 0; background: #fff; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.header .topbox .wrapper .navbox .line.show { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}
.header .topbox .wrapper .navbox .navicon { display: none; background-position: 0 -619px; width: 18px; height: 9px; position: absolute; bottom: -.5px; left: 0;}
.header .topbox .wrapper .navbox .navicon.show { display: block;}
.header .topbox .wrapper .navbox .navline { position: absolute; width: 0; height: 2px; left: 0; bottom: 17px; background: #fff; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.header .topbox .wrapper .navbox .navline.show { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);}




.topTitleC { font-size: 20px; color: #000; line-height: 30px; margin-bottom: 23px;}
.topTitleC span { color: #977442;}

.cbox01 { margin: 50px 0 24px;}
.cbox01 .wrapper { border-bottom: 1px solid #adadad; padding-bottom: 24px;}
.cbox01 .mainL { width: 812px;}
.cbox01 .mainL .mainbox li { float: left; width: 252px; margin-right: 28px;}
.cbox01 .mainL .mainbox li:last-child { margin: 0;}
.cbox01 .mainL .mainbox li .pic { width: 252px; height: 173px; margin-bottom: 15px;}
.cbox01 .mainL .mainbox li .pic img { width: 252px; height: 173px;}
.cbox01 .mainL .mainbox li .title { font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;max-height: 40px;}
.cbox01 .mainL .mainbox li .time { font-size: 14px; line-height: 20px; color: #8b8b8b;}
.cbox01 .mainL .mainbox li:hover .title { color: #977442;}
.cbox01 .mainR { width: 347px;}
.cbox01 .mainR .mainbox li { margin-bottom: 28px;}
.cbox01 .mainR .mainbox li:last-child { margin-bottom: 24px;}
.cbox01 .mainR .mainbox li p { width: 54px; height: 54px; background: #977442; color: #fff; text-align: center; margin-right: 16px;}
.cbox01 .mainR .mainbox li p .date { display: block; width: 100%; height: 38px; line-height: 38px; font-size: 24px;}
.cbox01 .mainR .mainbox li p .month { display: block; width: 100%; height: 16px; background: #6b451f; line-height: 16px; font-size: 10px;}
.cbox01 .mainR .mainbox li dl { width: 260px; line-height: 18px;}
.cbox01 .mainR .mainbox li dl dt { font-size: 14px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;max-height: 36px;}
.cbox01 .mainR .mainbox li dl dd { font-size: 12px; color: #676767;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cbox01 .mainR .mainbox li:hover dl dt { color: #977442;}
.cbox01 .mainR .getmore a { font-size: 14px; line-height: 20px; color: #000;}
.cbox01 .mainR .getmore a .icon { display: inline-block; background-position: 0 -178px; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}
.cbox01 .mainR .getmore a:hover { color: #977442;}

.cbox02 { margin: 0 0 24px;}
.cbox02 .wrapper { border-bottom: 1px solid #adadad; padding-bottom: 32px;}
.cbox02 .mainL { width: 812px;}
.cbox02 .mainL .mainbox li { width: 203px; height: 136px; float: left; text-align: center;}
.cbox02 .mainL .mainbox li a { display: inline-block; width: 100%; height: 100%;}
.cbox02 .mainL .mainbox li .icon { height: 76px; line-height: 76px; margin-bottom: 5px;}
.cbox02 .mainL .mainbox li .icon span { display: inline-block; vertical-align: bottom;}
.cbox02 .mainL .mainbox li .icon span.icon01 { background-position: 0 -203px; width: 31px; height: 42px;}
.cbox02 .mainL .mainbox li .icon span.icon02 { background-position: 0 -250px; width: 40px; height: 31px;}
.cbox02 .mainL .mainbox li .icon span.icon03 { background-position: 0 -286px; width: 35px; height: 33px;}
.cbox02 .mainL .mainbox li .icon span.icon04 { background-position: 0 -324px; width: 38px; height: 38px;}
.cbox02 .mainL .mainbox li:nth-child(2n+1) { background: #b22929; color: #fff;}
.cbox02 .mainL .mainbox li:nth-child(2n+1) a { color: #fff;}
.cbox02 .mainL .mainbox li:nth-child(2n) { background: #e0e0e0;}
.cbox02 .mainL .mainbox li .title { font-size: 14px;}
.cbox02 .mainL .mainbox li:hover .icon span { transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.cbox02 .mainR { width: 347px;}
.cbox02 .mainR .mainbox li { margin-bottom: 28px;}
.cbox02 .mainR .mainbox li:last-child { margin-bottom: 0;}
.cbox02 .mainR .mainbox li p { width: 54px; height: 54px; background: #9b0824; color: #fff; text-align: center; margin-right: 16px;}
.cbox02 .mainR .mainbox li p .date { display: block; width: 100%; height: 38px; line-height: 38px; font-size: 24px;}
.cbox02 .mainR .mainbox li p .month { display: block; width: 100%; height: 16px; background: #68001e; line-height: 16px; font-size: 10px;}
.cbox02 .mainR .mainbox li dl { width: 260px; line-height: 18px;}
.cbox02 .mainR .mainbox li dl dt { font-size: 14px; color: #212121; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px;}
.cbox02 .mainR .mainbox li dl dd { font-size: 14px; color: #676767;}
.cbox02 .mainR .mainbox li:hover dl dt { color: #977442;}

.cbox03 { margin-bottom: 45px;}
.cbox03 .mainL { width: 812px;}
.cbox03 .mainL .topTitleC { margin-bottom: 10px;}
.cbox03 .mainL .maintop { padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #adadad;}
.cbox03 .mainL .mainbox p { line-height: 30px; font-size: 14px; color: #242424; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cbox03 .mainL .mainbox p span, .cbox03 .mainL .mainbox p a { color: #787878;}
.cbox03 .mainL .mainbox p span { margin-right: 9px;}
.cbox03 .mainL .mainbox p:hover span, .cbox03 .mainL .mainbox p:hover a { color: #977442;}
.cbox03 .mainR { width: 347px;}
.cbox03 .mainR .maintop .pic, .cbox03 .mainR .maintop .pic img { width: 106px; height: 133px;}
.cbox03 .mainR .maintop .expert { width: 228px;}
.cbox03 .mainR .maintop .expert .name { font-size: 14px; line-height: 22px; margin-bottom: 10px; font-weight: 700;}
.cbox03 .mainR .maintop .expert .text { font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; max-height: 66px;}
.cbox03 .mainR .maintop .expert .date { color: #8b8b8b; line-height: 22px; font-size: 14px;}
.cbox03 .mainR .maintop:hover .name, .cbox03 .mainR .maintop:hover .text { color: #977442;}
.cbox03 .mainR .mainbotm { margin-top: 10px;}
.cbox03 .mainR .mainbotm li { margin-top: 16px;}
.cbox03 .mainR .mainbotm li .name { font-size: 14px; line-height: 22px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cbox03 .mainR .mainbotm li .text { font-size: 14px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 36px; max-height: 44px;}
.cbox03 .mainR .mainbotm li .date { color: #8b8b8b; line-height: 22px; font-size: 14px;}
.cbox03 .mainR .mainbotm li:hover .name, .cbox03 .mainR .mainbotm li:hover .text { color: #977442;}

.footer { background: #333; padding: 30px 0;}
.footer .mainL { width: 812px;}
.footer .mainL .mainbox { width: 680px;}
.footer .mainL .mainbox p { color: #929292; line-height: 20px;}
.footer .mainL .mainbox p a{color: #929292;}
.footer .mainL .mainbox p.footerLink { margin-bottom: 5px;}
.footer .mainL .mainbox p.footerLink a { color: #c4c4c4; display: inline-block; padding: 0 6px;}
.footer .mainL .mainbox p.footerLink a:first-child { padding-left: 0;}
.footer .mainL .mainbox p.footerLink a:hover { color: #977442;}
.footer .mainR { width: 347px;}
.footer .mainR .title { color: #bfbfbf; line-height: 16px; margin-bottom: 15px;}
.footer .mainR .iconbox { font-size: 0;}
.footer .mainR .iconbox a { display: inline-block; margin-right: 9px; width: 30px; height: 28px;}
.footer .mainR .iconbox a.icon1 { background-position: 0 -388px;}
.footer .mainR .iconbox a.icon2 { background-position: 0 -421px;}
.footer .mainR .iconbox a.icon3 { background-position: 0 -454px;}
.footer .mainR .iconbox a.icon4 { background-position: 0 -487px;}
.footer .mainR .iconbox a.icon5 { background-position: 0 -520px;}
.footer .mainR .iconbox a.icon6 { background-position: 0 -553px;}
.footer .mainR .iconbox a.icon7 { background-position: 0 -586px;}
.row.col s12{
font-family:"Source Sans Pro", sans-serif;
}
/*# sourceMappingURL=main.css.map */