*{margin: 0; padding: 0;}
ul li{ list-style-type:none;}
body{ width: 100%; overflow-x:hidden; font-size: 16px; line-height:30px; font-family:"微软雅黑"; background: #fff;}
.header{ width: 100%; height: 80px; border-bottom: 1px solid #eee;  padding:10px 40px; box-sizing: border-box; background: #fff;}
.w1280 {  width: 1280px;  height: auto;  overflow: hidden;  margin: 0 auto;}
.header_con{ display: flex; justify-content: space-between; align-items: center;}
.header .logo{ line-height: 60px; font-size: 28px; color: #333; display: flex; align-items: center; font-family: "微软雅黑"; float: left; }
.header .logo img{ width: auto; height: 60px; margin-right: 20px;}
.header .login{ height: 60px; float: right; display: flex; align-items: center; }
.header .login a{ width: auto; height: 35px; line-height: 35px; font-size: 16px; color: #333; border: 1px solid #ddd; border-radius: 3px; padding: 0 20px; margin-left: 10px;}
.header .login a:hover{ background: #f84949; color: #fff; border: 1px solid #f84949;}

.header .islogin{ height: 60px; float: right; display: flex; align-items: center; }
.header .islogin a{ width: auto; height: 35px; line-height: 35px; font-size: 16px; color: #333; border-radius: 3px; padding: 0 15px; margin-left: 10px;}

/*.islogin li { width:auto; height:auto; display:inline-block; float:left; position:relative; z-index:122222;}*/
/*.islogin li a{ width:100%; height:auto; display:block; position:relative; line-height:50px; color: #444; font-size: 14px;}*/
/*.islogin li:hover a{ background:#fff; color:#CC0001;}*/

/*.islogin li .zgnav{ display:none; width:100px; position:fixed; text-align:center; background-color: rgba(255,255,255,1);}*/
/*.islogin li .zgnav li{ width:100%; height:40px; display:block; }*/
/*.islogin li .zgnav li a{ width:100%;  height:40px; display:block; margin:0; padding:0; font:normal 14px/40px "微软雅黑"; display:block; color:#000; text-align:center;    }*/
/*.islogin li .zgnav li a:hover{ background:#cccccc; color:#000; }*/

.headersearch{ width: 500px; height: 45px; background: #fff; border-radius: 3px; position: relative; overflow: hidden; border: 1px solid #ddd;}
.headersearch input.text01{ width: 100%; height: 45px; background: none; border:none; padding-left: 20px; box-sizing: border-box; font-size: 16px;}
.headersearch button.search_but{ position: absolute; right: 0; top: 0; width: 50px; height: 45px; background: #f84949; text-align: center; color: #fff; border: none; cursor: pointer; }
.headersearch button.search_but .iconfont{ font-size: 20px;}
.headersearch button.search_but:hover{ background: #dc3545;}


.banner{ width: 100%; height: 480px; position: relative;  background: url(http://gz.cpanet.cn/workthumb/s/3/s32OjpCcE7ZhRduk/dbe86df79950e65564a9a11d4ce0968e_big.jpg) no-repeat center center;   background-size: cover;}

.banner_search{ width: 850px; height: 100px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%);}
.searchbox{ width: 100%; height: 54px; background: #fff; border-radius: 3px; position: relative;}
.searchbox input.text01{ width: 100%; height: 54px; background: none; border:none; padding-left: 20px; box-sizing: border-box; font-size: 16px;}
.searchbox button.search_but{ position: absolute; right: 0; top: 0; width: 54px; height: 54px; background: #f84949; text-align: center; color: #fff; border: none; cursor: pointer; }
.searchbox button.search_but .iconfont{ font-size: 20px;}
.searchbox button.search_but:hover{ background: #dc3545;}
.keyword{ color: #fff; line-height: 50px; }
.keyword a{ color: #fff; margin: 0 10px;}


.container{ width: 100%; height: auto; overflow: hidden;}
.tit01{ width: 100%; height: 60px; border-bottom: 1px solid #eee; color: #333; font-size: 20px; line-height: 60px; font-family: "微软雅黑"; }
.tit01 span{ padding: 0 15px; display: inline-block; min-width: 120px; height:60px; box-sizing: border-box; float:left; text-align: center; margin-right: 20px;}
.tit01 .show{ border-bottom: 3px solid #f84949;}
.tit01 a{padding: 0 15px; display: inline-block; min-width: 120px; height:60px; box-sizing: border-box; float:left; text-align: center; margin-right: 20px; color: #333;}
.tit01 a:hover{border-bottom: 3px solid #f84949;}

.imgboxlist{ width: 100%; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;}

.imgbox01{ width: 310px; height: 290px; margin-top: 20px;}
.imgbox01_img{ width: 310px; height:200px; overflow: hidden; border-radius: 5px; position: relative; margin-top: 20px;} 
.imgbox01_img img{width: 100%; height: 100%; object-fit: cover;   transition: all 0.5s cubic-bezier(0, 0.93, 1, 1);}
.imgbox01_img .num{ position: absolute; color: #333; right: 5px; top: 10px; display: inline-block; background-color: rgba(255, 255, 255, 0.5); padding: 0 10px; border-radius: 20px; height: 25px;  display: flex; align-items: center;}
.imgbox01_img .num span{ margin-right: 3px;}
.imgbox01_img:hover img{ transform: scale(1.15);}
.imgbox01 p{ line-height: 30px; font-size: 12px;}
.imgbox01 p.imgbox01_time{ color: #999;}
.imgbox01 p.imgbox01_tit{ color: #333; font-size: 14px;}


.search_result{ margin-top: 20px; line-height: 50px; color: #333; font-size: 18px;}
.search_result span{ color: #999; font-size: 14px;}

.page{ width:100%; height:40px; margin:40px auto; text-align:center; color:#666; font:normal 14px/26px "微软雅黑";}
.page a{color:#666; width:auto; height:26px; border:1px solid #e6e6e6; text-decoration: none; background:#fff; border-radius: 3px; padding:2px 12px; margin:0 5px; display:inline-block;  vertical-align:middle; }
.page a:hover{background:#7ac756; border:1px solid #7ac756;color:#fff;}
.page a.pageon{background:#7ac756; border:1px solid #7ac756;color:#fff;}


.img_detail{ width: 100%; height: auto; overflow: hidden;}
.img_detail1{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box;}
.img_detail_tit{margin-top: 20px; line-height: 40px; color: #333; font-size: 20px; font-weight: bold;}
.img_desc_tit{line-height: 32px; color: #333; font-size: 16px;}




.footer{ width: 100%; height: auto; overflow: hidden; background: #eeeeee; margin-top: 30px; padding: 30px 0; text-align: center;}
.footer p{ line-height: 30px; font-size: 14px;}


/* new ----- */
.img_detail_con{width: 100%; height: auto; overflow: hidden; position: relative; padding-right: 50px; box-sizing: border-box;}
.img_detail_con .img_detail_l{ width: 100%; height:auto ;overflow: hidden; position: relative; }
.img_detail_con .img_detail_l img{ width: 100%; height: auto; display: block; overflow: hidden; margin: 0; padding: 0; border-radius: 5px;}
.img_detail_con .img_detail_l img.sy{position: absolute; width: 500px; height: auto; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 100; opacity: 0.3;}


.img_detail_con .img_detail_r{ width: 400px; height: 100%; background: rgba(0, 0, 0, 0.75); overflow: hidden; position: absolute; right: -350px; top: 0; padding: 30px 50px 30px 50px; box-sizing: border-box; transition: all 0.2s cubic-bezier(0, 0.93, 1, 1); overflow-y:auto;}
.img_detail_con .img_detail_r p{ line-height: 28px; font-size: 15px; margin-bottom: 10px; text-align: justify; color: #fff;}
.img_detail_con .img_detail_r p.bq{ color:#f84949; font-weight: bold; margin-top: 20px;}
.img_detail_con .img_detail_r p.img_txt_tit{ font-size: 18px; font-weight: bolder;}
.img_detail_con .img_detail_r .jt{
    position: absolute;
    left: 0;
    top: 0;
    width:50px;
    height: 100%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fff;
    color: #333;
}
.img_detail_con .img_detail_r_show{
    width: 400px;
    right: 50px;
}

.img_detail_con .img_detail_r_show .jt{
    background-color:transparent;
    color: #fff!important;
}

.search_item_con{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.search_item_con .search_item{
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-left: 60px;
    box-sizing: border-box;
    line-height: 30px;
    position: relative;
}
.search_item_con .search_item .search_item_tit{
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    color: #333;
}
.search_item_con .search_item a{
    width: auto;
    height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.search_item_con .search_item a:hover{
    color:#f84949 ;
}
.search_item_con .search_item a.search_itemon{
    color:#fff ;
    background:#f84949 ;
}
.img_detail1 p{ line-height: 28px; font-size: 14px; text-align: justify; display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}


.search_tip{
    width: 300px;
    height: auto;
    overflow: hidden;
    max-height: 200px;
    overflow: overlay;
    background: #fff;
    box-shadow: 0 0 5px #eee;
    position: absolute;
    left: 0;
    top:54px;
    z-index: 200;
    padding: 10px 20px;
    box-sizing: border-box;
}
.search_tip ul li{
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}
.search_tip ul li a{ color: #333;}
.search_tip ul li a:hover{ color: #f84949;}

.banner_new {
  width: 100%;
  position: relative;
  max-height: 600px;
  overflow: hidden;
  z-index: 10;
}
.banner_new .bd {
  position: relative;
  z-index: 0;
}
.banner_new .bd ul {
  width: 100% !important;
}
.banner_new .bd li {
    width: 100% !important;
    max-height: 600px;
  position: relative;
  -webkit-animation: scaleUpDown 6s forwards
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.banner_new .hd {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 25px;
  left: 0;
  height: 10px;
  line-height: 10px;
  text-align: center;
}
.banner_new .hd ul li {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 12px;
  height: 12px;
  margin: 5px 6px;
  background: #fff;
  overflow: hidden;
  line-height: 9999px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.banner_new .hd ul .on {
  background: #f84949;
}

.tit02 {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #eee;
  color: #333;
  font-size: 20px;
  line-height: 60px;
  font-family: "微软雅黑";
  margin-top: 20px;
  /* margin-bottom: 10px; */
}
.tit02 span{ display: inline-block; width:auto; height:60px; line-height: 50px;  box-sizing: border-box;  text-align: center; border-bottom: 2px solid #f84949; padding: 10px 20px 0 20px; }



.tit02 a {
  padding: 0 15px;
  display: inline-block;
  height: 60px;
  box-sizing: border-box;
  text-align: center;
  color: #333;
  box-sizing: border-box;
}
.tit02 a:hover {
  border-bottom: 2px solid #f84949;
  color: #f84949;
}
.tit02 a.tit02on {
  border-bottom: 2px solid #f84949;
  color: #f84949;
}

.tit02 a.more{
     float: right;
     font-size: 14px;
     color: #666;
     padding-left: 0;
     padding-right: 0;
     padding-top: 10px;
     line-height: 50px;
     margin-right: 0;


}
.tit02 a.more:hover{
    border:none;
    color: #f84949;
    text-decoration: underline;
}

.detail{
    padding: 50px 40px;
    box-sizing: border-box;
    border: 1px solid #eee;
    box-shadow:  0 0 5px #eee;
}

/*.detail_mask {*/
    /*width:100%;*/
    /*height: auto;*/
    /*overflow: hidden;*/
    /*max-height: 600px;*/
    /*background:url(/public/images/tm.png) repeat-x left bottom;*/
    /*box-sizing: border-box;*/
    /*position: relative;*/
/*}*/
/*.detail a.more{*/
    /*color: #08c;*/
    /*width: 120px;*/
    /*text-align: center;*/
    /*display: block;*/
    /*margin: 0 auto;*/
/*}*/

.detail_mask{
    width:100%;
    height: auto;
    /* overflow: hidden;
    max-height: 600px;
    background-image: -webkit-gradient(linear, 0 50%, 0 bottom, from(rgb(25, 27, 25)), to(rgb(255, 255, 255)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-sizing: border-box;
    position: relative; */
}


.detail a.more{
    color: #08c;
    width: 120px;
    text-align: center;
    display: block;
    z-index: 100;
    margin: 0 auto;
}

.detail1{
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #eee;
    box-shadow:  0 0 5px #eee;
}

.detail2{
    padding:20px 30px;
    box-sizing: border-box;
    border: 1px solid #eee;
    box-shadow:  0 0 5px #eee;
}


.imgboxlist_new {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.imgbox02 {
  width: 625px;
  height: 255px;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 30px;
  position: relative;
}
.imgbox02_img {
  width: 625px;
  height: 240px;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  position: relative;
}
.imgbox02_img img {
  width: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0, 0.93, 1, 1);
}
.imgbox02_img:hover img {
  transform: scale(1.15);
}
.imgbox02_txt {
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #eeeeee;
  padding: 5px 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.imgbox02_txt .imgbox02_time {
  float: left;
  line-height: 30px;
  font-size: 18px;
  color: #f84949;
    font-weight: bolder;
}
.imgbox02_txt .imgbox02_time span {
  display: block;
}
.imgbox02 p {
  line-height: 30px;
  font-size: 14px;
  color: #fff;
}
.imgbox02 .but01 {
  width: auto;
  height: 40px;
  display: inline-block;
  background: #f84949;
  text-align: center;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  padding: 0 20px;
  line-height: 38px;
}
.imgbox02 .but01:hover {
  background: #dc3545;
}

.imgboxlist_new_pp {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.imgbox022 {
    width: 310px;
    height: 125px;
    overflow: hidden;
    border-radius: 5px;
    margin: 30px 5px 0px 5px;
    position: relative;
}

.imgbox022_img {
    width: 310px;
    height: 100px;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    position: relative;
}
.imgbox022_img img {
    width: 100%;
    object-fit: cover;
    transition: all 0.5s cubic-bezier(0, 0.93, 1, 1);
}
.imgbox02_img:hover img {
    transform: scale(1.15);
}
.imgbox022_txt {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #eeeeee;
    padding: 5px 4px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.imgbox022_txt .imgbox022_time {
    float: left;
    line-height: 16px;
    font-size: 12px;
    color: #f84949;
    font-weight: bolder;
}
.imgbox022_txt .imgbox022_time span {
    display: block;
}
.imgbox022 p {
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.imgbox022 .but01 {
    width: 70px;
    height: 28px;
    display: inline-block;
    background: #f84949;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    padding: 0 10px;
    line-height: 26px;
    font-size:12px;
}
.imgbox022 .but01:hover {
    background: #dc3545;
}

.newslist {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 15px;
  padding: 15px;
  box-sizing: border-box;
}
ul.newslist_ul {
  width: 100%;
  height: auto;
  overflow: hidden;
 
}
ul.newslist_ul li {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #efefef;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
ul.newslist_ul li .newslist_img {
  float: left;
  width: 290px;
  height: 195px;
  overflow: hidden;
  border-radius: 5px;
}
ul.newslist_ul li .newslist_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0, 0.93, 1, 1);
}

ul.newslist_ul li .newslist_info {
  float: right;
  width: calc(100% - 320px);
  height: 195px;
  position: relative;
  margin-bottom: 15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
ul.newslist_ul li .newslist_info h3 {
  color: #565656;
  font-size: 24px;
  line-height: 28px;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  font-weight: normal;
}
ul.newslist_ul li .newslist_info p {
  margin-top: 5px;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding-bottom: 0;
}
ul.newslist_ul li .newslist_info p.newslist_ms {
  color: #999;
  line-height: 24px;
  font-size: 12px;
  margin-top: 15px;
}

ul.newslist_ul li .newslist_info span.but02 {
  display: block;
  width: 85px;
  height: 30px;
  border: 1px solid #666;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #222;
}
ul.newslist_ul li:hover .newslist_info h3 {
  color: #000;
}
ul.newslist_ul li:hover .newslist_img img {
  transform: scale(1.15);
}
ul.newslist_ul li:hover span.but02 {
  background: #222;
  color: #fff;
}



.article_container{ width:100%; height:auto; overflow:hidden; padding: 20px; margin-top: 20px; box-sizing:border-box;}
.article_title_con{
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 40px;
}
.article_tit_l{
    float: left;
    width: calc(100% - 270px);
}
.article_tit_l .article_tit{font-size:34px; margin-bottom: 10px;font-weight: bold; line-height: 150%; }
.article_tit_l .article_tit span{ color: #7ac756; font-size: 18px; font-weight: normal;}
.article_tit_l .article_tit span.yjz{color:#f44336;}

.article_tit_r{
    float:right
}
.article_tit_r a.but03{
    background: #f44336;
    width: 230px;
    height: 70px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    line-height: 70px;
    font-size: 24px;
}
.article_tit_r a.but03:hover{
    background: #e23d31;
}
.article_tit_r p.djs{ color:#f44336; text-align: center;}

.article_con p{font-size: 16px;color: rgb(34, 34, 34);line-height: 28px;padding-bottom: 24px;}



.imgbox03{ width: 270px; height: 270px; margin-top: 10px; margin-bottom: 10px; }
.imgbox03_img{ width: 270px; height:180px; overflow: hidden; border-radius: 5px; position: relative; } 
.imgbox03_img img{width: 100%; height: 100%; object-fit: cover;   transition: all 0.5s cubic-bezier(0, 0.93, 1, 1);}
.imgbox03_img .num{ position: absolute; color: #333; right: 5px; top: 10px; display: inline-block; background-color: rgba(255, 255, 255, 0.5); padding: 0 10px; border-radius: 20px; height: 25px;  display: flex; align-items: center;}
.imgbox03_img .num span{ margin-right: 3px;}
.imgbox03_img:hover img{ transform: scale(1.15);}
.imgbox03 p{ line-height: 30px; font-size: 12px; padding: 0;}
.imgbox03 p.imgbox03_desc{ color: #999; display: flex; align-items: center; margin-top: 5px;}
.imgbox03 p.imgbox03_tit{ color: #000; font-size: 15px;}



.article_detail{
    padding: 50px 50px;
    box-sizing: border-box;
    border: 1px solid #eee;
    box-shadow:  0 0 5px #eee;
    margin-top: 50px;
}

.article_detail .article_tit{font-size:25px; margin-bottom: 10px;font-weight: bold; text-align: center; }
.article_detail .article_desc{ color: #999; font-size: 14px; font-weight: normal; border-bottom: 1px solid #eee; text-align: center; line-height: 50px; margin-bottom: 30px;}
.article_detail .article_desc span{ margin: 0 30px;}



#imgModule{display:none;}
#imgDefault{cursor:pointer;}
.imgItem{width:100px;height:80px;}
.mask{background:#000;opacity:.8;filter:alpha(opacity=80);position:absolute;left:0;top:0;width:100%;height:100%;}
.lightBoxContent{width:800px;height:530px;position:absolute;left:50%;top:50%;;transform:translate(-50%, -50%); display: flex; align-items: center; justify-content: center;}
#imgLoader{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:none;}
#imgLight{width:auto;height:auto; max-height: 700px; margin: 0 auto;  -webkit-animation:change 1s;animation:change 1s;}
#imgModule .btn{width:40px;height:50px;position:absolute;top:50%;margin-top:-25px;cursor:pointer;}
.lightBoxSprite{background-image:url(../images/imgIcons.png);background-repeat:no-repeat;}
#lightBoxPrev{left:10px;background-position:2px center;}
#lightBoxNext{right:10px;background-position:-42px center;}
.closeBtn{width:35px;height:35px;background-position:-100px center;position:absolute;top:15px;right:15px;cursor:pointer;}
.lightBoxPagination{position:absolute;left:0;bottom:50px;width:100%;text-align:center;}
.lightBoxPagination span{display:inline-block;width:10px;height:10px;border:1px solid #fff;-webkit-border-radius:50%;border-radius:50%;margin-right:8px;}
.lightBoxPagination span.current{background:#fff;}
@keyframes change{
    0%{opacity:0;}
    100%{opacity:1;}
}



@-webkit-keyframes scaleUpDown {
  from {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  to {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
  }
}
@keyframes scaleUpDown {
  from {
      -webkit-transform: scale(1);
      transform: scale(1);
  }

  to {
      -webkit-transform: scale(1.08);
      transform: scale(1.08);
  }
}




.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide a{
    width: 100%;
    max-height: 600px;
}
.swiper-slide img{
  width: 100%;
    max-height: 600px;
}

.swiper-button-next, .swiper-button-prev{
  color: #fff;
}
.swiper-pagination-bullet-active{
  background-color: #dc3545;
}

.line2{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden;text-overflow:ellipsis;}
.line3{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow: hidden;text-overflow:ellipsis;}

.msglist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 15px 0 0 10px;
    box-sizing: border-box;
}
.msglist.msglist_ul {
    width: 100%;
    height: auto;
    overflow: hidden;

}
.msglist li {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #efefef;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.msglist li .msglist_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.msglist.msglist li .msglist_info h3 {
    color: #565656;
    font-size: 18px;
    line-height: 28px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    font-weight: normal;
}
.msglist.msglistl li .msglist_info p {
    margin-top: 5px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
}
.msglist.msglist li .msglist_info p.msglist_ms {
    color: #999;
    line-height: 24px;
    font-size: 12px;
    margin-top: 15px;
}

.msglist.msglist li .msglist_info span.but02 {
    display: block;
    width: 110px;
    height: 30px;
    border: 1px solid #666;
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #222;
}
.msglist.msglist li:hover .msglist_info h3 {
    color: #000;
}
.msglist.msglist li:hover span.but02 {
    background: #222;
    color: #fff;
}

.msg_view{padding: 20px 20px;}
.msg_view .msg_content p{font-size: 16px; line-height: 30px;}
.msg_view .msg_title{font-size:25px; margin-bottom: 10px;font-weight: bold; text-align: center; }
.msg_view .msg_desc{ color: #999; font-size: 14px; font-weight: normal; border-bottom: 1px solid #eee; text-align: center; line-height: 50px; margin-bottom: 30px;}
.msg_view .msg_desc span{ margin: 0 30px;}

.mymsgnum{top:0px;}