@charset "utf-8";
@font-face
{
    font-family: fzdhjt;
    src: url(../font/FZDHTJW.TTF);
}
/*banner*/
#banner header{
    top: 0;
    z-index: 1;
}
#banner header .h-right ul li a{
    font-family: Regular,"等线";
}
#banner .shuffling{
    /*height: 914px;*/
    background-color: #f6f6f6;
}
/*#banner .shuffling ul li{
    width: 1903px;
}*/
#banner .shuffling .logo{
    bottom: 2.2%;
    left: 4.3%;
    width: 28%;
    height: 13%;
    z-index: 2;
    opacity: 0;
}
#banner .shuffling .bottom{
    bottom: 0;
    z-index: 1;
}
#banner .shuffling .left{
    top: 0;
    left: -443px;
    width: 23%;
    height: 99.6%;
}
#banner .shuffling .title{
    top:32%;
    left:20% ;
    opacity: 0;
}
#banner .shuffling .title h2{
    margin-bottom: 17px;
    color: #fff;
    font-size: 64px;
    font-family: fzdhjt;
    /*font-weight: bolder;*/
    text-indent: 12px;
}
#banner .shuffling .title p:nth-of-type(1){
    margin-bottom: 39px;
    color: white;
    font-size: 47px;
    font-family: Regular,"方正兰亭纤黑简体";
    text-indent: 10px;
}
#banner .shuffling .title p:nth-of-type(2){
    width: auto;
    display: inline-block;
    margin-left: 2.5%;
    padding: 8px 15px;
    background-color: white;
    color: #1158c2;
    font-size: 37px;
    font-family: Regular,"方正黑体_utf-8";
}
#banner .shuffling .title p:nth-of-type(2) span{
    margin-left: 20px;
}
#banner .shuffling .title1{
    top:32%;
    right:80% ;
    width: 22.8%;
    opacity: 0;
}
#banner .shuffling .title1 img{
    height: auto;
}
#banner .shuffling .title2{
    top:32%;
    left:60% ;
    width: 28.1%;
    opacity: 0;
}
#banner .shuffling .title2 img{
    height: auto;
}
#banner .shuffling .pager {
    bottom: 5%;
    right: 40%;
}
#banner .shuffling .pager li{
    width:20px;
    height: 20px;
    border-radius: 50%;
    background-color: #eee;
}
#banner .shuffling .pager li + li{
    margin-left: 10px;
}
#banner .shuffling .pager li.on{
    background-color: #449c4a;
}
    /*content*/
#content{
    padding-top: 163px;
    background-color: #f6f6f6;
}
/*scenery*/
#content .scenery{
    width: 1202px;
}
#content .scenery .left{
    width: 515px;
    height: 342px;
}
#content .scenery .left div{
    overflow: hidden;
    transform: rotate(-45deg);
}
#content .scenery .left div img{
    transition: .3s;
}
#content .scenery .left div:nth-child(1){
    top: 50%;
    left: 51px;
    margin-top: -120px;
    width: 241px;
    height: 241px;
    box-shadow: -3px 2px 30px #edf0ed;
}
#content .scenery .left div + div{
    width: 117px;
    height: 117px;
}
#content .scenery .left div:nth-child(2){
    top: 50%;
    right: 23px;
    margin-top: -58px;
}
#content .scenery .left div:nth-child(3){
    right: 110px;
    bottom: 200px;
}
#content .scenery .left div:nth-child(4){
    top: 200px;
    right: 110px;
}
#content .scenery .right{
    width: 557px;
    z-index: 1;
}
#content .scenery .right h2{
    width: 382px;
    height: 80px;
    margin-left: 560px;
    background: url("../img/titile1.png") no-repeat center top/100%;
    opacity: 0;
}
#content .scenery .right p{
    margin-top: 42px;
    margin-bottom:50px ;
    color: #363636;
    font-size: 16px;
    font-family: Regular,"等线";
    line-height: 30px;
    text-indent: 32px;
    text-align: justify;
}
#content .scenery .right a{
    padding: 14px 49px;
    background-color: #449c4a;
    color: white;
    font-size: 16px;
    font-family: Regular,"微软雅黑";
}
#content .scenery .map{
    top: 208px;
    right: 0;
    width: 430px;
    height: 230px;
    background:url("../img/bg-map.png")  no-repeat center top/100%;
    z-index: 0;
}
/*number*/
#content .number{
    width: 1202px;
    margin-top: 87px;
}
#content .number ul{
    justify-content: space-between;
}
#content .number ul li{
    width: 232px;
    padding: 30px 30px 24px 35px;
    background-color: #eee;
    text-align: center;
    border-radius: 30px;
}
#content .number ul li:nth-child(2),
#content .number ul li:nth-child(3){
    width: 161px;
}
#content .number ul li div{
    background-image:linear-gradient(to right,#177b3c,#63b352);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 50px;
    font-weight: bold;
}
#content .number ul li i{
    color: #7f7f7f;
    font-style:normal ;
    font-family: "Adobe 黑体 Std R";
    font-size: 26px;
}
#content .number ul li p{
    color: #7f7f7f;
    font-size: 16px;
    font-family: Regular,"等线";
}
/*piclist*/
#content .piclist h2{
  /*  width: 143px;
    height: 73px;*/
    background: url("../img/titile3.png") no-repeat center/100%;
}
#content .piclist{
    width: 1823px;
    margin-top: 121px;
}
#content .piclist ul{
    justify-content: space-between;
    flex-wrap: wrap;
}
/*#content .piclist ul + ul{
    margin-top: 14px;
}*/
#content .piclist ul li{
    width: 444px;
    height: 287px;
    margin-bottom: 14px;
    overflow: hidden;
}
#content .piclist ul li img{
    transition: .3s;
}
#content .piclist ul li div{
    top: 0;
    left: 0;
    text-align: center;
}
#content .piclist ul li div p{
    color: white;
    font-size: 22px;
    font-family: Regular,"微软雅黑";
    line-height: 287px;
}
#content .piclist ul:nth-of-type(1) li:nth-child(2) div{
    background-color: rgba(44,159,239,.9);
}
#content .piclist ul:nth-of-type(1) li:nth-child(4) div{
    background-color: rgba(238,238,238,.9);
    color: black;
}
#content .piclist ul:nth-of-type(2)  li:nth-child(1) div{
    background-color: rgba(44,159,239,.9);
}
#content .piclist ul:nth-of-type(2)  li:nth-child(3) div{
    background-color: rgba(115,217,90,.9);
}
#content .piclist ul:nth-of-type(3)  li:nth-child(2) div{
    background-color: rgba(115,217,90,.9);
}
#content .piclist ul:nth-of-type(3)  li:nth-child(4) div{
    background-color: rgba(44,159,239,.9);
}
/*scientific*/
#content .scientific{
    height:830px ;
    background: url("../img/500588434.png") no-repeat center bottom/100%;
}
#content .scientific .center{
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 1202px;
    height: 403px;
}
#content .scientific .center > ul > li{
    width: 368px;
    transition: .3s;
}
#content .scientific .center > ul > li:nth-child(1),
#content .scientific .center > ul > li:nth-child(2){
    top: 40px;
}
#content .scientific .center > ul > li:nth-child(1):hover,
#content .scientific .center > ul > li:nth-child(2):hover{
    top: 30px;
}
#content .scientific .center > ul > li:nth-child(2){
    right: 0;
}
#content .scientific .center > ul > li:nth-child(3),
#content .scientific .center > ul > li:nth-child(4){
    bottom: 40px;
}
#content .scientific .center > ul > li:nth-child(3):hover,
#content .scientific .center > ul > li:nth-child(4):hover{
    bottom: 50px;
}
#content .scientific .center > ul > li:nth-child(4){
    right: 0;
}
#content .scientific .center > ul > li h3{
    color: #646464;
    font-family: 等线;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}
#content .scientific .center > ul > li p{
    color: #535353;
    font-size: 17px;
    font-family: Regular,"等线";
    text-indent: 34px;
    line-height: 35px;
}
#content .scientific .center .round{
    left: 50%;
    width: 403px;
    height: 403px;
    margin-left: -201.5px;
    background: url("../img/yuan.png") no-repeat center/100%;
}
#content .scientific .center .round h4{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:111px ;
    height: 242px;
    z-index: 1;
    /*background: url("../img/microscope.png") no-repeat center top/100%;*/
}
#content .scientific .center .round ul {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    height: 200px;
}
#content .scientific .center .round ul li{
    height: 200px;
    color: transparent;
    -webkit-background-clip: text;
    background-image:linear-gradient(to right,#177b3c,#63b352);
    font-size: 77px;
    font-weight: bolder;
    text-align: center;
}
#content .scientific .center > p{
    top: 50%;
    width: 368px;
    height: 22px;
    margin-top: -11px;
    background-color: #47c558;
}
#content .scientific .center > p:nth-of-type(2){
    right: 0;
}
/*news*/
#content .news{
    padding-top: 80px;
    background-color: white;
}
#content .news .n-content{
    width: 1202px;
    margin-bottom: 100px;
}
#content .news .n-content h3{
    width: 143px;
    height: 73px;
    margin-bottom: 98px;
    background: url("../img/title2.png") no-repeat center top/100%;
}
#content .news .n-content .left{
    width: 575px;
}
#content .news .n-content .left .img{
    height: 255px;
    overflow: hidden;
    margin-bottom: 34px;
}
#content .news .n-content .left .img img{
    transition: .3s;
}
#content .news .n-content .left .date{
    top: 0;
    left: 0;
    width: 113px;
    height: 95px;
    background-color:#46c558 ;
    color: white;
    text-align: center;
}
#content .news .n-content .left .date span{
    font-size: 67px;
    font-family: Regular , "等线";
}
#content .news .n-content .left .date p{
    font-size: 20px;
    font-family: Light , "等线";
}
#content .news .n-content .left h4{
    margin-bottom: 15px;
    color: #585858;
    font-family: Regular,"黑体";
    font-size: 20px;
    font-weight: bold;
}
#content .news .n-content .left > p{
    margin-bottom: 36px;
    color: #8d8d8d;
    font-family: Regular , "等线";
    font-size: 16px;
}
#content .news .n-content .left > a{
    padding: 13px 32px;
    background-color: #46c558;
    color: white;
    font-size: 17px;
}
#content .news .n-content .right ul{
    width: 551px;
}
#content .news .n-content .right ul li{
    margin-bottom: 30px;
    padding-bottom:30px ;
    border-bottom: 1px solid #8d8d8d;
    color: #818181;
}
#content .news .n-content .right ul li .date{
    text-align: center;
}
#content .news .n-content .right ul li .date span{
    font-size: 78px;
    font-family: Regular , "等线";
}
#content .news .n-content .right ul li .date p{
    font-size: 20px;
    font-family: Light , "等线";
}
#content .news .n-content .right ul li .r-content{
    width: 439px;
    margin-top: 20px;
    transition: margin-top .3s;
}
#content .news .n-content .right ul li .r-content h4{
    margin-bottom: 10px;
    color: #585858;
    font-family: Regular,"黑体";
    font-size: 20px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#content .news .n-content .right ul li .r-content p{
    color: #8d8d8d;
    font-family: Regular , "等线";
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}