@font-face
{font-family: DIN;
src: url(../../../../9842/zszt/css/din-medium.jpg)}

/* @font-face
{font-family: SourceHanSerifCN;
src: url('SourceHanSerifCN-Medium-6.otf')} */


*{box-sizing:border-box;color:#333;font-size: .16rem;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:"microsoft yahei",'PingFang SC','PingFangMedium';}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none;}
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{margin:0 auto;max-width: 14rem;width: 96%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
html{font-size: 5.2083vw;}

::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

/* 公共 */
.head{padding:0 .8rem;height: 1.2rem;position: fixed;width: 100%;left: 0;top: 0;z-index:100;}
.head.scroll{background-color: rgba(0, 0, 0, 0.6);}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;max-width: 100%;padding: 0;}
.hd-logo{font-size: 0.36rem;color:#fff;display: flex;align-items: center;letter-spacing: .03rem;font-weight: bold;}
.hd-logo .img{height: 0.73rem;width: auto;margin-right: 0.2rem;}

.hd-t{display: flex;align-items: center;justify-content: flex-end;}
.hd-home{width: 0.95rem;line-height: 0.3rem;font-size: 0.14rem;color:rgba(255,255,255,.5);border-radius:.2rem;text-align: center;display: inline-block;vertical-align: middle;border: 1px solid rgba(255, 255, 255, 0.5);}
.hd-home:hover{color:#fff;background-color: #1c3d77;border-color:#1c3d77;}

.hd-sear{margin-left: 0.15rem;}
.hd-sear .boxx{width: 1.95rem;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: .2rem;background-color: rgba(255,255,255,.1);display: flex;align-items: center;}
.hd-sear .ipt-txt{width: 100%;line-height: 0.3rem;font-size: 0.14rem;color:#fff;background:transparent;padding:0 .1rem;}
.hd-sear .submit{width: 0.3rem;height: 0.3rem;background:url(../image/icon_01.png) no-repeat center;background-size:.16rem;cursor: pointer;border:none;margin-right: 0.07rem;}





.hd-nav{text-align: right;height: 100%;white-space: nowrap;}
.hd-nav li{display: inline-block;vertical-align: middle;margin-left: 0.5rem;position: relative;}
.hd-nav li>a{display: block;font-size: 0.2rem;color:#fff;position: relative;line-height: .5rem;font-weight: bold;padding-bottom: 0.1rem;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color: #1c3d77;}


.hd-nav .drop{width: 1.4rem;position: absolute;left: 50%;transform: translate(-50%,0) scaleY(0);visibility: hidden;opacity: 0;transition: all .3s ease 0s;transform-origin: center top;z-index:100;}
.hd-nav .drop::before{content:'';position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 .08rem .08rem .08rem;border-color: transparent transparent #1c3d77 transparent;left: 50%;top: -.06rem;transform: translate(-50%,0);display: none;transition: all 0s;}

.hd-nav .dropbox{background-color: #1c3d77;box-shadow: .02rem .03rem .06rem 0 rgba(43, 0, 0, 0.3);position: relative;}
.hd-nav .lk{display: block;font-size: 0.15rem;color:#fff;text-align: center;line-height: 0.55rem;border-bottom:1px dashed rgba(255,255,255,.4);}
.hd-nav .lk:last-child{border:none;}
.hd-nav .lk:hover{opacity: .85;}
.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: translateX(-50%) scaleY(1);}
.hd-nav li:hover .drop::before{display: block;}






.foot{position: relative; padding:4rem 0 .5rem;background:url(../image/ft_01.png) no-repeat center;background-size:cover;margin-top: -1.15rem;}
.foot .wrap{display: flex;align-items: center;justify-content: space-between;}
.ft-xx .logo{font-size: 0.36rem;color:#fff;font-weight: bold;display: flex;align-items: center;}
.ft-xx .logo .tp{height: 0.73rem;width: auto;}
.ft-xx .logo .x{width: 1px;height: 0.52rem;background-color: #fff;margin:0 .15rem;}
.ft-xx .txt{font-size: 0.16rem;color:#fff;margin-top: 0.25rem;}
.ft-xx .txt span{margin-right: 0.2rem;}

.ft-wx{display: flex;}
.ft-wx .grp{width: 1rem;margin-left: 0.15rem;}
.ft-wx .img{width: 100%;display: block;}
.ft-wx .fz{font-size: 0.16rem;color:#fff;margin-top: 0.1rem;text-align: center;}



/* index */
.idx-ban .item{height: 100vh;overflow: hidden;}
.idx-ban .swiper-slide-active .item .img{animation:changeBiger 5s linear forwards;animation-delay:0s; -webkit-animation-delay:0s; transform: scale(1.1);}
@keyframes changeBiger {
    0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}

.idx-ban .swiper-pagination{display: none;}
.idx-ban .swiper-button{width: 0.56rem;height: 0.66rem;background:url(../image/icon_02.png) no-repeat center rgba(26, 26, 26, 0.5);background-size:.36rem;}
.idx-ban .swiper-button-prev{left: 8%;}
.idx-ban .swiper-button-next{transform: rotate(180deg);right: 8%;}
.idx-ban .swiper-button:hover{background-color: #1c3d77;}

.idx-tt{height: 1rem;display: flex;align-items: center;position: relative;margin-bottom: 0.4rem;}
.idx-tt .bt{font-size: 0.36rem;color:#333;font-weight: bold;padding-left: 0.4rem;position: relative;}
.idx-tt .bt em{color:#1c3d77;}
.idx-tt .bt::before{content:'';position: absolute;width: 1rem;height: 1rem;border-radius:50%;opacity: 0.2;background: linear-gradient(114deg, #1c3d77 12%, rgba(255, 255, 255, 0) 92%);margin-top: -0.5rem;left: 0;top: 50%;transform: rotate(40.22deg);}
.idx-tt .more{font-size: 0.16rem;color:#9E9E9E;position: absolute;right: 0;top: 50%;line-height: 0.4rem;margin-top: -0.2rem;}
.idx-tt .more::after{content:'';width: 0.36rem;height: 0.11rem;background:url(../image/idx_08.png) no-repeat center;background-size:contain;display: inline-block;vertical-align: middle;margin-left: 0.06rem;}
.idx-tt .more:hover{color:#1c3d77;}

.idx-tt.white .bt{color:#fff;}
.idx-tt.white .bt::before{opacity: 0.2;background: linear-gradient(114deg, #FFFFFF 12%, rgba(255, 255, 255, 0) 92%);}
.idx-tt.white .more{color:#fff;}
.idx-tt.white .more::after{background-image:url(../image/idx_08-1.png);}
.idx-tt.white .more:hover{opacity: .85;}



.idx-intro{padding:.6rem 0;}
.idx-intro .idx-tt{justify-content: center;}
.idx-intro .detail{display: flex;align-items: flex-start;}
.idx-intro .info{flex:1;overflow: hidden;margin-right: 0.4rem;}
.idx-intro .txt{font-size: 0.18rem;color:#333333;line-height: 0.3rem;-webkit-line-clamp: 10;text-indent: 2em;}
.idx-intro .bot{display: flex;align-items: center;justify-content: space-between;margin-top: 0.5rem;}
.idx-intro .readmore{font-size: 0.18rem;color:#1c3d77;display: flex;align-items: center;justify-content: center;width: 1.54rem;height: 0.51rem;background:url(../image/idx_21.png) no-repeat center;background-size:100% 100%;}
.idx-intro .readmore:hover{background-color: #1c3d77;color:#fff;}
.idx-intro .vr{border-radius: .3rem;background: #e8c589;width: 1.62rem;height: 0.47rem;display: flex;align-items: center;justify-content: center;font-size: 0.18rem;color:#fff;}
.idx-intro .vr .ic{width: 0.26rem;margin-right: 0.08rem;}
.idx-intro .vr:hover{background-color: #1c3d77;}
.idx-intro .videobox{width: 7.55rem;height: 4.25rem;}
.idx-intro .video{width: 100%;height: 100%;}


.idx-s1{padding:.4rem 0 .75rem;}
.idx-s1 .wrap{display: flex;justify-content: space-between;}
.idx-gg{width: 6.75rem;}
.idx-gg .idx-tt{margin-bottom: .15rem;}
.idx-gg .list{position: relative;}
.idx-gg .list li{height: 1.08rem;position: relative;}
.idx-gg .list .box{height: 100%;display: flex;align-items: center;}
.idx-gg .list .date{width: 0.9rem;text-align: center;position: relative;position: relative;}
.idx-gg .list .date::after{content:'';position: absolute;right: 0;top: 50%;width: 1px;height: 0.45rem;background-color: #fff;transform: translate(0,-50%);}
.idx-gg .list .date::before{content:'';position: absolute;width: 0.17rem;height: 0.17rem;background:url(../image/idx_03.png) no-repeat center;background-size:contain;top: 50%;transform: translate(0,-50%);right: -0.08rem;z-index:20;}
.idx-gg .list .fz1{font-size: 0.26rem;color:#1c3d77;font-weight: bold;}
.idx-gg .list .fz2{font-size: 0.14rem;color:#9E9E9E;margin-top: 2px;}
.idx-gg .list .title{font-size: 0.18rem;color:#333333;-webkit-line-clamp: 2;padding:0 .25rem;flex:1;overflow: hidden;}
.idx-gg .list li::after{content:'';position: absolute;left: 1.15rem;right: 0;bottom: 0;border-bottom:1px dashed #F5F5F5;}

.idx-gg .list::before{content:'';position: absolute;left: 0.9rem;top: .1rem;bottom: .1rem;width: 1px;background-color: #F5F5F5;}
.idx-gg .list li:last-child::after{display: none;}
.idx-gg .list li:hover{background-color: #1c3d77;}
.idx-gg .list li:hover *{color:#fff;}
.idx-gg .list li:hover .date::before{display: none;}


.idx-bm{width: 7.08rem;height: 5.91rem;background:url(../image/idx_05.png) no-repeat center;background-size:100% 100%;padding:1px 0 0;margin-top: 0.35rem;}
.idx-bm .t-tit{width: 2.66rem;height: 0.68rem;background:url(../image/idx_04.png) no-repeat center;background-size:100% 100%;display: flex;align-items: center;justify-content: center;font-size: 0.36rem;color:#fff;font-weight: bold;margin:-.2rem auto 0;}
.idx-bm .box{padding:.5rem 1rem 0 1.2rem;}
.idx-bm .row{margin-bottom: 0.2rem;display: flex;align-items: center;}
.idx-bm .tit{font-size: 0.18rem;color:#333333;width: 0.65rem;}
.idx-bm .info{flex:1;overflow: hidden;}
.idx-bm .ipt{border-radius:.05rem;border:1px solid #DEDEDE;height: 0.55rem;line-height: 0.55rem;width: 100%;font-size: 0.18rem;padding:0 .2rem;}
.idx-bm .select{appearance: none;-webkit-appearance: none;background:url(../image/icon_03.png) no-repeat 95% center;background-size:.12rem;}
.idx-bm .submit{margin:0;font-size: 0.2rem;color:#fff;background-color: #1c3d77;width: 100%;line-height: 0.55rem;border-radius:.05rem;border:none;cursor: pointer;}


.idx-s2{background:url(../image/idx_20.png) no-repeat center bottom;background-size:cover;}

.idx-ad .img{width: 100%;display: block;}

.idx-advan{padding:.65rem 0 1.1rem;}
.idx-advan .idx-tt{justify-content: center;}
.idx-advan .list{display: flex;flex-wrap: inherit;justify-content: space-between;flex-wrap: wrap;margin-top: -0.55rem;}
.idx-advan .list .item{width: 48%;display: flex;background-color: #F6F6F6;margin-top: 0.55rem;}
.idx-advan .list .imgbox{width: 50%;max-width: 2.96rem;height: 2.48rem;}
.idx-advan .list .info{flex:1;overflow: hidden;padding:.2rem .3rem;}
.idx-advan .list .title{font-size: 0.2rem;color:#333;font-weight: bold;line-height: 0.55rem;border-bottom:1px solid #D8D8D8;position: relative;-webkit-line-clamp: 1;}
.idx-advan .list .title::after{content:'';position: absolute;left: 0;bottom: -.01rem;width: 0.4rem;height: 0.03rem;background-color: #1c3d77;}
.idx-advan .list .smtit{font-size: 0.18rem;color:#333333;font-weight: bold;margin-top: 0.12rem;}
.idx-advan .list .txt{font-size: 0.14rem;color:#666666;line-height: 0.28rem;-webkit-line-clamp: 5;margin-top: 0.13rem;}






.idx-sp{padding:.65rem 0 1rem;background:url(../image/idx_08.jpg) no-repeat center;background-size:cover;}
.idx-sp .idx-tt{justify-content: center;}
.idx-sp .detail{padding: 0.2rem 0.1rem 0.2rem 0.2rem;display: flex;background: rgba(255, 255, 255, 0.2);}
.idx-sp .imgbox{height: 4.9rem;width: 64%;}
.idx-sp .info{flex:1;overflow: hidden;padding:0 .3rem 0 .4rem;height: 4.9rem;position: relative;}
.idx-sp .list{margin-left: -0.2rem;display: flex;flex-wrap: wrap;text-align: center;padding-top: 0.25rem;}
.idx-sp .lk{display: inline-block;vertical-align: middle;font-size: 0.18rem;color:#fff;border: 1px solid rgba(255, 255, 255, 0.4);width: 100%; min-width: 1.85rem;line-height: 0.53rem;margin:0 0 .25rem 0rem;}
.idx-sp .lk:hover{background: #e8c589;font-weight: bold;border-color:#e8c589;}

.zl-scrollBarBox{
    height:100%;
    position:absolute;
    background:transparent;
    display: none;}
.zl-scrollBar{
    position:absolute;
    left:0;
    top:0;
    background: rgba(255, 255, 255, 0.5);
    transition:background 0.3s;}
.zl-scrollBar.zl-verticalBar{
    min-height:10px;}

.zl-scrollBar.zl-horizontalBar{
    min-width:10px;}
.zl-scrollBar:hover{
    background:#000;}
.zl-scrollContentDiv{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    top:0;
    left:0;}

.idx-s3{}
.idx-s3 .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}


.idx-rz{padding:.7rem 0 1rem;}
.idx-rz .idx-tt{justify-content: center;}
.idx-rz .detail{position: relative;}
.idx-rz .item{height: 2rem;overflow: hidden;border: 1px solid #D9D9D9;}
.idx-rz .item:hover .img{transform: scale(1.1,1.1);}

.idx-rz .swiper-pagination{display: none;}
.idx-rz .swiper-container{position: static;}
.idx-rz .swiper-button{width: 0.38rem;height: 0.38rem;background:url(../image/idx_18.png) no-repeat center;background-size:contain;margin-top: -0.19rem;}
.idx-rz .swiper-button-prev{left: -0.6rem;}
.idx-rz .swiper-button-next{right: -0.6rem;transform: rotate(180deg);}


.idx-s3{padding-bottom: 1.8rem;background:url(../image/idx_19.png) no-repeat center bottom;background-size:100% auto;}
.idx-zb{width: 48%;}
.idx-zb .list{}
.idx-zb .list li{height: 0.85rem;margin-bottom: 0.15rem;border: 1px solid #E5E5E5;position: relative;}
.idx-zb .list .box{height: 100%;display: flex;align-items: center;padding:0 .25rem 0 .2rem;}
.idx-zb .list .date{font-size: 0.18rem;color:#1c3d77;font-weight: bold;}
.idx-zb .list .x{width: 1px;height: 0.16rem;background-color: #AEB5B3;margin:0 .14rem;}
.idx-zb .list .title{font-size: 0.18rem;color:#404040;line-height: 1.4;flex:1;overflow: hidden;-webkit-line-clamp: 2;}
.idx-zb .list li::after{content:'';position: absolute;width: 0;left: 0;bottom: 0;height: 0.03rem;background-color: #e8c589;transition: all .3s;}
.idx-zb .list li:hover{background: linear-gradient(270deg, #335287 0%, #1c3d77 100%);}
.idx-zb .list li:hover .title{color:#fff;font-weight: bold;}
.idx-zb .list li:hover .date{color:#fff;}
.idx-zb .list li:hover .x{background-color: #D3C8B3;}
.idx-zb .list li:hover::after{width: 100%;}

.foot .contact {position: absolute;width: 12rem;max-width: 94%;background: #fff;box-shadow: 0px 0px 20px 0px rgba(58, 58, 58, 0.2);border-radius: 0.3rem;overflow: hidden;padding: .3rem .6rem .5rem;left: 50%;top: 0;transform: translateX(-50%);}
.foot .contact .title {text-align: center;margin-bottom: .5rem;}
.foot .contact .title p {font-size: 0.6rem;color: #999;font-family: sy;opacity: .1;text-transform: uppercase;}
.foot .contact .title h3 { font-size: 0.4rem;color: #333;font-weight: bold;margin-top: -.2rem;}
.foot .contact ul {display: flex;flex-wrap: wrap; justify-content: space-between;}
.foot .contact ul li {display: flex;width: 45%;}
.foot .contact li .img {width: 0.8rem;height: 0.8rem;background: #F5F5F5;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.foot .contact li .img img {max-width: 0.46rem;max-height: 0.46rem;vertical-align: middle;}
.foot .contact li .cont  {width: calc(100% - .8rem);padding-left: .3rem;}
.foot .contact li .cont .type {font-size: 0.26rem;color: #333;margin-bottom: .25rem;}
.foot .contact li .cont .txt {font-size: 0.2rem;color: #333;line-height: 0.34rem;}


@media screen and (min-width: 1200px) {


}




@media screen and (min-width:992px) and (max-width:1199px){
    .auto{width: 10.5rem;}
    html{font-size: 5.5rem!important;}

    .sj-menu{position:absolute;right: 2%;top: 50%;width: .6rem;height: .6rem;background: url(../image/menu.png) no-repeat center;background-size:.44rem;display: block;margin-top: -0.3rem;z-index:100;}
    .sj-menu.close{background: url(../image/close.png) no-repeat center;background-size:.32rem;}


    .head{padding:0 3%;}
    .head.bg{background-color: rgba(0,0,0,.8);}
    .hd-logo{font-size: 0.32rem;}
    .hd-t{margin-right: 0.55rem;}


    .hd-nav{position: fixed;width: 100%;left: 0;top: 1.2rem;bottom: 0;z-index:100;background-color: #fff;display: block;text-align: left;overflow-y: scroll!important;display: block;}
    .hd-nav li{display: block;margin: 0;position: relative;border-bottom:1px solid rgba(0,0,0,.05);}
    .hd-nav li>a{padding:0 .4rem;line-height: 0.8rem;font-size: 0.2rem;color:#333;}
    .hd-nav li.cur>a, .hd-nav li:hover>a{color:#333;}
    .hd-nav li:hover .drop::before{display: none;}

    .hd-nav .arrow{width: 0.8rem;height: 0.8rem;background:url(../image/arrow.png) no-repeat center;background-size:.26rem;position: absolute;right: 0;top: 0;}
    .hd-nav .drop{position: static;transform: translate(0,0);opacity: 1;visibility: inherit;width: 100%;padding: 0 0 0 .4rem;margin: 0;display: none;border-top:1px solid rgba(0,0,0,.05);}
    .hd-nav .dropbox{background:none;box-shadow:none;}
    .hd-nav .dropbox::before{display: none;}
    .hd-nav .lk{color:#333;border:none;line-height: 0.6rem;text-align: left;font-size: 0.17rem;border-bottom:1px solid rgba(0,0,0,.05);padding-left: 0.15rem;}
    .hd-nav li:hover .drop{transform: translateX(0) scaleY(1);}
    .hd-nav li.this .arrow{transform: rotate(180deg);}


    .ft-xx .logo{font-size: 0.32rem;}
    .ft-xx .logo .tp{height: 0.7rem;}
    .ft-xx .logo .x{height: 0.4rem;}
    .ft-wx .grp{width: 1rem;}

    /* index */
    .idx-ban .item{height: 70vh;}

    .idx-intro .videobox{width: 48%;height: 3.8rem;}

    .idx-bm .t-tit{font-size: 0.32rem;}
    .idx-bm .box{padding:.5rem .7rem 0 .9rem;}


    .idx-advan .list .imgbox{width: 47%;}


    .idx-sp .imgbox{width: 48%;}
    .idx-sp .lk{min-width: 31.3%;margin:0 0 2% 2%;}

    .idx-rz .item{height: 1rem;}
    .idx-rz .swiper-button{display: none;}
    .idx-rz .swiper-pagination{display: block;position: static;margin-top: 0.3rem;}
    .idx-rz .swiper-pagination-bullet{width: 0.14rem;height: 0.14rem;background-color: #1c3d77;opacity: .5;margin:0 .08rem!important;}
    .idx-rz .swiper-pagination-bullet-active{opacity: 1;}




}



@media screen and (min-width:768px) and (max-width:991px){
    .auto{width: 100%;padding:0 4%;}
    html{font-size: 5.8rem!important;}

    .sj-menu{position:absolute;right: 2%;top: 50%;width: .4rem;height: .4rem;background: url(../image/menu.png) no-repeat center;background-size:.36rem;display: block;margin-top: -0.2rem;z-index:100;}
    .sj-menu.close{background: url(../image/close.png) no-repeat center;background-size:.32rem;}


    .head{padding:0 3%;height: 1rem;}
    .head.bg{background-color: rgba(0,0,0,.8);}
    .hd-logo{font-size: 0.24rem;}
    .hd-logo .img{height: 0.6rem;}
    .hd-t{margin-right: 0.55rem;}

    .hd-home{color:#fff;border-color:#fff;}

    .hd-sear{border:none;width: auto;margin-left: 0.25rem;}
    .hd-sear .icon{width: 0.3rem;height: 0.3rem;background:Url(../image/icon_01.png) no-repeat center;background-size:.24rem;display: block;}
    .hd-sear .box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.7);z-index:110;display: none;border:none;border-radius:0;}
    .hd-sear .boxx{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border:none;overflow: hidden;border-radius:.12rem;}
    .hd-sear .ipt-txt{line-height: 0.5rem;padding:0 .2rem;font-size: 0.16rem;color:#333;}
    .hd-sear .submit{width: 0.8rem;height: 0.5rem;background-color: #1c3d77;margin-right: 0;background-size:.24rem;}


    .hd-nav{position: fixed;width: 100%;left: 0;top: 1rem;bottom: 0;z-index:100;background-color: #fff;display: block;text-align: left;overflow-y: scroll!important;display: block;}
    .hd-nav li{display: block;margin: 0;position: relative;border-bottom:1px solid rgba(0,0,0,.05);}
    .hd-nav li>a{padding:0 .4rem;line-height: 0.8rem;font-size: 0.2rem;color:#333;}
    .hd-nav li.cur>a, .hd-nav li:hover>a{color:#333;}
    .hd-nav li:hover .drop::before{display: none;}

    .hd-nav .arrow{width: 0.8rem;height: 0.8rem;background:url(../image/arrow.png) no-repeat center;background-size:.26rem;position: absolute;right: 0;top: 0;}
    .hd-nav .drop{position: static;transform: translate(0,0);opacity: 1;visibility: inherit;width: 100%;padding: 0 0 0 .4rem;margin: 0;display: none;border-top:1px solid rgba(0,0,0,.05);}
    .hd-nav .dropbox{background:none;box-shadow:none;}
    .hd-nav .dropbox::before{display: none;}
    .hd-nav .lk{color:#333;border:none;line-height: 0.6rem;text-align: left;font-size: 0.17rem;border-bottom:1px solid rgba(0,0,0,.05);padding-left: 0.15rem;}
    .hd-nav li:hover .drop{transform: translateX(0) scaleY(1);}
    .hd-nav li.this .arrow{transform: rotate(180deg);}



    .foot{margin-top: 0;padding:.5rem 0;background:#1c3d77;padding-top: 1.7rem;}
    .foot .wrap{display: block;}
    .ft-xx .logo{font-size: 0.3rem;justify-content: center;}
    .ft-xx .logo .tp{height: 0.7rem;}
    .ft-xx .logo .x{height: 0.3rem;}
    .ft-wx{justify-content: center;margin-top: 0.3rem;}
    .ft-wx .grp{width: 1.2rem;margin:0 .15rem;}
    .ft-wx .grp .img{width: 90%;margin:0 auto;}

    /* index */
    .idx-ban .item{height: 45vh;}
    .idx-ban .swiper-button{width: 0.46rem;height: 0.46rem;background-size: 0.26rem;}
    .idx-ban .swiper-button-prev{left: 4%;}
    .idx-ban .swiper-button-next{right: 4%;}

    .idx-tt{height: 0.6rem;margin-bottom: 0.3rem;}
    .idx-tt .bt{padding-left: 0.3rem;font-size: 0.32rem;}
    .idx-tt .bt::before{width: 0.6rem;height: 0.6rem;margin-top: -0.3rem;}


    .idx-intro .detail{display: block;}
    .idx-intro .info{margin: 0;}
    .idx-intro .videobox{width: 100%;height: 3.8rem;margin-top: 0.25rem;}

    .idx-s1 .wrap{display: block;}
    .idx-gg{width: 100%;}


    .idx-bm .t-tit{font-size: 0.3rem;}
    .idx-bm .box{padding:.5rem .7rem 0 .9rem;}



    .idx-advan{padding:.65rem 0;}
    .idx-advan .list{margin-top: -0.3rem;}
    .idx-advan .list .item{width: 100%;margin-top: 0.3rem;}

    .idx-sp{padding:.65rem 0;}
    .idx-sp .imgbox{width: 48%;height: 3.4rem;}
    .idx-sp .list{margin-left: -3%;padding-top: 0;}
    .idx-sp .lk{min-width: 47%;margin:0 0 3% 3%;font-size: 0.16rem;}
    .idx-sp .info{height: 3.4rem;padding: 0 0.25rem 0 0.3rem;}
    .zl-scrollBar.zl-horizontalBar{display: none;}

    .idx-rz{padding:.65rem 0;}
    .idx-rz .item{height: 1rem;}
    .idx-rz .swiper-button{display: none;}
    .idx-rz .swiper-pagination{display: block;position: static;margin-top: 0.3rem;}
    .idx-rz .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background-color: #1c3d77;opacity: .5;margin:0 .08rem!important;}
    .idx-rz .swiper-pagination-bullet-active{opacity: 1;}

    .idx-s3{padding-bottom: 1.2rem;}
    .idx-s3 .wrap{display: block;}
    .idx-zb{width: 100%;margin-bottom: 0.5rem;}

    .foot .contact {padding: .25rem;margin-top: -1.2rem;}
    .foot .contact .title p {font-size: .32rem;}
    .foot .contact .title h3 {font-size: .28rem;}
    .foot .contact li .cont .type {font-size: .24rem;}
    .foot .contact li .cont .txt {font-size: .2rem;}


}


@media screen and (min-width:320px) and (max-width:767px){
    .auto{width: 100%;padding:0 4%;}
    html{font-size: 5.8rem!important;}

    .sj-menu{position:absolute;right: 2%;top: 50%;width: .34rem;height: .34rem;background: url(../image/menu.png) no-repeat center;background-size:.32rem;display: block;margin-top: -0.17rem;z-index:100;}
    .sj-menu.close{background: url(../image/close.png) no-repeat center;background-size:.3rem;}

    .head{padding:0 3%;height: .75rem;position: sticky;background-color: #1c3d77;}
    .head.scroll{background-color: #1c3d77;}
    .head.bg{background-color:#1c3d77;}
    .hd-logo{font-size: 0.2rem;letter-spacing: 0;font-weight: normal;}
    .hd-logo .img{height: 0.42rem;margin-right: 0.15rem;}
    .hd-t{margin-right: 0.45rem;}

    .hd-home{color:#fff;border-color:#fff;width: auto;border:none;display: none;}

    .hd-sear{border:none;width: auto;margin-left: 0.15rem;}
    .hd-sear .icon{width: 0.28rem;height: 0.28rem;background:Url(../image/icon_01.png) no-repeat center;background-size:.2rem;display: block;}
    .hd-sear .box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);z-index:110;display: none;border:none;border-radius:0;}
    .hd-sear .boxx{width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border:none;overflow: hidden;border-radius:.12rem;}
    .hd-sear .ipt-txt{line-height: 0.5rem;padding:0 .2rem;font-size: 0.16rem;color:#333;}
    .hd-sear .submit{width: 0.8rem;height: 0.5rem;background-color: #1c3d77;margin-right: 0;background-size:.24rem;}


    .hd-nav{position: fixed;width: 100%;left: 0;top: .75rem;bottom: 0;z-index:100;background-color: #fff;display: block;text-align: left;overflow-y: scroll!important;display: block;}
    .hd-nav li{display: block;margin: 0;position: relative;border-bottom:1px solid rgba(0,0,0,.05);}
    .hd-nav li>a{padding:0 .2rem;line-height: 0.6rem;font-size: 0.18rem;color:#333;font-weight: normal;}
    .hd-nav li.cur>a, .hd-nav li:hover>a{color:#333;}
    .hd-nav li:hover .drop::before{display: none;}

    .hd-nav .arrow{width: 0.6rem;height: 0.6rem;background:url(../image/arrow.png) no-repeat center;background-size:.2rem;position: absolute;right: 0;top: 0;}
    .hd-nav .drop{position: static;transform: translate(0,0);opacity: 1;visibility: inherit;width: 100%;padding: 0 0 0 .25rem;margin: 0;display: none;border-top:1px solid rgba(0,0,0,.05);}
    .hd-nav .dropbox{background:none;box-shadow:none;}
    .hd-nav .dropbox::before{display: none;}
    .hd-nav .lk{color:#333;border:none;line-height: 0.6rem;text-align: left;font-size: 0.17rem;border-bottom:1px solid rgba(0,0,0,.05);padding-left: 0.15rem;}
    .hd-nav li:hover .drop{transform: translateX(0) scaleY(1);}
    .hd-nav li.this .arrow{transform: rotate(180deg);}



    .foot{margin-top: 0;padding:.4rem 0;background:#1c3d77;}
    .foot .wrap{display: block;}
    .ft-xx .logo{font-size: 0.22rem;justify-content: center;}
    .ft-xx .logo .tp{height: 0.5rem;}
    .ft-xx .logo .x{height: 0.2rem;}
    .ft-xx .txt{text-align: center;font-size: 0.15rem;line-height: 1.6;margin-top: 0.15rem;}
    .ft-xx .txt span{display: block;}
    .ft-wx{justify-content: center;margin-top: 0.3rem;}
    .ft-wx .grp{width: 25%;margin:0;}
    .ft-wx .grp .img{width: 86%;margin:0 auto;}
    .ft-wx .grp .fz{font-size: 0.14rem;margin-top: 0.07rem;}

    /* index */
    .idx-ban .item{height: 2.4rem;}
    .idx-ban .swiper-button{width: 0.32rem;height: 0.32rem;background-size: 0.16rem;border-radius:50%;}
    .idx-ban .swiper-button-prev{left: 4%;}
    .idx-ban .swiper-button-next{right: 4%;}

    .idx-tt{height: 0.4rem;margin-bottom: 0.2rem;}
    .idx-tt .bt{padding-left: 0.25rem;font-size: 0.26rem;}
    .idx-tt .bt::before{width: 0.4rem;height: 0.4rem;margin-top: -0.2rem;}
    .idx-tt .more::after{width: 0.3rem;height: 0.08rem;font-size: 0.15rem;}

    .idx-intro{padding:.5rem 0 .2rem;}
    .idx-intro .detail{display: block;}
    .idx-intro .info{margin: 0;}
    .idx-intro .txt{font-size: 0.16rem;}
    .idx-intro .bot{margin-top: 0.3rem;}
    .idx-intro .readmore{font-size: 0.16rem;width: 1.3rem;height: 0.44rem;}
    .idx-intro .vr{font-size: 0.16rem;width: 1.4rem;height: 0.44rem;}
    .idx-intro .vr .ic{width: 0.2rem;}
    .idx-intro .videobox{width: 100%;height: 2.6rem;margin-top: 0.2rem;}

    .idx-s1{padding:.4rem 0 .23rem;}
    .idx-s1 .wrap{display: block;}
    .idx-gg{width: 100%;}
    .idx-gg .list li{height: 0.9rem;}
    .idx-gg .list .title{font-size: 0.16rem;}
    .idx-gg .list .fz1{font-size: 0.24rem;}

    .idx-bm{width: 100%;height: auto;background:none;padding:.2rem 0 0;}
    .idx-bm .t-tit{font-size: 0.22rem;width: 2rem;height: 0.46rem;margin-bottom: 0.2rem;background:none;color:#333;}
    .idx-bm .box{padding:0 .2rem;}
    .idx-bm .row{margin-bottom: 0.2rem;}
    .idx-bm .tit{font-size: 0.16rem;width: 0.5rem;}
    .idx-bm .ipt{height: 0.46rem;line-height: 0.46rem;font-size: 0.16rem;}
    .idx-bm .submit{font-size: 0.18rem;line-height: 0.46rem;width: 1.8rem;margin:0 auto;display: block;}

    .idx-ad{padding: 0;}
    .idx-ad .imgbox{height: 0.8rem;}
    .idx-ad .imgbox .img{width: 100%;height: 100%;object-fit: cover;}


    .idx-advan{padding:.5rem 0;}
    .idx-advan .idx-tt{justify-content: flex-start;}
    .idx-advan .list{margin-top: -0.2rem;}
    .idx-advan .list .item{width: 100%;margin-top: 0.2rem;}
    .idx-advan .list .imgbox{height: 1.7rem;width: 45%;}
    .idx-advan .list .info{padding:.1rem .2rem;}
    .idx-advan .list .title{font-size: 0.18rem;line-height: 0.4rem;}
    .idx-advan .list .smtit{font-size: 0.15rem;}
    .idx-advan .list .txt{font-size: 0.14rem;line-height: 0.22rem;margin-top: 0.07rem;-webkit-line-clamp: 3;}


    .idx-sp{padding:.5rem 0;}
    .idx-sp .idx-tt{justify-content: flex-start;}
    .idx-sp .detail{display: block;padding: 0.15rem;}
    .idx-sp .imgbox{width: 100%;height: 2.6rem;}
    .idx-sp .list{margin-left: -3%;padding-top: 0;}
    .idx-sp .lk{min-width: 47%;margin:0 0 3% 3%;font-size: 0.16rem;}
    .idx-sp .info{height: 2.6rem;padding: 0;margin-top: 0.2rem;}
    .zl-scrollBar.zl-horizontalBar{display: none;}

    .idx-rz{padding:.5rem 0;}
    .idx-rz .detail{padding-top: 0.1rem;}
    .idx-rz .item{height: .8rem;}
    .idx-rz .swiper-button{display: none;}
    .idx-rz .swiper-pagination{display: block;position: static;margin-top: 0.2rem;}
    .idx-rz .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background-color: #1c3d77;opacity: .5;margin:0 .04rem!important;}
    .idx-rz .swiper-pagination-bullet-active{opacity: 1;}

    .idx-s3{padding-bottom: 1.4rem;}
    .idx-s3 .wrap{display: block;}
    .idx-zb{width: 100%;margin-bottom: 0.5rem;}
    .idx-zb .list li{height: 0.75rem;}
    .idx-zb .list .title{font-size: 0.16rem;line-height: 1.6;}

    .foot .contact {position: relative;padding: .2rem;margin-top: -2rem;margin-bottom: .3rem;}
    .foot .contact .title {margin-bottom: .3rem;}
    .foot .contact .title p {font-size: .28rem;}
    .foot .contact .title h3 {font-size: .24rem;}
    .foot .contact ul li {width: 100%;margin-bottom: .3rem;}
    .foot .contact li .cont .type {font-size: .2rem;margin-bottom: .15rem;}
    .foot .contact li .cont .txt {font-size: .16rem;}
    .foot .contact li .img {width: .6rem;height: .6rem;}
    .foot .contact li .img img {max-width: 0.34rem;max-height: 0.34rem;}
}


@media screen and (max-width: 767px) and (min-width:469px){
    .yzmpic{
        height: 45px!important;}
}



@media screen and (max-width: 470px){
    .yzmpic{width: 30%;
        height: 30px!important;
        margin-top: 6px;}
}