/* left_nav  --statr*/
/* .logo2{left:70px !important;top:150px !important;} */
.leftnav{
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(../img/home_banner.png);
    z-index: 1000;
    display: none;
    top:0;
    background-size: cover;
  }
 
  .leftnav .left_bg{
    position: absolute;
    width: 650px;
    height: 1920px;
    background: #fff;
    border-radius: 0 80% 80% 0/ 60%;
    top:-50%;
  }
  .leftnav .left_nav_cont{position: absolute;}
  
  .leftnav .right_logo{position: absolute;right: 80px;top: 80px;}
  .left_nav_logo {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 20%;
    left: 5%;
    z-index: 999;
  }
  
  .leftnav .left_nav_cont .close {
    width: 60px;
    height: 60px;
    margin-left: 70px;
    position: absolute;
    opacity: 1;
	cursor:pointer;
  }
  .leftnav .left_nav_cont{
    margin-top:50px;
    width: 50%;
  }
  .leftnav  .nav_left_list {
    margin-left: 120px;
    margin-top: 100px;
  }
  .leftnav  .nav_left_list .left_ul {
    display: grid;
    row-gap: 35px;
	grid-row-gap:35px;
  }
  @media screen  and (-ms-high-contrast: active), (-ms-high-contrast: none){
	 
	  .leftnav .nav_left_list .left_li{
		  margin-top:35px;
	  }
	  .leftnav .link{display:flex;}
	  .leftnav .link>a{margin-right:20px;display:inline-block;}
	  .right_nav_ul li{display:block;}
	  ul>li{display:block !important;}
	  .nav_ul li{display:inline !important;}
	  .header .nav_bar .nav_box .nav_list .nav_ul li{margin-right: 60px;}
  }
  @media screen and  (max-width: 1400px) and (-ms-high-contrast: active), (-ms-high-contrast: none){
	 
	  .leftnav .nav_left_list .left_li{
		  margin-top:20px;
	  }
  }
  .leftnav .nav_left_list .left_li {
    position: relative;
  }
  .leftnav .nav_left_list .left_li h6 {
    font-size: 12px;
    color: #d9d9d9;
    font-weight: 400;
  }
  .leftnav .nav_left_list .left_li h4 {
    font-size: 22px;
    color: #343434;
    font-weight: 400;
  }
  .leftnav .nav_left_list .left_li .left_li_a {
    width: 100px;
    display: block;
    text-align: right;
    text-decoration: none !important;
  }
  .leftnav  .nav_left_list .active_li h6 {
    color: #3aa69f !important;
  }
  .leftnav .nav_left_list .active_li h4 {
    color: #3aa69f !important;
  }
  .leftnav  .nav_left_list .ul_none {
    display: none;
    position: absolute;
    top: 20px;
    left: 270px;
    z-index: 1;
  }
  .leftnav  .nav_left_list .ul_none li a {
    font-size: 12px;
    color: #343434;
    margin-bottom: 20px;
    display: block;
    text-decoration: none !important;
  }
  .leftnav .nav_left_list .ul_none li a:hover{
	color: #3aa69f;
  }
  .leftnav  .nav_left_list .line {
    width: 100px;
    height: 1px;
    background: #3aa69f;
    display: none;
    position: absolute;
    top: 60%;
    left: 130px;
  
  }
  .leftnav .nav_left_list .left_li:hover h6 {
    color: #3aa69f;
  }
  .leftnav  .nav_left_list .left_li:hover h4 {
    color: #3aa69f;
  }
  .leftnav .nav_left_list .left_li:hover .ul_none {
    display: block;
  }
  .leftnav .nav_left_list .left_li:hover .line {
    display: block;
  }
  
  .leftnav .link {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2vw;
	grid-column-gap:2vw;
    left: 10%;
    bottom: 13%;
    position: absolute;
    justify-items: center;
    align-items: center;
  }
  .leftnav .link .link_1 {
    width: 69px;
    height: 46px;
    background: url(../img/left_nav1-1.jpg);
  }
  .leftnav .link .link_1:hover{background: url(../img/left_nav1-2.jpg);}
  .leftnav .link .link_2 {
    width: 55px;
    height: 52px;
    background: url(../img/left_nav2-1.jpg);
  }
  .leftnav .link .link_2:hover{background: url(../img/left_nav2-2.jpg);}
  .leftnav .link .link_3 {
    width: 80px;
    height: 38px;
    background: url(../img/left_nav3-1.jpg);
  }
  .leftnav .link .link_3:hover{background: url(../img/left_nav3-2.jpg);}
  /* left_nav  --end*/
  
  
  /* rightnav start */
.right_nav{width: 120px;height: 560px;background: #3aa69f;color: #fff;
  position: absolute;top:200px;right: 30px;z-index: 99999;}
.right_nav::before{content:"";height: 35px;width: 1px;background: #3aa69f;
            position: absolute;bottom: -35px;left: 60px;}
.right_nav_list{position: absolute;top: 60px;}
.right_nav_ul{display: grid;grid-template-rows: repeat(6,1fr);}

.right_nav_ul li{display: grid;grid-template-columns: auto 1fr;column-gap: 10px;grid-column-gap:10px;
  padding: 15px 10px;border-bottom: 1px solid #fff;align-items: center;}
  .right_nav_ul li:last-child{border:0;text-align: center;display: block;}
  .right_nav_ul li .li_text a{color:#fff;}
.right_nav .right_nav_ul li img{vertical-align: middle;}
.right_nav .right_nav_ul .line_zixun{background: #fff;padding:5px 10px;color:#3aa69f;margin:10px 0;}
.right_nav .right_nav_ul .line_zixun a{color:#3aa69f;}
.right_nav .border_yuan{background: #3aa69f;border-radius: 50%;width: 120px;height: 120px;
  position: relative;top: -60px;}
.right_nav .rightnav_logo{background: #fff;width: 90px;height: 90px;border-radius: 50%;
  position: absolute;top: 15px;left: 50%;margin-left: -45px;color:#3aa69f;
  display: flex;justify-content: center;align-items: center;flex-direction: column;}

.right_nav .rightnav_logo .logo_img{width: 36px;height: 36px;}
.right_nav .rightnav_logo .logo_img img{width: 100%;height: 100%;}

.back_top{height: 50px;width: 50px;background: #3aa69f;position: absolute;
  bottom: -85px;left: 50%;border-radius: 50%;margin-left: -25px;
  display: flex;align-items: center;justify-content: center;
  cursor: pointer;
  box-shadow: 5px 5px 20px rgba(0,0,0,0.15);}
.back_top img{width: 24px;}
/* rightnav end */

  /* 首页响应式 */

  @media only screen and (max-width: 1400px) {
    .index01-box{}
    
    
    .index07-box .common-width{width: 78% !important;}
    .index05-box{padding: 30px 0 !important;}
    .index05-box .index04-u-bt{margin-bottom: 0;}
	.leftnav .nav_left_list .left_ul {
    display: grid;
    row-gap: 17px;
	grid-row-gap:17px;
}
.leftnav .nav_left_list .left_li h4 {
    font-size: 18px;
    color: #343434;
    font-weight: 400;
}
.leftnav .nav_left_list {
    margin-left: 70px;
    margin-top: 90px;
}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	 
	
  }
  }
  @media only screen and (max-width: 1024px) {
    .index02-box .index02-l{width: 90%;}
    .index02-box .index02-r{width: 90%;}
    .index01-box{display: none;}
    .left_nav_logo{display: none;}
    .index10-box .index10-l{display: none;}
    .index10-box .index10-r{margin: 0px auto;float: none;}
  }
  @media only screen and (max-width: 980px) {
    .home-events{width: 90% !important;}
    .index03-box .index03-l{display: none;}
    .index03-box .index03-r{width: 80%;margin: 0px auto;float: none;}
    .index03-box{background: none !important;}
    .index03-box .index03-r ul{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;}
  }
  @media only screen and (max-width: 768px) {
    .logo{left:10px !important;}
    .inner .banner-text{display: none;}
    /*.home-events{display: none;}*/
    .common-width{width: 80% !important;}
    .index06-box .index06-tu,.index06-bg{display: none;}
    .index06-zi-l,.index06-zi-r{width: 80% !important;}
    .index02-box .index02-l{width: 100%;}
    .index02-box .index02-r{display: none;}
    /*.index04-box{display: none;}*/
    .index03-box .index03-r{width: 100%;}
    .index03-box .index03-r li{width: max-content;}
    .index06-box{padding-top:20px !important;}
    .index10-box .index10-r{display: grid;justify-items: center;width: 280px;}
    .index10-box .index10-r-nr{width: 280px;}
    .index10-box  .index10-r-bt h3{font-size: 24px;}
    .index10-box  .index10-r-bt p{font-size: 12px;}
    .index10-box .index10-r-nr ul{display: grid;justify-items: center;}
    .index10-box .index10-r-nr ul li{height: 50px;line-height: 50px;}
    .index10-box .index10-r-nr ul li button{height: 50px;line-height: 50px;}
  }
  @media only screen and (max-width: 590px){
	  .index05-box{display:none;}
	 
  }