@charset "utf-8";
html{zoom:1;}
html *{outline:0;zoom:0;} 
html button::-moz-focus-inner{border-color:transparent!important;}
q:before,q:after{content:'';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
input,select{font-size:12px;margin:0;padding:0;vertical-align:middle;}
body {text-align:left;font-family:'微软雅黑',Arial,Tahoma,Verdana,STHeiTi,sans-serif,Helvetica,SimSun;font-size:12px;color:#333;}
body > div { text-align:left; margin-right:auto; margin-left:auto;}
form,img,ul,ol,li,dl,dd,dt,p { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight:normal;}
ol,ul,li,dd,dt { list-style: none;margin:0px;padding:0px; }
fieldset,a img{border:0;} 
input,select,textarea{font-size:12px;}
input{vertical-align:middle;}
caption,th {text-align:left;}  
table {
    border:none;
  margin:0px;
  padding:0px;
}

select, input {
    vertical-align: middle;
}
img {vertical-align:middle; }
a { text-decoration:none; color: #333; }
.w1280{width:1280px;}
.left{float:left;}
.right{float:right;}
.m_center{margin-left: auto; margin-right: auto;}
.hide{overflow:hidden;}
.mt20{margin-top: 20px;}
#con{

    width: 1200px;
    margin: 0 auto;
}
.div980 { width: 980px; margin:0 auto; clear: both; line-height:1px; }
.clear { clear:both; height: 0; line-height: 0; margin:0; border: 0; padding: 0; font-size: 0;overflow: hidden; }
.background-whtie { background:#fff }
#top { margin: 0 auto; width:980px; text-align:center; font-size:13px; _font-size:12px; color:#333; padding-top:5px; height:49px; line-height:22px; overflow: hidden; }
#top a:link { color:#333; text-decoration:none; }
#top a:visited { color:#333; text-decoration:none; }
#top a:hover { color:#333; text-decoration:underline; }

/*logo*/
.logo {
    float: left;
    height: 88px;
    width: 500px;
  margin-top:24px;
}
.logo a{float: left; margin-right: 20px;}
.logo a.logo2{margin-top: 5px;}
/*search*/
.searchinput {width: 400px; height:40px; margin-top:40px; margin-right:10px;}
.searchinput .search_input {
    border: #ebebeb 1px solid;
  border-radius:20px 0px 0 20px;
    width: 270px;
    height: 38px;
  border-right:#ebebeb 1px solid;
    color: #464c53;
    line-height: 38px;
    float: left;
  padding-left:20px;
}
.select_border {
    border: none;
    width: 73px;
    height: 38px;
    overflow: hidden;
    display: block;

}
.select_container select{ border:none; height:38px; line-height:38px;}
.selectnews {
    line-height: 38px;
    color: #464c53;
    font-size: 13px;
    width: 65px;
    background-color: transparent;
}
.search_listbox {
    float: left;
    position: relative;
    z-index: 2;
    width: 73px;
  height:38px;
  line-height:30px;
  border: 1px solid #ebebeb;
  border-radius:0 20px 20px 0;
}
.searchinput .search_a {
    text-align: center;
    color: #fff;
    background:url(/etcss/images/search.png) no-repeat center;
    float: left;
    display: block;
    width: 22px;
    height: 22px;
    text-decoration: none;
  cursor:pointer;
    margin-top: 9px;
    margin-left: 8px;
}
/*banner*/

.banner{width: 100%; height: 71px; background: url(/etcss/images/banner.png) no-repeat center;}
.banner .left{width: 88px; position: relative; height: 66px; background: url(/etcss/images/pd1.jpg) no-repeat center right; margin: 0 15px; font-size: 20px; color: #fff; text-align: center; line-height:66px; padding:0 10px; cursor: pointer;  }
.pdlist{height: 87px; line-height: 87px; text-align: center; display: none; font-size:24px; position: absolute; z-index: 2; left: 10px; top: 66px; width: 736px;}
.pdlist a{float: left; display: inline-block; padding: 0 32px;}
.pdlistbg{height: 87px; display: none;position: absolute; z-index: 1; left: 10px; top: 66px; background: #fff; /*opacity: 0.5; filter: opacity(50);*/width: 736px;}
.banner .left:hover{background: url(/etcss/images/pd2.jpg) no-repeat center right;}
.banner .left:hover .pdlist{display: block;}
.banner .left:hover .pdlistbg{display: block;}
.banner .cjlm{text-align: left; height: 71px; line-height: 75px; font-size: 18px; color: #fff; float: left; margin-left: 15px;}
.banner .cjlm a{float: left; display: inline-block; padding: 0 20px; color: #fff;}

/*focus*/
.focus{width: 100%; height: 420px; background: #e9edf2;}
.focus-box{position:relative;margin:0 auto;padding-top:20px;width:1280px;height:382px}
.imgs{width:100%;height:100%;perspective:1000px;transform: perspective(400px);}
.imgitem{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:auto;width:898px;height:382px;opacity:0;transition:.8s}
.imgitem img{width:100%;height:100%}
.cur-img{z-index:100;width:896px;border:2px solid #fff;opacity:1}
.pre-img{z-index:9;opacity:.9;transform:translateX(-214px) rotateY(30deg) scale(.8); position: relative;-webkit-transform:translateX(-214px) rotateY(30deg) scale(.8);}
.pre-img:after{
            position:absolute;
            left: 0;
            top:382px;
            display: block;
            width:100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            content: attr(data-text);
            transition:all 1s ease;
            transform: translateY(-100%);
           
        }
.next-img{z-index:9;opacity:.9;transform:translateX(214px) rotateY(-30deg) scale(.8);-webkit-transform:translateX(214px) rotateY(-30deg) scale(.8);}
.next-img:after{
            position:absolute;
            left: 0;
            top:382px;
            display: block;
            width:100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            content: attr(data-text);
            transition:all 1s ease;
            transform: translateY(-100%);
           
        }
.focus-box .imgitem .bg{position: absolute; bottom:0; left: 0 ;width: 100%; height: 60px;background: #000; opacity: 0.5; filter: opacity(50); z-index: 1;}
.focus-box .imgitem .info{position: absolute; bottom:0; left: 0 ;width: 100%; height: 60px;font-size: 22px; color: #fff; line-height: 60px; text-align: center; z-index: 2;}
.focus-box .imgitem .info a{color: #fff;}
.focus-box .pre{position: absolute; left: 155px; bottom: -3px; width: 34px; height: 65px; z-index: 3}
.focus-box .next{position: absolute; right: 157px; bottom: -3px; width: 34px; height: 65px; z-index: 3}
/*scroll*/
.scroll{width: 1280px; margin:20px auto 0; border:1px solid #e9edf2; border-radius: 10px; height: 43px; line-height: 43px;}
.scroll .left{width:102px; background-image: linear-gradient(to right, #c8d8eb 0%, #e9edf2 90%);height: 43px; border-radius: 10px 0 0 10px; font-size: 18px; color: #919dad; text-align: center;}
.scroll .left a{color: #919dad; }
.scroll .right{width: 1175px; height: 43px;}
.scroll .right a{ height: 43px; line-height: 43px; padding-right: 20px; display: inline-block; font-size: 14px; color:#666;}


/*jx*/
.con-left{float:left; width: 846px;}
.con-right{float:right; width: 415px;}
.con-lm{height: 48px; line-height: 48px; color: #cd131c; font-size: 22px; font-weight: bold;}
.con-lm a{color:#cd131c; }
.jxnews{width: 100%; height: 90px; border-bottom: 1px dashed #e9e9e9; padding:11px 0;}
.jxnews .left{width: 660px; line-height: 28px;}
.jxnews .left .title{font-size:26px; height: 36px;  padding:10px 0;   margin-bottom: 15px;}
.jxnews .left .info{font-size: 14px; color: #b9c5d4;}
.jxnews .left .info a{color: #b9c5d4;}
.jxnews .right{width: 135px; height: 90px;}
.jxnews .right img{width: 135px; height: 90px;}
.hotnews{border:1px solid #e9edf2; border-radius: 10px; margin-bottom: 22px;}
.hotnews .con-lm{border-bottom:1px solid #e9edf2; padding-left: 20px;  height: 50px;}
.rank_right_ul{background: url(/etcss/images/rank.jpg) no-repeat 8px 22px; margin:0 11px; width: 393px; padding-bottom: 23px;}
.rank_right_ul li{padding: 15px 0 5px 45px; height: 50px; border-bottom: 1px dashed #f1f1f1; line-height: 25px; font-size: 16px;}
.rank_right_ul li:nth-child(10){border-bottom: none;}

/*jtj*/
.con-picul1{width: 410px; float: left; margin-right: 24px;}
.con-picul2{width: 410px; float: left;}
.con-picul3{width: 410px; float: right;}
.con-piculimg{width: 410px; height: 234px; position: relative; margin:10px 0;}
.con-piculimg img{width: 410px; height: 234px;}
.con-piculimg .txt{position: absolute; left: 10px ;bottom: 0; height: 60px; line-height: 60px; text-align: left; font-size:16px; color: #fff; z-index: 2;  width:390px;}
.con-piculimg .bg{position: absolute; left: 0 ;bottom: 0; height: 60px; background: linear-gradient(to bottom,transparent ,#000); z-index: 1; width:100%;}
.con-piculul li{background: url(/etcss/images/20.jpg) no-repeat 10px center; padding-left: 30px; line-height: 36px; height: 36px; overflow: hidden;font-size: 16px;}

/*splunbo*/
.splunbo{width: 100%; background: #f2f5f8; height: 355px; margin-top: 20px;}
.splunbo .left,.splunbo .right {width: 630px;}
.splunbo .con-lm{padding-top: 10px;}
.lbt-box2{position:relative;width:630px;height:260px;}
.imgs2{width:100%;height:100%;perspective:1000px}
.imgitem2{position:absolute;width:396px;height:260px;top:0;bottom:0;left:0;right:0;margin:auto;z-index:0;transition:.8s;opacity:0; background: #fff;}
.imgitem2 img{width:376px;height:210px; border:10px solid #fff;}
.cur-img2{z-index:100;opacity:1}
.pre-img2{transform:translateX(-156px) rotateY(0) scale(.8);z-index:9;opacity:.9}
.next-img2{transform:translateX(156px) rotateY(0) scale(.8);z-index:9;opacity:.9}
.lbt-box2 .imgitem2 .bg{position: absolute; bottom:40px; left: 10px ;width: 376px; height: 60px;background: linear-gradient(to bottom,transparent ,#000); z-index: 1;}
.lbt-box2 .imgitem2 .play{position: absolute; bottom:57px; left: 20px ;width: 32px; height: 33px;background:url(/etcss/images/playbtn.png) no-repeat;z-index: 3;}
.lbt-box2 .imgitem2 .info{position: absolute; bottom:40px; left: 76px; ;width: 300px; height: 60px;font-size: 16px; color: #fff; line-height: 30px; text-align: left; z-index: 2;}
.lbt-box2 .imgitem2 .info a{color: #fff;}
.lbt-box2 .imgitem2 .txt{font-size: 14px; color: #b9c5d4; line-height: 30px; padding:0 10px;}
.lbt-box2 .imgitem2 .txt a{color: #b9c5d4;}
.lbt-box2 .pre2{position: absolute; left: 83px; top: 85px; width: 34px; height: 65px; z-index: 3}
.lbt-box2 .next2{position: absolute; right: 83px; top: 85px; width: 34px; height: 65px; z-index: 3}


.lbt-box3{position:relative;width:630px;height:260px;}
.imgs3{width:100%;height:100%;perspective:1000px}
.imgitem3{position:absolute;width:396px;height:260px;top:0;bottom:0;left:0;right:0;margin:auto;z-index:0;transition:.8s;opacity:0; background: #fff;}
.imgitem3 img{width:376px;height:210px; border:10px solid #fff;}
.cur-img3{z-index:100;opacity:1}
.pre-img3{transform:translateX(-156px) rotateY(0) scale(.8);z-index:9;opacity:.9}
.next-img3{transform:translateX(156px) rotateY(0) scale(.8);z-index:9;opacity:.9}
.lbt-box3 .imgitem3 .bg{position: absolute; bottom:40px; left: 10px ;width: 376px; height: 60px;background: linear-gradient(to bottom,transparent ,#000); z-index: 1;}
.lbt-box3 .imgitem3 .play{position: absolute; bottom:57px; left: 20px ;width: 32px; height: 33px;background:url(/etcss/images/playbtn.png) no-repeat;z-index: 3;}
.lbt-box3 .imgitem3 .info{position: absolute; bottom:40px; left: 76px; ;width: 300px; height: 60px;font-size: 16px; color: #fff; line-height: 30px; text-align: left; z-index: 2;}
.lbt-box3 .imgitem3 .info a{color: #fff;}
.lbt-box3 .imgitem3 .txt{font-size: 14px; color: #b9c5d4;line-height: 30px; padding:0 10px;}
.lbt-box3 .imgitem3 .txt a{color: #b9c5d4;}
.lbt-box3 .pre3{position: absolute; left: 83px; top: 85px; width: 34px; height: 65px; z-index: 3}
.lbt-box3 .next3{position: absolute; right: 83px; top: 85px; width: 34px; height: 65px; z-index: 3}

/*zj*/
.div630{width: 630px;}
.bigPic{width: 630px; height: 430px; background: #f2f5f8; margin-bottom: 20px;}
.bigPic img{width: 630px; height: 352px;}
.bigPic .txt{width: 608px; height: 56px; border:1px solid #e9edf2; border-top: none; padding:10px; line-height: 28px;}
.bigPic .txt p{font-size: 20px;}
.bigPic .txt span,.bigPic .txt span a{font-size: 14px; color: #b9c5d4;}

.smallPic{width: 306px; height: 205px; margin-bottom: 20px;}
.smallPic .img{width: 306px; height: 173px; position: relative;}
.smallPic .img img{width: 306px; height: 173px;}
.smallPic .img .bg{position: absolute; left: 0 ;bottom: 0; height: 60px; background: linear-gradient(to bottom,transparent ,#000); z-index: 1; width:100%;}
.smallPic .img .title{position: absolute; left: 10px ;bottom: 5px; height: 50px; line-height:25px; text-align: left; font-size:16px; color: #fff; z-index: 2;  width:286px;}
.smallPic .txt{width: 284px; height: 31px; border:1px solid #e9edf2; border-top: none; padding:0 10px; line-height: 31px;}
.smallPic .txt span,.smallPic .txt span a{font-size: 14px; color: #b9c5d4;}

/*gy*/
.gyPic{width: 305px; height: 253px; float:left; margin-right:20px; }
.gyPic img{width: 305px; height: 170px; margin-bottom: 10px;}
.gyPic p{font-size: 16px; line-height: 26px;}

/*zxlt*/
.zxlt{width: 100%; background: #f2f5f8; height: 393px; margin-top: 20px;}
#wrapper{width:1280px;height:393px;position:relative;color:#fff; margin:0 auto;}
.zxlt-lm{position: absolute; top: 0; left: 0; width:138px; height: 50px; line-height: 50px; font-size: 22px; text-align: center; background: #cd131c; color: #fff; border-radius: 10px 0 10px 0;}
.zxlt-lm a{color: #fff;}
#slider-wrap{width:1280px;height:393px;position:relative;overflow:hidden}
#slider-wrap ul#slider{width:100%;height:100%;position:absolute;top:0;left:0}
#slider-wrap ul#slider li{width:1280px;height:393px;float:left}
#slider-wrap ul#slider li .left{margin-top: 80px; width: 600px; margin-left: 10px;}
#slider-wrap ul#slider li .right{width: 630px; height: 393px;}
#slider-wrap ul#slider li .right img{width: 630px; height: 393px;}
#slider-wrap ul#slider li>div h3{font-size:24px; line-height: 40px; margin-bottom: 15px;}
#slider-wrap ul#slider li>div p{font-size:14px; line-height: 30px; color: #999; text-indent: 2em;}
.btns{position:absolute;height:36px;text-align:center;cursor:pointer;z-index:100}
#nextone{right:533px;top:0px;background:url(/etcss/images/zxlt_arrr.jpg);width:97px}
#previous{right:560px;top:36px;background:url(/etcss/images/zxlt_arrl.jpg);width:127px}
#counter{top:30px;right:35px;width:auto;position:absolute}
#pagination-wrap{min-width:120px;height:5px;position:absolute;text-align:center;top:335px;z-index:99;left:25%;margin-left:-60px}
#pagination-wrap ul{width:100%}
#pagination-wrap ul li{margin:0 4px;width:52px;height:5px;background:url(/etcss/images/zxlt_dot2.jpg) no-repeat;float:left}
#pagination-wrap ul li.active{background:url(/etcss/images/zxlt_dot1.jpg) no-repeat}


/*zk*/
.zkPic{width: 411px; height: 340px; float:left; margin-right:20px; }
.zkPic img{width: 411px; height: 232px; margin-bottom: 10px;}
.zkPic p{font-size: 16px; line-height: 26px; text-align: left; padding: 0 10px;}

/* news */
.news_title {
  width: 846px;
  height: 50px;
  line-height: 50px;
  background: #f2f5f8;
  margin-bottom: 20px;
}
.news_titleul {
}
.news_titleul li {
  width: 110px;
  height: 50px;
  line-height: 50px;
  float: left;
  font-size: 22px;
  color: #666;
  text-align: center;
}
.news_titleul li.active {
  background: #cd131c;
  color: #fff;
  border-radius: 10px 0 10px 0;
  width: 70px;
}
.news_titleul li.active span {
  height: 30px;
  line-height: 30px;
  margin: 9px 0;
  border-top: 2px solid #fff;
}
.news_titleul li.active a {
  color: #fff;
}

/* 四列新闻列表 - 高度自适应，无多余空白 */
#newslist {
  width: 846px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

#newslist li {
  width: 192px;
  /* 去掉 min-height，高度由内容决定 */
  border: 1px solid #e9edf2;
  margin-right: 18px;
  margin-bottom: 20px;       /* 卡片间距，可酌情调整 */
  float: left;
  line-height: 28px;
  box-sizing: border-box;
  overflow: hidden;          /* 依然保留，防止内容溢出 */
}
#newslist li:hover {
  border: 1px solid #cd131c;
  box-shadow: 5px 5px 5px #dadada;
}
#newslist li img {
  display: block;
  width: 176px;
  height: 266px;
  margin: 0 auto;
  object-fit: cover;
}
#newslist li .title {
  margin: 8px 10px 0;
  font-size: 15px;
  height: 48px;
  line-height: 24px;
  overflow: hidden;
}
#newslist li .txt {
  padding: 0 10px;
  /* 可以给一点下内边距，让文字不贴底 */
  padding-bottom: 8px;
}
#newslist li span,
#newslist li span a {
  font-size: 13px;
  color: #b9c5d4;
  height: 28px;
  line-height: 28px;         /* 确保垂直居中 */
}

/*jzgzs*/
.jzgzs-title{height: 50px; line-height: 50px; background: url(/etcss/images/bg.jpg) no-repeat left center;color: #cd131c; font-size: 22px; margin-bottom: 20px;}
.jzgzs-title span{width: 135px; padding-left: 18px; text-align: center; color: #cd131c; font-size: 22px; display: inline-block;}
.jzgzs-div{float: left; margin:0 25px ; width: 145px; height: 182px; line-height: 32px; overflow: hidden; text-align: center;}
.jzgzs-div img{width: 145px; height: 145px; border-radius: 50%;}

/*hzhb*/
.hzhb-div{float: left; margin:0 18px ; width: 160px; height: 140px; line-height: 32px; overflow: hidden; text-align: center;}
.hzhb-div img{width: 160px; height: 90px; }
/*share*/
.share{float:right; line-height:38px; margin:8px 0; width:220px; display:inline-block;}


/*backtop*/
#backtop{position:fixed;top:123px;right:30px;width:108px; height:340px;z-index:98;}
#ewm{display:block;width:108px; height:256px;overflow:hidden;cursor:pointer;background:url(/etcss/images/ewm.jpg) no-repeat;}
#top{display:block;width:108px; height:76px;overflow:hidden;cursor:pointer;background:url(/etcss/images/top.jpg) no-repeat;}
.m0{margin:0;}

/*pagebottom*/
.pagebottom {
    color: #666;
    margin: 0 auto;
    margin-top: 20px;
    padding: 30px 0;
    width: 100%;
    background: #fafafa;
    font-size: 14px;
    color:#444;
    line-height: 30px;
    text-align: center;
}

.pagebottom_nr{color:#444;}
.pagebottom_nr a{color:#444;}
.pagebottom_nr a:hover{color:#444;}
.pagebottom_nav{font-size: 18px; line-height: 50px; color: #666;}
.pagebottom_nav a{color: #666;}