@charset "utf-8";
.wrap { padding-top:180px;}
/* 首页banner图切换 S*/
#indBanner{position: relative;z-index: 1;margin: 0 auto;width: 100%;/* height: 450px; */overflow: hidden;}
#indBanner .bd{position: relative; z-index: 2; overflow: hidden;}
#indBanner .bd li{position: relative;z-index: 3;background-position: center 60px !important;background-size: 100% auto!important;background-attachment: fixed!important;}
#indBanner .bd .con{display: none;}
#indBanner .bd .con .title a{color: #fff;}
#indBanner .prev, #indBanner .next{border: 1px solid #fff;border-radius: 4px;width: 40px;height: 40px;background: url(../../base/img/slidearrow.png) no-repeat;display: none;position: absolute;z-index: 7;top: 50%;margin-top: -20px;cursor: pointer;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
#indBanner .prev{left: 50%; margin-left: -580px; background-position: 13px 10px;}
#indBanner .next{right: 50%; margin-right: -580px; background-position: 16px -74px;}
#indBanner .prev:hover{border: 1px solid #7a7a78; background: url(../../base/img/slidearrow.png) no-repeat 13px 10px #7a7a78;}
#indBanner .next:hover{border: 1px solid #7a7a78; background: url(../../base/img/slidearrow.png) no-repeat 16px -74px #7a7a78;}
#indBanner .hd{position: absolute;width: 100%;left: 0;z-index: 7;height: 26px;bottom: 30px;text-align: center;}
#indBanner .hd .more { float:right; background:url(../../base/img/focmore.png) no-repeat right; padding-right:20px; color:#fff; padding-left:20px; border-left:2px solid #fff; height:20px; line-height:20px; margin-top:5px; margin-left:20px;}
#indBanner .hd ul {float:right; }
#indBanner .hd li{display: inline-block;vertical-align:middle; *display: inline; zoom: 1; width: 10px; height: 10px; overflow: hidden; background: #fff; line-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 5px; cursor: pointer; text-align: center; font-size: 12px; color: #ac1a1b}
#indBanner .hd li.on{ background:url(../../base/img/sliderstar.png) no-repeat; width:21px; height:20px; }
#indBanner .hd li.on span{color: #fff}
#indBanner .downScreen {content:"";display:block;position:absolute;bottom:0;left: 50%;background:url(../../base/img/sliderdown.png) no-repeat;width:315px;height:112px;z-index: 9;margin-left: -157.5px;}


/* columnA */
#columnA{overflow: hidden;padding-top: 35px;padding-bottom: 60px;background: url(../../base/img/columnAbg.jpg) no-repeat right 90%;}
#columnA .areaL{width: 960px; padding-right: 49px; float: left; _display: inline; border-right: 1px solid #eee;}
#columnA .areaR{width: 340px;float: right;_display: inline;}
#focusNews{
    width: 100%;
    height: auto;
    margin-top:30px;
    float: none;
    margin-bottom: 30px;
}
#focusNews .hd {height:8px;bottom:26px;right: 68px;}
#focusNews .hd li{ width:8px; height:8px; border-radius:4px;}
#focusNews .hd li.on { width:20px;}
#focusNews .bd { padding:0;}
#focusNews .bd .pic img {width: 100%;height: auto;}
#focusNews .prev,
#focusNews .next {position:absolute;z-index: 9;right:20px;bottom:15px;width:16px;height:30px;background:url(../../base/img/nextarr.png) no-repeat center; cursor:pointer}
#focusNews .prev { background:url(../../base/img/prevarr.png) no-repeat center; right:206px;  }

#xxxwList { margin:0 -1%}
#xxxwList li {float:left;width:31.33%;position:relative;margin:0 1%;overflow: hidden;}
#xxxwList li .pic img {width:100%;height: auto;}
#xxxwList li .date {position:absolute;top: 144px;width:60px;height:60px;background:#B31F27;color:#fff;text-align:center;}
#xxxwList li .date span { font-size:24px; display:block; line-height:30px; margin-top:6px;}
#xxxwList li .date b { line-height:12px; font-size:10px; display:block; font-weight:400; transform:scale(0.83)}
#xxxwList li .title {font-size:16px;padding-top:16px;height:48px;line-height: 24px;padding-bottom:5px;}
#xxxwList li .title a {height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#xxxwList li:after { position:absolute; content:""; display:block; width:0; height:1px;background:#B31F27; transition:all 0.4s; bottom:0}
#xxxwList li:hover:after { width:30%; }

.sideTopicList li {position: relative;height:62px;padding: 9px 0 5px;}
.sideTopicList li:after { position:absolute; content:""; display:block; width:0; height:1px;background:#B31F27; transition:all 0.4s; bottom:0}
.sideTopicList li:hover:after { width:30%; }
.sideTopicList li .pic img {width:100%; height:auto; line-height:100%;}
.sideTopicList li .pic { display:none;}
.sideTopicList li .intro { display:none;}
.sideTopicList li .title {font-size:16px;line-height:24px;height: 48px;padding:6px 0;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; */}
.sideTopicList li .date { float:left; width:26%; text-align:center; }
.sideTopicList li .date span {display:block; font-size:32px; line-height:36px; color:#333;}
.sideTopicList li .date b { font-weight:400; color:#999;}
.sideTopicList li.first {position:relative;height:auto;padding:0;margin-bottom: 20px;}
.sideTopicList li.first .date { display:none;}
.sideTopicList li.first .pic { display:block;}
.sideTopicList li.first .con { position:absolute; bottom:0; width:100%; height:60px; text-align:center; background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 100%); overflow:hidden; color:#fff;}
.sideTopicList li.first .con .title {padding:0;line-height:60px;padding: 0 3%;height: auto;}
.sideTopicList li.first .con .title a { color:#fff; font-size:14px;}

.sideTopicList2 li {position: relative;height:62px;padding: 10px 0 10px;}
.sideTopicList2 li:after { position:absolute; content:""; display:block; width:0; height:1px;background:#B31F27; transition:all 0.4s; bottom:0}
.sideTopicList2 li:hover:after { width:30%; }
.sideTopicList2 li .pic img {width:100%; height:auto; line-height:100%;}
.sideTopicList2 li .pic { display:none;}
.sideTopicList2 li .intro { display:none;}
.sideTopicList2 li .title {font-size:16px;line-height:24px;height: 48px;padding:6px 0;overflow: hidden;/* white-space: nowrap; *//* text-overflow: ellipsis; */}
.sideTopicList2 li .title a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sideTopicList2 li .date { float:left; width:26%; text-align:center; }
.sideTopicList2 li .date span {display:block; font-size:32px; line-height:36px; color:#333;}
.sideTopicList2 li .date b { font-weight:400; color:#999;}


/* 图片新闻 */
#boxTPZW{width: 440px; float: left; _display: inline;}
#boxTPZW .bd{padding-top: 10px;}
#boxTPZW .txtPicList li{height: 90px; border: none; background: #f8f8f8; padding: 0px; margin: 0 0 20px 0; padding-right: 10px}
#boxTPZW .txtPicList li .pic, #boxTPZW .txtPicList li .pic img{width: 120px; height: 90px;}
#boxTPZW .txtPicList li .pic{margin-right: 12px;}
#boxTPZW .txtPicList li .title{height: 40px; line-height: 40px; font-size: 16px; color: #333; overflow: hidden;}
#boxTPZW .txtPicList li .title a{color: #333}
#boxTPZW .txtPicList li .title a:hover{color: #ac1a1b}
#boxTPZW .txtPicList li .titleBg{display: none;}
#boxTPZW .txtPicList li .intro{height: 48px; line-height: 24px; font-size: 12px; color: #989898}
#boxTPZW .txtPicList li.last{margin-bottom: 0px;}

/* columnB */
#columnB{overflow: hidden;padding: 50px 0 20px;background: #f5f5f5 url(../../base/img/columnBbg.jpg) no-repeat;}

#tzggBox .hd {line-height:32px; overflow:hidden;margin:0 -2.58%; margin-bottom:30px;}
#tzggBox .hd li { float:left; padding:0 2.6% 0 2.58%; background:url(../../base/img/spaline.png) no-repeat right;}
#tzggBox .hd li a { display:inline-block; font-size:24px; font-weight:400; color:#333; }
#tzggBox .hd li.on a { color:#B31F27; font-weight:bold;}
#tzggBox .bd ul { margin:0 -1.2%}
#tzggBox .bd li {float:left;height:48px;padding:19px 1.3%;background:#fff;width:28.33%;margin:0 1.2%;font-size:16px;line-height:24px;margin-bottom:30px;transition:all 0.3s;border-radius: 20px 0 0 0;}
#tzggBox .bd li:hover { background:#B31F27 }
#tzggBox .bd li:hover a { color:#fff;}
#tzggBox .bd li a { overflow:hidden; height:48px; overflow:hidden; display:block;}
#tzggBox .bd li .date {float:left;font-size:24px;color:#B31F27;padding-right:30px;border-right:#eee 1px solid;margin-right:30px;height:48px;line-height:48px;}
#tzggBox .bd li:hover .date { color:#fff;}


/* columnC */ 
#columnC{overflow: hidden;padding: 130px 0 130px;background: url(../../base/img/columnCbg.jpg) no-repeat;}
.btnsScroll ul{margin-right: -0.7%;}
.btnsScroll li {position: relative;background:#B31F27;float:left;width:12.8%;height:400px;margin-right:0.7%;text-align:center; border-radius:0 20px 0 20px; transition:all 0.5s}
.btnsScroll li a {display:block;height: 100%;}
.btnsScroll li i { display:inline-block; width:40px; height:40px; background:url(../../base/img/btnico1.png) no-repeat center; color:#fff;margin-top:150px; margin-bottom:3px;}
.btnsScroll li .tit { display:block; color:#fff; font-size:20px; font-weight:bold;}
.btnsScroll li p { display:none;}
.btnsScroll li .more { position:absolute;text-align:center;width:100%;bottom: 30px;font-weight:100;font-size:40px;line-height: 40px; text-decoration:none; color:#fff; display:block;}

.btnsScroll .li2 { background:#CB8146 }
.btnsScroll .li3 { background:#B31F27 }
.btnsScroll .li4 { background:#C4AA8C }

.btnsScroll .li2 i { background-image:url(../../base/img/btnico2.png) }
.btnsScroll .li3 i { background-image:url(../../base/img/btnico3.png) }
.btnsScroll .li4 i { background-image:url(../../base/img/btnico4.png) }

.btnsScroll li.on {width:58.8%;background-position: center!important;}
.btnsScroll li.on .more { display:none;}
.btnsScroll li.on i { background:none;}
.btnsScroll li.on .tit {  display:none;}
.btnsScroll li.on p {display:block;text-align:left;padding-left:50px;padding-right: 50px;bottom: 50px;position:absolute;color:#fff;height: 90px;overflow: hidden;/* display: flex; *//* align-content: flex-end; *//* flex-wrap: wrap; */}
.btnsScroll li.on p .tit { display:block; color:#fff; color:#fff; font-size:20px; line-height:20px; font-weight:bold; margin-bottom:20px;}

#columnD {background:url(../../base/img/columnDbg.jpg) no-repeat center top;height: 783px;}

#xstdBox {margin:0 auto;padding-top: 150px;}
#xstdBox .mhd {height:60px;padding-left: 48%;margin-bottom: 60px;}
#xstdBox .mhd .more {display:none;}
#xstdBox .mhd li {position: relative;float:left;height:50px;line-height:50px;padding-top:10px;margin-right:50px;color:#fff;line-height:24px;background: url(../../base/img/xsydhdlibg.png) no-repeat 0 0;}
#xstdBox .mhd li a { color:#fff; font-size:24px; display:block; line-height:32px; height:32px; overflow:hidden;}
#xstdBox .mhd li label { display:block; font-size:12px; margin-left:25px; transform:scale(0.83); text-transform: uppercase; font-family:Arial}
#xstdBox .mhd li:after {position: absolute;bottom: 5px; left:2px; content:"";display:block;width:20px;height:2px;overflow:hidden;background:#fff;}
#xstdBox .mhd li.on a { font-weight:bold; }
#xstdBox .mbd .nodePic {float:left;width: 42.86%;margin-right: 5%;position:relative;margin-top: 20px;}
#xstdBox .mbd .nodePic img {border-radius:50px 0 0 0;width:100%;height: auto;}
#xstdBox .mbd .nodePic .more { position:absolute; bottom:0; height:40px;  line-height:40px; display:block; background: linear-gradient(270deg, #CB8146 0%, rgba(203, 129, 70, 0.00) 52.83%); width:90%; text-align:right; color:#fff; padding-right:10%;}
#xstdBox .mbd .nodePic .more:after { content:""; position:absolute; right:4%;; bottom:18px; width:25px; height:5px; background:url(../../base/img/morearr.png) no-repeat; }

#xstdBox .areaR {overflow:hidden;}

#xstdBox .txtPicList li {padding:0;border:0;margin: 0 0 60px 0;height: 200px;}
#xstdBox .txtPicList li .pic {float:right;border-radius:10px;margin-left:5%;margin-right: 0;overflow:hidden;}
#xstdBox .txtPicList li .title { position:relative; }
#xstdBox .txtPicList li .title a {position:relative;color:#fff;font-size:18px;display:block;height: 30px;line-height:24px;/* padding-bottom:10px; */overflow: hidden;}
#xstdBox .txtPicList li .title:after {position:absolute;bottom: -10px;content:"";display:block;width:60px;height:2px;background:#CB8146; transition:all 0.5s;}
#xstdBox .txtPicList li:hover .title:after { width:30%}
#xstdBox .txtPicList li .intro {color:#fff;margin-top: 22px;line-height:30px;font-size: 16px;margin-bottom:22px;max-height: 90px;overflow: hidden;}
#xstdBox .txtPicList li .seemore { color:#CB8146;display:inline-block; padding-right:40px; background:url(../../base/img/arrico2.png) no-repeat right;}

.msfcList { position: relative;height: 140px; }
.msfcList li {float:left;width: 210px;height: 140px;margin:0 10px;}
.msfcList .hd { display:none;}
.msfcList .bd { padding:0 20px;}
.msfcList .snext,
.msfcList .sprev { position: absolute; left:0; top:50%; z-index:9; cursor:pointer; margin-top:-10px; width:12px; height:20px; background:url(../../base/img/previco.png) no-repeat; }
.msfcList .sprev { right:0; left:auto; background:url(../../base/img/nextico.png) no-repeat;}

#columnE {padding: 120px 0;background: url(../../base/img/columnEbg.jpg) no-repeat center 90%;}
#szxyBox {text-align:center;height: 400px;}
#szxyBox .hd {padding:10px;background:url(../../base/img/szxyhdlibg.png) no-repeat center 0;margin-bottom: 125px;}
#szxyBox .hd h3 a {color:#B31F27;display: block;font-size:24px;line-height:32px;font-weight:bold;}
#szxyBox .hd label { display:block; color:#B31F27; text-transform: uppercase; font-size:12px; transform:scale(0.83)}
#szxyBox .bd li { float:left; width:16.66%; text-align:center; transition:all 0.5s }
#szxyBox .bd li a {position:relative;height: 145px;color:#B31F27;display:block;background:transparent;border-radius:50%;z-index:11;padding-top:50px;font-size:18px;color:#000;font-size:18px;line-height: 24px;text-decoration:none}
#szxyBox .bd li a:hover { font-weight:bold;}
#szxyBox .bd li span { position:relative; width:195px; height:195px;margin:0 auto;text-align:center; display:block;}
#szxyBox .bd li span:after { position:absolute; left:0; top:0; content:""; transition:cubic-bezier(0.5, 0.5, 0.5, 0.5) 10s;; width:195px; height:100%; background:url(../../base/img/szxyicobg.png) no-repeat center;}
#szxyBox .bd li span:hover:after { transform:rotate(360deg)}

#szxyBox .bd li:nth-child(2n) { margin-top:-60px; }
#szxyBox .bd li a i{display:block;width: 60px;height: 60px;margin: 0 auto 5px;background: url(../../base/img/szxyico1.png)no-repeat center;transition:all 0.5s}
#szxyBox .bd .li2 a i { background-image:url(../../base/img/szxyico2.png)}
#szxyBox .bd .li3 a i {background-image:url(../../base/img/szxyico93.png);}
#szxyBox .bd .li4 a i { background-image:url(../../base/img/szxyico94.png)}
#szxyBox .bd .li5 a i { background-image:url(../../base/img/szxyico93.png)}
#szxyBox .bd .li6 a i { background-image:url(../../base/img/szxyico94.png)}

/*屏幕分辨率小于 1439px 之间*/
@media only screen and (max-width: 1439px){
    #indBanner .bd li { height:718px!important}
    #indBanner .bd li{background-size: auto 100% !important;}
    #indBanner .downScreen { width:260px; background-size:100%; height:91px; margin-left:-130px;}

    #columnA .areaL{width: 800px; padding-right: 29px;}
    #columnA .areaR{width: 340px;}

    #xxxwList li .date { top:110px;}
    #columnA .sideTopicList2 li:nth-child(5){ display:none;}

    #columnA .sideTopicList { margin:-10px 0 0;}
    #columnA .sideTopicList li.first { margin-bottom:10px}
    #columnA .mb40 { margin-bottom:20px;}
    
    #columnE,
    #columnC{padding:100px 0 100px;}
}
/*屏幕分辨率小于 1239px 之间*/
@media only screen and (max-width: 1239px){
    
    #columnA .areaL{width: 64%; padding-right: 3%; }
    #columnA .areaR{width: 30%;}

    .focusBox .bd .con .title { width:60%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;}
    .focusBox .bd .con .title a { font-size:16px; }
    #focusNews .bd .pic img { height:auto;}

    #xxxwList li .pic img {}
    #xxxwList li .date { top:73px;}
    #xxxwList li .title { font-size:16px; line-height:24px}

    .sideTopicList li { height:auto;  padding:0;}
    .sideTopicList li .date { display:none;}

    .box.mb40 { margin:0 0 10px; }
    #columnA .areaR .box .bd { padding-top:20px; }
    #columnA .sideTopicList2 li:nth-child(4){ display:none;}

    #columnD { height:723px;}
    #xstdBox .txtPicList li { margin-bottom:10px;}
    #xstdBox .txtPicList li .intro { margin-bottom:10px}
    
    #tzggBox .bd li .date { padding-right:10px; margin-right:10px;}

    #columnE,
    #columnC{padding:80px 0 80px;}

}
/*屏幕分辨率小于 1023px 之间*/
@media only screen and (max-width: 1023px){
    

    #indBanner .bd li {height: 505px!important;background-attachment: inherit!important; background-position:center!important}

    #focusNews .prev, #focusNews .next { display:none}
    #focusNews .hd { right:3%;}

    #xxxwList li .date { top:42px;}
    #xxxwList li .title { font-size:14px}
    .sideTopicList li.first .pic { margin-bottom:8px;}
    .sideTopicList li .title {}

    #columnA .mb40 { margin-bottom:10px;}
    #columnA .sideTopicList li:nth-child(3){ display:none;}

    #tzggBox .bd li .date { font-size:20px;}
    #tzggBox .bd li{font-size:14px;margin-bottom:20px;}

    .btnsScroll li i { margin-top:90px;}
    .btnsScroll li { height:280px; background-size:auto 100%!important;}
    .btnsScroll li .tit { font-size:16px;}
    .btnsScroll li.on p { padding: 0 0 30px 30px}
    .btnsScroll li.on p a {font-size:16px;margin-bottom: 10px;}

    #xstdBox .mbd .nodePic { display:none;}
    #xstdBox { padding-top:100px; }
    #columnD { height:683px; }

    #xstdBox .mhd { padding:0; text-align:center;}
    #xstdBox .mhd li { float:none; display:inline-block; margin: 0 2%; text-align:left;}

    #xstdBox .areaR { padding:0 10%;}
    .msfcList li { width:166px; }
    .msfcList li img { width:100%; height:auto;}
    .msfcList li .title { display:none;}
    .msfcList .snext, .msfcList .sprev { top:60px;}

    #szxyBox .bd li span { width:120px; height:120px;}
    #szxyBox .bd li a {width:120px;height: 90px;padding: 30px 0 0;font-size: 14px;line-height: 20px;}
    #szxyBox .bd li span:after { width:120px; background-size:100%;}
    #szxyBox .bd li a i { width:30px; height:30px; background-size:100% 100%;}
        
    #columnE,
    #columnC{padding:80px 0 80px;}
    
}
/*屏幕分辨率小于 767px 之间*/
@media only screen and (max-width: 767px){


    #indBanner .hd { bottom:10px}
    #indBanner .bd li { height:505px!important}
    #indBanner .downScreen { display:none}

    #columnA {padding:5% 0;background: none;}
    #columnA .areaL{width: 100%;float:none;margin-bottom: 3%;padding: 0;}
    #columnA .areaL:after { content:""; display:block; clear:both; }
    #columnA .areaR{width: 100%; float:none;}

    #focusNews { margin:3% 0;}
    #xxxwList li .date { display:none;}
    #xxxwList li .pic img {height:auto;}
    #xxxwList li .title { padding-top:2%; line-height:20px; height:40px;}
    #xxxwList li .title a { display:block; height:40px; overflow:hidden;}

    .sideTopicList li.first .con .title { height:auto;}

    #columnB { padding:5% 0;}

    #tzggBox .hd li a { font-size:20px;}
    #tzggBox .hd li {padding: 0;width: 25%;text-align: center;}
    #tzggBox .bd li .date { padding:0 5%; margin-right:5%; }
    #tzggBox .bd li{font-size:16px;margin-bottom:20px;float: none;width: auto; padding-right:5%}
	#tzggBox ul li:nth-child(n+6) {display:none;}

    .btnsScroll li { width:23%;; margin:0 1%; }
    .btnsScroll li.on { width:23%;}
    .btnsScroll li.on .more { display:block;}
    .btnsScroll li.on i {background: url(../../base/img/btnico1.png) no-repeat center;}
    .btnsScroll li.on .tit {  display:block;}
    .btnsScroll li.on p{ display:none;}
    .btnsScroll .li1 { background:#B31F27!important }
    .btnsScroll .li2 { background:#CB8146!important }
    .btnsScroll .li3 { background:#B31F27!important  }
    .btnsScroll .li4 { background:#C4AA8C!important  }
    
    .btnsScroll .li2 i { background-image:url(../../base/img/btnico1.png)!important }
    .btnsScroll .li2 i { background-image:url(../../base/img/btnico2.png)!important }
    .btnsScroll .li3 i { background-image:url(../../base/img/btnico3.png)!important }
    .btnsScroll .li4 i { background-image:url(../../base/img/btnico4.png)!important }

    #columnE, #columnC { padding:10% 0;}

    #columnD {  height:auto; padding-bottom:5%}
    #xstdBox .areaR { padding: 0}

    #xstdBox { padding-top:10%;}
    #xstdBox .mhd { margin:10%}
    #xstdBox .txtPicList li .pic { width:120px;}
    #xstdBox .txtPicList li .pic img { width:100%; height:auto;}
    #xstdBox .txtPicList li { margin: 0 0 5%;}
    
    #szxyBox .hd { margin-bottom:3%}
    #szxyBox .bd li { width:26%; margin:3%!important}

    
}
/*屏幕分辨率低于 479px */
@media only screen and (max-width: 479px){

    
    #indBanner .bd li { height:215px!important}

    .msfcList li { width:155px; }
	
}

/*屏幕分辨率低于 320px */
@media only screen and (max-width: 320px){
}