@charset "utf-8";
/* CSS Document */

body {
  margin: 0;
  font-family: "Microsoft Yahei";
font-size:15px;
  width: 19.2rem;
  background: url(../images/banner-bg01.jpg) no-repeat center top;
  background-size: 19.2rem;}

p {
  margin: 0;
  padding: 0;}


/*****主轮播图与顶部链接********/

.banner {
  width: 19.2rem;
  height: 2.28rem;
  position: relative;
  -webkit-text-shadow: .02rem .02rem .03rem rgba(0,0,0,0.6);
  -moz-text-shadow: .02rem .02rem .03rem rgba(0,0,0,0.6);
  text-shadow: .02rem .02rem .03rem rgba(0,0,0,0.6);
  z-index: 30;}


.banner-sd {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/link-bg.jpg) repeat-x;
  background-size: .26rem;
  width: 19.2rem;
  height: 3.72rem;
  z-index: 10;}


.banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 19.2rem;
  z-index: 5;}

.banner-bg img {
  width: inherit;}



.banner .m-link {
  width: 19.2rem;
  height: 2.28rem;
  position: absolute;
  top: 0;
  left: 0;}

.banner .m-link .m-logo {
  width: 6rem;
  height: 1.6rem;
  /*border-radius: 0 0 .08rem .08rem;*/
 /* background: rgba(255,255,255,0.2);*/
  /*background: white;*/
  margin-top: 30px;
    margin-right: 50px;
    margin-left: 50px;
    margin-bottom: 0;
  position: relative;}

.banner .m-link .m-logo img {
  width: 4.09rem;}





.m-logo .link-lft {
  position: absolute;
  width: 6rem;
  height: 1rem;
  top: .55rem;
  right: 4.33rem;}


.m-logo .link-lft .sgl {
  display: block;
  height: .48rem;
  float: right;
  text-decoration: none;
  color: white;
  text-align: center;
  padding: .1rem 0 .13rem 0;
  border-radius: .1rem;
  overflow: hidden;}

.m-logo .link-lft .sgl:hover {
  height: auto;
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: rgba(0,0,0,.5);
  overflow: visible;}

.m-logo .link-lft .sgl .son-lk {
  width: 1.02rem;
  top: .72rem;
  left: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  padding:.1rem .2rem;}

.m-logo .link-lft .sgl:hover .son-lk {
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}

.son-lk .son-sgl {
  display: block;
  font-size: .14rem;
  line-height: .43rem;
  color: white;
  text-decoration: none;
  background: url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;}

.son-lk .son-sgl:hover {  
  background: black url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;}

.m-logo .link-lft .sgl .chs {
  font-size: .18rem;
  letter-spacing: .02rem;
  line-height: .33rem;
  padding: 0 .31rem;
  text-decoration: none;
  color: white;}

.m-logo .link-lft .sgl .eng {
  font-size: .12rem;
  text-decoration: none;
  color: white;}

.m-logo .link-lft .spc {
  padding: .3rem 0 0 0;
  float: right;}

.m-logo .link-lft .spc img {
  width: .09rem;}







.m-logo .link-rt {
  position: absolute;
  width: 16rem;
  height: 1rem;
  top: .55rem;
  left: 7rem;}


.m-logo .link-rt .sgl {
  display: block;
  height: .48rem;
  float: left;
  text-decoration: none;
  color: white;
  text-align: center;
  padding: .1rem 0 .13rem 0;
  border-radius: .1rem;
  overflow: hidden;}

.m-logo .link-rt .sgl:hover {
  height: auto;
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: rgba(0,0,0,.5);
  overflow: visible;}

.m-logo .link-rt .sgl .son-lk {
  width: 1.02rem;
  top: .72rem;
  left: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  padding:.1rem .2rem;}

.m-logo .link-rt .sgl:hover .son-lk {
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}

.son-lk .son-sgl {
  display: block;
  font-size: .14rem;
  line-height: .43rem;
  color: white;
  text-decoration: none;
  background: url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;}

.son-lk .son-sgl:hover {  
  background: black url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;}

.m-logo .link-rt .sgl .chs {
  font-size: .18rem;
  letter-spacing: .02rem;
  line-height: .33rem;
  padding: 0 .31rem;
  text-decoration: none;
  color: white;}

.m-logo .link-rt .sgl .eng {
  font-size: .12rem;
  text-decoration: none;
  color: white;}

.m-logo .link-rt .spc {
  padding: .3rem 0 0 0;
  float: left;}

.m-logo .link-rt .spc img {
  width: .09rem;}






/*****新闻列表主板块********/

.out-box {
  width: 19.2rem;  
  background: url(../images/stu-bg.jpg) no-repeat right bottom;}
  
.main {
  width: 15.65rem;
  margin: 0 auto;
  padding: 0 0 2.3rem 0;
  background-size: 19.2rem;
  position: relative;
  z-index: 20;
  background: url(../images/lst-main-bg.jpg) repeat-x top;
  background-size: .1rem 9rem;
  min-height: 9rem;}

.main .lst-top {
  width: 13.15rem;
  height: 1.54rem;
  margin: 0 auto;
  background: url(../images/line.jpg) repeat-x bottom;  
  background-size: 3px 1px;}

.lst-top .top-lft {
  float: left;}

.top-lft .top-hd {
  float: left;
  padding: .78rem .1rem 0 0;}

.top-lft .top-hd img{
  width: .5rem;}

.top-lft .top-tit1{
  float: left;
  font-size: .31rem;
  font-weight: bold;
  letter-spacing: .03rem;
  padding: .82rem 0 0 0;}

.top-lft .top-spc1{
  float: left;
  padding: .8rem .15rem 0.1rem;}

.top-lft .top-spc img{
  width: .24rem;}

.top-lft .top-tit2{
  float: left;
  font-size: .25rem;
  font-weight: bold;
  letter-spacing: .02rem;
  padding: .60rem 0 0 0;}

  







.lst-top .top-rt {
  float: right;
  padding: 1rem .07rem 0 0;}

.top-rt .top-other {
  float: right;
  font-size: .18rem;
  display: block;
  text-decoration: none;
  color: black;}

.top-rt .top-other:hover {
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;}

.top-rt .top-spc2 {
  float: right;
  padding: 0 .23rem;
  font-size: .18rem;}


.main .lst-news-sgl, .main .lst-news-dbl {
  display: block;
  text-decoration: none;
  color: black;
  width: 13.15rem;
  height: 1.5rem;
  margin: 0 auto;
  background: url(../images/line.jpg) repeat-x bottom;  
  background-size: 2px 1px;}


.main .lst-news-sgl:hover,.main .lst-news-dbl:hover {
  box-shadow: .1rem .1rem .1rem rgba(0,0,0,.1);
  -webkit-transform: Scale(1.05,1.05);
  -moz-transform: Scale(1.05,1.05);
  transform: Scale(1.05,1.05);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;}


.lst-news-sgl .lst-lft,.lst-news-dbl .lst-lft {
  padding: .3rem 0 0 0;
  width: 100%;}


.lst-lft .news-tit {
  font-size: .22rem;
  font-weight: bold;
  letter-spacing: .02rem;
  padding: 0 0 .24rem .07rem;
  position: relative;}

.news-tit .tit-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;}

.lst-news-sgl .news-tit .tit-txt {
  width: 14rem;}

.lst-news-dbl .news-tit .tit-txt {
  width: 9rem;}  

.lst-lft .news-date {
  position: absolute;
  right: .85rem;
  top: -.02rem;
  background: #01cfe2;
  border-radius: 1rem;
  font-weight: normal;
  font-size: .18rem;
  letter-spacing: 0;
  color: white;
  padding: .03rem .2rem;}

.lst-lft .news-dtl {
  font-size: .16rem;
  line-height: .28rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 .75rem 0 .05rem;
  text-indent: .32rem;
  max-height: .8rem;
  position: relative;}

.news-dtl .dtl-ico {
  position: absolute;
  top: .09rem;
  left: -.23rem;}





.lst-news-sgl .lst-rt,.lst-news-dbl .lst-rt {
  padding: .37rem 0 0 0;}

.lst-rt .lst-pic {  
  width: 1.84rem;
  height: 1.84rem;
  margin: 0 .1rem 0 0;
  overflow: hidden;
  outline: .01rem white solid;}

.lst-rt .lst-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;}





/*****列表页码********/



.main .lst-page {
  width: 13.15rem;
  margin: 0 auto;
  text-align: center;
  padding: 1.05rem 0 0 0;
  font-size: .19rem;}




.lst-page .page-num {
  display: inline-block;
  position: relative;}

.lst-page .page-num a {
  text-decoration: none;
  color: black;
  padding: 0 .15rem;
  display: inline-block;}

.lst-page .page-num a:hover {
  color: #01cfe2;
  -webkit-transform: scale(1.5,1.5);
  -moz-transform: scale(1.5,1.5);
  transform: scale(1.5,1.5);}

.page-num .page-back {
  position: absolute;
  top: .05rem;
  left: -.6rem;}

.page-num .page-for {
  position: absolute;
  top: .05rem;
  right: -.6rem;}

.page-num .page-back img,.page-num .page-for img {
  width: .13rem;}






.lst-page .page-go {
  display: inline-block;
  font-size: .16rem;
  margin: 0 0 0 .65rem;}

.page-go .page-ipt {
  display: inline-block;
  width: .44rem;
  height: .28rem;
  border: 1px #9c9c9c solid;
  padding: 0;
  margin: 0 .05rem;
  line-height: .28rem;
  text-align: center;}

.page-go .page-sub {
  text-decoration: none;
  display: inline-block;
  background: #01cfe2;
  border-radius: 1rem;
  font-size: .18rem;
  color: white;
  letter-spacing: .03rem;
  padding: .03rem .17rem .03rem .2rem;
  margin: 0 0 0 .23rem;}

.page-go .page-sub:hover {
  -webkit-transform: scale(1.3,1.3);
  -moz-transform: scale(1.3,1.3);
  transform: scale(1.3,1.3);}
 
/*****底部版权等********/


.bot-bar {
  height: .58rem;
  background: #272727;}

.main-bot {
  width: 19.2rem;
  height: 4.74rem;
  background: #4d4d4d;}
  
.main-bot .bot-logo {
  width: 5.07rem;
  padding: 1.75rem 0 0 2.37rem;
  float: left;}

.main-bot .bot-logo img {
  width: 3.28rem;}

.main-bot .bot-link {
  float: left;
  width: 2.6rem;
  padding: 1.13rem 0 0 0;}

.bot-link .bot-sgl {
  display: block;
  float: left;
  width: 1.3rem;
  height: .52rem;
  color: #e2e2e2;
  line-height: .52rem;
  background: url(../images/line-grey.jpg) repeat-x bottom;
  font-size: .16rem;
  text-decoration: none;
  letter-spacing: .03rem;}

.bot-link .bot-sgl:hover {
  color: white;
  font-weight: bold;
  font-size: .16rem;}

.bot-link .bot-sgl .bot-hd {
  padding: 0 .1rem 0 .05rem;}


.main-bot .bot-info {
  width: 2.72rem;
  height: 1.92rem;
  margin: 0 0 0 1.2rem;
  padding: 1.29rem 0 0 0;
  border-bottom: .01rem #767676 solid;
  font-size: .14rem;
  color: #c2c2c2;
  line-height: .22rem;
  float: left;}

.bot-info .info1 {
  font-size: .22rem;
  font-weight: bold;
  letter-spacing: .03rem;
  color: #d9d9d9;}
.bot-info .info2 {
  padding: .18rem 0;}

.bot-info .info3 {}
.main-bot .bot-copy {
  margin: 0 0 0 1.05rem;
  width: 2.6rem;}

.main-bot .bot-copy {
  width: 6rem;
  margin: 0 0 0 1.05rem;
  padding: 1.29rem 0 0 0;
  font-size: .14rem;
  color: #939393;
  line-height: .22rem;
  float: left;}

.bot-copy .copy1 {
  padding:0;}

.bot-copy .copy2 {
  display: block;
  text-decoration: none;
  color: #939393;}

.bot-copy .copy2 img {
  width: .18rem;
  padding: .01rem .05rem 0 0;
  float: left;}

.bot-copy .copy3 {
  display: block;
  width: .8rem;
  padding: .05rem 0 .05rem 0;
  font-size: .16rem;
  text-decoration: none;}

.bot-copy .copy3 img {
  width: .73rem;
  padding: 0 0 0 0;}

.bot-copy .copy2:hover {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;}

.bot-copy .copy3:hover {
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;}

.bot-copy .copy4 {
  padding:0;}