@charset "utf-8";
* {	margin: 0px; padding: 0px;}
body, html {

	font-family: Microsoft YaHei, Arial, sans-serif, "PingFang SC", "STHeiti", "SimHei";
	font-size: 14px;
	-webkit-font-smoothing: antialiased; 
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none; 
	-webkit-tap-highlight-color: transparent; 
	-webkit-overflow-scrolling: touch; 
	overflow-scrolling: touch ;

}
a {	text-decoration: none;	color: #666;}
a:hover {	text-decoration: none;}
ul, li {list-style-image: none;list-style-type: none;}
img { border:none; }


.hidden{ overflow:hidden;}

object{display:none;}



/*pages*/
.pages{
      height: 60px;
    padding: 20px 0 30px;
    width: 100%;
    clear: both;
}
.tcdPageCode {
    text-align: center;
    color: #808080;
    font-size: 14px;
}
.tcdPageCode li{
  display: inline;
}
.tcdPageCode span.disabled {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #808080;
    background: #fff;
    border: 1px solid #e6e3e3;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode span.current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    margin: 0 2px;
    color: #fff;
    background-color: #278747;
    border: 1px solid #278747;
    vertical-align: middle;
    border-radius:1px;
}
.tcdPageCode a {
    display: inline-block;
    color: #808080;
    height: 35px;
    line-height: 35px;
    background: #fff;
    padding: 0 14px;
    border: 1px solid #ddd;
    margin: 0 2px;
    vertical-align: middle;
    border-radius:1px;
}

.m-t-20{

text-align:center;
margin:20px 0;!important

}

.page-item a{color:#333;}




/*¸ßµÊ×­Ò³*/
.pagination{
  border-top:1px solid #f7f7f7;
  padding-top: 20px;
}
.page-link{
  border-radius: 24px !important;
  display:block;
}


.cp_ph{display:none;}


.top {   background: #fff;  position: relative;   box-shadow: 0px 8px 20px rgba(0,0,0,.1);  transition: height 0.3s ease; /* ¸ß¶È±ä¶¯µÄ¹ý¶É¶¯»­ */ position: fixed; /* ¹Ì¶¨ÔÚ¶¥²¿ */
 top: 0; left: 0;  width: 100%; z-index: 999; /* È·±£ÔÚ×îÉϲã */  height: 94px; /* ³õʼ¸ß¶È */ }


 /* ¹ö¶¯ºó±ä¶ÌµÄÐÎ×´ */
.top.shrink { height: 66px; /* ¹ö¶¯ºóµÄ¸ß¶È */ z-index: 9999; }

    /* ÊÕËõºólogoͼƬËõÓ× */
.top.shrink .logo{ padding:4px 0 0 0;}
.top.shrink .logo img{   width:auto; height: 39px;  }


.top.shrink .main-nav > li > a{ line-height: 62px;}


.topn {   padding: 0px 20px; display: flex; align-items: center; justify-content: space-between; gap: 10px;     width: 100%;  box-sizing: border-box; max-width: 1640px;  margin: auto;}

.logo{ padding:10px 0 5px 0; width:30%;  transition: all 0.3s ease;  }
.logo img{ width:auto; height:39px;  transition: all 0.3s ease; }




.nav-container {  width:70%; }
.main-nav { display: flex; list-style: none;   }
.main-nav > li {  position: relative;  padding: 0 2%;  margin: 0 3%;}
.main-nav > li > a { display: block;  text-decoration: none;  color: #000;  transition: color 0.3s;    font-size: 18px;  line-height: 92px;   border-bottom: 2px solid transparent; white-space: nowrap;
 word-break: keep-all;  overflow: hidden; transition: all 0.3s ease;}
.main-nav > li:hover > a {   color: #37b997; border-bottom: 2px solid #37b997;}


/* ÏÂÀ­²Ëµ¥ÐÎ×´ */
.sub-nav { position: absolute; top: 100%; left: 0; min-width: 200px;   background: #fff;  border: 1px solid #eee;   list-style: none;  opacity: 0;
 visibility: hidden; transform: translateY(10px); transition: all 0.3s ease;  z-index: 999; }
.main-nav > li:hover .sub-nav { opacity: 1;  visibility: visible; transform: translateY(0); }
.sub-nav li a {  display: block;  padding: 16px 20px; text-decoration: none; color: #666;  font-size: 16px;  }
.sub-nav li a:hover { background: #37b997; color: #fff; }

/* µ±Ç°Ïî¸ßÁÁ */
.main-nav > li.active > a {  color: #37b997;  border-bottom: 2px solid #37b997;}





.headrg{ display:none;}

.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

.banner{ position:relative; padding-top: 94px; padding-bottom:0px;}
.mySwiper img{ width:100%;}
.mySwiper .swiper-slide img:nth-child(2){ display:none;}


.kscp{ background: #f8f9fb; padding:100px 0;}
.scp {   padding: 0 20px 50px 20px; display: flex; align-items: center; justify-content: space-between; gap: 10px;     width: 100%;  box-sizing: border-box; max-width: 1640px;  margin: auto; }
.scptk b{ display:block; color: #000; font-size: 50px;}
.scptk p{ color:#444; font-size: 34px; display: flex;     align-items: center; gap: 24px;}
.scptk p:after{ content:""; display: block; width:36px; height: 2px; background: #37b997;}

.scpt{ display:flex;     align-items: center;  justify-content: space-between;   width: 100%;}

.smore a{ display:flex;     align-items: center; gap: 20px;}
.smore a:hover span{ color: #37b997;}
.smore a:hover .dot{ background-color: #37b997;}
.smore span{ font-size: 18px; color: #666;}

.dot-grid {
  display: flex;
  flex-wrap: wrap; /* ×Ô¶¯»»ÐÐ */
  justify-content: space-around; /* ˮƽ¾ùÔÈÉ¢²¼ */
  align-items: center; /* ´¹Ö±¾ÓÖÐ */
  width: 100%; /* ¿É×Ô½ç˵¿í¶È */
  max-width: 26px; /* ×î´ó¿í¶ÈÏÞ¶È */
  margin: 0 auto; /* ¾ÓÖÐ */
  gap: 7px; /* Ô²µãÖ®¼äµÄ¼ä¾à£¨¸ßµÍ×óÓÒ£© */

}

/* µ¥¸öÔ²µãÐÎ×´ */
.dot {
  width: 4px; /* Ô²µã´óÓ× */
  height: 4px;
  border-radius: 50%; /* Ô²ÐÎ */
  background-color: #acacac; /* Ô²µãÉ«²Ê£¨»ÒÉ«£© */
  /* ¿ÉÑ¡£ºÔö³¤ÒõÓ°/ͨÃ÷¶È£¬Æ¥ÅäԭͼÍÌ͸Р*/

}


.scpn {   padding: 0 20px; display: flex; align-items: center;      justify-content: flex-start;  gap: 2.5%;  flex-wrap: wrap;    width: 100%;  box-sizing: border-box; max-width: 1640px;  margin: auto;     }
.scpn p{ width:18%; margin-bottom: 20px;}
.scpn a{ display:block; overflow: hidden; text-align: center;}
.scpn a img{     width: 100%;    display: block;   transition: all 0.3s ease;}
.scpn a:hover img{ transform: scale(1.1); }
.scpn p a:nth-child(2){ font-size:18px; color: #333; padding:18px 0; }
.scpn p:hover a{ color: #37b997;}

.k2{ padding:70px 0;}
.k2jj{ line-height: 36px; color: #676767; font-size: 16px; display: block;  padding: 0 20px;   width: 100%;  box-sizing: border-box; max-width: 1640px;  margin: auto;}
.k2 .scp{ padding-bottom:20px;}



/* ±í²ãÈÝÆ÷£ºBannerÈ«ÆÁ£¬µ¼º½Ðü¸¡ÔÚ×óÉÏ½Ç */
.banner-box {
  position: relative;
height: auto;
  overflow: hidden;
}

/* Swiper´óͼ */
.swiper20 {
 width: 100%;
	max-height: 702px;

}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
	
.mySwiper20 img{ display: block;width:100%; margin-top:-100px;  filter: brightness(0.6); }




/* ×ó²àÐü¸¡µ¼º½ */
.nav-menu {
  position: absolute;

  z-index: 999; /* Ðü¸¡ÔÚBanner×îÉϲã */
  width: 380px;
  background: #fff;
  box-shadow: 2px 0 10px rgba(0,0,0,0.1);
  height: 100%;
  left:50%;
  top:50%;
  transform:translate(-210%,-50%);
}

/* ²Ëµ¥Ïî */
.menu-item {
  display: flex;
  align-items: center;
  padding: 0 30px;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
  transition: all 0.3s;
	height: 20%;
}
/* ͼ±ê */
.menu-item .icon {
  width: 36px;
  height: 36px;
  margin-right: 20px;
  fill: currentColor;
}
/* Ñ¡ÖÐ̬ */
.menu-item.active {
  background: #36b99a;
  color: #fff;
}
/* ÓÒ²à¼ýÍ·£¨½öÑ¡ÖÐÏÔʾ£© */
.menu-item .arrow {
  position: absolute;
  right: 30px;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.3s;
}
.menu-item.active .arrow {
  opacity: 1;
}

.sgy{ padding:110px 0; background: url(/template/pc/images/line.gif) no-repeat 90% 0 #f5f5f7; max-height: 530px; box-sizing: border-box;}
.sgyn{ padding: 0 20px; display: flex; align-items: center; justify-content: space-between;     flex-wrap: wrap; gap: 10px;     width: 100%;  box-sizing: border-box; max-width: 1640px;  margin: auto;      gap: 36px;}

.sgyl{ width:52%;}
.sgyln { font-size:16px; line-height: 30px; color:#333; padding:50px 0 30px 0; text-indent: 2em;}
.more a{ width:200px; height: 52px; line-height: 52px; display: block; background:#fff; font-size: 20px; color: #666; text-indent: 32px; border-radius: 100px; display: flex;     align-items: center;  gap: 27px;  transition: all 0.3s ease; }
.more a span{ width:24px; height:24px; display: block; background: #37b997; border-radius: 100px; position: relative; }


.more a span b {
  position: absolute;
  left:30%;top:40%;
  width: 6px;
  height: 6px;
  border: 1px solid #fff;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
  
}

.more a:hover{ background: #37b997; color: #fff; gap:6px;}


.sgyr{     width: 30%;   padding-right: 3%;}


  .stats-section {
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 110px;
            position: relative;
            overflow: hidden;
        }

        .stat-item {
            text-align: center;
            position: relative;
            z-index: 1;
        }
        /* Êý×ÖÖ÷ÌåÐÎ×´ */
        .stat-number {
            font-size: 50px;
            font-weight: bold;
            color: #37b997;
            margin-bottom: 10px;
            display: inline-block;
          padding-top: 10px;
        }
        /* ºó׺¶ÀÁ¢ÐÎ×´£¨¿Éµ¥¶À¸ÄÉ«²Ê¡¢´óÓס¢¼ä¾à£© */
        .stat-suffix {
            font-size: 20px;      /* ºó׺´óÓ× */
            color: #37b997;          /* ºó׺ɫ²Ê */
            margin-left: 4px;     /* ÓëÊý×ֵļä¾à */
            font-weight: normal;  /* ºó׺´Öϸ */
            display: inline-block;
            vertical-align: text-bottom;  /* ¶ÔÆ뷽ʽ */
        }
        .stat-label {
            font-size: 20px;
            color: #333;
        }


.sxw{  padding: 100px 20px;     width: 100%;  box-sizing: border-box; max-width: 1640px;  margin: auto;      }

.sxwn{ display:flex; flex-wrap: wrap;  justify-content: space-between;     gap: 2%; row-gap: 30px; padding-top: 54px;}
.snews { width:49%; }
.snews a{ display:flex; flex-wrap: wrap;  justify-content: flex-start; border: solid 1px #d8d8d8; }
.snews a .spic{ width:39%;}
.snews a img{ display: block;   width: 100%;  object-fit: cover;     max-width: 300px;  max-height: 274px;}

.stext{     width: 61%;  padding: 50px;  box-sizing: border-box; }

.stext b{ font-size:20px; color:#333; display: block; font-weight: normal;}
.stext p{ font-size:16px; color:#666; line-height: 26px; padding:22px 0 46px 0;}
.stext span{ font-size:16px; color:#999; display: block;}

.snews a:hover{ border:solid 1px #37b997;}
.snews a:hover b{ color:#37b997;}


.ft{ padding:90px 0; border-top:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.ftn{  padding: 0 20px;   width: 100%;  box-sizing: border-box; max-width: 1570px;  margin: auto;  display: flex;  justify-content: space-between;}


.ft dt{ font-size:20px; color: #333; font-weight: bold; display: flex;     align-items: center;  gap: 15px; padding-bottom: 26px;}
.ft dt:after{ content:""; display: block; width: 36px; height: 2px; background: #37b997;}

.ft dd { font-size:16px; color: #333; line-height: 36px; }
.ft dd a{ font-size:16px; color: #333; line-height: 36px; }

.bq{ padding:26px 0; line-height: 26px; color: #999; font-size:16px; text-align: center;}


.gybanner{ width:100%; height:440px; background:url(/template/pc/images/gybanner.jpg) no-repeat center center; background-size: cover;     position: relative;;}
.bannern{  padding: 0px 20px; width: 100%; max-width: 1640px;  box-sizing: border-box;   margin: auto;     position: absolute;
left: 50%; bottom: 0%; transform: translate(-50%, -50%);}

.bannern b{ color:#fff; font-size:36px; display:block; padding-bottom:12px;}
.wz{ color:#bdc5d0; }
.wz a{ color:#bdc5d0; }

.gy{ padding: 90px 20px;  width: 100%; box-sizing: border-box;  max-width: 1640px;  margin: auto; font-size:16px; line-height:30px; display: flex; justify-content: space-between;
    align-items: center;}
.gyl{ width:60%;}
.yf{ padding: 50px 40px;  width: 100%; box-sizing: border-box;  max-width: 1600px;  margin: auto; font-size:16px; line-height:30px; background: #f6f6f6;    margin-bottom: 100px; }
.yf b{ font-size:36px; display:block; padding-bottom:12px; font-weight:normal;}
.yf p{ font-size:16px; padding-bottom:30px; color:#333;}
.yf ul{ font-size:16px; padding-bottom:12px; display:flex; text-align:center;   flex-wrap: wrap;  gap: 20px; justify-content: space-between;}
.yf li{ width:23%;}
.yf li img{ width:100%;}
.yf li span{ display:block; padding:10px 0; }



.lx{  padding: 100px 0 0 0;}
.lxt{   font-size: 36px;  color: #333;  width:100%;  box-sizing: border-box; max-width: 1600px; padding:12px 15px 50px 15px; margin:auto; line-height:30px;}
.lxn{ width:100%;  box-sizing: border-box; max-width: 1600px; padding:12px 15px 50px 15px; margin:auto; line-height:30px; font-size:16px; color:#666;  display:flex; gap: 2%; row-gap: 30px; flex-wrap: wrap;}
.lx p{ text-align: center;  width: 23%;  background: #f2f6f8; box-sizing:border-box; padding:40px 20px;}
.lx p b{ display:block;}
.lx p span{ font-size:20px; display: block;}
.lx img{ width:50%;}

.lx p:hover{ background:#37b997; }
.lx p:hover b{ color:#fff;}
.lx p:hover span{ color:#fff;}

.ly{ width:100%;  box-sizing: border-box; max-width: 1600px; padding:100px 15px 150px 15px; margin:auto; font-size:16px; color:#666;  }
.ha{ display:flex; flex-wrap: wrap;  justify-content: space-between;}
.bao{ width:48%;     padding-bottom: 30px;}
input{   width: 100%; text-indent: 12px; height: 40px;  line-height: 40px;  border: none;   border-bottom: solid 1px #999;  background: #fff;  color: #999;}

.bao2 textarea {  width: 100%;  border: none;   border-bottom: solid 1px #999;  background: #fff;  min-height: 154px;  padding: 15px 10px;  box-sizing: border-box;  background: #fff;  color: #999;}

#btn { width: 150px; text-align:center; height: 50px;  line-height: 50px;   background: #37b997;  color: #fff;  font-size: 20px;  border: none; margin-top: 50px;}

.ly b {  display: block;  font-size: 36px;   font-weight: normal;   color: #333; padding-bottom: 10px;}
.ly p {      color: #333; padding-bottom: 30px;}

.xwn{ display:flex; flex-wrap: wrap;  justify-content: space-between;     gap: 30px;     padding: 90px 20px;
    box-sizing: border-box;    max-width: 1640px;  margin: auto;}
.news {width: 100%;}
.news a{ display:flex; flex-wrap: wrap;  justify-content: flex-start; border: solid 1px #d8d8d8;  }
.news a .spic{ width:20%;}
.news a img{ display: block;   width: 100%;  object-fit: cover;   }

.news .stext{     width: 80%;  padding: 30px 50px;  box-sizing: border-box; }

.news .stext b{ font-size:20px; color:#333; display: block; font-weight: normal;}
.news .stext p{ font-size:16px; color:#666; line-height: 26px; padding:22px 0 46px 0;}
.news .stext span{ font-size:16px; color:#999; display: block;}

.news a:hover{ border:solid 1px #37b997;}
.news a:hover b{ color:#37b997;}

.newsbody{ max-width:1200px; margin:auto; padding:70px 20px;  overflow:hidden; border-bottom:dashed 1px #ccc;}
.newsbody h1{ text-align:center; }
.fu{ color:#999; text-align:center; padding-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:dashed 1px #eee;}

.nnn{ font-size:16px; line-height:30px;}

.jj{ padding: 90px 20px; display: flex;  flex-wrap: wrap;  align-items: center;  justify-content: space-between;   width: 100%;  box-sizing: border-box;
  max-width: 1640px; margin: auto; text-align:center; font-size:16px;  }
.jj p{ flex: 0 0 30%;      padding-bottom: 20px;  }

.jj p a{ display:block; }
.jj p img{ width: 100%;   height: 100%; object-fit: cover;  transition: all 0.3s ease;}
.jj p a:nth-child(1){ height:300px; overflow:hidden;}

.jj p a:hover img{ transform: scale(1.1); }
.jj p a:nth-child(2){ padding:10px 0;}


.z{ background:#f0f0f0; }
.zn{ padding: 0 20px; display: flex;  flex-wrap: wrap;  justify-content: space-between;   width: 100%;  box-sizing: border-box; max-width: 1640px; margin: auto;  font-size:16px;  }
.zl, .side{ background:#fff;}
.zl{ width:70%; padding: 30px;     box-sizing: border-box;}
.zl h1{ text-align:center; }
.zl img{ width: auto; height: auto;  max-width: 100%;  margin;auto;}
.side{ width:25%; height:100%;    overflow: hidden;  box-sizing: border-box;  padding: 30px;}
.sidet{ font-size:20px; font-weight:bold; padding-bottom:20px;}
.side dl{ display:block; width:90%; margin:auto; text-align:center;}
.side dt{ overflow:hidden;}

.side dt  img{ width:100%; transition: all 0.3s ease; }
.side dt:hover img{ transform: scale(1.1); }
.side dd { display:block; padding:10px 0 20px 0;}

.side_cp{ display:flex; flex-wrap: wrap; justify-content: space-between;     gap: 8%; row-gap: 20px;}
.side_cp dl{ width:45%;     margin: 0;}


.z{ background:#f0f0f0;  padding: 90px 0;}
.cp{ padding:0 20px; display: flex;  flex-wrap: wrap;  justify-content: space-between;   width: 100%;  box-sizing: border-box; max-width: 1640px; margin: auto;  font-size:16px;  }
.cpn{ width:49%;}
.cpn a{ background:#fff; display:flex; margin: 20px 0px; padding: 30px;     gap: 60px;}
.cp_pic{ flex: 0 0 35%;}
.cpn a img{ width: 100%; height: 100%; object-fit: contain;}
.cp_text{  align-self: center;}
.cp a b{ font-size:28px; display:block; color:#333; padding-bottom:20px;}
.cp a hr{ border-top: solid 3px #37b997; border-bottom:0;  border-left: 0; border-right: 0;  width: auto;  max-width: 45px; height: 1px;}
.cp a span{ display:block; margin-top:25px; overflow: hidden;  text-align: center; box-sizing: border-box;  width: 140px;  padding: 8px; border:solid 1px #999;}

.zln{ display:flex; padding-bottom: 90px; border-bottom: solid 1px #e5e5e5;  margin-bottom: 30px;}
.zlnr{ padding: 60px 20px 0 40px;}
.zlnr h1{ text-align:left;}
.zlnr hr{ margin:30px 0;}
.gjc{ line-height:30px; font-size:16px;}
.cp_zx a{ display:block; width:160px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:16px; background:#37b997; margin-top:30px; }



/* Ö÷ÈÝÆ÷ */
.container {
  position: relative;
  display: flex;
  gap: 14px;
  padding: 10px;
}

/* ×ó²àԭͼºÐ×Ó */
.img-origin-wrap {
  width: 460px;
  height: 460px;
  border: 1px solid #e5e5e5;
  position: relative;
  cursor: crosshair;
  overflow: hidden;
  background: #fff;
}
.origin-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ÓÒϽǷŴó¾µÍ¼±ê */
.mag-icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 26px;
  height: 26px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  pointer-events: none;
}

/* ³¤·½ÐλÒɫͨÃ÷·Å´ó¿ò */
.lens-box {
  position: absolute;
  width: 240px;
  height: 180px;
  background: rgba(180,180,180, 0.3);
  pointer-events: none;
  display: none;
}

/* ÓÒ²à·Å´óÔ¤ÀÀÇø */
.magnify-preview { width: 460px; height: 460px;  border: 1px solid #e5e5e5;  overflow: hidden;  display: none;  background: #fff;     position: absolute;
 top: 10px;  right: -460px;}
  
.magnify-inner { width: 200%; height: 200%; background-repeat: no-repeat;}

/* µ×²¿ËõÂÔͼÀ¸ */
.thumb-bar {
position: absolute; bottom: -58px;  left: 6px;  width: 462px;  height: 60px;   display: flex;  align-items: center; justify-content: space-between;  padding: 0 4px;}
.thumb-bar img{ height:54px;}

/* ËõÂÔͼ¹ö¶¯ÈÝÆ÷ */
.thumb-scroll-wrap {
  width: 390px;
  overflow: hidden;
}
.thumb-list {
  display: flex;
  gap: 10px;
  transition: transform 0.3s ease;
}

/* ×óÓÒ¼ýÍ·ÌùÁ½¶Ë */
.arrow-btn {
  width: 26px;
  height: 56px;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* µ¥¶À½ÚÔ죺ËõÂÔͼ´óÓ× + Ñ¡ÖÐÐÎ×´ */
.thumb-item {
  width: 56px;
  height: 56px;
  border: 1px solid #ccc; /* δѡÖУº»ÒÉ« */
  object-fit: cover;
  cursor: pointer;
  flex-shrink: 0;
}
.thumb-item.active {
  border-color: red; /* Ñ¡ÖУººìÉ« */
}



































/*Òƶ¯¶Ëµ¼º½*/
@media screen and (max-width: 1023px) and (min-width: 0px){


.top{ height:60px;}
.top.shrink {  height: 60px;}
	
.topn{ height:auto; padding:0 15px; }
.nav-container,.right{ display:none;}

  .logo{ padding-top:18px;}
.top.shrink .logo { padding: 18px 0 0 0;}
  
.logo img {   height: 24px;	}
.top.shrink .logo img {  height: 24px;}

	
.banner { padding-top: 60px;  padding-bottom: 0px;}


.headrg{ display:block; position:fixed; top:30px; right:15px; transform:translate(0,-50%); z-index: 9999;}

.headrg a .m_menuimg{ width:23px; height:20px;vertical-align:top;display: block; animation: move 3s 0s infinite;}

.m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:5px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:36px;display: block}
   .m_img .headrg{padding-right:4%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:10px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#37b997;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #08b948;}
   .m_nav .m_navList ul li a{display:block;height:55px;color:#fff;line-height:55px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(/template/pc/images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(/template/pc/images/plus2.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

	.mySwiper .swiper-slide img:nth-child(1){ display:none;}
.mySwiper .swiper-slide img:nth-child(2){ display:block;}
	
.kscp {  padding: 30px 0;}
	
.scptk b {  font-size: 30px;}
.scptk p {  font-size: 24px;}
.smore span { font-size: 16px;}
.smore a {  gap: 10px;}
.dot-grid {  max-width: 18px; gap: 3px;}
	
.scpn p {   width: 48%;  margin-bottom: 10px;}	
	
.scp {  padding: 0 20px 30px 20px;}	
	
.k2 {   padding: 30px 0;}
	
.banner-box {  display: none;}
	
.sgy { padding: 30px 0; max-height: 1000px; background-image: none;}
.sgyl, .sgyr {   width: 100%;}
.sgyln { padding:  30px 0;}
	
	
.stats-section { gap: 50px;}	
.stat-number { font-size: 30px;}
.stat-label {  font-size: 16px;}
.stat-suffix { font-size: 16px;}	
	
	
.sxw {   padding: 30px 20px;}
.sxwn {  padding-top: 30px;}
.snews { width: 100%;}	
	
.snews a .spic {   width: 100%;}
	
.snews a img {  max-width: 100%;  max-height: 150px;}
.stext {  width: 100%;  padding: 20px;}
.stext p {  padding: 22px 0;}
	
.ft { padding: 30px 0; display:none;}
.ftn { flex-wrap: wrap;}
.ft dl{ width: 50%; padding-bottom: 30px;}

.ft dt {  padding-bottom: 10px;}	
	
.gybanner { height: 240px;}
.z {  padding: 30px 0;}
.cpn a { margin: 10px 0px; padding: 10px; gap: 20px;  flex-direction: column;}
.cp a b {  font-size: 16px;}
.cp a hr {  display: none;}
.cp a span { display:none;}
  
.zl {  width: 100%; padding: 30px 15px; }
.zln {  flex-direction: column; padding-bottom: 30px;}
.img-origin-wrap { width: 100%; height: auto;}
.thumb-bar {  position: absolute; bottom: -58px;  left: 0;  width: 100%;  height: 60px;  display: flex;  align-items: center;  justify-content: space-between;
 padding: 0 10px;  box-sizing: border-box;}
  
.thumb-scroll-wrap { width: 80%;}
  
.zlnr {   padding: 100px 0 0 0;}
.side{ display:none;}
.jj {   padding: 30px 20px;}
.jj p { flex: 0 0 48%;}
.jj p a:nth-child(1) { height: 150px;}
  
.xwn { padding: 30px 20px;}
.news a .spic {  width: 100%;}
.news .stext {  width: 100%;  padding: 30px 20px;  box-sizing: border-box;}
  
.gy { padding: 30px 20px; flex-wrap: wrap;}
.gyl {  width: 100%;}
.yf { padding: 50px 20px;}
.yf ul { gap: 0;}
.yf li { width: 48%;}
.yf li span { padding: 0 0 20px 0;}
  
.lx { padding: 30px 0 0 0;}
.lxt { padding: 12px 15px 30px 15px;}
.lx p {  width: 100%; }
.lx p {  padding: 20px 20px;}
.lxn{ row-gap: 20px;}
.ly{ padding: 30px 15px 100px 15px;} 
.lxt { font-size: 30px;}
.ly b { font-size: 30px;}
  
  
	
}




@media screen and (max-width: 1600px) and (min-width: 1024px){
.nav-menu {
  position: absolute;

  z-index: 999; /* Ðü¸¡ÔÚBanner×îÉϲã */
  width: 380px;
  background: #fff;
  box-shadow: 2px 0 10px rgba(0,0,0,0.1);
  height: 100%;
  left:20px;
  top:0;
 transform:translate(0,0);
}	
	
	
	
.main-nav > li {  position: relative;   padding: 0 2%;  margin: 0 1.6%; }
	
	
	
	
	
}


@media screen and (max-width: 1440px) and (min-width: 1024px){
	
.main-nav > li {  position: relative;   padding: 0 2%;  margin: 0 1%; }
	
	
}

@media screen and (max-width: 1200px) and (min-width: 1024px){
	
.main-nav > li {  position: relative;   padding: 0 1.2%;  margin: 0 1%; }
	
	
}



<!--ºÄʱ1793875852.2096Ãë-->