<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.clearfloat:after{display: block;content: "";clear: both;overflow: hidden;}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}

.wrap {width: 1200px; margin: 0 auto;}
.box {width: 100%; min-width: 1200px; }
i {font-style: normal;}

/*æ–‡å­—æˆªå–*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*å›¾ç‰‡*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.banner img {width: 100%;}

#nav {height: 60px; line-height: 60px; background: #a40000;}
#nav .wrap {height: 100%;}
#nav ul {height: 100%;}
#nav ul li {float: left; margin-left: 165px; text-align: center; height: 100%; font-size: 16px; font-weight: 600;}
#nav ul li:first-child {margin-left: 0;}
#nav ul li a { padding: 5px 0; color: #fff; position: relative;}
#nav ul li a span {position: absolute; width: 100%; height: 1px;  left: 0; bottom: 0;}
#nav ul li a span em {display: inline-block; width: 0; height: 100%;background: #fcd201; vertical-align: top;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#nav ul li a:hover em {width: 100%;}
#nav ul li.active a em {width: 100%;}

#footer {padding: 30px 0 26px 0; margin-top: 70px; text-align: center; color: #fff; background: #dd001a;}
#footer p {line-height: 30px;}
#footer p a {color: #fff;}
#footer p a:hover {text-decoration: underline;}


.main {margin-top: 70px;}
.homeNews {}
.homeTitle {height: 50px; line-height: 50px; background: #fcd201;}
.homeTitle h2 {float: left; width: 234px; font-size: 28px; font-weight: 600; text-indent: 40px; color: #fff; background: url(../images/tit_bg.png) no-repeat left center;}
.homeTitle a {float: right; height: 100%; margin-right: 15px; font-size: 12px; color: #fff;}
.homeTitle a:hover {color: #DD001A;}
.homeNewsWrap {margin-top: 54px;}
.homeNewsWrap .left {float: left; width: 606px;}
.homeNewsWrap .right {float: right; width: 570px;}
.homeNewsH {padding: 0 15px; margin-top: 20px;}
.homeNewsH h3 {margin-bottom: 6px; line-height: 32px; font-size: 16px; font-weight: 600; text-align: center; color: #dd001a;}
.homeNewsH p {line-height: 24px; color: #8a8a8a;}
.homeNewsH span {}
.homeNewsH em {}
.homeNewsH em a {color: #dd001a;}
.homeNewsH em a:hover {text-decoration: underline; color: #a40000;}
.homeNewsWrap .left ul {padding-top: 8px; margin-top: 22px; border-top: 1px dashed #dcdcdc;}
.homeNewsWrap .left ul li {height: 36px; line-height: 36px;}
.homeNewsWrap .left ul li a {display: block;}
.homeNewsWrap .left ul li span {float: left; width: 4px; height: 4px; margin: 16px 8px 0 4px; background: #d2d2d2;}
.homeNewsWrap .left ul li p {float: left; max-width: 502px; color: #4d4d4d;}
.homeNewsWrap .left ul li em {float: right; color: #a9a9a9; font-size: 12px;}
.homeNewsWrap .left ul li:hover span {background: #DD001A;}
.homeNewsWrap .left ul li:hover p {color: #DD001A;}
.homeNewsWrap .left ul li:hover em {color: #DD001A;}
.banner {width: 100%; height: 100%; position: relative;}
.bd {width: 100%; height: 100%; position: relative;}
.bd ul {width: 100%; height: 100%;}
.bd ul li {float: left;}
.bd ul li a {display: block;}
.bd img {width: 100%; display: block;}
.hd {font-size: 0; position: absolute; z-index: 5;}
.hd ul li {display: inline-block; zoom: 1; *display: inherit; float: none; cursor: pointer;}
.slide-news {height: 354px; overflow: hidden;}
.slide-news .bd {width: 100%; height: 100%;}
.slide-news .bd ul li {width: 100%; height: 100%;}
.slide-news .hd {width: 100%; height: 10px; right: 15px; bottom: 18px; text-align: right; line-height: 10px;} 
.slide-news .hd ul li {width: 10px; height: 10px; margin: 0 6px; line-height: 10px; text-align: center; color: #fff; background: #807f7e; /*background: rgba(212,30,38,.3);*/ border-radius: 50%; cursor: pointer;}
.slide-news .hd ul li.on {background: #dd001a;}
.slide-news .bd ul li a {width: 100%; height: 100%; position: relative;}
.slide-news .bdTit {width: 100%; height: 46px; font-size: 16px;  background: url(../images/home_news_bg.png) no-repeat center bottom; background-size: 100%; position: absolute; left: 0; bottom: 0; z-index: 4;}
.slide-news .bdTit p {max-width: 84%; line-height: 46px; text-indent: 12px; color: #fff; position: absolute; bottom: -48px; left: 0;}

.homeComm {margin-top: 70px;}
.homeCommWrap {padding: 36px 10px 10px 10px; margin-top: 55px; background: #dd001a;}
.homeCommInner {padding: 32px 8px 50px 8px; background: #fff;}
.homeCommInner ul {padding-top: 30px; border-top: 3px solid #eee;}
.homeCommInner ul li {float: left; height: 188px; padding-left: 30px; margin-left: 12px; border-left: 1px dotted #b33636; position: relative;}
.homeCommInner ul li:first-child {margin-left: 0; border-left: none;}
.homeCommInner ul li.homeCommList1 {width: 45%;}
.homeCommInner ul li.homeCommList1 .inner .left {width: 470px;}
.homeCommInner ul li.homeCommList2 {width: 45%;}
.homeCommInner ul li.homeCommList2 .inner .left {width: 470px;}
.homeCommInner ul li.homeCommList3 {width: 195px;}
.homeCommInner ul li.homeCommList3 .inner .left {width: 145px;}
.homeCommInner ul li.homeCommList4 {width: 160px;}
.homeCommInner ul li.homeCommList4 .inner .left {width: 110px;}
.homeCommInner ul li.homeCommList5 .inner .left {width: 115px;}
.homeCommInner ul li.homeCommList5 {width: 134px;}
.homeCommInner ul li.homeCommList5 .inner .left {width: 130px;}
.homeCommInner ul li span.ico {position: absolute; width: 20px; height: 20px; padding: 0 6px; background: #fff; top: -41px; left: -16px;}
.homeCommInner ul li span em {display: block; width: 100%; height: 100%; background: #a40000; border-radius: 50%; }
.homeCommH {height: 45px; color: #a40000;}
.homeCommH h3 {font-size: 16px; font-weight: 600; line-height: 26px; }
.homeCommH p {margin-top: 15px;}
.homeCommCont {margin-top: 6px; line-height: 30px;}
.homeCommCont a {color: #4f4f4f;}
.homeCommCont a:hover {color: #DD001A;}
.homeCommCont .inner {line-height: 20px;}
.homeCommCont .inner span {float: left; margin-right: 8px; width: 42px;}
.homeCommCont .inner .left {float: left;}
.homeCommCont .inner .left p {margin-bottom: 12px;}

.homeFile {margin-top: 70px;}
.homeFileWrap {margin-top: 40px;}
.homeFileWrap .left {float: left; width: 520px; }
.homeFileWrap .right {float: right; width: 520px; }
.homeFileWrap ul {}
.homeFileWrap ul li {height: 36px; line-height: 36px;}
.homeFileWrap ul li a {display: block; height: 100%; padding-left: 24px; background: url(../images/ico_dain.png) no-repeat left center;}
.homeFileWrap ul li a:hover {color: #DD001A; background: url(../images/ico_dain_a.png) no-repeat left center;}

.homeShik {margin-top: 56px;}
.homeShikWrap {margin-top: 50px;}
.homeShikWrap .left {float: left; width: 595px; height: 388px;}
.homeShikWrap .right {float: right; width: 605px;}
.homeShikWrap .pic {height: 100%; text-align: center;}
.homeShikWrap .pic a {display: block; height: 100%; position: relative;}
.homeShikWrap .pic p {position: absolute; width: 100%; height: 42px; line-height: 42px; font-size: 16px; color: #fff; background: url(../images/bg2.png) center; left: 0; bottom: 0; }
.homeShikWrap .pic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeShikWrap .right ul {}
.homeShikWrap .right ul li {float: left; width: 275px; height: 180px; margin-left: 27px; margin-bottom: 28px;}
.homeShikWrap .right ul li p {font-size: 14px;}

.homeWork {margin-top: 42px;}
.homeWorkWrap {margin-top: 50px; overflow: hidden;}
.homeWorkWrap ul {width: 1222px;}
.homeWorkWrap ul li {float: left; width: 380px; height: 234px; margin-right: 20px; margin-bottom: 16px; text-align: center; overflow: hidden;}
.homeWorkWrap ul li.homeWorkPicCenter {width: 400px;}
.homeWorkWrap ul li img {}
.homeWPicTop {height: 114px;}
.homeWorkInner {height: 114px;}
.homeWorkInner .pic {float: left; width: 180px; height: 100%; margin-left: 19px;}
.homeWorkInner .pic:first-child {margin-left: 0;}
.homeWorkWrap ul li.homeWorkPic1 .homeWPicTop {margin-bottom: 6px;}
.homeWorkWrap ul li.homeWorkPic2 .homeWPicTop {margin-top: 6px;}
.homeWorkWrap ul li.homeWorkPic3 .homeWPicRight .pic:first-child {margin-bottom: 6px;}
.homeWorkWrit {color: #dd001a;}
.homeWorkWrit h3 {margin-bottom: 30px; margin-top: 38px; font-size: 18px; font-weight: 600; }
.homeWorkWrit p {line-height: 20px; padding: 0 38px; text-align: left;}
.homeWorkWrap ul li .left {float: left; width: 180px; margin-left: 19px;}
.homeWorkWrap ul li .left .pic {height: 100%;}
.homeWorkWrap ul li .left:first-child {margin-left: 0;}

/*æ–°é—»åˆ—è¡¨é¡µ*/
.mainContent {margin-top: 60px;}
.contTit {width: 188px; height: 40px; margin: 0 auto; line-height: 40px; padding-left: 38px; text-align: center; font-size: 20px; color: #666666; font-weight: 600; background: url(../images/cont_tit_bg.png) no-repeat center bottom;}
.contTit h2 {font-weight: 600;}
.newsList {margin-top: 40px;}
.newsList li {height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px dashed #b3b3b3;}
.newsList li a {display: block; height: 100%;}
.newsList li span {float: left; width: 6px; height: 100%; margin-right: 8px; background: url(../images/cont_ico.png) no-repeat center;}
.newsList li p {float: left; width: 1006px;}
.newsList li em {float: right; color: #666666;}
.newsList li:hover a {color: #DD001A;}
.newsList li:hover span {background: url(../images/cont_ico_a.png) no-repeat center;}

.page {width: 100%; height: 28px; margin:48px 0; text-align: center; line-height: 28px; font-size: 12px; color: #333333;}
.page i {display: inline-block; width: 28px; height: 100%; margin: 0 3px; border: 1px solid #d2d2d2; cursor: pointer; vertical-align: top; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.page i.pre {background-image: url(../images/page_btn_l.png);}
.page i.next {background-image: url(../images/page_btn_r.png);}
.page i:hover {background-color: #fdf1f3;}
.page i.active {color: #fff; background-color: #d92a2d; border-color: #d92a2d;}
.page i.active.pre {background-image: url(../images/page_btn_l_a.png);}
.page i.active.next {background-image: url(../images/page_btn_r_a.png);}
.page a {display: inline-block; width: 28px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #d2d2d2; zoom: 1; *display:inline; float:none; border-radius: 50%;}
.page a:hover {background-color: #fdf1f3;}
.page a.active {color: #fff; background: #d92a2d; border-color: #d92a2d;}
.page a.pageS {border-color: #fff;}

/*æ–°é—»-å†…å®¹é¡µ*/
.contentH {margin-bottom: 40px;}
.contentH h3 {font-size: 24px; line-height: 38px; padding: 20px 0; margin-bottom: 12px; text-align: center; border-bottom: 1px dashed #e5e5e5;}
.massage {padding: 0 100px; height: 32px; line-height: 32px;}
.massage:after {display: block; clear: both; content: ""; overflow: hidden;}
.massageL {float: left; color: #424242;}
.massageR {float: right; color: #424242;}
.massageR p, .massageR p span {display: inline-block; vertical-align: middle; zoom: 1; *display: inherit; float: none;}
.massageR p {margin-left: 15px;}
.massageSize span {cursor: pointer;}
.massageColor span {width: 12px; height: 12px; margin: 0 3px; cursor: pointer;}
.massageColor span.red {background: #D41E26;}
.massageColor span.block {background: #333333;}
.massageColor span.gray {background: #666;}
.massageVis span {color: #D41E26; font-size: 12px;}

.contW {text-align: center;}
.contW img {max-width: 100%; margin-bottom: 40px;}
.contW p {margin-bottom: 26px; text-align: left; text-indent: 2em; font-size: 16px; line-height: 32px;}

.pageJump {margin-top: 90px; padding-top: 28px; font-size: 16px; line-height: 26px; border-top: 1px solid #e5e5e5;}
.pageJump p {margin-top: 26px;}
.pageJump p:first-child {margin-top: 0;}
.pageJump p span {font-weight: 600;}
.pageJump p a:hover {color: #DD001A;}

/*å›¾ç‰‡åˆ—è¡¨é¡µ*/
.picWrap {margin-top: 42px; margin-bottom: 100px;}
.picWrap img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.waterBox {margin-bottom: 20px; position: relative; overflow: hidden; }
.waterBox a {display: block;}
.yanWaterFall_column { }
.waterBox .bg {display: none; position: absolute; width: 100%; height: 100%; text-align: center; color: #fff; background: url(../images/pic_bg.png) repeat center; top: 0; left: 0; z-index: 22;}
.waterBox .bg .bgW {width: 94%; height: 95%; margin: 2.5% auto 0; border: 1px solid #ff0000;}
.waterBox .bg .bgW h3 {padding: 0 10px; margin-top: 32%; font-size: 24px; line-height: 34px;}
.waterBox .bg .bgW p {margin-top: 30px; line-height: 20px;}
.waterBox:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}


/*å›¾ç‰‡-å†…å®¹é¡µ*/
.picMass {line-height: 28px; text-align: center; color: #424242; }
.picMass .picMassI {margin: 0 12px;}
.picMass .picMassI em {font-size: 12px; color: #ff0000;}

.picContWrap {}
.picContInner {width: 895px; margin: 38px auto 0;}
.slide-pic {}
.picBtn {margin-top: 110px; padding-top: 35px; text-align: center; border-top: 1px dashed #e5e5e5;}
.picBtn a {display: inline-block; width: 268px; height: 60px; line-height: 60px; background: #ebebeb; border-radius: 4px; vertical-align: top;} 
.picBtn a:hover {color: #fff; background: #dd001a;}
.picBtn a.picPrev {margin-right: 180px;}



</pre></body></html>