@media screen and (max-width: 1680px) {
    .z_head .nav li { padding: 0 10px; }



    .m_foot1 { width: 260px; height: 260px; float: left; padding: 0 20px 0 0; border-right: 2px solid #363636; }


    .z_foot .z_max .nav li { display: flex; margin: 0 14px; align-items: flex-start; flex-flow: column; }


    .m_foot_guang { font-size: 35px; }

    .m_foot_guang font { font-size: 42px; }



    .s_mono_luxbo .mySwiper2 .myStxt { width: 135%; left: -145%; }




    .s_pleft { width: 36%; max-width: initial; float: left; margin: 0 0 0 20px; }



    .s_pright { width: 62%; max-width: initial; float: right; margin: 0 0 0 0; }



    .s_prod_title ul li { width: auto; float: left; margin: 0 10px; }


	.m_foot_txt {
  width: 260px;
  float: left;
  margin: 1% 0 3% 1%;
  text-align: left; 
  font-size: 14px;
  line-height: 30px;
  color: #fff;
  font-weight: normal;
}
	
	
	.c_foot .z_max .nav li a {
    font-size: 18px;
    color: #FFFFFF; 
    margin-bottom: 25px;
}

.c_foot .z_max .nav li a font {
    width: 17px;
    height: 17px;
    float: left;
    margin: 2px 10px 0 0;
}


.c_foot .z_max .nav li ol li a {
    padding-left: 2px; 
    font-size: 14px;
    color: #aeaeae;
    margin: 0;
    font-weight: normal;
}





}


@media screen and (max-width: 1500px) and (min-width: 1200px) {
    .z_head .nav li { padding: 0 10px; }


    .z_head .yy { width: 100px; padding-left: 20px;}
    .z_head .yy img {
      margin: 20px 10px 0 10px;
      float: right;
    }
    .z_lianxi .left ul li:nth-child(1) img { height: 70px; }

    .z_lianxi .left ul li:nth-child(2) img { height: 110px; }

    .z_lianxi .left ul li:nth-child(3) img { height: 54px; }

    .z_lianxi .left ul li:nth-child(4) img { height: 153px; }

    .z_rd li a h3 { height: 100px; }

    .z_title1 { font-size: 80px; }

    .z_foot .z_max .nav li a { font-size: 18px; }

    .z_foot .z_max .nav li ol li a { font-size: 13px; }

    .z_aa4 li { margin-bottom: 35px; }

    .z_dan .dan1 li { width: calc(38.4% - 170px); margin-right: 170px; }

    .z_dan .dan2 { margin-top: 20px; }



    .mcy_pro dl dt .y_bt { width: 100%; height: 80px; float: left; padding-top: 40px; padding-bottom: 0px; font-size: 24px; color: #fff; text-align: center; line-height: 80px; background: url(../images/ppbgt.png) no-repeat center bottom; background-size: 100% 100%; font-weight: normal; text-decoration: none; position: absolute; z-index: 10; left: 0; bottom: 0; top: auto; margin-top: 60%; transition: all .5s; text-overflow: ellipsis; overflow: hidden; }

    .mcy_pro dl dt .y_bt h4 { width: 90%; height: 80px; float: left; margin: 0 0 0 5%; font-size: 18px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; }

    .mcy_pro dl dt .y_bt h4::after { width: 100px; height: 2px; float: left; background: #fff; content: ''; position: absolute; left: 50%; margin-left: -50px; bottom: 10px; opacity:; }



    .mcy_pro dl dt .y_bt:hover { width: 100%; height: 100%; float: left; padding-top: 0px; padding-bottom: 0px; background: rgba(5,197,91,.8); text-align: center; font-weight: normal; text-decoration: none; position: absolute; z-index: 10; left: 0; top: 0px; margin-top: 0%; bottom: auto; transition: all .5s; text-overflow: ellipsis; overflow: hidden; }


    .mcy_pro dl dt .y_bt:hover img { width: 40px; float: initial; display: block; margin: 20px auto 10px auto; }

    .mcy_pro dl dt .y_bt:hover h4 { width: 90%; height: 40px; float: left; margin: 0 0 0 5%; font-size: 20px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }

    .mcy_pro dl dt:hover .y_bt h4::after { width: 100px; height: 2px; float: left; background: #fff; content: ''; position: absolute; left: 50%; margin-left: -50px; bottom: 10px; opacity: 0; }

    .mcy_pro dl dt .y_bt h5 { width: 90%; height: 80px; float: left; margin: 2% 0 2% 5%; font-size: 14px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; opacity: 1; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .mcy_pro dl dt .y_bt h6 { width: 30%; max-width: 160px; height: 34px; float: left; margin: 2% 0 3% 35%; background: transparent; border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; opacity: 1; line-height: 34px; font-weight: normal; transition: all .5s; }


    .mcy_pro dl dt .y_bt h6:hover { background: #fff; color: #3ce591; transition: all .5s; }



    .mcy_pro .yqmore { float: none; width: 140px; margin: 10px auto 4% auto; }
    .mcy_pro .yqmore a .img1 { width: 100%; display: block; }
    .mcy_pro .yqmore a .img2 { width: 100%; display: none; }
    .mcy_pro .yqmore a:hover .img2 { width: 100%; display: block; }
    .mcy_pro .yqmore a:hover .img1 { width: 100%; display: none; }



    .m_foot_guang { width: 84%; float: left; margin: 4% 0; font-family: Arial; font-size: 2.1rem; color: #fff; text-align: left; line-height: 3rem; font-weight: normal; text-transform: uppercase; }

    .m_foot_guang img { width: 100%; float: left; margin: 1% 0 2% 0; }


    .m_foot_guang font { width: 100%; float: left; font-family: Arial; font-size: 2.4rem; color: #fff; text-align: left; line-height: 3rem; font-weight: normal; }



    .m_foot1 { width: 220px; height: 260px; float: left; padding: 0 20px 0 0; border-right: 2px solid #363636; }


    .m_foot_txt { width: 200px; float: left; margin: 1% 0 3% 3%; font-family: 'SourceHanSansSC-Normal'; text-align: left; font-size: .8rem; line-height: 30px; color: #fff; font-weight: normal; }

    .z_foot .z_max .nav li { display: flex; margin: 0 10px; align-items: flex-start; flex-flow: column; }
    .z_foot .z_max .nav li a { font-size: 16px; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 25px; }
    .z_foot .z_max .nav li a font { width: 17px; height: 17px; float: left; margin: 2px 10px 0 0; }

    .z_foot .z_max .nav li ol li { margin-bottom: 20px; }
    .z_foot .z_max .nav li ol li a { padding-left: 10px; font-family: 'SourceHanSansSC-Normal'; font-size: 12px; color: #aeaeae; margin: 0; font-weight: normal; }


    .ntimes { width: 130px; }

    .syTitle h4 a { float: left; width: 100%; font-size: 20px; color: #3f4040; text-align: left; line-height: 40px; font-weight: normal; }



    .syTitle ul li { width: 100%; height: 30px; margin: 10px 0px; float: left; }


    .syTitle ul li a font { width: 60%; height: 30px; float: left; font-size: 20px; color: #333; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



    .syContent { width: 82%; min-height: inherit; background: rgba(222,222,122,0); float: right; position: relative; z-index: 5; top: 0; right: 0; }


    .m_ppro dl { width: 102%; float: left; }

    .z_dd .left { flex: 1; width: 0; max-width: 990px; margin-right: 60px; margin-top: 60px; }

    .z_dd .left .wzi { width: 100%; height: 246px; float: left; font-size: 16px; color: #7a7a7a; text-align: left; line-height: 30px; margin-bottom: 2vh; display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

    .z_dd .right { width: 47%; }

    .z_con .con li { font-size: 1.4vw; }


    .s_mono_luxbo .mySwiper2 .myStxt { width: 130%; left: -140%; }


    .m_foot1 { width: 160px; }
    .m_foot_logo { width: 100%; }
    .m_foot_txt { width: 140px; float: left; margin: 1% 0 3% 3%; font-family: 'SourceHanSansSC-Normal'; text-align: left; font-size: .8rem; line-height: 30px; color: #fff; font-weight: normal; }
    .c_foot .z_max .nav li a { font-size: 14px; }


    .c_foot .z_max img { width: auto; margin-right: 1%; }

    .c_foot .z_max .nav li { display: flex; margin: 0 10px; align-items: flex-start; flex-flow: column; }

    .c_foot .z_max .nav li ol li a { font-size: 12px; }

    .s_lay_right { width: 77%; max-width: inherit; height: auto; background: #fff; float: right; margin: 0% 0 4% 0%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; }

    .s_hobox { width: 68%; max-width: 1050px; max-height: 700px; float: left; margin: 8% 0 0 -34%; left: 50%; background: #fff; position: relative; z-index: 20; padding: 1% 1% 2% 2%; }

    .s_anniv_history ul li font { width: 52%; height: auto; float: left; margin: 0 0px 0px 0px; font-size: 16px; color: #222; text-align: left; line-height: 32px; font-weight: normal; }

    .s_annual_photo { width: 107%; max-width: inherit; min-height: 520px; float: left; margin: 2% 0 4% -2%; position: relative; }

    .s_outdoor_photo { width: 110%; max-width: initial; min-height: 570px; float: left; margin: 1% 0 4% 4%; position: relative; }


    .s_outdoor_photo ul { width: 100%; float: left; position: relative; z-index: 18; }


    .s_outdoor_photo ul li { width: 300px; float: left; margin: 0 0 0 -60px; position: relative; z-index: 5; }

    .s_outdoor_photo ul li:nth-child(2) { width: 300px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; }

    .s_outdoor_photo ul li:nth-child(2) { width: 300px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; }

    .s_outdoor_photo ul li:nth-child(3) { width: 300px; float: left; margin: 0px 0 0 -140px; position: relative; z-index: 5; }



    .s_outdoor_photo ul li:nth-child(4) { width: 300px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; }

    .s_outdoor_photo ul li:nth-child(5 ) { width: 300px; float: left; margin: 0px 0 0 -140px; position: relative; z-index: 5; }

    .s_outdoor_photo ul li:nth-child(6) { width: 300px; float: left; margin: 190px 0 0 -140px; position: relative; z-index: 5; }

    .s_outdoor_photo ul li:nth-child(7) { width: 300px; float: left; margin: 0px 0 0 -140px; position: relative; z-index: 5; }


    .s_newlist dl dd .new_con { width: 66%; float: left; background: rgba(2,8,1,0); margin: 1% 0 0 3%; }



    .s_party ul { width: 100%; float: left; margin: 6% 0 2% 0%; text-align: center; }


    .s_party ul li { width: 15%; max-width: inherit; display: inline-block; margin: 2% auto 2% auto; background: rgba(5,12,25,0); }


    .s_party ul li font { float: left; width: 100%; margin: 10px 0 0 0; height: 52px; font-size: 14px; color: #222; text-align: center; line-height: 26px; font-weight: normal; overflow: hidden; }
	




	
}




@media screen and (max-width:1199px) and (min-width: 981px) {

    .s_mono_show { height: 500px; }

    .s_mono_luxbo { width: 100%; max-width: 400px; float: right; margin: 0px 25% 0 0; position: relative; }
    .s_mono_luxbo .mySwiper2 .myStxt { width: 120%; left: -140%; font-size: 15px; color: #20397c; text-align: left; line-height: 28px; font-weight: normal; }
}

@media screen and (max-width: 980px) {
    .mobile { display: block; }

    .web { display: none; }


    .c_max { width: calc(100% - 40px); margin: 0 auto; clear: both; }
    .z_head { width: 100%; height: 96px; position: absolute; z-index: 10; left: 0; top: 0; /* display: flex; */ align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 100px; }

    .z_head.baise::before { background: #333; }

    .z_head.zy { position: fixed; }

    .z_head.active::before { display: none; }

    .z_head::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; background: #fff; opacity: 0.4; }

    .z_head .logo { width: auto; position: relative; z-index: 2; }

    .z_head .logo img { width: auto; }

    .z_head .nav { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; width: 0; flex: 1; }

    .z_head .nav li { width: auto; display: flex; align-items: center; justify-content: center; height: 96px; padding: 0 30px; }

    .z_head .nav li a { font-size: 0.85vw; color: #FFFFFF; text-transform: uppercase; }

    .z_head .nav li.active { background: #FFFFFF; }

    .z_head .nav li.active a { font-family: 'SourceHanSansSC-Bold'; color: #1FA55A; }

    .z_head .dt { width: 0; flex: 1; margin-right: 2.5vw; margin-left: 4vw; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 2; }

    .z_head .dt.active .nav { visibility: hidden; }

    .z_head .dt.active .search { visibility: hidden; }

    .z_head .dt.active .z_sea { visibility: visible; transform: translateX(0px); }

    .z_head .z_sea { display: flex; align-items: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.3s ease-in-out 0s; transform: translateX(500px); visibility: hidden; }

    .z_head .z_sea .dh { width: auto; cursor: pointer; }

    .z_head .z_sea .sea { flex: 1; width: 0; height: 46px; background: #fff; border-radius: 10px; display: flex; align-items: center; margin-left: 6%; }

    .z_head .z_sea .sea font { position: relative; margin-left: 20px; }

    .z_head .z_sea .sea font img { width: auto; }

    .z_head .z_sea .sea font input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; z-index: 1; }

    .z_head .z_sea .sea .wz { flex: 1; width: 0; margin: 0 10px; height: 100%; font-size: 0.85vw; }

    .z_head .z_sea .sea .cha { margin-right: 20px; cursor: pointer; }

    .z_head .search { margin-left: 4vw; cursor: pointer; }

    .z_head .yy { display: flex; align-items: center; justify-content: flex-end; width: 148px; height: 50px; border-radius: 10px; border: 1px solid #fff; font-size: 0.85vw; color: #FFFFFF; position: relative; z-index: 2; }

    .z_head .yy img { margin-left: 29px; margin-right: 20px; }

    .z_head .yy a { color: #fff; }

    .z_head .yy a.active { position: absolute; right: 30%; top: 65px; display: none; }

    .z_banner { width: 100%; max-width: 750px; height: auto; float: left; margin-top: 4rem; }

    .z_banner .swiper-container { width: 100%; height: 100%; }

    .z_banner .swiper-container .swiper-slide { width: 100%; max-width: 750px; height: 100%; }

    .z_banner .swiper-container .swiper-slide a { display: block; width: 100%; height: 100%; }

    .z_banner .swiper-container .swiper-slide a img { position: relative; width: 100%; height: auto; left: 0; top: 0; object-fit: cover; }

    .z_banner .swiper-container .swiper-pagination { position: absolute; width: 100%; height: auto; right: auto; left: auto; display: block; align-items: center; justify-content: center; flex-flow: column; }

    .z_banner .swiper-container .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; box-sizing: border-box; border: 2px solid #FFFFFF; opacity: 1; border-radius: 10px; outline: none; margin: 0 6px; background: transparent; }

    .z_banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }

    .z_xyp { position: absolute; width: 60px; left: 0; right: 0; margin: 0 auto; bottom: 70px; z-index: 8; cursor: pointer; animation: myfirst 1s infinite; display: none; }

    @keyframes myfirst {
        0% { transform: translate(0px, 0px); }

        50% { transform: translate(0px, -10px); }

        100% { transform: translate(0px, 0px); }
    }

    .z_max { width: 94%; }

    .z_title { width: 100%; text-align: center; font-size: 1.2rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; background: url(../images/xian.png) no-repeat bottom; padding-bottom: 1rem; text-transform: uppercase; background-size: 3rem; margin: 1rem 0; }

    .z_title.active { color: #fff; }

 .section2 { background: url(../images/bg.png) no-repeat; background-size: cover; }
 .section3 { background: url(../images/bgc13.jpg) no-repeat; background-size: cover; }
 .section4 { background: url(../images/bgc14.jpg) no-repeat; background-size: cover; }
 .section5 { background: url(../images/bgc15.jpg) no-repeat; background-size: cover; }
 .section6 { background: url(../images/bgc16.jpg) no-repeat bottom; background-size: cover; }
 .section7 { background: url(../images/bg2.png) no-repeat top;  background-size: cover;}
 .section8 { background: url(../images/bg3.png) no-repeat; background-size: cover; }
 .section9 { background: url(../images/bgc19.jpg) no-repeat top;  background-size: cover;}
 
    .foot { background: url(../images/bg4.png) no-repeat bottom; }

    .z_aa { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 0; margin-bottom: 0; flex-flow: column; margin-bottom: 1rem; }

    .z_aa .left { margin-left: 0; width: 100%; height: auto; display: flex; align-items: flex-start; flex-flow: column; max-height: 53vh; }

    .z_aa .left h3 { font-size: 1.2rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; text-transform: uppercase; margin-bottom: 1rem; }

    .z_aa .left font { flex: 1; height: 0; font-size: 0.8rem; color: rgba(0, 0, 0, 0.6); line-height: 1.5; display: block; margin-bottom: 1rem; width: 100%; }

    .z_aa .left .a { cursor: pointer; width: 7rem; margin-bottom: 1rem; }

    .z_aa .left .a .img1 { display: block; }

    .z_aa .left .a .img2 { display: none; }

    .z_aa .left .a:hover .img2 { display: block; }

    .z_aa .left .a:hover .img1 { display: none; }

    .z_aa .right { width: 100%; height: 13rem; position: relative; border-radius: 20px; overflow: hidden; max-height: 53vh; }

    .z_aa .right video { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; background: #000; }

    .z_aa .right i { position: absolute; width: 3rem; height: 3rem; background: url(../images/bofang.png) no-repeat; background-size: 100% 100%; z-index: 2; left: 0; right: 0; margin: 0 auto; cursor: pointer; top: 50%; margin-top: -1.5rem; }

    .z_aa1 { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1rem; }

    .z_aa1 li { width: 31%; text-align: center; }

    .z_aa1 li h3 { margin-bottom: 0.5rem; font-size: 1.2rem; color: #16CE68; font-family: 'SourceHanSansSC-Bold'; }

    .z_aa1 li font { display: block; line-height: 1.5; color: #000000; font-size: 0.8rem; }

    .z_pp { width: 100%; float: left; display: flex; align-items: flex-start; flex-flow: column; }

    .z_pp li { width: 100%; position: relative; height: 20vh; overflow: hidden; }

    .z_pp li a { display: block; width: 100%; height: 100%; }

    .z_pp li a::before { content: ""; background: rgba(0, 0, 0, 0.77); position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }

    .z_pp li a .img { position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; }

    .z_pp li a .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

    .z_pp li a .bt { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column; }

    .z_pp li a .bt img { width: 2rem; }

    .z_pp li a .bt span { font-size: 1rem; color: #FFFFFF; font-weight: lighter; margin-top: 1rem; }

    .z_pp li a .dt { display: none; align-items: flex-start; flex-flow: column; top: 50%; left: 10%; transition: all 0.3s ease-in-out 0s; position: absolute; visibility: hidden; }

    .z_pp li a .dt img { width: auto; }

    .z_pp li a .dt span { margin-top: 0px; font-size: 1.9vw; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; line-height: 50px; }

    .z_pp li a .jt { position: absolute; left: 20px; bottom: 145px; display: none; }

    .z_pp li:hover a::before { display: flex; }

    .z_pp li:hover a .bt { display: flex; }

    .z_pp li:hover a .dt { visibility: visible; left: 20px; top: 145px; }

    .z_pp li:hover a .jt { display: block; }

    .z_dd { width: 100%; display: flex; align-items: flex-start; flex-flow: column; margin-top: 1rem; }

    .z_dd .left { flex: 1; width: 100%; margin-right: 0; }

    .z_dd .left h3 { font-size: 1.2rem; color: #000000; font-weight: 800; margin-bottom: 1rem; }

    .z_dd .left h4 { color: #000000; font-family: 'SourceHanSansSC-Bold'; line-height: 1.5; margin-bottom: 1.5rem; font-size: 0.9rem; }

    .z_dd .left h5 { color: #000000; font-size: 0.8rem; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 1rem; }

    .z_dd .left .font { color: #707070; font-size: 0.8rem; line-height: 1.5; margin-bottom: 1rem; }
	.z_dd .left .font img {
		width: 16px;
		float: left;
		margin: 2px 10px 0 0;
	}
    .z_dd .left .font span { color: #000; }

    .z_dd .left .a { cursor: pointer; display: inline-block; width: 7rem; margin-bottom: 1rem; }

    .z_dd .left .a .img1 { display: block; }

    .z_dd .left .a .img2 { display: none; }

    .z_dd .left .a:hover .img2 { display: block; }

    .z_dd .left .a:hover .img1 { display: none; }

.z_dd .left .wzi {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #7a7a7a;
    text-align: left;
    line-height: 30px;
    margin-bottom: 2vh;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .z_dd .right { width:60%; }

    .z_dd .right img { width: 100%; }

    .z_lianxi { width: 100%; display: flex; align-items: center; flex-flow: column; }

    .z_lianxi .left { position: relative; height: auto; width: 100%; display: flex; align-items: center; justify-content: flex-end; margin: 1rem 0; }

    .z_lianxi .left img { position: relative; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }

    .z_lianxi .left ul { position: absolute; z-index: 1; width: 100%; margin-bottom: 0; height: 100%; left: 0; top: 0; }

    .z_lianxi .left ul li { position: absolute; box-sizing: border-box; }

    .z_lianxi .left ul li img { position: absolute; z-index: 3; width: auto; height: auto; max-width: initial; left: auto; top: auto; transform: translateX(200vw); visibility: hidden; }

    .z_lianxi .left ul li i { display: block; width: 100%; height: 100%; background: rgba(0, 153, 68); position: relative; z-index: 2; border-radius: 50%; }

    .z_lianxi .left ul li::before { content: ""; animation: scaless 0.5s infinite cubic-bezier(0, 0, 0.49, 1.02); background: rgba(0, 153, 68); position: absolute; width: 100%; left: 0; height: 100%; z-index: 0; top: 0; border-radius: 50%; }

    .z_lianxi .left ul li::after { content: ""; animation: scaless1 0.5s infinite cubic-bezier(0, 0, 0.49, 1.02); background: rgba(0, 153, 68); position: absolute; width: 62%; left: 19%; height: 62%; z-index: 1; top: 19%; border-radius: 50%; }

    .z_lianxi .left ul li:nth-child(1) { width: 3rem; height: 3rem; border-radius: 50%; top: 3rem; right: 7rem; padding: 1rem; }

    .z_lianxi .left ul li:nth-child(1) img { right: 1rem; top: 0; transition: all 1.5s ease-in-out 0s; height: 2rem; }

    .z_lianxi .left ul li:nth-child(2) { width: 2rem; height: 2rem; right: 7.5rem; top: 7.5rem; padding: 0.5rem; }

    .z_lianxi .left ul li:nth-child(2) img { right: 1rem; top: -3rem; transition: all 1.5s ease-in-out 0.5s; height: 4rem; }

    .z_lianxi .left ul li:nth-child(3) { position: absolute; width: 5rem; height: 5rem; padding: 8%; right: 9rem; top: 7rem; }

    .z_lianxi .left ul li:nth-child(3) img { right: 2rem; top: 2rem; transition: all 1.5s ease-in-out 1.5s; height: 2rem; }

    .z_lianxi .left ul li:nth-child(4) { width: 2rem; height: 2rem; right: 8.5rem; top: 10rem; padding: 0.5rem; }

    .z_lianxi .left ul li:nth-child(4) img { right: 0.5rem; top: 0.5rem; transition: all 1.5s ease-in-out 2s; height: 5rem; }

    .z_lianxi .right { flex: 1; width: 100%; margin-left: 0; box-sizing: border-box; padding: 0 3%; }

    .z_lianxi .right h3 { font-size: 1.2rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; text-transform: uppercase; background: url(../images/xian.png) no-repeat left bottom; padding-bottom: 1rem; margin-bottom: 1rem; background-size: 3rem; }

    .z_lianxi .right .font { color: #000; line-height: 1.5; font-size: 0.9rem; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 1rem; }

    .z_lianxi .right .font span { font-size: 1.7vw; color: #1FA55A; font-family: 'SourceHanSansSC-Bold'; }

    .z_lianxi .right h4 { font-size: 1.2rem; color: #1FA55A; font-family: 'SourceHanSansSC-Bold'; position: relative; padding-bottom: 1rem; margin-bottom: 1rem; text-transform: uppercase; }

    .z_lianxi .right h4::before { content: ""; width: 4rem; height: 3px; position: absolute; left: 0; bottom: 0; background: #000000; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); opacity: 1; border-radius: 10px; }

    .z_lianxi .right .font1 { font-size: 0.8rem; color: #000; text-transform: uppercase; line-height: 1.5; }

    .section.active .z_lianxi .left ul li img { transform: translateX(0px); visibility: visible; }

    .section.active .z_pinpai { transform: translateY(0px); visibility: visible; }

    @keyframes scaless {
        0% { transform: scale(0.5); opacity: 1; }

        50%, 75% { transform: scale(1); opacity: 0.3; }

        78%, 100% { opacity: 0.15; }
    }

    @keyframes scaless1 {
        0% { transform: scale(0.5); opacity: 1; }

        50%, 75% { transform: scale(1); opacity: 0.6; }

        78%, 100% { opacity: 0.3; }
    }

    .z_rd { width: 100%; display: flex; align-items: flex-start; margin: 1rem 0; justify-content: center; flex-flow: wrap; }

    .z_rd li { margin: 0 3%; width: 44%; position: relative; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; background: #fff; margin-bottom: 1rem; }

    .z_rd li:last-child { margin-right: 0; }

    .z_rd li a { display: block; width: 100%; float: left; }

    .z_rd li a img { width: 100%; float: left; }

    .z_rd li a h3 { position: absolute; width: calc(100% - 1rem); left: 0.5rem; bottom: 0.5rem; height: 2.5rem; background: #FFFFFF; font-size: 0.9rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; opacity: 1; display: flex; align-items: center; justify-content: center; border-radius: 10px; }

    .z_rd li a .dt { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; display: flex; align-items: center; justify-content: center; flex-flow: column; opacity: 0; transition: all 0.3s ease-in-out 0s; visibility: hidden; display: none; }

    .z_rd li a .dt h4 { font-size: 1.55vw; color: #1FA55A; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 1.5vh; }

    .z_rd li a .dt .font { text-align: center; width: 94%; background: url(../images/xian.png) no-repeat bottom; padding-bottom: 6vh; margin-bottom: 8vh; }

    .z_rd li a .dt .font font { line-height: 1.5; font-size: 16px; color: #000; display: -webkit-box; opacity: 0.5; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

    .z_rd li a .dt img { width: auto; height: auto; }

    .z_rd li:hover a .dt { opacity: 1; visibility: visible; }

    .z_foot { width: 100%; height: 500px; }

    .z_foot .z_max { display: flex; align-items: flex-end; padding-top: 2rem; position: relative; flex-flow: wrap; padding-bottom: 2rem; }

    .z_foot .z_max .login { position: initial; left: 0; bottom: 100px; display: flex; align-items: center; margin-top: 1rem; }

    .z_foot .z_max .login a { margin-right: 1rem; position: relative; cursor: pointer; width: 2rem; }

    .z_foot .z_max .login a:hover font { display: block; }

    .z_foot .z_max .login a font { position: absolute; width: 160px; height: 160px; background: #fff; box-sizing: border-box; padding: 10px; border-radius: 10px; border-bottom-left-radius: 0; left: 70px; bottom: 0; display: none; }

    .z_foot .z_max .login a font img { }

    .z_foot .z_max img { width: 70%; margin-right: 30%; }

    .z_foot .z_max .nav { align-items: flex-start; flex: 1; width: 0; justify-content: space-between; margin-top: 20px; margin-bottom: 85px; display: none; }

    .z_foot .z_max .nav li { display: flex; align-items: flex-start; flex-flow: column; }

    .z_foot .z_max .nav li a { font-size: 20px; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 25px; }

    .z_foot .z_max .nav li ol li { margin-bottom: 12px; }

    .z_foot .z_max .nav li ol li a { font-size: 14px; color: #FFFFFF; margin: 0; font-weight: normal; opacity: 0.6; }

    .z_foot .z_max .nav li ol li:hover a { opacity: 1; }

    .z_foot .foot { width: 100%; display: flex; align-items: center; justify-content: center; height: 3rem; background: #000; font-size: 0.8rem; color: #FFFFFF; }

    .z_pinpai { width: 100%; display: flex; align-items: flex-start; flex-flow: wrap; margin-top: 5vh; transition: all 0.5s ease-in-out 0.5s; transform: translateY(0px); visibility: visible; }

    .z_pinpai li { margin-bottom: 1rem; margin-right: 3%; width: 48.5%; }

    .z_pinpai li img { width: 100%; }

    .z_pinpai li:nth-child(5n) { margin-right: 3%; }

    .z_pinpai li:nth-child(2n) { margin-right: 0; }

    .z_con { width: 94%; float: right; margin-right: 3%; display: flex; align-items: flex-start; flex-flow: column; }

    .z_con .title { font-size: 1.5rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; background: url(../images/xian.png) no-repeat bottom left; width: 100%; padding-bottom: 1rem; margin-bottom: 0; text-transform: uppercase; background-size: 3rem; margin: 1rem 0; }

    .z_con .con { width: 100%; margin-top:2rem; margin-bottom: 1rem; }

    .z_con .con li { display: flex; align-items: center; width: 100%; margin-bottom: 10px; font-size: 0.8rem; color: #000000; }

    .z_con .con li img { width: 1rem; margin-right: 0.5rem; }

    .z_con .gok { width: 100%; }

    .z_con .gok textarea { border: none; background: rgba(255, 255, 255, 0.66); width: 100%; height: 8rem; outline: none; resize: none; box-sizing: border-box; padding: 1rem; font-size: 0.9rem; margin-bottom: 1rem; float: left; }

    .z_con .gok input { width: 48%; height: 2.5rem; font-size: 0.9rem; padding: 0 0.8rem; background: rgba(255, 255, 255, 0.66); margin-bottom: 1rem; }

    .z_con .gok input.left { float: left; }

    .z_con .gok input.right { float: right; }

    .z_con .gok input.width { width: 100%; float: left; }

    .z_con .gok input.dj { padding: 0; font-size: 0.9rem; color: #fff; font-family: 'SourceHanSansSC-Bold'; background: #009944; border-radius: 10px; width: 100%; float: left; margin-top: 1rem; }

    .z_head1 { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; box-sizing: border-box; padding: 0 100px; padding-top: 135px; background: url(../images/bg5.png) no-repeat; background-size: cover; z-index: 9; display: none; }

    .z_head1.zy { position: fixed; }

    .z_head1 .shouhui { position: absolute; cursor: pointer; left: 100px; bottom: 88px; z-index: 9; }

    .z_head1 .li { display: none; width: 100%; float: left; }

    .z_head1 .li .left { float: left; width: calc(100% - 70.6%); }

    .z_head1 .li .left h3 { font-size: 2.5vw; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 40px; }

    .z_head1 .li .left .nav { width: auto; }

    .z_head1 .li .left .nav li { margin-bottom: 15px; display: flex; align-items: center; }

    .z_head1 .li .left .nav li::before { width: 5px; height: 16px; content: ""; display: block; background: #fff; margin-right: 20px; }

    .z_head1 .li .left .nav li a { font-size: 16px; color: #FFFFFF; }

    .z_head1 .li .right { width: 70.6%; float: right; }

    .z_head1 .li .right .nav1 { width: 100%; float: left; display: flex; align-items: flex-start; margin-bottom: 30px; }

    .z_head1 .li .right .nav1 li { margin-right: 30px; width: calc(26% - 30px); position: relative; overflow: hidden; border-radius: 10px; }

    .z_head1 .li .right .nav1 li:last-child { margin-right: 0; }

    .z_head1 .li .right .nav1 li a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav1 li a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav1 li a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav2 { width: 100%; float: left; display: flex; align-items: flex-start; }

    .z_head1 .li .right .nav2 li { margin-right: 30px; width: calc(35% - 30px); position: relative; overflow: hidden; border-radius: 10px; }

    .z_head1 .li .right .nav2 li:last-child { margin-right: 0; }

    .z_head1 .li .right .nav2 li a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav2 li a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav2 li a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav3 { float: left; width: calc(40.2% - 30px); border-radius: 10px; overflow: hidden; margin-right: 30px; position: relative; }

    .z_head1 .li .right .nav3 a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav3 a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav3 a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav4 { float: right; width: calc(100% - 40.2%); }

    .z_head1 .li .right .nav4 .top { width: 100%; float: left; border-radius: 10px; overflow: hidden; margin-bottom: 20px; position: relative; }

    .z_head1 .li .right .nav4 .top a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav4 .top a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav4 .top a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav4 .bottom { width: 100%; float: left; display: flex; align-items: flex-start; }

    .z_head1 .li .right .nav4 .bottom li { width: calc(52% - 30px); float: left; margin-right: 30px; position: relative; border-radius: 10px; overflow: hidden; }

    .z_head1 .li .right .nav4 .bottom li a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav4 .bottom li a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav4 .bottom li a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav4 .bottom li:nth-child(2n) { margin-right: 0; }

    .z_head1 .li .right .nav5 { float: left; width: calc(32.8% - 30px); border-radius: 10px; overflow: hidden; margin-right: 30px; position: relative; }

    .z_head1 .li .right .nav5 a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav5 a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav5 a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav6 { float: right; width: calc(100% - 32.8%); }

    .z_head1 .li .right .nav6 .top { width: 100%; float: left; display: flex; align-items: flex-start; margin-bottom: 30px; }

    .z_head1 .li .right .nav6 .top li { width: calc(59% - 30px); float: left; margin-right: 30px; position: relative; border-radius: 10px; overflow: hidden; }

    .z_head1 .li .right .nav6 .top li a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav6 .top li a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav6 .top li a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav6 .top li:nth-child(2) { margin-right: 0; flex: 1; width: 0; }

    .z_head1 .li .right .nav6 .bottom { width: 100%; float: left; display: flex; align-items: flex-start; margin-bottom: 30px; }

    .z_head1 .li .right .nav6 .bottom li { float: left; margin-right: 30px; position: relative; border-radius: 10px; overflow: hidden; flex: 1; width: 0; }

    .z_head1 .li .right .nav6 .bottom li a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav6 .bottom li a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav6 .bottom li a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav6 .bottom li:nth-child(2) { margin-right: 0; width: calc(59% - 30px); flex: initial; }

    .z_head1 .li .right .nav7 { float: right; width: calc(100% - 32.8%); }

    .z_head1 .li .right .nav7 li { width: 100%; float: left; margin-bottom: 30px; position: relative; border-radius: 10px; overflow: hidden; }

    .z_head1 .li .right .nav7 li a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav7 li a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav7 li a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_head1 .li .right .nav7 li:nth-child(2) { margin-bottom: 0; }

    .z_head1 .li .right .nav8 { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative; }

    .z_head1 .li .right .nav8 a .img { width: 100%; float: left; }

    .z_head1 .li .right .nav8 a .img img { width: 100%; float: left; }

    .z_head1 .li .right .nav8 a span { position: absolute; width: 100%; left: 0; background: rgba(255, 255, 255, 0.3); height: 60px; font-size: 1.05vw; color: #FFFFFF; bottom: 0; text-align: center; line-height: 60px; }

    .z_banner1 { width: 100%; float: left; position: relative; margin-top: 4rem; }

    .z_banner1 .img { width: 100%; float: left; }

    .z_banner1 .img img { width: 100%; float: left; }

    .z_zy_con { width: 100%; float: left; height: auto; display: flex; align-items: center; box-sizing: border-box; padding-top: 0; }

    .z_zy_foot { width: 100%; float: left; }

    .z_zy_aa { width: 100%; float: left; background: url(../images/bg6.png) no-repeat; background-size: cover; }

    .z_title1 { font-size: 2rem; color: #000000; position: relative; margin-top: 1rem; margin-bottom: 1rem; float: left; display: flex; align-items: center; text-transform: uppercase; box-sizing: border-box; padding-left: 1rem; font-family: 'SourceHanSansSC-Heavy'; }

    .z_title1::before { content: ""; background: #1FA55A; width: 6px; height: 85%; margin-right: 35px; position: absolute; left: 0; top: 10%; }

    .z_aa2 { width: 100%; float: left; position: relative; margin-bottom: 1rem; font-size: 0.8rem; color: #707070; line-height: 1.5; }

    .z_aa2 .left { float: left; width: 100%; margin-bottom: 1rem; }

    .z_aa2 .left .font { font-size: 0.9rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 1rem; }

    .z_aa2 .left h1 { font-size: 1.2rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 1rem; }

    .z_aa2 .right { position: relative; width: 100%; right: 0; bottom: 0; text-align: center; }

    .z_aa2 .right img { width: auto; }

    .z_aa3 { width: 100%; float: left; margin-bottom: 2rem; font-size: 0.8rem; color: rgba(0, 0, 0, 0.61); line-height: 1.5; }

    .z_aa4 { width: 100%; float: left; display: flex; align-items: flex-start; flex-flow: wrap; }

    .z_aa4 li { width: calc(51.5% - 3%); margin-right: 3%; margin-bottom: 1rem; }

    .z_aa4 li:nth-child(4n) { margin-right: 3%; }

    .z_aa4 li:nth-child(2n) { margin-right: 0%; }

    .z_aa4 li a .img { width: 100%; float: left; margin-bottom: 0.5rem; border-radius: 10px; }

    .z_aa4 li a .img img { width: 100%; float: left; }

    .z_aa4 li a span { line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.8rem; color: #000000; width: 100%; float: left; }

    .z_aa44 { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 1rem; }

    .z_aa44 img { width: 100%; float: left; }

    .z_aa44 .img { position: absolute; left: 6.5%; top: 16%; }

    .z_aa44 .img img { width: 10rem; }

    .z_aa44 .img span { position: absolute; font-size: 2rem; color: #EB6A82; right: 1.2rem; top: 1rem; }

    .z_zy_aa1 { width: 100%; float: left; }

    .z_pinpai1 { width: 100%; display: flex; align-items: flex-start; flex-flow: wrap; }

    .z_pinpai1 li { margin-bottom: 60px; margin-right: 3%; width: 17.6%; }

    .z_pinpai1 li img { width: 100%; }

    .z_pinpai1 li:nth-child(5n) { margin-right: 0; }

    .z_pp1 { width: 100%; float: left; display: flex; align-items: flex-start; background: #1FA55A; }

    .z_pp1 .left { width: 33%; display: flex; align-items: center; justify-content: center; height: 7rem; font-family: 'SourceHanSansSC-Bold'; text-transform: uppercase; font-size: 2rem; }

    .z_pp1 .right { flex: 1; width: 0; }

    .z_pp1 .right .swiper-container { width: 100%; float: left; }

    .z_pp1 .right .swiper-container .swiper-slide { width: 100%; float: left; height: 7rem; position: relative; }

    .z_pp1 .right .swiper-container .swiper-slide img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; object-fit: cover; }

    .z_pp1 .right .swiper-container .swiper-slide span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; color: #fff; font-weight: lighter; }

    .z_pp2 { width: 100%; float: left; background: #1FA55A; padding: 10px 0; }

    .z_pp2 .z_max { display: flex; align-items: flex-start; }

    .z_pp2 .z_max .left { flex: 1; width: 0; margin-right: 10px; height: 2.5rem; background: rgba(250, 250, 250, 0.3); border-top-left-radius: 10px; border-bottom-left-radius: 10px; display: flex; align-items: center; }

    .z_pp2 .z_max .left img { opacity: 0.6; margin: 0 0.5rem; width: 1rem; }

    .z_pp2 .z_max .left input { flex: 1; width: 0; height: 100%; color: #fff; font-size: 0.8rem; }

    .z_pp2 .z_max .right { width: 6rem; height: 2.5rem; background: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }

    .z_pp2 .z_max .right input { width: 100%; height: 100%; font-size: 0.8rem; color: #1FA55A; }

    .z_pp3 { width: 100%; float: left; margin-top: 1rem; display: flex; align-items: flex-start; flex-flow: wrap; }

    .z_pp3 li { width: 48.5%; margin-right: 3%; margin-bottom: 1rem; }

    .z_pp3 li:nth-child(4n) { margin-right: 3%; }

    .z_pp3 li:nth-child(2n) { margin-right: 0%; }

    .z_pp3 li a { display: block; width: 100%; float: left; }

    .z_pp3 li a .img { width: 100%; float: left; margin-bottom: 15px; }

    .z_pp3 li a .img img { width: 100%; float: left; }

    .z_pp3 li a font { width: 100%; float: left; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.8rem; color: #000000; }

    .z_pp3 li:hover a font { color: #009944; }

    .z_page { width: 100%; float: left; display: flex; align-items: center; justify-content: space-around; margin-top: 1rem; margin-bottom: 2rem; }

    .z_page a { display: flex; align-items: flex-start; justify-content: center; margin: 0 15px; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #E8E8E8; font-size: 20px; color: rgba(0, 0, 0, 0.6); display: none; }

    .z_page a img { width: 2.5rem; }

    .z_page a.select { background: #E8E8E8; }

    .z_page a:first-child { width: auto; height: auto; margin: 0; margin-right: 0; border: 0; display: flex; }

    .z_page a:last-child { width: auto; height: auto; margin: 0; margin-left: 0; transform: rotate(180deg); border: 0; display: flex; }

    .z_title2 { width: 100%; float: left; display: flex; align-items: center; margin-top: 1rem; margin-bottom: 1rem; font-size: 1.2rem; color: #010101; font-family: 'SourceHanSansSC-Bold'; text-transform: uppercase; }

    .z_title2 img { margin-right: 0.5rem; width: 1rem; }

    .z_show1 { width: 100%; float: left; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.15); display: flex; align-items: flex-start; height: auto; }

    .z_show1 .left { width: 40%; height: auto; }

    .z_show1 .left img { width: 100%; height: 100%; border-radius: 10px; }

    .z_show1 .right { flex: 1; width: 0; height: 100%; margin-left: 1rem; display: flex; align-items: flex-start; flex-flow: column; position: relative; }

    .z_show1 .right h3 { font-size: 0.9rem; color: #000000; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 1rem; }

    .z_show1 .right h4 { flex: 1; height: 0; width: 100%; font-size: 0.8rem; color: #000000; margin-bottom: 2.5rem; }

    .z_show1 .right .fanye { width: 100%; display: flex; align-items: center; justify-content: space-between; position: absolute; right: 0; bottom: 0; }

    .z_show1 .right .fanye a { cursor: pointer; }

    .z_show1 .right .fanye a img { height: 1.5rem; }

    .z_rd1 { width: 100%; float: left; display: flex; align-items: flex-start; flex-flow: wrap; }

    .z_rd1 li { width: 48.5%; margin-right: 3%; margin-bottom: 1rem; height: auto; background: #FFFFFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; }

    .z_rd1 li:nth-child(3n) { margin-right: 3%; }

    .z_rd1 li:nth-child(2n) { margin-right: 0; }

    .z_rd1 li a { display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: 100%; }

    .z_rd1 li a .img { height: 3rem; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; margin: 1rem 0; }

    .z_rd1 li a .img img { max-height: 100%; max-width: 3rem; }

    .z_rd1 li a font { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: calc(100% - 60px); text-align: center; line-height: 1.5; font-size: 0.8rem; color: #010101; margin-bottom: 1rem; }

    .z_dan { width: 100%; float: left; background: url(../images/bg7.png) no-repeat; background-size: cover; padding-top: 1rem; }

    .z_dan .dan1 { width: 100%; margin: 0 auto; display: flex; align-items: flex-start; flex-flow: wrap; }

    .z_dan .dan1 li { width: 31.3%; margin-right: 3%; margin-bottom: 1rem; }

    .z_dan .dan1 li:nth-child(3n) { margin-right: 0; }

    .z_dan .dan1 li img { width: 100%; float: left; margin-bottom: 1rem; }

    .z_dan .dan1 li font { line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; float: left; text-align: center; font-size: 0.8rem; color: #000000; }

    .z_dan .dan2 { width: 100%; margin: 0 auto; display: flex; align-items: flex-start; flex-flow: wrap; margin-top: 1rem; margin-bottom: 1rem; }

    .z_dan .dan2 li { width: 48.5%; margin-right: 3%; margin-bottom: 1rem; }

    .z_dan .dan2 li:nth-child(4n) { margin-right: 3%; }

    .z_dan .dan2 li:nth-child(2n) { margin-right: 0; }

    .z_dan .dan2 li img { width: 100%; float: left; }

    .z_nn { width: 100%; float: left; display: flex; align-items: flex-start; margin-bottom: 33px; }

    .z_nn li { width: 48.5%; margin-right: 3%; border-radius: 10px; overflow: hidden; position: relative; }

    .z_nn li:nth-child(2n) { margin-right: 0; }

    .z_nn li a { display: block; width: 100%; float: left; }

    .z_nn li a img { width: 100%; float: left; }

    .z_nn li a .dt { position: absolute; width: 100%; height: auto; background: url(../images/bj.png) no-repeat; background-size: cover; left: 0; bottom: 0; box-sizing: border-box; padding: 0 3%; }

    .z_nn li a .dt h3 { width: 100%; float: left; margin-top: 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9rem; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 0.5rem; }

    .z_nn li:hover a .dt h3 { color: #1FA55A; }

    .z_nn li a .dt font { line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; float: left; margin-top: 35px; font-size: 16px; color: #fff; opacity: 0.6; display: none; }

    .z_nn1 { width: 100%; float: left; }

    .z_nn1 li { width: 100%; float: left; box-sizing: border-box; padding-left: 3%; padding-right: 3%; height: 3rem; background: #FFFFFF; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); border-radius: 10px; margin-bottom: 20px; }

    .z_nn1 li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; float: left; }

    .z_nn1 li a h3 { font-size: 0.9rem; color: #010101; font-family: 'SourceHanSansSC-Bold'; flex: 1; width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 1rem; }

    .z_nn1 li:hover a h3 { color: #1FA55A; }

    .z_nn1 li a h4 { font-size: 0.8rem; color: #1FA55A; display: flex; align-items: center; white-space: nowrap; }

    .z_nn1 li a h4 img { margin-left: 35px; display: none; }

    .z_con1 { width: 100%; float: left; display: flex; align-items: flex-start; flex-flow: column; margin-bottom: 2rem; }

    .z_con1 .con { width: 100%; margin-bottom: 1rem; }

    .z_con1 .con li { display: flex; align-items: center; width: 100%; margin-bottom: 10px; font-size: 0.8rem; color: #000000; }

    .z_con1 .con li img { width: 1rem; margin-right: 0.5rem; }

    .z_con1 .gok { width: 100%; }

    .z_con1 .gok textarea { border: none; background: #F3F3F3; width: 100%; height: 9REM; outline: none; resize: none; box-sizing: border-box; padding: 1rem; font-size: 0.8rem; margin-bottom: 1REM; float: left; }

    .z_con1 .gok input { width: 48%; height: 3rem; font-size: 0.8rem; margin-bottom: 1rem; padding: 0 0.8rem; }

    .z_con1 .gok input.left { float: left; }

    .z_con1 .gok input.right { float: right; }

    .z_con1 .gok input.width { width: 100%; float: left; }

    .z_con1 .gok input.dj { padding: 0; font-size: 0.8rem; color: #fff; font-family: 'SourceHanSansSC-Bold'; background: #009944; border-radius: 10px; width: 100%; float: left; margin-top: 1rem; }

    .z_mhead { position: fixed; background: #000; width: 100%; left: 0; height: 4rem; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 0 0%; z-index: 45; }

    .z_mhead img { width: 100%; }

    .z_mhead .ss { width: 20px;
    height: 30px;
    margin-right: 38%;
    margin-top: 10px;
    position: relative;
    float: right; }

    .z_mhead .ss .search { position: absolute; right: 6vw; float:left; background: #fff; height: 2.5rem; top: -0.5rem; box-sizing: border-box; padding: 0 0rem; font-size: 0.9rem; color: #333; width: 70vw; 
            display:none;
    }

   .z_mhead .ss .search  font img { width: auto; float:left; margin:10px 5px 0 5px; position: absolute; z-index:5; left:5px; top:0px;}
 .z_mhead .ss  .search input.chaxun{width:44px; height:2.5rem; float: right; margin:0px 0 0 0; position:relative; z-index:3; background: #f2f2f2; border: 1px solid #eee; }
 .z_mhead .ss .search .wz {  width:50%; margin: 0 10px; height:2.5rem; float:left; font-size: 0.85vw;  float:left;  background: transparent; border: 1px solid transparent; font-size: 14px; color: #333; text-align: left;
 line-height: 44px; font-weight: normal;}
 
    .z_mhead .ss.active .search { position: absolute; right: 6vw; float:left; background: #fff; height: 2.5rem; top: -0.5rem; box-sizing: border-box; padding: 0 0rem; font-size: 0.9rem; color: #333; width: 70vw; 
            display:block;
    }

    .z_mhead .logo { width: 57%; margin-left: 24%;}

    .z_head.web { display: none; }


    .z_mhead .nav { position: absolute; width: 31px; height: 16px; background: url(../images/dh.png) no-repeat center center; background-size: 100%; border-radius: 0px; left: 3%; top: 2rem; display: block; z-index: 55; }

    .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0%; top: 4rem; z-index: 99; display: none; }

    .z_nav .navleft { width: 30%; float: right; background: rgba(0, 0, 0, 0.1); height: 100vh; overflow: hidden; }

    .z_nav .nav { width: 70%; float: left; background: #fff; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }

    .z_nav .nav ul { width: 100%; float: left; margin: 3% 0 3% 0%; border-top: 1px dashed #f2f3f5; }

    .z_nav .nav ul li { width: 100%; min-height: 3rem; float: left; border-bottom: 1px dashed #f2f3f5; }

    .z_nav .nav ul li.selected { }

    .z_nav .nav ul li a { height: 3rem; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin: 0 3%; font-size: 16px; color: #333; line-height: 3rem; }

    .z_nav .nav ul li a img.vimg1 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li a img.vimg2 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li.selected > a { color: #0275fc; }

    .z_nav .nav ul li.selected a img.vimg1 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li.selected a img.vimg2 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }

    .z_nav .nav ul li ul { background: #fff; margin: 0; padding: 1rem 1rem; box-sizing: border-box; }

    .z_nav .nav ul li ul li { border: 0; margin-bottom: 0.5rem; padding: 0; border-bottom: 1px solid #f2f3f5; }

    .z_nav .nav ul li ul li a { font-size: 14px; color: #333333; margin-bottom: 0; }


    /*section3*/




    .section3 { background: url(../images/bgc13.jpg) no-repeat; background-size: 100% 100%; }
    /*  section4 */


    .section4 { background: url(../images/bgc14.jpg) no-repeat; background-size: 100% 100%; }
    .s_videos { width: 100%; height: auto; float: left; margin: 0% 0 0 0; }


    .zp_title { width: 100%; float: left; text-align: center; font-size: 1.2rem; line-height: 50px; color: #000000; font-family: 'SourceHanSansSC-Bold'; background: url(../images/xian.png) no-repeat center bottom; background-size: 110px 14px; padding-bottom: 10px; text-transform: uppercase; }
    .zp_title.active { color: #fff; }


    .svTitle { width: 100%; height: 68px; background: rgba(125,458,122,0); float: right; position: relative; z-index: 25; }


    .svTitle h4 { float: right; width: 16%; font-size: 14px; color: #999999; text-align: left; line-height: 36px; font-weight: bold; padding: 0 5px; margin: 10px 0 0 0; }
    .svTitle h3::after { width: 50px; height: 4px; background: #1a60a3; float: left; position: absolute; left: 0%; margin-left: 0px; bottom: -2px; content: ''; }


    .svTitle ul { width: 80%; height: 36px; float: right; display: inline; font-size: 12px; color: #999; text-align: left; margin: 10px 0 0 0; }
    .svTitle ul li { width: 23%; height: 36px; margin: 0 1%; float: left; font-size: 12px; color: #222; text-align: center; line-height: 36px; font-weight: normal; }



    .svTitle ul li.active { width: 23%; height: 36px; margin: 0 1%; float: left; background: #1ae882; font-size: 12px; color: #fff; text-align: center; line-height: 36px; font-weight: normal; border-radius: 6px; }



    .syTitle { width: 100%; max-width: inherit; min-height: initial; background: rgba(125,458,122,0); float: left; position: relative; }

    .syTitle h4 { float: left; width: 100%; display: none; }
    .syTitle h4 a { float: left; width: 100%; font-size: 24px; color: #3f4040; text-align: left; line-height: 40px; font-weight: normal; }

    .syTitle ul { width: 100%; float: left; margin: 20px 0 0 0; position: relative; z-index: 7; }

    .syTitle ul li { width: 46%; height: 24px; margin: 3% 1% 1% 2%; float: left; }

    .syTitle ul li a { width: 100%; height: 24px; float: left; font-size: 14px; color: #333333; text-align: left; line-height: 24px; font-weight: normal; }

    .syTitle ul li a .span1 { width: 24px; height: 24px; float: left; margin: 0px 4% 0 0; background: #3ce591; border-radius: 6px; font-size: 16px; color: #fff; text-align: center; line-height: 24px; font-weight: bold; }


    .syTitle ul li a font { width: 80%; height: 24px; float: left; font-size: 14px; color: #333; text-align: left; line-height: 24px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }



    .syTitle .syrmore { float: left; width: 198px; margin: 40px 0 0 0; display: none; }




    .syContent { width: 100%; min-height: initial; background: rgba(222,222,122,0.1); float: right; position: relative; z-index: 5; top: 0; right: 0; }


    .m_ppro { width: 100%; float: left; margin: 3% 0 4% 0; }

    .m_ppro dl { width: 100%; float: left; }

    .m_ppro dl dt { width: 47%; float: left; margin: 0 3% 3% 0; position: relative; z-index: 20; border-radius: 10px; overflow: hidden; }


    .m_ntitle { width: 100%; display: block; margin: 0 auto; }


    .m_ntitle ul { width: 100%; float: left; margin: 3% 0 3% 0; text-align: center; }


    .m_ntitle ul li { width: 43%; max-width: initial; height: 45px; display: inline-block; margin: 0 1%; }

    .m_ntitle ul li a { width: 100%; height: 45px; float: left; background: #fff; border-radius: 10px; font-size: .8vw; color: #333; text-align: center; line-height: 45px; font-weight: normal; }


    .m_ntitle ul li a:hover { width: 100%; height: 45px; float: left; background: -webkit-linear-gradient(right,#3ce591,#17e981); background: -o-linear-gradient(right,#3ce591,#17e981); background: -moz-linear-gradient(right,#3ce591,#17e981); background: -mos-linear-gradient(right,#3ce591,#17e981); background: linear-gradient(right,#3ce591,#17e981); border-radius: 10px; font-size: .8vw; color: #fff; text-align: center; line-height: 45px; font-weight: normal; }



    .m_news_img { width: 96%; max-width: initial; margin: 0 0 0% 0; float: left; }


    .m_news_img h3 { width: 100%; height: 40px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

    .m_news_img h4 { width: 100%; height: 40px; float: left; font-size: 14px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .m_news_itext { width: 91%; max-width: initial; margin: 3% 0 0% 0%; float: left; }


    .m_news_itext ul li { width: 100%; padding: 10px; height: auto; background: #fff; border-radius: 10px; margin: 0 0 20px 0; float: left; }

    .ntimes { width: 80px; height: 80px; float: left; background: #cacaca; font-family: Arial; font-size: 16px; color: #fff; text-align: center; line-height: 20px; font-weight: normal; }

    .ntimes font { width: 100%; float: left; margin: 10px 0 0 0; font-family: Arial; font-size: 24px; color: #fff; text-align: center; line-height: 40px; font-weight: bold; }

    .ntcon { width: 70%; float: left; margin: 0 0 0 3%; }

    .ntcon h3 { width: 100%; height: 30px; float: left; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
    .ntcon h4 { width: 100%; height: 40px; float: left; margin: 10px 0 0px 0; font-size: 14px; color: #666666; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }



    .m_news_itext .nright { float: none; width: 140px; display: block; margin: 4% auto 4% auto; }
    .m_news_itext .nright a .img1 { width: 100%; display: block; }
    .m_news_itext .nright a .img2 { width: 100%; display: none; }
    .m_news_itext .nright a:hover .img2 { width: 100%; display: block; }
    .m_news_itext .nright a:hover .img1 { width: 100%; display: none; }




    .section, .fp-tableCell { height: auto !important; }




    /*section5*/
    .c_sdcy_wen { width: 90%; display: block; margin: 0 auto; padding: 2% 0; text-align: center; font-size: 14px; line-height: 24px; color: #fff; font-weight: normal; }



    .mcy_pro { width: 100%; float: left; }

    .mcy_pro dl { width: 100%; float: left; }

    .mcy_pro dl dt { width: 100%; float: left; margin: 3% 0% 1% 0; position: relative; z-index: 20; overflow: hidden; }


    .mcy_pro dl dt .y_bt { width: 100%; height: 80px; float: left; padding-top: 40px; padding-bottom: 0px; font-size: 24px; color: #fff; text-align: center; line-height: 80px; background: url(../images/ppbgt.png) no-repeat center bottom; background-size: 100% 100%; font-weight: normal; text-decoration: none; position: absolute; z-index: 10; left: 0; bottom: 0; top: auto; margin-top: 60%; transition: all .5s; text-overflow: ellipsis; overflow: hidden; }

    .mcy_pro dl dt .y_bt h4 { width: 90%; height: 80px; float: left; margin: 0 0 0 5%; font-size: 18px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; }

    .mcy_pro dl dt .y_bt h4::after { width: 100px; height: 2px; float: left; background: #fff; content: ''; position: absolute; left: 50%; margin-left: -50px; bottom: 10px; opacity:; }



    .mcy_pro dl dt .y_bt:hover { width: 100%; height: 100%; float: left; padding-top: 0px; padding-bottom: 0px; background: rgba(5,197,91,.8); text-align: center; font-weight: normal; text-decoration: none; position: absolute; z-index: 10; left: 0; top: 0px; margin-top: 0%; bottom: auto; transition: all .5s; text-overflow: ellipsis; overflow: hidden; }


    .mcy_pro dl dt .y_bt:hover img { width: 40px; float: initial; display: block; margin: 10px auto 10px auto; }

    .mcy_pro dl dt .y_bt:hover h4 { width: 90%; height: 40px; float: left; margin: 0 0 0 5%; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }

    .mcy_pro dl dt:hover .y_bt h4::after { width: 100px; height: 2px; float: left; background: #fff; content: ''; position: absolute; left: 50%; margin-left: -50px; bottom: 10px; opacity: 0; }

    .mcy_pro dl dt .y_bt h5 { width: 90%; height: 80px; float: left; margin: 2% 0 2% 5%; font-size: 14px; color: #fff; text-align: left; line-height: 20px; font-weight: normal; display: -webkit-box; opacity: 1; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


    .mcy_pro dl dt .y_bt h6 { width: 30%; max-width: 160px; height: 34px; float: left; margin: 2% 0 3% 35%; background: transparent; border: 1px solid #fff; font-size: 14px; color: #fff; text-align: center; opacity: 1; line-height: 34px; font-weight: normal; transition: all .5s; }


    .mcy_pro dl dt .y_bt h6:hover { background: #fff; color: #3ce591; transition: all .5s; }



    .mcy_pro .yqmore { float: none; width: 140px; margin: 10px auto 4% auto; }
    .mcy_pro .yqmore a .img1 { width: 100%; display: block; }
    .mcy_pro .yqmore a .img2 { width: 100%; display: none; }
    .mcy_pro .yqmore a:hover .img2 { width: 100%; display: block; }
    .mcy_pro .yqmore a:hover .img1 { width: 100%; display: none; }





    .c_links_wen { width: 94%; display: block; margin: 0 auto; padding: 3% 0; text-align: center; font-size: 12px; line-height: 20px; color: #fff; font-weight: normal; }




    .m_foot_guang { width: 94%; float: left; margin: 5% 2% 4% 2%; font-family: Arial; font-size: 14px; color: #fff; text-align: left; line-height: 26px; font-weight: normal; text-transform: uppercase; }

    .m_foot_guang img { width: 100% !important; float: left; margin: 1% 0 2% 0; }


    .m_foot_guang font { width: 100%; float: left; font-family: Arial; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }



    .m_foot_gwxin { width: 200px; float: none; display: block; margin: 4.5% auto 4% auto; }


    .m_foot_gwxin img { width: 100%; display: block; margin: 0% auto 0% auto !important; }




    .m_footbg { width: 100%; height: auto!important; float: left; background: rgba(0,0,0,.4); }

    .m_foot1 { width: 100%; height: auto; float: left; padding: 0 0px 0 0; border-right: 2px solid transparent; }


    .m_foot_logo { width: 70%; float: left; margin: 0 30% 4% 0; }

    .m_foot_logo img { width: 100% !important; }

    .m_foot_txt { width: 88%; float: left; margin: 1% 0 3% 10%; font-family: 'SourceHanSansSC-Normal'; text-align: left; font-size: 1.2rem; line-height: 2rem; color: #fff; font-weight: normal; }


    .z_foot .z_max .nav li a { font-size: 16px; color: #FFFFFF; font-family: 'SourceHanSansSC-Bold'; margin-bottom: 25px; }
    .z_foot .z_max .nav li a font { width: 17px; height: 17px; float: left; margin: 2px 10px 0 0; }

    .z_foot .z_max .nav li ol li { margin-bottom: 20px; }
    .z_foot .z_max .nav li ol li a { padding-left: 10px; font-family: 'SourceHanSansSC-Normal'; font-size: 12px; color: #aeaeae; margin: 0; font-weight: normal; }




    .s_banner { width: 100%; float: left; margin-top: 4rem; position: relative; z-index: 9; }





    .s_banner .s_ban_title { width: calc(100% - 20px); float: left; margin: 10% 0 3% 0%; text-align: right; font-size: 16px; line-height: 40px; color: #fff; font-weight: normal; }


    .s_banner .s_ban_title h4 { width: 100%; float: left; height: 40px; text-align: right; font-size: 20px; line-height: 40px; color: #fff; font-weight: normal; position: relative; }
    .s_banner .s_ban_title h4::after { width: 40px; height: 3px; float: right; background: #fff; content: ''; position: absolute; right: 0; bottom: 0px; }


    .s_banner .s_ban_title font { width: 100%; float: left; margin: 10px 0 0 0; text-align: right; font-family: Arial; font-size: 12px; line-height: 20px; color: #fff; font-weight: normal; }

    .s_banner img { width: 100%; height: 9rem; float: left; position: relative; z-index: 3; }


    .s_mono { width: 100%; float: left; margin: 20px 0 40px 0; }


    .s_speech_cook { width: 100%; float: left; margin: 20px 0 0px 0; font-size: 14px; color: #222; text-align: left; line-height: 30px; font-weight: normal; }


    .s_spe_title { width: 100%; float: left; margin: 10px 0 20px 0; border-bottom: 1px solid #f4f4f4; }


    .s_spe_title h3 { width: auto; float: left; margin: 0 0 5px 0; height: 50px; position: relative; font-size: 16px; color: #222; text-align: left; line-height: 40px; font-weight: bold; }


    .s_spe_title h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 0; bottom: 0; z-index: 3; }

    .s_spe_title h3::before { width: 50px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 0; bottom: 0; z-index: 5; }



    .s_spe_title h3 font { padding: 10px 0 0 10px; font-family: Arial; font-size: 14px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; }



    .s_spe_title h4 { width: auto; float: right; margin: 0px 0 0px 0; height: 50px; position: relative; font-size: 14px; color: #0275fc; text-align: right; line-height: 50px; font-weight: normal; border-bottom: 4px solid #0275fc; }

    .s_specbox { display: none; }

    .mob_specbox { width: 100%; height: auto; min-height: initial; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 0%; margin-top: 0px; margin-left: 0px; background: url(../images/abo_bg.jpg) no-repeat center bottom; background-size: cover; display: block; overflow: hidden; }


    .mob_chairman { width: 45%; float: left; margin: 4% 0 0 0; }



    .mob_chairman img { width: 100%; }


    .mob_chair_txt { width: 100%; max-width: initial; float: left; margin: 4% 0% 3% 0; font-size: 14px; color: #222; text-align: justify; line-height: 28px; font-weight: normal; }


    .mob_chair_tcon { width: 44%; max-width: initial; float: right; margin: 0% 2% 0 0; font-size: 12px; color: #222; text-align: left; line-height: 20px; font-weight: normal; }


    .mob_chair_tcon h3 { width: 100%; float: left; margin: 0 0 20px 0; height: 40px; position: relative; font-size: 18px; color: #222; text-align: left; line-height: 40px; font-weight: normal; }


    .mob_chair_tcon h3::after { width: 90px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 0; bottom: 0; z-index: 3; }

    .mob_chair_tcon h3::before { width: 60px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 0; bottom: 0; z-index: 5; }



    .s_chair_show { display: none; }


    .mob_chair_show { width: 100%; height: auto; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 0%; margin-top: 20px; margin-left: 0px; padding-bottom: 40px; background: url(../images/abo_bgc3.jpg) no-repeat center bottom; background-size: 100% 125px; display: block; overflow: hidden; }



    .mob_cshow { width: 92%; float: left; margin: 0px 0 40px 4%; font-size: 14px; color: #222; text-align: left; line-height: 30px; font-weight: normal; }


    .mob_cshow h3 { width: 100%; float: left; margin: 10px 0 10px 0; height: 40px; position: relative; font-size: 20px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }


    .mob_cshow h3::after { width: 80px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 3; }

    .mob_cshow h3::before { width: 50px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -30px; bottom: 0; z-index: 5; }

    .mob_cshow dl { width: 100%; float: left; margin: 3% 0 0 0; text-align: center; }

    .mob_cshow dl dt { width: 31%; float: left; margin: 1% 1% 1% 1%; height: 80px; background: #fff; text-align: center; display: inline-block; justify-content: center; align-items: center; vertical-align: middle; position: relative; z-index: 7; }

    .mob_cshow dl dt img { width: auto; max-height: 80px; display: block; margin: 0 auto; position: relative; z-index: 10; }


    .mob_cshow dl dt:nth-child(4), .mob_cshow dl dt:nth-child(5) { width: 31%; float: none; display: inline-block; margin: 1% 1% 1% 1%; height: 140px; background: #fff; text-align: center; justify-content: center; align-items: center; vertical-align: middle; position: relative; z-index: 7; }

    .mob_cshow dl dt:nth-child(4) img, .mob_cshow dl dt:nth-child(5) img { width: auto; max-height: 140px; display: block; margin: 0 auto; position: relative; z-index: 10; }

    .s_mono_show { width: 100%; display: none; }




    .s_mono_title h3 { width: 100%; float: left; margin: 10px 0 10px 0; height: 40px; position: relative; font-size: 20px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }


    .s_mono_title h3::after { width: 80px; height: 2px; float: left; background: #3ce591; content: ''; position: absolute; left: 50%; margin-left: -45px; bottom: 0; z-index: 3; }

    .s_mono_title h3::before { width: 40px; height: 2px; float: left; background: #0275fc; content: ''; position: absolute; left: 50%; margin-left: -24px; bottom: 0; z-index: 5; }


    .mob_mono_show { width: 100%; height: auto; float: left; background: url(../images/abo22.jpg) no-repeat left bottom; background-size: 100% 100%; padding-bottom: 40px; display: block; }



    .mob_luxbo { width: 94%; max-width: initial; float: left; margin: 0px 0% 0 3%; position: relative; }

    .mob_luxbo .swiper { width: 100%; height: 200px; display: block; margin: 0 auto; }

    .mob_luxbo .swiper-slide { background-size: cover; background-position: center; }

    .mob_luxbo .mySwiper4 { height: 80%; width: 100%; position: relative; }

    .mob_luxbo .mySwiper4 .swiper-slide-prev { transition: all .8s; opacity: 0; }
    .mob_luxbo .mySwiper4 .swiper-slide-next { transition: all .8s; opacity: 0; }


    .mob_luxbo .mySwiper4 .swiper-slide-prev .myStxt { display: none; opacity: 0; }
    .mob_luxbo .mySwiper4 .swiper-slide-next .myStxt { display: none; opacity: 0; }


    .mob_luxbo .mySwiper4 img { max-width: 100%; display: block; margin: 0 auto; }



    .mob_luxbo .mySwiper4 .myStxt { width: 94%; max-width: initial; float: left; margin: 4% 0% 4% 3%; font-size: 14px; color: #20397c; text-align: justify; line-height: 30px; font-weight: normal; position: relative; left: 0%; top: 0%; display: block; }


    .mob_luxbo .mySwiper4 .myStxt strong { float: left; width: 100%; font-size: 20px; color: #20397c; text-align: left; line-height: 40px; font-weight: bold; }


    .mob_luxbo .mySwiper4 .swiper-slide-active .myStxt { opacity: 1; display: block; }


    .mob_luxbo .mySwiper3 { height: 20%; box-sizing: border-box; padding: 10px 0; overflow: hidden; }

    .mob_luxbo .mySwiper3 .swiper-slide { width: 25%; height: 100%; opacity: 1; margin: 20px 0 0 0; }

    .mob_luxbo .mySwiper3 .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }

    .mob_luxbo .mySwiper3 .swiper-slide-thumb-active { opacity: 1; margin-top: 0px; cursor: pointer; }

    .mob_luxbo .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }


    .mob_luxbo .swiper-slide-prev { transition: all .8s; opacity: 0; }
    .mob_luxbo .swiper-slide-none { transition: all .8s; opacity: 0; }


    .s_foot { height: 510px; float: left; }

    .c_foot .m_footbg { height: 340px; }
    .c_foot { height: auto; }

    .z_gotop { position: fixed; right: 1%; bottom: 3%; z-index: 9; width: 40px; }



    .s_spe_title ul { float: right; width: 103%; margin-right: -1%; }

    .s_spe_title ul li { width: 23%; float: left; margin: 1% 1% 1% 1%; }
    .s_spe_title ul li a { float: left; height: 32px; position: relative; font-size: 14px; color: #222; text-align: center; line-height: 32px; font-weight: normal; border-bottom: 2px solid transparent; }

    .s_spe_title ul li a:hover, .s_spe_title ul li a.ahover { height: 32px; position: relative; font-size: 14px; color: #0275fc; text-align: center; line-height: 32px; font-weight: normal; border-bottom: 2px solid #0275fc; }



    .s_group { width: 100%; float: left; margin: 2% 0 4% 0; font-size: 14px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; }


    .s_group img { width: 100%; max-width: initial; float: left; margin: 2% 0 2% 0; }


    .s_prise { display: none; }

    .mob_prise { width: 100%; float: left; margin: 2% 0 2% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; }


    .mob_prise img { width: 100%; }



    .s_culture { width: 100%; float: left; margin: 2% 0 4% 0; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; background: url(../images/qywh_bg.jpg) no-repeat left top; background-size: 100% 145px; }



    .s_cult_list { width: 100%; float: left; margin: 40px 0 0 0; }

    .s_cult_list dl { width: 103%; float: left; margin: 0; text-align: center; }

    .s_cult_list dl dd { width: 86%; max-width: initial; height: auto; padding: 2% 1% 1% 3%; float: left; background: #fff; border-radius: 10px; border: 1px solid #e5eeff; box-shadow: -5px 10px 10px -4px #d7deec,5px 10px 10px -4px #d7deec; display: inline-block; margin: 1% 0px 2% 3%; }


    .s_cult_list dl dd h4 { width: 100%; height: 30px; float: left; font-size: 16px; color: #0275fc; text-align: left; line-height: 30px; font-weight: bold; }

    .s_cult_list dl dd h5 { width: 100%; height: auto; margin: 10px 0 0 0; float: left; font-size: 14px; color: #222; text-align: left; line-height: 30px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }


    .s_cult_list dl dd h6 { width: 100%; height: 30px; float: left; font-size: 20px; color: #9bbaf7; text-align: left; line-height: 30px; font-weight: normal; }



    .s_corridor { width: 94%; float: left; margin: 4% 0 4% 3%; font-size: 14px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; display: block; }



    .s_corridor dl { width: 100%; display: block; margin: 0 auto; text-align: center; }


    .s_corridor dl dd { width: 97%; display: inline-block; margin: 2% 1% 1% 1%; }


    .s_corridor dl dd img { width: 100%; }



    .s_employ { width: 90%; float: left; margin: 4% 0 4% 5%; font-size: 16px; color: #222; text-align: justify; line-height: 36px; font-weight: normal; display: block; }



    .s_employ dl { width: 100%; display: block; margin: 0 auto; text-align: center; }


    .s_employ dl dd { width: 97%; float: left; margin: 2% 2% 1% 1%; }


    .s_employ dl dd img { width: 100%; }


    .s_employ dl dd font { width: 100%; height: 40px; float: left; font-size: 16px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }


    .s_employ dl dd:hover font { color: #0275fc; }



    .s_emore { width: 160px; display: block; margin: 0 auto; }


    .s_emore a { width: 158px; height: auto; float: left; margin: 20px 0 0px 0; }



    .s_emore a img.moing1 { width: 100%; display: block; }
    .s_emore a img.moing2 { width: 100%; display: none; }


    .s_emore a:hover img.moing1 { width: 100%; display: none; }
    .s_emore a:hover img.moing2 { width: 100%; display: block; }



    .s_lay_type { width: 100%; max-width: initial; height: auto !important; min-height: initial; background: #edeeef; float: left; margin: 2% 0 4% 0%; display: block; }


    .s_lay_type ul { width: 100%; float: left; margin: 3% 0 1% 0%; }


    .s_lay_type ul li { width: 30%; max-width: initial; height: 46px; float: left; margin: 1% 1% 3% 2%; }

    .s_lay_type ul li a { width: 100%; height: 46px; float: left; background: #fff; border-radius: 6px; font-size: 12px; color: #3f3f3f; text-align: center; line-height: 46px; font-weight: normal; }

    .s_lay_type ul li a:hover, .s_lay_type ul li a.yhov { background: #3ce591; color: #fff; }


    .s_lay_right { width: 100%; max-width: inherit; height: auto; background: #fff; float: left; margin: 0% 0 4% 0%; font-size: 14px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; display: block; }


    .s_lay_right img { max-width: 100%; display: block; margin: 0 auto; border-radius: 10px; }




    .s_develop { width: 100%; float: left; margin: 20px 0 40px 0; position: relative; overflow: hidden; }


    .s_develop_title { width: 100%; float: left; margin: 10px 0 10px 0; font-size: 28px; color: #222; text-align: center; line-height: 40px; font-weight: normal; }

    .s_develop ul { width: 100%; float: left; position: relative; padding: 20px 0 30px 0; overflow: hidden; }


    .s_develop ul::after { width: 2px; height: auto; min-height: 4000px; float: left; background: #d1d1d1; position: absolute; z-index: -1; content: ''; left: 50%; margin-left: -1px; top: 0; display: none; }


    .s_develop ul li:nth-child(odd) { width: 97%; height: auto; min-height: initial; margin-top: 2%; float: left; position: relative; z-index: 5; background:none;

}



    .s_develop ul li:nth-child(odd) .s_dtime { width: 24%; max-width:100px; height: 48px; float: right; margin:0px 10px 20px 2%; padding:0px 0 0% 0;  background:none; border-right:4px solid #1fa55a;
 position: relative; font-family: Arial; font-size: 25px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; }

    .s_develop ul li:nth-child(odd) .s_dtime font { width: 100%; height: 20px; float: left; padding-left: 10px; padding-bottom: 10px; font-family: Arial; font-size: 12px; color: #999999; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; }


    .s_develop ul li:nth-child(odd) .s_dshow { width: 94%; height: auto; float: left; margin: 0px 0px 20px 5%; padding: 0px 0 20px 0; background: url(../images/san1.png) no-repeat 99% 10px; background-size: 12px 13px;  position: relative; }

    .s_develop ul li:nth-child(odd) .s_dshow img { width: auto; margin: 5px 2% 0 5%; float: left; display:none; }

    .s_develop ul li:nth-child(odd) .s_dshow font { width:90%; float: left; margin-left:1%; margin-right: 0%; font-size: 14px; color: #222222; text-align: left; line-height: 24px; font-weight: normal; }




    .s_develop ul li:nth-child(even) { width: 97%; height: auto; min-height: initial; margin-top: 2%; float: left; position: relative; z-index: 5; background:none;}



    .s_develop ul li:nth-child(even) .s_dtime { width: 88%; height: 48px; float: left; margin:0px 10px 20px 6%; padding: 0px 0 0 0;   background:none; border-left:4px solid #1fa55a;  position: relative; font-family: Arial; font-size: 25px; color: #222222; text-align: right; line-height: 30px; font-weight: normal; }

    .s_develop ul li:nth-child(even) .s_dtime font { width: 100%; height: 20px; float: left; padding-right: 10px; padding-bottom: 10px; font-family: Arial; font-size: 12px; color: #999999; text-align: right; line-height: 20px; font-weight: normal; text-transform: uppercase; }


    .s_develop ul li:nth-child(even) .s_dshow { width: 94%; height: auto; float: left; margin: 0px 0% 20px 5%; padding: 0px 0 0 10px;  background: url(../images/san2.png) no-repeat 0% 10px; background-size: 12px 13px; position: relative;  }

    .s_develop ul li:nth-child(even) .s_dshow img { width: auto; margin: 5px 5% 0 2%; float: right; }

    .s_develop ul li:nth-child(even) .s_dshow font { width: 90%; float: left; margin-right: 4%; margin-left:4%; font-size: 14px; color: #222222;
 text-align: left; line-height: 24px; font-weight: normal; }


    .xbox { width: 72%; max-width: initial; display: block; margin: 0 auto; }
    .x_bgc { width: 100%; height: auto !important; min-height: 440px; float: left; background: #fff; border: none; border-radius: 10px; /*position:absolute; z-index:55; left:50%; margin-left:-18%;*/ top: 0; margin-top: 30%; }




    .s_introdbox { margin: 0 0 0 0; }

    .s_intro_show { width: 100%; float: left; margin: 0px 0 20px 0%; font-size: 14px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; }

    .s_intro_show h3, .s_equlist h3, .s_resea_show h3 { margin: 0px 0 20px 0%; font-size: 26px; }


    .s_instlist { width: 96%; max-width: initial; display: block; margin: 60px auto 40px auto; }


    .s_instlist ul li { width: 48%; max-width: 320px; height: 160px; padding: 20px 0; float: left; margin: 3% 2% 0 0; background: rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(255,255,255,0); }

    .s_instlist ul li img { width: 100px; display: block; float: none; margin: 0 auto 0 auto; background: rgba(0,55,15,0); }

    .s_instlist ul li h4 { width: 98%; height: 40px; float: left; margin: 30px 0 0 2%; font-size: 14px; color: #0275fc; text-align: left; line-height: 20px; font-weight: normal; display: flex; align-items: center; justify-content: space-between; text-overflow: ellipsis; overflow: hidden; }


    .s_scient { width: 96%; float: none; display: block; margin: 0 auto 2% auto; }

    .s_scient dl dd { width: 100%; max-width: initial; float: left; margin: 1% 0% 0 0%; position: relative; overflow: hidden; }

    .s_scient dl dd font { font-size: 14px; }


    .s_acade h3, .s_scients h3, .s_quashow h3, .s_danye_show h3, .s_prod_title h3 { font-size: 26px; }

    .s_leaders dl dd { width: 100%; max-width: initial; float: left; margin: 1% 0% 1% 0%; background: #f7f7f7; position: relative; overflow: hidden; }

    .s_shiyan { width: 100%; float: none; display: block; margin: 10px auto 2% auto; }


    .syabgc .sy_ying { margin: 15% 14% 10px 0; font-size: 14px; color: #fff; text-align: right; line-height: 14px; font-weight: normal; }
    .syabgc .sy_zhong { margin: 52% 14% 10px 0; font-size: 12px; color: #fff; text-align: right; line-height: 16px; font-weight: bold; }

    .s_resealist { width: 98%; max-width: initial; display: block; margin: 0px auto 40px auto; }

    .s_resealist ul li { width: 31%; max-width: initial; height: 138px; padding: 20px 0; float: left; margin: 3% 2% 0 0; background: rgba(255,255,255,.7); box-shadow: 0 2px 6px rgba(255,255,255,0); }

    .s_resealist ul li h4 { width: 96%; height: 40px; float: left; margin: 30px 0 0 2%; font-size: 14px; color: #222222; text-align: left; line-height: 20px; }



    #certify8 { position: relative; width: 100%; max-width: 1720px; height: auto !important; min-height: 260px; float: none; background: rgba(0,0,0,0); display: block; margin: 30px auto 40px auto; }
    #certify8 .swiper-container { width: 100%; max-width: initial; padding-left: 0px; text-align: left; overflow: hidden; }
    #certify8 .swiper-slide { width: 100% !important; height: 261px !important; background: #fff; padding: 0px; float: left; text-align: center; position: relative; z-index: 15; display: table-cell; }

    .s_quashow { width: 100%; height: auto; float: left; margin: 3% 0 4% 0; font-size: 14px; color: #222; text-align: justify; line-height: 30px; font-weight: normal; }

    .s_prod_title ul li a { float: left; height: 30px; position: relative; font-size: 14px; color: #222; text-align: center; line-height: 30px; font-weight: normal; padding: 0 5px; border-bottom: 4px solid transparent; }

    .s_prod_title ul li a:hover, .s_prod_title ul li a.phove { height: 30px; position: relative; font-size: 14px; color: #0275fc; text-align: center; line-height: 30px; font-weight: normal; padding: 0 5px; border-bottom: 4px solid #0275fc; }

    .s_prolist dl { width: 103%; float: left; }

    .s_prolist dl dd { width: 45%; float: left; padding: 1%; border: 1px solid #f4f4f4; margin: 2% 2% 1% 0; transition: all ease-in .2s; }

    .s_prolist dl dd .pro_bt { width: 96%; float: left; margin: 10px 0 0 0; }

    .pro_bt h5 { font-size: 16px; }

    .pro_bt h6 { font-size: 14px; }


    .s_pleft { width: 100%; max-width: initial; float: left; margin: 0 0 0 0px; }

    .s_pright { width: 100%; max-width: initial; float: right; margin: 0 0 0 0; }


    .s_pright ul li .biaoti { width: 130px; height: 30px; float: left; font-size: 14px; color: #222222; text-align: right; line-height: 30px; font-weight: bold; }

    .s_pright ul li .wenzi { width: 60%; max-width: initial; height: auto; float: left; margin: 0 0 0 2%; font-size: 14px; color: #222222; text-align: left; line-height: 30px; font-weight: normal; }

.djzx .zixun {
    width: 100%;
    height: 38px;
    float: left;
	margin: 0 0 10px 0;
    background: #0275fc;
    border: none;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-weight: normal;
}



    .s_newlist dl dd .new_con { width: 58%; float: left; background: rgba(2,8,1,0); margin: 0% 0 0 3%; }

    .new_con h4 { width: 100%; height: 30px; float: left; margin: 0px 0 0px 0; font-size: 16px; color: #222; text-align: left; line-height: 30px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }

    .new_con h5 {
    width: 100%;
    height: 20px;
    float: left;
    margin: 5px 0 0;
    font-size: 14px;
    color: #999999;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new_con h6 {
    width: 100%;
    height: 30px;
    float: left;
    margin: 0px 0 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}



.s_vpic {
    width: 100%;
    max-width: initial;
    margin: 30px 0 30px 0%;
    float: left;
}

.s_vpic dl dd {
    width: 46%;
    max-width: initial;
    float: left;
    margin: 1% 1% 1% 0;
    padding: 1% 1% 1% 1%;
    box-shadow: 2px 0 10px rgba(233,235,242,0);
    position: relative;
}

.s_vpic dl dd:hover {
    width: 46%;
    max-width: initial;
    float: left;
    margin: 1% 1% 1% 0;
    padding: 1% 1% 1% 1%;
    box-shadow: 2px 0 10px rgba(233,235,242,1);
    position: relative;
}
.s_vpic dl dd .s_viframe {
    width: 100%;
    height: 114px;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
}

 .s_vpic dl dd .video_bt {
    width: 94%;
    height: 40px;
    float: left;
    margin: 1% 0 1% 2%;
    font-size: 14px;
    color: #222222;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    text-transform: uppercase;
    text-overflow:ellipsis;
    overflow: hidden;
}


.s_vpic dl dd .video_bt .vwen {
    width: 68%;
    float: left;
    font-size: 14px;
    color: #222222;
    text-align: left;
    line-height: 40px;
    font-weight: normal;
    text-overflow:ellipsis;
    overflow:hidden;
}

.s_vpic dl dd .video_bt font {
    float: right;
    width: 50px;
    margin: 4% 0 0 0;
    font-size: 14px;
    color: #222222;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 2px solid #0275fc;
}




.viobox {
    width: 80%;
    height: 300px;
    background: #fff;
    float: left;
    position: relative;
    left: 50%;
    margin: 36% 0 0 -40%;
}



.s_meet_photo h3 { width: 56%; max-width: initial; float: left; margin: 0 0 10px 4%; position: relative; font-size:26px; color: #222; text-align: left; line-height: 70px; font-weight: bold; }

.s_meet_photo h3 em { width: 100%; float: left; font-size: 14px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; font-style:normal; }

.s_meet_photo h3 font { width:30px; float: left; }

.s_meet_photo h3 font img { width: 100%; }



#certify5 .swiper-button-prev5 { text-indent: -9999px; top: auto; bottom: 10px; left: -24%; width:40px; height: 40px; background: rgba(34,34,34,0) url(../images/tprev1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify5 .swiper-button-prev5:hover { background: rgba(49,75,128,0) url(../images/tprev2.png) no-repeat; background-size: 100% 100%; }
#certify5 .swiper-button-next5 { text-indent: -9999px; left: -12%; right: auto; top: auto; bottom: 13px; width: 40px; height: 40px; background: rgba(34,34,34,0) url(../images/tnext1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify5 .swiper-button-next5:hover { background: rgba(49,75,128,0) url(../images/tnext2.png) no-repeat; background-size: 100% 100%; }



.s_venue_photo h3 { width:56%; max-width: initial; float: left; margin: 0 0 10px 4%; position: relative; font-size:26px; color: #222; text-align: left; line-height: 70px; font-weight: bold; }

.s_venue_photo h3 em { width: 100%; float: left; font-size: 14px; color: #999999; text-align: left; line-height: 30px; font-weight: normal; font-style:normal; }

.s_venue_photo h3 font { width:30px; float: left; }

.s_venue_photo h3 font img { width: 100%; }




#certify6 .swiper-button-prev6 { text-indent: -9999px; top: auto; bottom: 10px; left: -24%; width: 40px; height: 40px; background: rgba(34,34,34,0) url(../images/tprev1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify6 .swiper-button-prev6:hover { background: rgba(49,75,128,0) url(../images/tprev2.png) no-repeat; background-size: 100% 100%; }
#certify6 .swiper-button-next6 { text-indent: -9999px; left: -12%; right: auto; top: auto; bottom: 13px; width: 40px; height: 40px; background: rgba(34,34,34,0) url(../images/tnext1.png) no-repeat; background-size: 100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify6 .swiper-button-next5:hover { background: rgba(49,75,128,0) url(../images/tnext2.png) no-repeat; background-size: 100% 100%; }


.s_yangzhou_title h3{font-size:26px;}


#certify7 .swiper-slide::after {width:1px; height:500px; float:right; background:#ddd; content:''; position:absolute; top:0; right:-15%; display:none; }


.s_miaozuo ul li img,.s_miaozuo ul li:nth-child(2n) img,.s_launchbg dl dd img {
    width: 100%;
    float: right;
    border-radius: 10px;
}

.s_miaozuo ul li .mz_con,.s_miaozuo ul li:nth-child(2n) .mz_con {
    width: 100%;
    float: left;
    margin: 4% 0 0 0%;
}
.s_miaozuo ul li .mz_con h5,.s_miaozuo ul li:nth-child(2n) .mz_con h5,.s_launchbg dl dd .laun_con h5{font-size:16px;}

.s_miaozuo ul li .mz_con h6,.s_miaozuo ul li:nth-child(2n) .mz_con h6,.s_launchbg dl dd .laun_con h6 {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 28px;
    font-weight: normal;
}


.s_launchbg dl dd .laun_con {
    width: 100%;
    float: left;
    margin: 0% 0 0 0%;
}


.s_speaks_bt img {
    max-width: 70%;
    float: left;
}

.s_explist ol {
    width: 102%;
    float: left;
    margin: 0 1% 0 0;
}

.s_explist ol li {
    width: 48%;
    float: left;
    margin: 2% 2% 0 0;
}

.s_explist ol li h5 {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0;
    height: 60px;
    position: relative;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.s_reports dl dd {
    width: 98%;
    float: left;
    margin: 2% 3% 0 0;
    padding: 2%;
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    border-radius: 10px;
}
.s_reports dl dd img {
    width: 100%;
    float: left;
    border-radius: 10px;
}

.s_reports dl dd .po_con {
    width: 100%;
    float: left;
    margin: 0% 0 0 0%;
}

 
.s_zhuanjia dl dd {
    width: 100%;
    float: left;
    margin: 0% 0% 2% 0;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    border-radius: 10px;
}


.s_dinner ul li:first-child {
    width: 100%;
    float: left;
    margin: 0 0 0% 0%;
}
.s_dinner ul li:nth-child(2) {
    width: 48.9%;
    float: left;
    margin: 1% .5% 0% 0%;
}
.s_dinner ul li:nth-child(2) img {
    width: 100%;
    float: left;
    margin: 1% 0% 0 0%;
    height: 254px;
}

.s_dinner ul li:last-child {
    width: 49.5%;
    float: left;
    margin: 1% 0 0% 0;
}

.s_dinner ul li:last-child dl dd {
    width: 100.2%;
    float: left;
    margin: 1% 0% 2% 0%;
    position: relative;
    z-index: 15;
}

.s_resp_show h3,.s_concept h3,.s_train h3{font-size:26px;}


.s_resp_show,.s_concept {
    width: 100%;
    height: auto;
    float: left;
    margin: 0% 0 6% 0;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}



.s_train ul li a h4 {
    width: 72%;
    height: 60px;
    float: left; 
    padding-left:4%;
    font-size: 16px;
    color: #222; 
}

.s_train ul li a font{font-size:14px;}

.s_party ul li {
    width: 47%;
    max-width: initial;
    display: inline-block;
    margin: 2% 1% 2% 1%;
    background: rgba(5,12,25,0);
}

.s_party ul li .tybox {
    width: 80%;
    max-width: initial;
    height: auto;
    float: left;
    left: 50%;
    margin-left: 9%; 
}

.s_party ul li .tybox img {
    display: block;
    margin: 40px auto 40px auto;
}

.s_party ul li font {
    float: left;
    width: 100%;
    height: 60px;
    font-size: 14px;
    color: #222;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    overflow: hidden;
}


.s_union { width: 100%; height: auto; float: left; margin: 1% 0 3% 0;  font-size: 14px; color: #222; text-align: left; line-height: 30px; font-weight: normal; }

.s_union h3,.s_technic h3,.zcy_title{font-size: 26px;}


.c_pinpai {width: 103%;}

.c_pinpai li {
    margin-bottom: 5vh;
    margin-right: 4%;
    width: 46%;
}

.c_pinpai li:nth-child(5n) { margin-right: 4%; }

.s_technic dl dd {
    width: 98%;
    max-width: 520px;
    float: left;
    margin: 1% 2% 1% 0;
    padding: 0%;
    background: #f7f7f7;
    position: relative;
}

.s_unioshow {
    width: 100%;
    height: auto;
    float: left;
    margin: 2% 0 3% 0;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.s_honors dl dd {
    width: 48%;
    float: left;
    margin: 1% 2% 1% 0%;
    position: relative;
    cursor: pointer;
}

.s_hobox {
    width: 87%;
    max-width: initial;
    max-height: 700px;
    float: left;
    margin: 45% 0 0 -45%;
    left: 50%;
    background: #fff;
    position: relative;
    z-index: 20;
    padding: 1% 1% 2% 2%;
}
.honbgcs .hon_tu {
    width: 90%;
    float: left;
    margin: 1% 1% 1% 5%;
    height: 210px;
    background: #d1d1d1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    z-index: 7;
}
.honbgcs .hono_bt{font-size: 18px;}

.s_vocal h3{font-size: 26px;}

.s_vocal dl dd {
    width: 97%;
    float: left;
    margin: 2% 3% 1% 0;
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 32px;
    font-weight: normal;
}

.s_vocal dl dd:nth-child(2) {
    width: 97%;
    float: left;
    margin: 2% 3% 1% 0;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.s_anniv_history ul li h4 {
    width: 120px;
    height: 30px;
    float: left;
    background: #0275fc;
    margin: 0 10px 20px 0px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.s_anniv_history ul li img {
    max-width: 100%;
    float: left;
    margin: 0px 10px 0px 30px;
}

.s_anniv_history ul li font {
    width: 90%;
    height: auto;
    float: left;
    margin: 10px 0px 20px 30px;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.s_anniv_four h3,.s_anniv_five h3,.s_anniv_six h3,.s_anniv_seven h3 {
    width: 100%;
    float: left;
    margin: 60px 0 30px 0;
    height: auto;
    position: relative;
    font-size: 26px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
	padding-bottom: 10px;
}

.s_six_text {
    width: 54%;
    max-width: initial;
    float: left;
    margin: 3% 0 3% 0%;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 20px;
    font-weight: normal;
}


#certify3 { position: relative; width:100%; display: block; margin: 0px auto 40px 0%; }
#certify3 .swiper-container {padding-left:40%; overflow: hidden; }
#certify3 .swiper-slide { width: 280px; padding: 0px; margin-bottom: 20px; text-align: center; overflow: hidden; box-shadow: 0px 10px 15px rgba(0,0,0,.3); }


.s_anniv_seven {
    width: 100%;
    height: auto !important;
    min-height:850px;
    float: left;
    margin: 0% 0 0 0;
    background: url(../images/znq_bgc6.jpg) no-repeat center bottom;
    background-size: 100% 100%;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}




#certify4 { position: relative; width: 97%; display: block; margin: 0px auto 40px 2%; }
#certify4 .swiper-container { padding: 0px 0 0 35%; overflow: hidden; }
#certify4 .swiper-slide { width:270px !important; padding: 0px; margin-bottom: 20px; text-align: center; overflow: hidden; box-shadow: 0px 10px 15px rgba(0,0,0,.3); }


.s_staff {
    width: 100%;
    height: auto;
    float: left;
    margin: 3% 0 3% 0;
    font-size: 14px;
    color: #222;
    text-align: left;
    line-height: 30px;
    font-weight: normal;
}

.s_annual_photo {
    width: 100%;
    max-width: 1320px;
    min-height: 520px;
    float: left;
    margin: 2% 0 4% 0%;
    position: relative;
}




.s_annual_photo ul li { width: 166px; float: left; position: relative; z-index: 3; margin:115px 0 0 6px; }

.s_annual_photo ul li:nth-child(2) { width: 166px; float: left; position: relative; z-index: 3; margin:40px 0 0 -32px; }

.s_annual_photo ul li:nth-child(3) { width: 166px; float: left; position: relative; z-index: 3; margin: 10px 0 0px -33px; }

.s_annual_photo ul li:nth-child(4) { width: 330px; float: left; position: relative; z-index: 3; margin:17px 0 0 11px; }


.s_annual_photo ul li:nth-child(5) { width: 166px; float: left; position: relative; z-index: 3; margin:84px 0 0 6px; }

.s_annual_photo ul li:nth-child(6) { width: 166px; float: left; position: relative; z-index: 3; margin:10px 0 0 -32px; }


.s_annual_photo ul li:nth-child(7) { width: 166px; float: left; position: relative; z-index: 3; margin:10px 0 0 -33px; }




.s_outdoor_photo ul li { width:180px; float: left; margin: 0 0 0 -20px; position: relative; z-index: 5; }

.s_outdoor_photo ul li:nth-child(2) { width: 180px; float: left; margin: -180px 0 0 180px; position: relative; z-index: 5; }

.s_outdoor_photo ul li:nth-child(3) { width: 180px; float: left; margin: 20px 0 0 -20px; position: relative; z-index: 5; }



.s_outdoor_photo ul li:nth-child(4) { width: 180px; float: left; margin: -180px 0 0 180px; position: relative; z-index: 5; }

.s_outdoor_photo ul li:nth-child(5 ) { width: 180px; float: left; margin: 20px 0 0 -20px; position: relative; z-index: 5; }

.s_outdoor_photo ul li:nth-child(6) { width: 180px; float: left; margin: -180px 0 0 180px; position: relative; z-index: 5; }

.s_outdoor_photo ul li:nth-child(7) { width: 180px; float: left; margin: 20px 0 0 -20px; position: relative; z-index: 5; }


.s_sports_photo {
    width: 90%;
    max-width: initial;
    min-height: initial;
    float: left;
    margin: 1% 0 4% 5%;
    position: relative;
}


.s_sports_photo ul li {
    width: 100%;
    float: left;
    margin: 2% 2% 0 0;
    border-radius: 20px;
}



}


@media screen and ( max-width:420px ) {

    .z_banner { width: 100%; max-width: initial; height: auto; float: left; margin-top: 4rem; }

    .z_banner .swiper-container { width: 100%; height: 100%; }

    .z_banner .swiper-container .swiper-slide { width: 100%; max-width: 375px; height: 100%; }

    .section { height: auto !important; }


    .m_foot_txt { width: 90%; float: left; margin: 1% 0 3% 4%; font-family: 'SourceHanSansSC-Normal'; text-align: left; font-size: 14px; line-height: 26px; color: #fff; font-weight: normal; }
}