/***********全局重置CSS*****************/
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd {margin: 0;}
p {margin: 0;}
ul, ol, li {padding-left: 0;list-style-type: none;}
/***消除img默认边框*****/
img {border: 0;}
a {text-decoration: none;color: inherit;}
/*细线表格*/
table {border-collapse: collapse;}
em {font-style: normal;}
button {cursor: pointer;border: none;}
input {border: none;background: none;margin: 0;padding: 0;}
input:focus{outline: none;}
input::placeholder{color: #998f7c;}
/***默认让所有浏览器出现右边滚动条****/
html {font-size: 16px;}
body{width: 100%;overflow-x: hidden;}
/***默认清除浮动****/
.ALLYdCont{display:none; }
.ALLPcCont{ display:block;}
.YDmenu { cursor: pointer; background: rgba(0, 0, 0, .5) url(zfzxapp20221130_10.png) center center no-repeat; width: 3.5em; height: 3.5em; text-indent: -9999px; top: 0; right: 0px; z-index: 997; position: absolute; background-size: 70% auto;}
.YDmenuCont{ position:fixed; top:0px; right:0px; width:50%; height:100%; z-index:9999999;padding:1em; display:none;}
.ALLYdCont .closeBtn{ float:right; margin:0.6em 0 0 0; font-size: 1.5rem;color: #fff;height:1.5em;}
.YDmenuCont_box{ background:rgba(0,0,0,.65); display:none; position:fixed; top:0px; left:0; width:100%; height:100%; z-index:998; }


.fontColor1{color: #fff;}
.fontColor2{color: #000;}
.fontColor3{color: #999999;}
.fontColor4{color: #333333;}
.font12{font-size: 1.2rem;}
.font14{font-size: 1.4rem;}
.font16{font-size: 1.6rem;}
.font18{font-size: 1.8rem;}
.font20{font-size: 2rem;}
.font22{font-size: 2.2rem;}
.font24{font-size: 2.4rem;}
.font26{font-size: 2.6rem;}
.font30{font-size: 3rem;}
.font32{font-size: 3.2rem;}
.font36{font-size: 3.6rem;}
.font38{font-size: 3.8rem;}
.font40{font-size: 4rem;}
.font42{font-size: 4.2rem;}
.font46{font-size: 4.6rem;}
.font48{font-size: 4.8rem;}
.font50{font-size: 5rem;}
.flex_box{display: flex;}
.flex_box_center{display: flex;justify-content: center;align-items: center;}
.flex_box_space{display: flex;justify-content: space-between;align-items: center;}
.line-clamp_one{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.line-clamp_two{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.conter {width: 79.1666%;margin: 0 auto;}
.pic img{display: block;width: 100%;height: auto;}
.title{font-size: 5rem;letter-spacing: -0.3rem;color: #064fb9;font-weight: bold;}
.more{font-size: 2rem;color: #4d4d4d;}
.location{margin: 2.9rem 0;}

.header {position: relative;}
.header .top {padding: 3.1rem 0;}
.header .top .logo{width: 31.9rem;}
.header .top .chinese{margin-left: 3rem; width: 4.1rem; height: 4.1rem;background: #064fb9;border-radius: 50%; }
.header .top .search{width: 39.7rem; height: 4.4rem;border: 1px solid #064fb9;}
.header .top .search input{padding: 0 1rem; width: 83%;height: 100%;box-sizing: border-box; }
.header .top .search .btn{width: 17%;height: 100%; background: #064fb9;}
.header .top .search .btn img{display: block;width: 2.7rem;height: auto;}
.header .nav{background: #064fb9;}
.header .nav li{height: 7.6rem;}
.header .nav li a{height: 100%; display: flex;align-items: center;position: relative;}
.header .nav .active a{font-weight: bold;}
.header .nav .active a::before{ content: "" ;display: block; position: absolute;bottom: 0;left: 0;width: 100%;height: 0.6rem;background: #fff;}
.footer{background: #064fb9;padding: 2.7rem 0 ;}
.footer .conter{align-items: center;}
.footer p{line-height: 1.9;}
.footer .dzjg{display: block;width: 5.7rem;}
.footer .zfzx{margin-left: 7rem; display: block;width: 15rem;}

.banner .swiper-pagination-bullet{border: 1px solid #fff;background: none;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #fff;}

.Latest_News .tit_more{margin: 6rem 0 2rem ; align-items: flex-end;}
.Latest_News .left{width: 53.815%;}
.Latest_News .right{width: 44.47%;}
.Latest_News .conter{align-items: flex-end;}
.Latest_News .left .font24{margin-bottom: 0.9rem; line-height: 1.58;}
.Latest_News .left .font20 {color: #969696;line-height: 2;}
.Latest_News .left ul li {padding: 1.5rem 0 0.8rem;}
.Latest_News .left ul li:not(:last-child){ border-bottom: 1px solid #9e9e9e;}
.Latest_News .right .swiper-slide{position: relative;height: 51.5rem;}
.Latest_News .right .swiper-slide img{   width: 100%; height: 100%; object-fit: cover;}
.Latest_News .right .swiper-slide p{padding: 1.4rem 0 1.6rem 1.9rem;  width: 100%; box-sizing: border-box;background: rgba(0, 0, 0, 0.28); position: absolute;bottom: 0;left: 0;}
.Latest_News .right .swiper-slide p span{width: 76%; line-height: 1.6;}
.Latest_News .right .swiper-pagination{left: unset;right: 3.2rem; bottom: 3.6rem;text-align: right;}
.Latest_News .right .swiper-pagination-bullet{margin: 0 0.6rem; width: 1.5rem;height: 1.5rem;background: #bfbfbf;opacity: 1;border-radius: 0;}
.Latest_News .right .swiper-pagination-bullet-active{background: #fff;}
.Key_Industries {margin: 0 0 11rem;}
.Key_Industries .tit_more{margin: 6rem 0 4.6rem ;}
.Key_Industries .item{display: block;width: 24.05%;transform: skewX(-6deg);}
.Key_Industries .flex_box .item .pic {height: 51.9rem;overflow: hidden;}
.Key_Industries .flex_box .item .pic img{height: 100%;width: 100%;display: block;  transition: transform 0.5s ease; transform-origin: center center;}
.Key_Industries .flex_box .item:hover .pic img {transform: scale(1.2);  }
.Key_Industries .text{height: 5.7rem; transform: skewX(6deg);font-weight: bold;}
.Key_Industries .text img{margin-left: 2rem; width: 3.88rem;}

.Culture_Tourism {padding: 8.1rem 0; background: url(ss_eng_20250415_pic39.png) no-repeat center center;background-size: 100% 100%;}
.Culture_Tourism .items{margin-top: 5rem;}
.Culture_Tourism .item{flex-direction: column;}
.Culture_Tourism .item div{width: 34.7rem;  height: 30.2rem;position: relative;clip-path: polygon(25% 0%,  75% 0%,  100% 50%,75% 100%,25% 100%,0% 50%);overflow: hidden;}
.Culture_Tourism .item img{ transition: transform 0.5s ease; transform-origin: center center;}
.Culture_Tourism .item:hover img{transform: scale(1.2);  }
.Culture_Tourism .item p{margin-top: 4rem; font-weight: bold;}

.Living_shenshan{padding: 8.8rem 0;}
.Living_shenshan .tit_more{margin-bottom: 7.5rem;}
.Living_shenshan .item{width: 48%;position: relative;}
.Living_shenshan .item .text{padding-left: 19%; width: 56.85%; height: 29.1rem;box-sizing: border-box; flex-direction: column; position: absolute;bottom: 0;right: 0;background: url(ss_eng_20250415_pic38.png) no-repeat center center;background-size: 100% 100%;}
.Living_shenshan .item .text p{margin-top: 1.2rem;}

.lb{margin-bottom: 8.8rem; align-items: flex-start;}
.lb_left{width: 20.526%;}
.lb_left a{padding: 1.6rem 1.3rem 1.3rem;margin-bottom: 3rem; width: 100%;box-sizing: border-box; display: block;border: 0.1rem solid #c7c7c7;}
.lb_left a:hover,.lb_left .active{background: #064fb9;color: #fff;font-weight: bold;}
.lb_right{width: 76.184%;}
.lb_right .lb_title{padding-bottom: 0.8rem; color: #064fb9; border-bottom: 0.1rem solid #b5b5b5;}
.lb_box ul li a{margin: 4.35rem 0 6.5rem; padding-left: 2rem;position: relative;}
.lb_box ul li a::before{content: "";display: block;position: absolute;top: 1.3rem;left: 0;width: 0.8rem;height: 0.8rem;background: #064fb9;}

.news .lb_box ul li{padding: 3.8rem 0 2.75rem;border-bottom: 0.1rem dotted #d4d4d4;}
.news .lb_box ul li a{display: block;margin: 0;}
.news .lb_box ul li a p{margin: 1.5rem 0 1.2rem; line-height: 1.85;}
.news .lb_box ul li a span{color: #adadad;display: block;}
.news .page{margin-top: 6rem;}

.leader_box .item{padding: 3.4rem 0;border-bottom: 0.1rem solid #b8b8b8; align-items: flex-start;}
.leader_box .item .pic{margin-right: 2.9rem; width: 18.65%;}
.leader_box .ld_name{margin-bottom: 3.3rem;}
.leader_box .ld_mess{flex: 1;}
.leader_box .ld_mess div{align-items: flex-start;}
.leader_box .ld_mess div span{ padding: 0.4rem 2.4rem; border-radius: 0.4rem;background: #e6f0ff;}
.leader_box .ld_mess div p{font-size: 2rem; margin-left: 2.1rem;line-height: 1.85;}

.wz .wz_top{margin-bottom: 5.6rem; border-bottom: 0.1rem solid #d1d1d1;}
.wz .title{font-size: 3.8rem;text-align: center;}
.wz  .from{padding: 2.3rem 0; color: #a1a1a1;}
.wz  .from span:first-child{margin-right: 10rem;}
.wz .wz_bottom img{margin: 5.6rem auto;width: 62%; max-width: 100%;height: auto;display: block;}
.wz .wz_bottom p{margin-bottom: 5.6rem; line-height: 2.15;}
.wz .wz_bottom table{max-width: 100%;}
.share{margin: 5.6rem 0;}

.About_ss{}
.About_ss video{margin: 5rem 0 5.8rem; width: 100%;height: auto;display: block;}
.About_ss .pic_all img{display: block;height: 29.7rem;width: auto;}
.About_ss .about_item{}
.About_ss .about_item div{margin: 5rem 0 2.4rem; align-items: center;}
.About_ss .about_item div img{width: 6rem;height: auto;margin-right: 1.1rem;}
.About_ss .about_item p{line-height: 1.85;text-align: justify;}

.Business{}
.Business .Latest_News .right .swiper-pagination{bottom: 1.4rem;}
.Business .Latest_News .right{width: 47.63%;}
.Business .Latest_News .left{width: 50%;}
.Business .industrial{align-items: flex-end;}
.Business .Latest_News .left .font24{padding-left: 2.2rem; min-height: 8.16rem;position: relative;}
.Business .Latest_News .left .font24::before{content: "";display: block;position: absolute;top: 1.5rem;left: 0;width: 0.8rem;height: 0.8rem;background: #064fb9;}
.Business .Latest_News .left ul li{border-bottom: 0.1rem dashed rgba(150, 150, 150, 1);}
.Business .Business_Environment{padding: 0 0 10.6rem; position: relative;background: url(ss_eng_20250415_pic42.png) no-repeat center bottom;background-size: 100% auto;}
.Business .Business_Environment .bg{width: 48.125%; position: absolute;right: 0;bottom: 0;}
.Business .Business_box{width: 50%;}
.Business .Business_Environment .title{margin: 14rem 0;}
.Business .Business_Environment .more {margin-bottom: 3.4rem; justify-content: flex-end;}
.Business .Business_Environment .more .pic{width: 10.6rem;}
.Business .Business_Environment .Business_box p{-webkit-line-clamp: 11;line-height: 2.15;}

.Culture_tourism .Local_Culture .items{margin: 3.4rem 0 10rem; align-items: unset;}
.Culture_tourism .Local_Culture .items .item{width: 30.52%;border: 0.4rem solid rgba(144, 185, 245, 1);background: #ffff;}
.Culture_tourism .Local_Culture .items .item_box{padding: 4rem 1.5rem;}
.Culture_tourism .Local_Culture .items p{margin-top: 2.5rem; line-height: 1.7;}
.Culture_tourism .Tourist_Attractions{height: 78.6rem; background: url(ss_eng_20250415_pic33.png) no-repeat center bottom;background-size: 100% 100%;}
.Culture_tourism .Tourist_Attractions .conter{}
.Culture_tourism .Tourist_Attractions .title{padding: 6.6rem 0 5.5rem; color: #fff;}
.Culture_tourism .Tourist_Attractions .swiper-slide{padding: 0 1px;box-sizing: border-box; align-items: flex-start;}
.Culture_tourism .Tourist_Attractions .swiper-slide h5{padding-bottom: 4rem;position: relative;}
.Culture_tourism .Tourist_Attractions .swiper-slide h5::before{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 7.25rem;height: 0.4rem;background: #064fb9;}
.Culture_tourism .Tourist_Attractions .swiper-slide p{margin: 3rem 0 1.5rem; -webkit-line-clamp: 5;line-height: 2.3;}
.Culture_tourism .Tourist_Attractions .swiper-slide .more{color: #064fb9;}
.Culture_tourism .Tourist_Attractions .swiper-slide .pic{width: 48.95%;}
.Culture_tourism .Tourist_Attractions .swiper-slide .right{width: 43.68%;padding-right: 4.6%;}
.Culture_tourism .Tourist_Attractions .swiper-button-prev, .Culture_tourism .Tourist_Attractions .swiper-button-next{ width: 4.6rem; height: 4.6rem;margin: 0; color: #fff; background: #064fb9;border-radius: 50%; left: unset;right: unset;top: unset;bottom: 0;}
.Culture_tourism .swiper-button-next:after,.Culture_tourism  .swiper-button-prev:after{font-size: 2.4rem;}
.Culture_tourism .Tourist_Attractions .swiper-button-prev{right: 15.8rem;}
.Culture_tourism .Tourist_Attractions .swiper-button-next{ right: 4.6%;}
.Culture_tourism .Cultural_Events {padding: 5.9rem 0 10rem;}
.Culture_tourism .Cultural_Events .items{margin-top: 8.4rem;}
.Culture_tourism .Cultural_Events .item{flex-direction: column;width: 25%}
.Culture_tourism .Cultural_Events .item:nth-child(2n){flex-direction: column-reverse;}
.Culture_tourism .Cultural_Events .item .pic1{width: 31rem;height: 31rem;overflow: hidden; border: 0.6rem solid #fff;border-radius: 50%;}
.Culture_tourism .Cultural_Events .item .pic1 img{    transition: transform 0.5s ease; transform-origin: center center;}
.Culture_tourism .Cultural_Events .item .pic2{width: 19.5rem;}
.Culture_tourism .Cultural_Events .item h5{margin: 2.4rem 0;}
.Culture_tourism .Cultural_Events .item:nth-child(1) .pic1{border-color: #b3596e;}
.Culture_tourism .Cultural_Events .item:nth-child(2) .pic1{border-color: #c29778;}
.Culture_tourism .Cultural_Events .item:nth-child(3) .pic1{border-color: #f2b09d;}
.Culture_tourism .Cultural_Events .item:nth-child(4) .pic1{border-color: #e07e88;}
.Culture_tourism .Cultural_Events .item:hover .pic1 img{transform: scale(1.2);}


.page{}
.page a{margin: 0 1rem; min-width: 3.2rem; padding: 0.4rem 1.5rem;border: 0.1rem solid #064fb9;color: #064fb9; box-sizing: border-box; text-align: center;}
.page a:hover,.page .current{background: #064fb9;color: #fff;}

@media (max-width: 900px) {
    .ALLYdCont{display:block; }
    .ALLPcCont{ display:none;}
    .header .nav{ position:fixed; width:50%;  right:0; top:0; display:block; padding:1em; height:100%;box-sizing: border-box; z-index:999; display:none;}
    .header .nav ul{display:block;}
    .header .nav ul li{ width: 100%;height: 3.6rem; margin: 2rem 0;font-size: 1.4rem;font-weight: bold;    color: #014171; display: flex;justify-content: center;}
    .header .nav ul li a{color: #fff;}
    .header .nav li:not(:last-child) { margin-right: 0; }
    .header .nav .active a::before{height: 0.2rem;}
    .location{margin: 2rem 0;}
    .more{font-size: 1.3rem;}
    
    .font16{font-size: 1.2rem;}
    .font18{font-size: 1.2rem;}
    .font20{font-size: 1.3rem;}
    .font22{font-size: 1.35rem;}
    .font24{font-size: 1.4rem;}
    .font26{font-size: 1.45rem;}
    .font30{font-size: 1.6rem;}
    .font32{font-size: 1.8rem;}
    .font38{font-size: 1.9rem;}
    .font40 { font-size: 2rem;}
    .font46 { font-size: 2.2rem;}
    .font48{font-size: 2.4rem;}
    .font36 { font-size: 2.4rem;}
    .conter{width: 94%;}
    .flex_box_space,.flex_box{flex-wrap: wrap;}
    
 
    .header .top .logo { width: 50%;margin-bottom: 2rem;}
    .header .top{padding: 3% 0;}
    .header .top .search {width: 33.5rem;height: 3.9rem;}
    .header .top .search .btn { width: 13.8%;}
    .header .top .search .btn img {width: 1.9rem;}
    .title { font-size: 3rem;}

    .Latest_News .left,.Latest_News .right{width: 100%;}
    .Latest_News .right .swiper-pagination {right: 0;bottom: 2.3rem}
    .Latest_News .right .swiper-slide{height: 28.5rem;}

    .Culture_Tourism .item div {width: 11.7rem;height: 10.2rem;}
    .Culture_Tourism .item p{font-size: 1.4rem;}

    .Key_Industries {}
    .Key_Industries .item{width: 50%;transform: none;}
    .Key_Industries .text{transform: none;}
    .Key_Industries .flex_box .item .pic { height: auto;}
    .Key_Industries .text p{font-size: 1.4rem;}
    .Key_Industries .text img {margin-left: 1rem;width: 1.4rem;}

    .Living_shenshan .item:first-child{margin-bottom: 4rem;}
    .Living_shenshan .item{width: 100%;}
    .Living_shenshan .item .text{height: 17rem;}
    .Living_shenshan .item .text p{font-size: 1.6rem;}

    .lb_left,.lb_right{width: 100%;}
    .lb_left a{margin-bottom: 1rem;}
    .lb_box ul li a{ margin: 2rem 0 3.5rem;}
    .lb_box ul li a::before{top: 0.6rem;width: 0.6rem;height: 0.6rem;}
    .lb_right .lb_title{margin: 3rem 0 0;}

    .leader_box .item .pic{width: 31.65%;margin-right: 1rem;}
    .leader_box .ld_name { margin-bottom: 1.5rem;}
    .leader_box .ld_mess div span {  padding: 0.4rem 1rem;}
    .leader_box .ld_mess div p {font-size: 1.3rem; margin-left: 1rem;}

    .news .lb_box ul li { padding: 2rem 0;}
    .news .lb_box ul li a p { margin: 0.8rem 0;}
    .news .page{margin-top: 3.5rem;}

    .wz .title{font-size: 1.9rem;}
    .wz .from span:first-child{margin-right: 3rem;}
    .wz .wz_top,.wz .wz_bottom p{margin-bottom: 3rem;}
    .wz .wz_bottom img{margin: 3rem auto;}

    .About_ss video{margin: 3rem 0;}
    .About_ss .pic_all img{height: 10.5rem;}
    .About_ss .about_item div img { width: 4rem;}
    .About_ss .about_item div {margin: 3rem 0 1.5rem;}

    .Business .Business_Environment{background-size: auto 81%;}
    .Business .Latest_News .right,.Business .Latest_News .left,.Business .Business_box{width: 100%;}
    .Business .Latest_News .left .font24{min-height: unset;}
    .Business .Business_box {z-index: 1;position: relative;}
    .Business .Business_Environment .title{margin: 6rem 0;}
    .Business .Latest_News .left .font24::before{top: 0.7rem;}

    .Culture_tourism .Local_Culture .items .item{width: 100%;margin-bottom: 2rem;}
    .Culture_tourism .Local_Culture .items .item_box {padding: 1.5rem 2rem; }
    .Culture_tourism .Local_Culture .items p {margin-top: 1rem;-webkit-line-clamp: 4;}
    .Culture_tourism .Local_Culture .items {margin: 3rem 0;}
    .Culture_tourism .Tourist_Attractions {
        padding: 3rem 0;
        height: auto;
        background: url(ss_eng_20250415_pic33.png) no-repeat right bottom;
        background-size: auto 100%;
    }
    .Culture_tourism .Tourist_Attractions .swiper-slide .pic{width: 100%;}
    .Culture_tourism .Tourist_Attractions .title{padding: 0 0 3rem;    color: #064fb9;}
    .Culture_tourism .Tourist_Attractions .swiper-slide h5{ padding: 2rem 0;}
    .Culture_tourism .Tourist_Attractions .swiper-slide .right{width: 100%;}
    .Culture_tourism .Tourist_Attractions .swiper-button-prev, .Culture_tourism .Tourist_Attractions .swiper-button-next{width: 3.6rem;height: 3.6rem;}
    .Culture_tourism .swiper-button-next:after, .Culture_tourism .swiper-button-prev:after {font-size: 1.6rem;}
    .Culture_tourism .Tourist_Attractions .swiper-button-prev { right: 8.8rem;}
    .Culture_tourism .Tourist_Attractions .swiper-slide p{margin: 2.5rem 0;}
    .Culture_tourism .Cultural_Events{padding: 3rem 0 0;}
    .Culture_tourism .Cultural_Events .items {margin-top: 5rem;}
    .Culture_tourism .Cultural_Events .item{margin-bottom: 3rem;width: 48.5%;}
    .Culture_tourism .Cultural_Events .item:nth-child(2n){flex-direction: column;}
    .Culture_tourism .Cultural_Events .item .pic1{width: 16rem;height: 16rem;}
    .Culture_tourism .Cultural_Events .item .pic2 { width: 14.5rem;}
    .Culture_tourism .Cultural_Events .item h5 { margin: 2rem 0;}

    .footer .left, .footer .right{width: 100%;}
    .footer .right {margin-top: 2rem; width: 100%; justify-content: center;}

}