.pcnav>li>a {
       display: block;
       height: 80px;
       line-height: 80px;
       font-size: 14px !important;
       transition: var(--main-transition);
       color: var(--main-color-white);
       padding: 0 9px !important;
   }
   
   @media only screen and (max-width: 1200px) {
       .pcnav>li>a {
           display: block;
           height: 80px;
           line-height: 80px;
           font-size: 16px;
           transition: var(--main-transition);
           color: var(--main-color-white);
           padding: 0 5px !important;
       }
   }
   
   * {
       padding: 0;
       margin: 0;
       box-sizing: border-box;
       font-family: 'microsoft yahei';
   }
   
   body {
       overflow-x: hidden !important;
   }
   
   ul li {
       list-style: none;
   }
   
   a {
       text-decoration: none;
   }
   
   a:hover {
       text-decoration: none;
   }
   
   img {
       vertical-align: top;
       outline-width: 0ch;
   }
   
    :root {
       --main-color: #136fb4;
       --main-color1: #d32329;
       --main-color-white: #ffffff;
       --main-color-555: #555555;
       --main-color-999: #999999;
       --main-color-666: #666666;
       --main-color-333: #333333;
       --main-color-888: #888888;
       --main-color-222: #222222;
       --main-transition: all ease 0.4s;
       --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   }
   
   @media only screen and (min-width: 996px) {
       .slilogo {
           display: none;
       }
       .pchead:hover .slilogo {
           display: block !important;
       }
       .pchead:hover .toplogo {
           display: none !important;
       }
       .pchead {
           width: 100%;
           position: fixed;
           top: 0;
           left: 0;
           z-index: 99;
           transition: var(--main-transition);
           height: 90px;
           background: #ffffff;
       }
       .pchead:hover {
           background-color: var(--main-color-white);
       }
       .pchead:hover .pcnav a {
           color: var(--main-color-222);
       }
       .pchead:hover i {
           color: var(--main-color-222);
       }
       .pcheader {
           max-width: 1600px;
           margin: 0 auto;
           transition: var(--main-transition);
           display: flex;
           align-items: center;
           justify-content: space-between;
           height: 90px;
       }
       .head_Right {
           display: flex;
           align-items: center;
		   margin-right: 35px;
       }
       .head_Right .search {
           margin-left: 100px;
       }
       .pclogo img {
           height: 60px;
       }
       .pcnav {
           display: flex;
           align-items: center;
           position: relative;
           z-index: 99;
       }
       .pcnav>li {
           position: relative;
           transition: var(--main-transition);
       }
       .pcnav>li:hover .first_a {
           color: var(--main-color);
       }
       .pcnav>li>a {
           display: block;
           height: 80px;
           line-height: 80px;
           font-size: 18px!important;
           transition: var(--main-transition);
           color: #000000/*var(--main-color-white)*/
           ;
            padding: 0 11px!important;
       }
       .pc_sec_nav {
           position: absolute;
           top: 120%;
           left: 0;
           width: 150px;
           background-color: var(--main-color-white);
           opacity: 0;
           visibility: hidden;
           transition: var(--main-transition);
       }
       .pc_sec_item {
           border-bottom: 1px dashed #ddd;
       }
       .pc_sec_item a {
           color: var(--main-color-666);
           font-size: 15px;
           display: block;
           padding: 10px 30px;
           transition: var(--main-transition);
       }
       .pcnav li:hover .pc_sec_nav {
           top: 100% !important;
           opacity: 1 !important;
           visibility: visible !important;
           color: var(--main-color);
       }
       .pc_sec_item:hover .pc_third_nav {
           top: 0 !important;
           opacity: 1 !important;
           visibility: visible !important;
       }
       .pc_sec_item:hover .second_a {
           color: var(--main-color) !important;
       }
       .third_a:hover {
           color: var(--main-color) !important;
       }
       .pc_sec_item {
           position: relative;
       }
       .pc_third_nav {
           position: absolute;
           left: 100%;
           top: 20%;
           z-index: 998;
           width: 150px;
           opacity: 0;
           visibility: hidden;
           transition: var(--main-transition);
       }
       .third_a {
           border-bottom: 1px dashed #ddd;
       }
       .third_a {
           color: var(--main-color-666);
           background-color: var(--main-color-white);
       }
       .head_transform {
           max-width: 90% !important;
           height: 72px !important;
       }
       .header_transform {
           background-color: var(--main-color) !important;
           height: 72px !important;
       }
       .ml_mb_head {
           display: none;
       }
       .ml_mb_nav {
           display: none;
       }
       .ml_banner {
           width: 100%;
           z-index: 998;
		   margin-top:90px!important;
       }
       .ml_banner:hover .bannerbtnleft {
           left: 10px !important;
           opacity: 1 !important;
       }
       .ml_banner:hover .bannerbtnright {
           right: 10px !important;
           opacity: 1 !important;
       }
       .ml_banner img {
           width: 100%;
           transition: all ease 5s;
           height: 100%;
           object-fit: cover;
       }
       .ml_banner .swiper-slide-active img {
           transform: scale(1.2);
       }
       .bannerpage .swiper-pagination-bullet {
           width: 15px !important;
           height: 15px !important;
       }
       .bannerbtn {
           width: 50px !important;
           display: flex;
           align-items: center;
           justify-content: center;
           color: var(--main-color-white);
           font-size: 25px;
           height: 50px !important;
           transition: var(--main-transition);
           background: rgba(0, 0, 0, .7);
           background-image: none !important;
           opacity: 0;
       }
       .bannerbtnleft {
           left: 0 !important;
       }
       .bannerbtnright {
           right: 0 !important;
       }
       .bannerpos {
           width: 100%;
           height: 100%;
           position: absolute;
           top: 0;
           left: 0;
           display: flex;
           align-items: center;
           flex-direction: column;
           justify-content: center;
       }
       .bannerpos h1 {
           font-size: 60px;
           text-align: center;
           color: var(--main-color-white);
           margin-bottom: 30px;
       }
       .bannerpos a:hover {
           color: var(--main-color-white);
           background-color: var(--main-color);
           border: 2px solid var(--main-color);
       }
       .bannerpos a {
           transition: var(--main-transition);
           width: 150px;
           height: 50px;
           text-align: center;
           color: var(--main-color-white);
           line-height: 50px;
           border: 2px solid var(--main-color-white);
           font-size: 14px;
		   display:none;
       }
       .copy {
           width: 100%;
           text-align: center;
           padding: 15px;
           border-top: 1px solid #555555;
           background-color: #3b3d40;
       }
       .copycon {
           text-align: center;
           max-width: 1200px;
           text-align: center;
           font-size: 14px;
           color: var(--main-color-999);
           margin: 0 auto;
       }
       .copycon a {
           font-size: 14px;
           color: var(--main-color-999);
       }
       .inside {
           max-width: 82%;
           margin: 0 auto;
           padding: 15px 0;
       }
       .inside p {
           font-size: 14px;
           color: var(--main-color-222);
       }
       .inbanner {
           width: 100%;
           height: 443px;
           background-image: url(../images/inbanner.jpg);
           background-repeat: no-repeat;
           background-size: cover;
           display: flex;
           align-items: center;
           justify-content: center;
       }
       .inbanner strong {
           display: block;
           color: var(--main-color-white);
           font-size: 30px;
           font-weight: normal;
       }
       .search {
           color: #000000;
           /*var(--main-color-white)*/
           ;
           cursor: pointer;
       }
       .cover {
           width: 30%;
           height: 100%;
           position: fixed;
           left: -1005%;
           top: 0;
           background: rgba(0, 0, 0, .8);
           z-index: 99999;
           transition: var(--main-transition);
       }
       .covershow {
           left: 0 !important;
       }
       .searchshow {
           right: 0 !important;
       }
       .sou {
           position: fixed;
           transition: var(--main-transition);
           top: 0;
           width: 70%;
           height: 100%;
           right: -70%;
           display: flex;
           justify-content: space-between;
           z-index: 9999;
       }
       .souleft {
           width: 100px;
           background-color: var(--main-color);
           height: 100%;
           display: flex;
           align-items: center;
           justify-content: center;
       }
       .souright {
           flex: 1;
           padding: 10%;
           background-color: var(--main-color-white);
       }
       .souright h1 {
           color: var(--main-color);
           font-size: 40px;
           margin-bottom: 35px;
       }
       .close {
           cursor: pointer;
           transition: var(--main-transition);
       }
       .close:hover {
           transform: rotate(360deg);
       }
       .inp {
           position: relative;
       }
       .go {
           position: absolute;
           right: 0;
           top: 0;
       }
       .souright input {
           display: block;
           width: 100%;
           height: 45px;
           border: none;
           outline: none;
           font-size: 20px;
           color: var(--main-color-222);
           border-bottom: 1px solid #e0e0e0;
       }
       .changeColor {
           background-color: var(--main-color-white) !important;
       }
       .changeColor .pcnav a {
           color: var(--main-color-222) !important;
       }
       .changeColor i {
           color: var(--main-color-222) !important;
       }
       .con1 {
           padding: 80px 0;
           width: 100%;
       }
       .con1con {
           width: 82%;
           margin: 0 auto;
           display: flex;
           align-items: center;
           justify-content: space-between;
       }
       .con1conleft {
           width: 48%;
       }
       .con1conright {
           width: 48%;
       }
       .aboutswiper {
           width: 100%;
       }
       .aboutswiper img {
           width: 100%;
       }
       .con1conleft h1 {
           color: var(--main-color-333);
           font-size: 48px;
           margin-bottom: 30px;
       }
       .con1conleft p {
           font-size: 20px;
           color: var(--main-color-333);
           line-height: 35px;
		   text-indent: 2em;
       }
       .more {
           width: 150px;
           height: 50px;
           line-height: 50px;
           text-align: center;
           color: var(--main-color);
           border: 2px solid var(--main-color);
           display: block;
           font-size: 14px;
           margin-top: 35px;
           transition: var(--main-transition);
       }
       .more:hover {
           color: var(--main-color-white);
           background-color: var(--main-color);
       }
       .scr_num {
           width: 82%;
           margin: 0 auto;
           margin-top: 50px;
       }
       .mumping_mun {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
       }
       .mumping_mun p {
           text-align: center;
           color: var(--main-color-333);
           margin-top: 5px;
           font-size: 14px;
       }
       .mumping_mun h2 {
           font-size: 48px;
           color: var(--main-color);
       }
       .mun_top {
           display: flex;
           align-items: flex-start;
       }
       .con2 {
           width: 100%;
           padding: 80px 0;
           background-image: url(../images/bg1.jpg);
       }
       .con2con {
           max-width: 82%;
           margin: 0 auto;
           display: flex;
           align-items: center;
           justify-content: space-between;
       }
       .con2conleft {
           width: 48%;
       }
       .con2conright {
           width: 48%;
       }
       .con2conleft h1 {
           color: var(--main-color-white);
           font-size: 48px;
           margin-bottom: 50px;
       }
       .con2conleft strong {
           display: block;
           color: var(--main-color-white);
           font-size: 36px;
           font-weight: normal;
           margin-bottom: 35px;
       }
       .con2conleft p {
           font-size: 18px;
           color: var(--main-color-white);
           margin-bottom: 50px;
       }
       .more1 {
           display: flex;
           align-items: center;
           width: 178px;
           height: 58px;
           line-height: 58px;
           transition: var(--main-transition);
           justify-content: center;
           background: linear-gradient(225deg, #26B7BC, #0B86F3);
           color: var(--main-color-white);
       }
       .more1 span {
           margin-right: 15px;
           transition: var(--main-transition);
       }
       .more1:hover span {
           margin-right: 25px;
       }
       .con2conright ul {
           display: flex;
           flex-wrap: wrap;
       }
       .con2conright ul li {
           cursor: pointer;
           width: calc(100% / 3);
           background: linear-gradient(225deg, #26B7BC, #0B86F3);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           padding: 40px 20px;
       }
       .con2conright ul li img {
           width: 70px;
           display: block;
           margin: 0 auto;
           margin-bottom: 20px;
       }
       .con2conright ul li p {
           text-align: center;
           color: var(--main-color-white);
           font-size: 15px;
       }
       .con3 {
           padding: 80px 0;
       }
       .con3con {
           max-width: 75%;
           margin: 0 auto;
       }
       .con3con h1 {
           color: var(--main-color-222);
           font-size: 48px;
           margin-bottom: 50px;
       }
       .con3con ul {
           display: flex;
           flex-wrap: wrap;
       }
       .con3con ul li {
           cursor: pointer;
           width: calc((100% - 94px) / 3);
           margin-right: 30px;
           margin-bottom: 30px;
           overflow: hidden;
           height:auto;
           border-top: 3px solid #333333;
           position: relative;
       }
       .con3pos1 {
           position: absolute;
           width: 100%;
           height: 100%;
           top: 0;
           display: flex;
           flex-direction: column;
           z-index: 9;
           left: 0;
           transition: var(--main-transition);
           padding: 50px 20px;
       }
       .con3pos1 strong {
           color: var(--main-color-white);
           font-weight: normal;
           font-size: 24px;
           text-align: center;
           display: block;
           margin-bottom: 20px;
       }
       .con3pos1 p {
           font-size: 14px;
           color: var(--main-color-white);
           line-height: 25px;
           text-align: center;
           opacity: 0;
           visibility: hidden;
           transition: var(--main-transition);
       }
       .con3pos2 {
           position: absolute;
           width: 100%;
           height: 50px;
           line-height: 50px;
           text-align: center;
           background-color: var(--main-color);
           font-size: 15px;
           color: var(--main-color-white);
           bottom: -50px;
           left: 0;
           z-index: 10;
           transition: var(--main-transition);
       }
       .con3con ul li:hover .con3pos2 {
           bottom: 0;
       }
       .con3con ul li:hover .con3pos1 p {
           opacity: 1 !important;
           visibility: visible !important;
       }
       .con3con ul li:hover .con3pos1 {
           background: rgba(0, 0, 0, .5);
       }
       .con3con ul li:hover img {
           transform: scale(1.1);
       }
       .con3con ul li img {
           width: 100%;
           height: 240px;
           object-fit: cover;
           transition: var(--main-transition);
       }
       .con3con ul li:nth-child(3n) {
           margin-right: 0;
       }
       .con4 {
           padding: 80px 0;
           width: 100%;
       }
       .con4con {
           max-width: 82%;
           margin: 0 auto;
       }
       .con4con h1 {
           color: var(--main-color-222);
           font-size: 48px;
           margin-bottom: 50px;
       }
       .con4box {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
       }
       .con4left {
           width: 48%;
       }
       .con4left:hover .n_box img {
           transform: scale(1.1);
       }
       .con4right {
           width: 48%;
       }
       .n_box {
           width: 100%;
           display: block;
           overflow: hidden;
       }
       .n_box img {
           transition: var(--main-transition);
           width: 100%;
           height: 400px;
           object-fit: cover;
       }
       .iten_new:hover p {
           color: var(--main-color);
       }
       .iten_new:hover .go_view em {
           margin-right: 30px;
       }
       .iten_new {
           padding: 15px 0;
           cursor: pointer;
       }
       .iten_new span {
           color: var(--main-color-999);
           font-size: 16px;
           display: block;
           margin-bottom: 10px;
       }
       .iten_new p {
           font-size: 18px;
           color: var(--main-color-333);
           width: 100%;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-box-orient: vertical;
           margin-bottom: 15px;
           -webkit-line-clamp: 1;
       }
       .go_view {
           display: flex;
           align-items: center;
       }
       .go_view em {
           font-style: normal;
           font-size: 14px;
           color: var(--main-color-999);
           display: block;
           margin-right: 20px;
           transition: var(--main-transition);
       }
       .go_view img {
           width: 15px;
       }
       .con4right .iten_new {
           border-bottom: 1px solid #d6d6d6;
       }
       .con4 .more1 {
           margin: 0 auto;
       }
       .foot {
           width: 100%;
           padding: 55px 0;
           background-color: var(--main-color);
       }
       .footer {
           max-width: 82%;
           margin: 0 auto;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
       }
       .footerleft {
           width: 25%;
       }
       .footerleft a img {
           width: 300px;
           margin-bottom: 25px;
       }
       .footerleft ul li {
           display: flex;
           align-items: center;
           margin-bottom: 10px;
       }
       .footerleft ul li i {
           color: var(--main-color-white);
           font-size: 15px;
           width: 20px;
       }
       .footerleft ul li span {
           display: block;
           padding-left: 10px;
           color: var(--main-color-white);
           flex: 1;
           font-size: 15px;
       }
       .footerright {
           padding-left: 30px;
           flex: 1;
       }
       .footerright ul {
           display: flex;
           flex-wrap: wrap;
       }
       .footerright ul li {
           flex: 1;
           padding: 0 20px;
       }
       @media screen and (max-width: 1200px) {
           .f_a {
               color: var(--main-color-white);
               font-size: 15px;
               display: block;
               font-weight: bold;
               margin-bottom: 20px;
           }
       }
       .f_a {
           color: var(--main-color-white);
           font-size: 15px;
           display: block;
           font-weight: bold;
           margin-bottom: 20px;
       }
       .s_a {
           display: block;
           font-size: 14px;
           color: var(--main-color-white);
           opacity: .8;
           margin-bottom: 15px;
       }
       .clear {
           clear: both;
       }
       .culture6 .list ul li.cli1 {
           width: 30%;
           margin-left: 0;
       }
       .culture6 .list ul li {
           float: left;
           margin: 0 0 10px 10px;
           position: relative;
       }
       .culture6 .list ul li .img {
           height: 360px;
           position: relative;
       }
       .culture6 .list ul li .img:before {
           content: "";
           width: 100%;
           height: 100%;
           background-image: linear-gradient(transparent, rgba(31, 106, 188, 1));
           position: absolute;
           bottom: 0;
           left: 0;
           z-index: 2;
       }
       .culture6 .list ul li .img img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           position: absolute;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           margin: auto auto;
           z-index: 1;
       }
       .culture6 .list ul li .txtbg {
           width: 100%;
           position: absolute;
           top: 0;
           left: 0;
           z-index: 3;
       }
       .culture6 .list ul li .txt {
           padding: 60px 40px 0 40px;
           color: #fff;
       }
       .culture6 .list ul li .txt .h2 {
           font-size: 30px;
           line-height: 40px;
           margin-bottom: 30px;
           border-bottom: 2px solid #0075c1;
           height: 47px;
       }
       .culture6 .list ul li .txt .h2 span {
           display: inline-block;
           vertical-align: top;
           position: relative;
           border-bottom: 2px solid #70b638;
           padding-bottom: 5px;
       }
       .culture6 .list ul li .txt .h3 {
           font-size: 13px;
           line-height: 30px;
		   
       }
       .culture6 .list ul li.cli2 {
           width: 30%;
       }
       .culture6 .list ul li.cli3 {
           width: calc(40% - 20px);
       }
       .culture6 .list ul li.cli4 {
           width: calc(70% - 10px);
           margin-left: 0;
       }
       .culture6 .list ul li.cli5 {
           width: 30%;
       }
   }
   
   @media only screen and (max-width: 996px) {
       .clear {
           clear: both;
       }
       .culture6 .list ul li.cli1 {
           width: 100%;
           margin-left: 0;
       }
       .culture6 .list ul li {
           margin-bottom: 20px;
           position: relative;
       }
       .culture6 .list ul li .img {
           height: 360px;
           position: relative;
       }
       .culture6 .list ul li .img:before {
           content: "";
           width: 100%;
           height: 100%;
           background-image: linear-gradient(transparent, rgba(31, 106, 188, 1));
           position: absolute;
           bottom: 0;
           left: 0;
           z-index: 2;
       }
       .culture6 .list ul li .img img {
           width: 100%;
           height: 100%;
           object-fit: cover;
           position: absolute;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           margin: auto auto;
           z-index: 1;
       }
       .culture6 .list ul li .txtbg {
           width: 100%;
           position: absolute;
           top: 0;
           left: 0;
           z-index: 3;
       }
       .culture6 .list ul li .txt {
           padding: 60px 40px 0 40px;
           color: #fff;
       }
       .culture6 .list ul li .txt .h2 {
           font-size: 30px;
           line-height: 40px;
           margin-bottom: 30px;
           border-bottom: 2px solid #0075c1;
           height: 47px;
       }
       .culture6 .list ul li .txt .h2 span {
           display: inline-block;
           vertical-align: top;
           position: relative;
           border-bottom: 2px solid #70b638;
           padding-bottom: 5px;
       }
       .culture6 .list ul li .txt .h3 {
           font-size: 20px;
           line-height: 30px;
       }
       .culture6 .list ul li.cli2 {
           width: 100%;
       }
       .culture6 .list ul li.cli3 {
           width: 100%;
       }
       .culture6 .list ul li.cli4 {
           width: 100%;
           margin-left: 0;
       }
       .culture6 .list ul li.cli5 {
           width: 100%;
       }
       .foot {
           width: 100%;
           padding: 30px 15px;
           background-color: var(--main-color);
       }
       .footer {
           margin: 0 auto;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
       }
       .footerleft {
           width: 100%;
           margin-bottom: 20px;
       }
       .footerleft a img {
           height: 40px;
           display: block;
           margin-bottom: 25px;
       }
       .footerleft ul li {
           display: flex;
           align-items: center;
           margin-bottom: 10px;
       }
       .footerleft ul li i {
           color: var(--main-color-white);
           font-size: 15px;
           width: 20px;
       }
       .footerleft ul li span {
           display: block;
           padding-left: 10px;
           color: var(--main-color-white);
           flex: 1;
           font-size: 15px;
       }
       .footerright {
           width: 100%;
       }
       .footerright ul {
           display: flex;
           flex-wrap: wrap;
       }
       .footerright ul li {
           margin-right: 20px;
       }
       .f_a {
           color: var(--main-color-white);
           font-size: 18px;
           display: block;
           font-weight: bold;
           margin-bottom: 20px;
       }
       .s_a {
           display: none;
       }
       .con4 {
           padding: 30px 15px;
           width: 100%;
       }
       .con4con {
           margin: 0 auto;
       }
       .con4con h1 {
           color: var(--main-color-222);
           font-size: 25px;
           margin-bottom: 30px;
           text-align: center;
       }
       .con4box {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
       }
       .con4left {
           width: 100%;
       }
       .con4right {
           width: 100%;
           margin-top: 30px;
       }
       .n_box {
           width: 100%;
           display: block;
           overflow: hidden;
       }
       .n_box img {
           transition: var(--main-transition);
           width: 100%;
       }
       .iten_new:hover p {
           color: var(--main-color);
       }
       .iten_new:hover .go_view em {
           margin-right: 30px;
       }
       .iten_new {
           padding: 15px 0;
           cursor: pointer;
       }
       .iten_new span {
           color: var(--main-color-999);
           font-size: 16px;
           display: block;
           margin-bottom: 10px;
       }
       .iten_new p {
           font-size: 18px;
           color: var(--main-color-333);
           width: 100%;
           overflow: hidden;
           text-overflow: ellipsis;
           display: -webkit-box;
           -webkit-box-orient: vertical;
           margin-bottom: 15px;
           -webkit-line-clamp: 1;
       }
       .go_view {
           display: flex;
           align-items: center;
       }
       .go_view em {
           font-style: normal;
           font-size: 14px;
           color: var(--main-color-999);
           display: block;
           margin-right: 20px;
           transition: var(--main-transition);
       }
       .go_view img {
           width: 15px;
       }
       .con4right .iten_new {
           border-bottom: 1px solid #d6d6d6;
       }
       .con4 .more1 {
           margin: 0 auto;
           margin-top: 30px;
       }
       .con3 {
           padding: 30px 15px;
       }
       .con3con {
           margin: 0 auto;
       }
       .con3con h1 {
           color: var(--main-color-222);
           font-size: 25px;
           margin-bottom: 30px;
           text-align: center;
       }
       .con3con ul {
           display: flex;
           flex-wrap: wrap;
       }
       .con3con ul li {
           cursor: pointer;
           width: 100%;
           overflow: hidden;
           position: relative;
           margin-bottom: 25px;
       }
       .con3pos1 {
           position: absolute;
           width: 100%;
           height: 100%;
           top: 0;
           display: flex;
           justify-content: center;
           flex-direction: column;
           z-index: 9;
           left: 0;
           transition: var(--main-transition);
           padding: 20px;
           background: rgba(0, 0, 0, .5);
       }
       .con3pos1 strong {
           color: var(--main-color-white);
           font-weight: normal;
           font-size: 24px;
           text-align: center;
           display: block;
           margin-bottom: 20px;
       }
       .con3pos1 p {
           font-size: 14px;
           color: var(--main-color-white);
           line-height: 25px;
           text-align: center;
           transition: var(--main-transition);
       }
       .con3pos2 {
           display: none;
       }
       .con3con ul li:hover img {
           transform: scale(1.1);
       }
       .con3con ul li img {
           width: 100%;
           height: 300px;
           object-fit: cover;
           transition: var(--main-transition);
       }
       .con3con ul li:nth-child(5n) {
           margin-right: 0;
       }
       .con2 {
           width: 100%;
           padding: 30px 15px;
           background-image: url(../images/bg1.jpg);
       }
       .con2con {
           margin: 0 auto;
           display: flex;
           flex-wrap: wrap;
           align-items: center;
           justify-content: space-between;
       }
       .con2conleft {
           width: 100%;
       }
       .con2conright {
           width: 100%;
           margin-top: 30px;
       }
       .con2conleft h1 {
           color: var(--main-color-white);
           font-size: 25px;
           margin-bottom: 20px;
       }
       .con2conleft strong {
           display: block;
           color: var(--main-color-white);
           font-size: 20px;
           font-weight: normal;
           margin-bottom: 20px;
       }
       .con2conleft p {
           font-size: 15px;
           color: var(--main-color-white);
           margin-bottom: 20px;
       }
       .more1 {
           display: flex;
           align-items: center;
           width: 130px;
           height: 40px;
           line-height: 40px;
           transition: var(--main-transition);
           justify-content: center;
           background: linear-gradient(225deg, #26B7BC, #0B86F3);
           color: var(--main-color-white);
           font-size: 14px;
       }
       .more1 span {
           margin-right: 15px;
           transition: var(--main-transition);
       }
       .more1:hover span {
           margin-right: 25px;
       }
       .con2conright ul {
           display: flex;
           flex-wrap: wrap;
       }
       .con2conright ul li {
           cursor: pointer;
           width: calc(100% / 2);
           background: linear-gradient(225deg, #26B7BC, #0B86F3);
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: center;
           padding: 20px;
       }
       .con2conright ul li img {
           width: 70px;
           display: block;
           margin: 0 auto;
           margin-bottom: 20px;
       }
       .con2conright ul li p {
           text-align: center;
           color: var(--main-color-white);
           font-size: 15px;
       }
       .ml_banner img {
           width: 100%;
           transition: all ease 5s;
           height: 100%;
           object-fit: cover;
       }
       .ml_banner .swiper-slide-active img {
           transform: scale(1.2);
       }
       .bannerpage .swiper-pagination-bullet {
           width: 15px !important;
           height: 15px !important;
       }
       .bannerpos {
           width: 100%;
           height: 100%;
           position: absolute;
           top: 0;
           left: 0;
           display: flex;
           align-items: center;
           flex-direction: column;
           justify-content: center;
       }
       .bannerpos h1 {
           font-size: 25px;
           text-align: center;
           color: var(--main-color-white);
           margin-bottom: 20px;
       }
       .bannerpos a:hover {
           color: var(--main-color-white);
           background-color: var(--main-color);
           border: 2px solid var(--main-color);
       }
       .bannerpos a {
           transition: var(--main-transition);
           width: 120px;
           height: 40px;
           text-align: center;
           color: var(--main-color-white);
           line-height: 40px;
           border: 1px solid var(--main-color-white);
           font-size: 14px;
       }
       .con1 {
           padding: 30px 15px;
           width: 100%;
       }
       .con1con {
           flex-wrap: wrap;
           margin: 0 auto;
           display: flex;
           align-items: center;
           justify-content: space-between;
           flex-direction: column-reverse;
       }
       .con1conleft {
           width: 100%;
           margin-top: 25px;
       }
       .con1conright {
           width: 100%;
       }
       .aboutswiper {
           width: 100%;
       }
       .aboutswiper img {
           width: 100%;
       }
       .con1conleft h1 {
           color: var(--main-color-333);
           font-size: 25px;
           margin-bottom: 20px;
       }
       .con1conleft p {
           font-size: 14px;
           color: var(--main-color-333);
           line-height: 30px;
       }
       .more {
           width: 150px;
           height: 50px;
           line-height: 50px;
           text-align: center;
           color: var(--main-color);
           border: 2px solid var(--main-color);
           display: block;
           font-size: 14px;
           margin-top: 35px;
           transition: var(--main-transition);
       }
       .more:hover {
           color: var(--main-color-white);
           background-color: var(--main-color);
       }
       .scr_num {
           width: 100%;
           margin: 0 auto;
           margin-top: 50px;
       }
       .mumping_mun {
           display: flex;
           flex-wrap: wrap;
           justify-content: center;
       }
       .mun_top {
           justify-content: center;
           width: 100%;
       }
       .mumping_mun li {
           width: 48%;
           text-align: center;
           margin-bottom: 25px;
       }
       .mumping_mun p {
           text-align: center;
           color: var(--main-color-333);
           margin-top: 5px;
           font-size: 14px;
       }
       .mumping_mun h2 {
           font-size: 25px;
           color: var(--main-color);
       }
       .mun_top {
           display: flex;
           align-items: flex-start;
       }
       .cover {
           display: none;
       }
       .sou {
           display: none;
       }
       .inbanner {
           width: 100%;
           height: 200px;
           background-image: url(../images/inbanner.jpg);
           background-repeat: no-repeat;
           background-size: cover;
           display: flex;
           margin-top: 60px;
           align-items: center;
           justify-content: center;
       }
       .inbanner strong {
           display: block;
           color: var(--main-color);
           font-size: 25px;
           font-weight: normal;
       }
       .inside {
           margin: 0 auto;
           padding: 15px;
       }
       .inside p {
           font-size: 14px;
           color: var(--main-color-222);
       }
       .copy {
           width: 100%;
           text-align: center;
           padding: 15px;
           border-top: 1px solid #555555;
           background-color: #3b3d40;
           margin-bottom: 60px;
       }
       .copycon {
           text-align: center;
           text-align: center;
           font-size: 13px;
           color: var(--main-color-999);
           margin: 0 auto;
       }
       .copycon a {
           font-size: 13px;
           color: var(--main-color-999);
       }
       .ml_banner {
           width: 100%;
           margin-top: 60px !important;
       }
       .ml_banner img {
           width: 100%;
       }
       .bannerpage .swiper-pagination-bullet {
           width: 10px !important;
           height: 10px !important;
       }
       .bannerbtn {
           width: 40px !important;
           height: 40px !important;
           display: flex;
           align-items: center;
           justify-content: center;
           color: var(--main-color-white);
           font-size: 25px;
           transition: var(--main-transition);
           background: rgba(0, 0, 0, .7);
           background-image: none !important;
       }
       .pchead {
           display: none;
       }
       .pcnav {
           display: none;
       }
       .ml_mb_arrowChange {
           transform: rotate(90deg);
       }
       .ml_mbnav_3 {
           display: none;
       }
       .ml_mbnav_3_item {
           display: flex;
           padding: 0 20px;
           justify-content: space-between;
           align-items: center;
           border-bottom: 1px solid #f3f3f3;
           background-color: #efefef;
       }
       .ml_mbnav_3_item>a {
           display: block;
           width: 100%;
           height: 40px;
           line-height: 40px;
           color: var(--main-color-666);
           font-size: 14px;
           padding-left: 35px;
       }
       .ml_mb_nav i {
           font-size: 22px !important;
           transition: var(--main-transition);
       }
       .ml_mbnav_2_item {
           display: flex;
           padding: 0 20px;
           justify-content: space-between;
           align-items: center;
           border-bottom: 1px solid #f3f3f3;
           background-color: #e3e3e3;
       }
       .ml_mbnav_2_item>a {
           display: block;
           height: 40px;
           width: 100%;
           line-height: 40px;
           color: var(--main-color-666);
           font-size: 14px;
           padding-left: 20px;
       }
       .ml_mbnav_2 {
           display: none;
       }
       .ml_mbnav_1_item>a {
           display: block;
           height: 40px;
           line-height: 40px;
           color: var(--main-color-666);
           font-size: 14px;
           width: 100%;
       }
       .ml_mbnav_1_item {
           display: flex;
           padding: 0 20px;
           justify-content: space-between;
           align-items: center;
           border-bottom: 1px solid #f3f3f3;
       }
       .ml_mb_nav {
           width: 100%;
           height: calc(100% - 60px);
           position: fixed;
           top: 60px;
           right: -100%;
           background-color: var(--main-color-white);
           z-index: 100;
           border-top: 1px solid #ccc;
           overflow: scroll;
           padding: 20px 0;
           transition: var(--main-transition);
       }
       .mb_navShow {
           right: 0 !important;
       }
       .hb_fadeout {
           opacity: 0 !important;
       }
       .change2 {
           transform: translateY(-10px) rotate(-45deg);
       }
       .change1 {
           transform: translateY(10px) rotate(45deg);
       }
       .hb span {
           display: block;
           width: 30px;
           height: 1px;
           background-color: var(--main-color-222);
           transition: var(--main-transition);
       }
       .hb {
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           height: 20px;
           flex-direction: column;
       }
       .ml_mb_logo img {
           height: 31px;
       }
       .ml_mb_head {
           display: flex;
           height: 60px;
           padding: 0 20px;
           background-color: var(--main-color-white);
           position: fixed;
           top: 0;
           left: 0;
           align-items: center;
           justify-content: space-between;
           box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
           width: 100%;
           z-index: 99;
       }
       .ml_pcheader {
           display: none;
       }
   }