.banner{height:3.12rem;background-size: cover;position: relative;background-position: center;}
.subnav a{display: inline-block;vertical-align: middle;width: 1.8rem;text-align: center;font-size:.16rem;color: #fff;padding: .24rem 0;position: relative;}
.subnav{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;font-size:0}
.subnav a:not(:last-child):after{content:"";height:.1rem;width: 1px;position: absolute;right: 0;top: 50%;margin-top: -.05rem;background: rgba(255,255,255,.52)}
.subnav a:before{content:"";width:0;transition: all .5s ease;height: .03rem;position: absolute;bottom: 0;left: 50%;background: #fff;}
.subnav a.on:before{width: 1.4rem;margin-left: -.7rem;}
.banner-txt{position: absolute;top: .9rem;left: 0;right: 0;text-align: center;}
.banner-txt .cn{font-size: .48rem;color: #fff;font-weight: bold;}
.banner-txt .en{font-size: .3rem;color: #fff;margin-top: .1rem;}

.videocon{padding: .48rem 0 1.3rem}
.videocon .row{margin: 0 -.24rem}
.videocon .col{float: left;width: 25%;padding:0 .2rem;margin-bottom: .4rem;}
.videocon .item{display: block;transition: all .5s ease;padding:2vw; box-shadow: 0px 0.08rem 0.15rem 0px rgba(0, 0, 0, 0.1);}
.videocon .item .title{font-size: .16rem;color: #333;margin-bottom: .15rem;margin-top: .22rem;height:.44rem;}
.videocon .item .time{font-size: .16rem;font-family: "DIN";color: #333}
.videocon .item .imgbox{position: relative;}
.videocon .item .imgbox img{margin:0 auto}
.videocon .item .imgbox .playbox{position: absolute;width: .6rem;height: .6rem;left: 50%;top: 50%;margin-left: -.3rem;margin-top: -.3rem;}
.videocon .item .imgbox .playbox .img1{position: absolute;width: .15rem;top: 50%;margin-top: -.09rem;left:50%;margin-left: -.06rem}
.videocon .item .imgbox .playbox .img2{animation: rotate0 2s ease infinite;}
@keyframes rotate0 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); }
     }

.downcon .row{margin: 0 -.24rem;}
.downcon .col{padding: .24rem;float: left;width: 33.333%;}
.downcon .item{display: block;padding: .18rem .24rem .2rem .24rem;border-radius: .08rem;box-shadow: 0px .04rem .15rem 0px rgba(0, 0, 0, 0.1);transition: all .5s ease}
.downcon{padding: .24rem 0 1.05rem;}
.downcon .item .time{margin-bottom: .1rem;font-size: .14rem;font-family: "DIN";color: #333;transition: all .5s ease}
.downcon .item .title{font-size: .24rem;color:#333;font-weight: bold;transition: all .5s ease;height: .92rem;}
.downcon .item .bottom{display: flex;align-items: center;}
.downcon .item .bottom .txt{font-size: .14rem;color: #666;transition: all .5s ease}
.downcon .item .bottom .down1 img{display: inline-block;vertical-align: middle;margin-right: .06rem;}
.downcon .item .bottom .down1 span{display: inline-block;vertical-align: middle;font-size:.14rem;color: #478da3;cursor: pointer;}
.downcon .item .bottom .down1{width: .9rem;text-align: center;line-height: .32rem;border:1px solid #478da3;border-radius: .4rem;background: #fff}
.downcon .pagelist{margin-top: .5rem}
.knowcon{padding: .15rem 0 1.05rem} 
.knowcon .row{margin: 0 -.16rem;}
.knowcon .col{float: left;width: 25%;padding: .15rem .16rem;}
.knowcon .item{padding: .1rem;box-shadow: 0px .04rem .15rem 0px rgba(0, 0, 0, 0.1);border-radius: .08rem;transition: all .5s ease;display: block;}
.knowcon .item .content{padding: .2rem .16rem .3rem;}
.knowcon .item .imgbox img{width:100%;height:100%;object-fit:cover}
.knowcon .item .time{margin-bottom: .1rem;font-size: .16rem;color: #333333;font-family: "DIN"}
.knowcon .item .title{margin-bottom: .2rem;font-size: .2rem;color: #000;line-height: 1.5;transition: all .5s ease}
.knowcon .item .content p{font-size: .16rem;color: #666;line-height: .24rem;height:.48rem;}
.knowcon .pagelist{margin-top: .85rem;}

.knowdetails{background: #fbfbfb;padding: .48rem 0 7.5vw;}
.know2box{background: #fff;padding:0 9vw;box-shadow: 0.349px 9.994px 30px 0px rgba(179, 179, 179, 0.15);padding-bottom: .75rem}
.know2box .top{text-align: center;padding: .7rem 0 .4rem;border-bottom: 2px solid #cccccc}
.know2box .jump .item{float: left;width: 50%;text-align: center;background: #f8f8f8;line-height: .7rem;transition: all .5s ease;font-size: 0}
.know2box .jump .item span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;transition: all .5s ease;}
.know2box .jump .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.know2box .jump .item:nth-child(1) .txt{margin-left:1.75vw}
.know2box .jump .item:nth-child(2) .txt{margin-right: 1.75vw}
.know2box .top .h1{font-size: .34rem;color: #2f2f2f;}
.know2box .top .h2{font-size: .14rem;color: #2f2f2f;margin-top: .2rem;}
.know2box .content{padding: .2rem 0}
.know2box .content video{display: block;width: 100%}


.logincon{height: 100vh;background: url(../images/city.jpg);background-size: cover;background-position: center;}
.loginbox{width: 5.6rem;height: 6.2rem;padding: 0 .8rem;background: #fff;position: fixed;left: 50%;top: 50%;margin-left: -2.8rem;margin-top: -3.1rem;padding-top: .5rem;box-shadow: 0px .06rem .27rem 0px rgba(123, 123, 123, 0.22);border-radius: .16rem}
.loginbox .logoimg{width:1rem;margin:0 auto;margin-bottom:.25rem}


.loginbox .btn1{font-size: .18rem;margin-top:.5rem;background: #33a9c1;color: #fff;display: block;border-radius:.06rem;line-height: .54rem;width: 100%}
.loginbox input{margin-top: .32rem;height: .52rem;padding: 0 .2rem;border: 1px solid #acacac;display: block;width: 100%;border-radius: .08rem;font-size: .16rem;color: #888}
.loginbox .title{padding: .38rem 0 .3rem;text-align: center;position: relative;font-size:.24rem;color: #333;font-weight: bold;}
.loginbox .title:after{content:"";width: .9rem;height: 2px;background:#33a9c1;position: absolute;left: 50%;margin-left: -.45rem;top: 0}
.logincon .wavebox{position: absolute;bottom: 0;left: 0;height:2rem;overflow: hidden;width: 100%;display: none;}

.logincon .wavebox>div{position: absolute;width: 200%;height: 100%;background-size: 100% 100%;transform-origin: center bottom;}
.logincon .wave1{animation: move_wave 10s infinite linear;}
.logincon .wave2{animation: move_wave 15s infinite linear;}
.search .box{max-width: 8.6rem;margin: 0 auto;}
.search{padding: 1rem 0}
.search-top{max-width: 4.8rem;margin: 0 auto;display: flex;margin-bottom: .3rem}
.search-top input{font-size: .16rem;color: rgb(51, 51, 51);height: .48rem;flex: 1;border: 1px solid #478da3;border-right: 0;padding: 0 .18rem}
.search-top .btn1{width: 1rem;background: #478da3;padding: 0;height: .48rem}
.search-top .btn1 img{margin: 0 auto;width: .2rem}
.search .result{font-size: .15rem;color: rgb(51, 51, 51);text-align: center;margin-bottom: .65rem}
.search .item{display: flex;align-items: center;padding: .1rem 0;border-bottom: 1px solid #478da3}
.search .item .title{font-size: .14rem;line-height:20px;padding-left: 2px;padding-right: .16rem;border-right: 1px solid #dadada}
.search .item .content{flex: 1;font-size: .16rem;color: rgb(51, 51, 51);padding: 0 .15rem}
.search .item .content span{color:#478da3 }
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    25% {
        transform: translateX(-25%) translateZ(0) scaleY(0.7)
    }
    50% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
    75% {
        transform: translateX(-25%) translateZ(0) scaleY(0.7)
    }
    100% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
}
@media (min-width: 1000px){
	.subnav a:hover:before{width: 1.4rem;margin-left: -.7rem;}
	.videocon .item:hover{background: #478da3;}
	.videocon .item:hover .title, .videocon .item:hover .time{color: #fff;}
	.knowcon .item:hover{transform: translateY(-5px);}
	.knowcon .item:hover .title{color: #478da3}
	.know2box .jump .item:hover{background: #478da3}
	.know2box .jump .item:hover span{color: #fff}
	.downcon .item:hover{background: #478da3}
	.downcon .item:hover .time{color: #fff}
	.downcon .item:hover .title{color: #fff}
	.downcon .item:hover .txt{color: #fff}
}
@media (max-width: 1300px){
	.knowcon .col{width: 33.33%}
}

@media (max-width: 1000px){
	.downcon .col{width: 50%;}
}
@media (max-width: 767px){
    .banner{height:250px}
	.logincon .wavebox{display: none;}
	.loginbox{width: 90vw;margin-left: -45vw}
	header{padding: 0 15px!important;}
	header .logo{max-width:42vw}
	.loginbox .title{font-size: 16px;padding-bottom: .1rem}
	.loginbox input{height:36px;font-size: 14px;}
	.loginbox .btn1{font-size: 14px;line-height: 36px;}
	.videocon .col{width: 50%;margin-bottom:0;padding:7.5px}
	.videocon .item{padding:.2rem}
	.videocon .item .title{font-size: 14px;margin: .2rem 0;height:40px}
	.videocon .item .time{font-size: 13px;}
	.videocon .row{margin:0 -7.5px}
	.videocon{padding-bottom:.8rem}
	.know2box{padding: 0 5vw;padding-bottom: 5vw}
	.know2box .top .h2{font-size: 13px;}
	.know2box .top .h1{font-size:18px;line-height: 1.333}
	.know2box .top{padding: .4rem 0}
	.knowcon .col{width: 50%}
	.knowcon .item .time{font-size: 13px;}
	.knowcon .item .title{font-size: 14px;}
	.knowcon .item .content p{font-size: 13px;}
	.knowcon .pagelist{margin-top: .5rem}
	.know2box .jump .item{width: 100%}
	.downcon .col{width: 100%}
	.downcon .item{padding: .3rem}
	.downcon .item .time{font-size: 13px;}
	.downcon .item .title{font-size: 16px;}
	.downcon .item .bottom .txt{font-size: 12px;}
	.downcon .item .bottom .down1{width: 1.2rem;line-height:.4rem;}
	.downcon .item .bottom .down1 span{font-size: 12px;}
	.subnav{padding:0 15px}
	.subnav a{font-size:13px;width: 33.33%;display:block;float:left;}
	.subnav a:last-child:after{    content: "";
    height: .1rem;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.05rem;
    background: rgba(255,255,255,.52);}
	.subnav a:nth-child(3n):after{display:none;}
	.search-top input{height: .6rem;font-size: 14px}
	.search-top .btn1{height: .6rem;}
	.search-top .btn1 img{width: .24rem}
	.search .result{font-size: 13px}
	.search .item .title{font-size: 13px;}
	.search .item .content{font-size: 13px;line-height: 1.5}
}

.indexbox{padding:.6rem 0;background: url(../images/indexbg.jpg);background-position: center;background-size: cover;}
.indexbox .col{float: left;width: 33.33%;padding:.3rem}
.indexbox .row{margin:-.3rem}
.indexbox .item{display: block;transition: all .3s ease;border: 1px solid #e6e6e6;}
.indexbox .item .content{padding: .22rem .18rem;border-top:1px solid #e6e6e6;}
.indexbox .item .h1{font-size: .22rem;color: #222}
.indexbox .item .h2{font-size: .14rem;color: #999;margin-top: .12rem;position: relative;}
.indexbox .item .h2:after{content:"";width:14%;height: 1px;position: absolute;background: #9a6e42;right:-.03rem;top: 50%;transition: all .3s ease}
.centerbox{max-width:9.48rem;margin:0 auto;}
@media (min-width:1000px){
   .indexbox .item:hover{transform: translateY(-5px);box-shadow: 0px 0px 10px 2px rgba(0,0,0,.15)}
   .indexbox .item:hover .h2:after{width:28%}
}

@media (max-width: 767px){
	.indexbox .col{width: 50%;padding: 7.5px}
	.indexbox .item .h1{font-size: 14px;}
	.indexbox .item .h2{font-size: 12px}
	.indexbox .row{margin:-7.5px}
}