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

 

}


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

 

}

@media screen and (max-width:1360px){
 
.r_box1_imgs {
    max-width: 45%;
    height: auto;
    float: left;
    margin: 60px 0 60px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}

.r_box1_type {
    max-width: 51%;
    height: auto;
    float: right;
    margin: 60px 0 60px 0; 
}


.r_box2  .r_box2_list dl dt h5{height:80px;}


.r_box3  .r_box2_list dl dt h5{height:100px;}


}

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



.m_pub_list ul {
    width: 100%;
    padding: 0 0% 0 0;
    float: left;
    background: url(../images/line01.jpg) no-repeat 49.8% top;
    background-size: 1px 100%;
}




.p_box1_imgs {
    max-width: 45%;
    height: auto;
    float: left;
    margin: 40px 0 0px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}


.p_box1_type{width:68%;}


.m_foot_conta dl dt em{width:76%;}

.c_img,.c_img2 {
    max-width: 42%;
    height: auto;
    float: left;
    margin: 40px 0 0px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}

.c_type,.c_type2 {width:56%;}


}

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



} 
 
/*1024*/
@media screen and (max-width:1024px) {


.web{display:none;}

.mobile{display:block;}



  .z_mhead { position: relative; background: #076f50; width: 100%; left: 0; height:5rem; box-sizing: border-box; border-bottom:1px solid #ccc; padding: 0 0%; z-index: 45;  display: block;}
  
   .z_mhead img { width: 100%; }
  
   .z_mhead .logo { width:7rem; float: left; margin:1.2rem 0 .5rem 3%; }
  
   .z_mhead .nav { position: absolute; width: 41px; height: 41px; background: url(../images/menu01.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 5%; top:1rem; display: block; z-index: 55; }
  
   .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0%; top: 5rem; z-index: 99; display: none; }
  
   .z_nav .navleft { width:20%; float: left; background: rgba(7, 111, 80, 0.8); height: 100vh; overflow: hidden; }
  
   .z_nav .nav { width: 80%; float: left; background: #076f50; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }
  
   .z_nav .nav ul { width: 80%; float: left; margin: 3% 0 3% 10%;   }
  
   .z_nav .nav ul li { width: 100%; min-height: 3rem; float: left; border-bottom: 1px solid #fff; }
  
   .z_nav .nav ul li:hover a{font-weight:bold; }

   .z_nav .nav ul li.selected a{font-weight:bold; }
  
   .z_nav .nav ul li a { height: 4rem; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin: 0 3%; font-size: 20px; color: #fff; line-height:4rem; }
  
   .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: #d12014; }
  
   .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; }
 

.m_box1{padding:40px 0 40px 0;}


.m_cokkie {font-size:18px;}
 
.m_box1_type{width:100%; max-width:inherit;  margin:20px 0 20px 0; font-size:14px;}
 
.m_box1_imgs {
    width:100%;
    max-width:inherit;
    height: auto;
    float: right;
    margin:20px 0% 0px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,.2);
}


.m_more1 {
    width: 140px;
    height: 50px;
    float: left;
    margin: 60px 0 20px 0px;
}

.m_more2 {
    width: 140px;
    height: 50px;
    float: right;
    margin: 60px 0 20px 0px;
}


.m_box2_list{width:101.6%;  height:1680px;  float:left; margin:40px 0 0px 0;  overflow:scroll; overflow-x:hidden; overflow-y:auto;}

.m_box2_list ul{width:100%; padding:0 0% 0 0; padding-right:4%; float:left; float:left; background:url(../images/line01.jpg) no-repeat 46.6% top; background-size:1px 100% ;  }


.m_box2_list ul li a h3{ width:44%; font-size:14px; line-height:20px;}

.m_box2_list ul li a h4{width:44%;}

.m_box2_list ul li a h4 font{font-size:14px; line-height:20px;}
 

.m_box2_list ul li a h4 img{width:80%;}

.m_box2_list ul li:nth-child(2n) a h3{width:44%; font-size:14px; line-height:20px; }


.m_box2_list ul li:nth-child(2n) a h4{width:44%;}

.m_box2_list ul li:nth-child(2n) a h4 font{font-size:14px; line-height:20px;}
 

.m_box2_list ul li:nth-child(2n) a h4 img{width:80%;}


.m_foot_conta h4{font-size:18px;}

.m_foot_conta dl dt {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0; 
    font-size: 12px; 
    line-height: 20px; 
}
.m_foot_conta dl dt font {
    width: 137px;
    float: left; 
    font-size:12px;
    color: #333;
    line-height: 20px; 
    font-weight: bold; 
}

.m_foot_conta dl dt font img {
    width: 15px;
    float: left;
    margin: 5px 5px 5px 0;
}

.m_foot_conta dl dt em{width:60%; font-size:12px; line-height:20px; font-style:normal; font-weight:normal; }


.p_box1 {
    width: 100%;
    height: auto;
    float: left;
    padding:20px 0 40px 0;
    background: #fff;
}


.p_cokkie{font-size:18px;}


.p_box1_imgs {
    max-width:56%;
    height: auto;
    float: left;
    margin: 20px 0 0px 0%;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}

 
.p_box1_type {
    max-width:56%;
    height: auto;
    float: right;
    margin:20px 3% 0px 0; 
    font-size: 12px;
    color: #111;
    line-height: 28px; 
    font-weight: normal; 
}

.p_box1_type h3{font-size:20px;}

.p_box1_type h4{font-size:14px;}

.p_box1_type h5 a{font-size:12px; line-height:20px;}

.p_box1_type h6{font-size:12px;  line-height:20px;}

.p_box1_type h6 font{padding:0 10px 0 0 ; font-size:12px;  line-height:20px; }

.p_box1_type h6 a{font-size:12px; line-height:20px;}

.p_box2,.p_box3,.p_box4,.p_box5 { 
    padding: 40px 0 0px 0;
}

 

.peop_list dl dd h3{font-size:16px;}

.peop_list dl dd h4{height:140px; font-size:12px; }


.peop_list dl dd:nth-child(3n) h4{height:140px; font-size:12px; }



.r_cokkie{font-size:18px;}

.r_box1 {
    width: 100%;
    height: auto;
    float: left;
    padding:20px 0 20px 0;
    background: #fff;
}

.r_box1_imgs {
    max-width: 40%;
    height: auto;
    float: left;
    margin: 20px 0 0px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}


.r_box1_type {
    max-width:56%;
    height: auto;
    float: right;
    margin: 20px 2% 20px 0;
    font-family: SourceHanSansSC-Regular;
    font-size: 12px;
    color: #111;
    line-height:26px;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
}

.r_box1_type h3{font-size:14px;}
 

.r_box_list dl dt h4 img {
    max-width: 60px;
    display: block;
    margin: 0 0 20px 0;
}


.r_box_list dl dt h5{font-size:14px;}

 
.r_box2 .r_box2_list dl dt h5{height:100px;}

.r_box3 .r_box2_list dl dt h5 {height:120px;}


.m_pub_bt{font-size:14px; line-height:20px; }


.m_pub_list{width:101.6%;}

.m_pub_list ul{width:98%; padding:0 0% 0 0; float:left; background:url(../images/line01.jpg) no-repeat 49.6% top; background-size:1px 100% ;  }


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

.m_pub_list ul li a h4 font{font-size:12px; line-height:20px; }


.m_pub_list ul li:nth-child(2n) a h4{font-size:14px; }

.m_pub_list ul li:nth-child(2n) a h4 font{font-size:12px; line-height:20px; }

.m_pub_list ul li a h3 img {
    width: 80%;   
}

.m_pub_list ul li:nth-child(2n) a h3 img {
    width: 80%;   
}



.m_pub_more{font-size:12px; line-height:20px; margin:10px 0; }


.c_cokkie {
    width: 100%;
    float: left;
    padding:10px 0; 
    font-size: 18px;
    color: #111;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}

.c_pub_bt {
    width: 100%;
    height: auto;
    margin:10px 0 10px 0;
    float: left; 
    font-size:14px;
    color: #333333;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    text-transform: capitalize;
}

.c_contact1{padding:20px 0;}
.c_contact2{padding:20px 0;}
.c_contact3{padding:20px 0;}


.c_type {
    max-width: 98%;
    height: auto;
    float: right;
    margin:10px 0 0px 0; 
    font-size: 12px;
    color: #111;
    line-height:20px;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
}

.c_type h3{font-size:14px; line-height:20px; }

.c_type h4{font-size:14px; line-height:20px; }

.c_type h4 a{font-size:12px; line-height:12px; word-wrap: break-word;}


.c_img2 {
    max-width: 42%;
    height: auto;
    float: left;
    margin: 20px 0 0px 0; 
}


.c_type2{
    max-width: 98%;
    height: auto;
    float: right;
    margin:10px 0 0px 0; 
    font-size: 12px;
    color: #111;
    line-height:20px;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
}
 

.c_type2 h3{font-size:14px; line-height:20px; }

.c_type2 h4{font-size:14px; line-height:20px; }

.c_type2 h4 a{font-size:12px; line-height:12px; word-wrap: break-word;}


.c_map {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 20px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}






.m_foot_logo {
    max-width: 120px;
    float: left;
    margin: 1rem 0 0.5rem 1%;
}

.m_foot_navi ul li {
    float: left;
    margin: 2%;
    width: 43%;
}

.m_foot_navi ul li:last-child {
    float: left;
    margin: 2%;
    width: 43%;
}


.m_foot_navi ul li a{text-align:left;}

}
 

 


/*375*/
@media screen and (max-width:375px) {


.web{display:none;}

.mobile{display:block;}



  .z_mhead { position: relative; background: #076f50; width: 100%; left: 0; height:5rem; box-sizing: border-box; border-bottom:1px solid #ccc; padding: 0 0%; z-index: 45;  display: block;}
  
   .z_mhead img { width: 100%; }
  
   .z_mhead .logo { width:6rem; float: left; margin:1.2rem 0 .5rem 3%; }
  
   .z_mhead .nav { position: absolute; width: 41px; height: 41px; background: url(../images/menu01.png) no-repeat center center; background-size: 100%; border-radius: 0px; right: 5%; top:1rem; display: block; z-index: 55; }
  
   .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0%; top: 5rem; z-index: 99; display: none; }
  
   .z_nav .navleft { width:20%; float: left; background: rgba(7, 111, 80, 0.8); height: 100vh; overflow: hidden; }
  
   .z_nav .nav { width: 80%; float: left; background: #076f50; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }
  
   .z_nav .nav ul { width: 80%; float: left; margin: 3% 0 3% 10%;   }
  
   .z_nav .nav ul li { width: 100%; min-height: 3rem; float: left; border-bottom: 1px solid #fff; }
  
   .z_nav .nav ul li:hover a{font-weight:bold; }

   .z_nav .nav ul li.selected a{font-weight:bold; }
  
   .z_nav .nav ul li a { height: 4rem; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin: 0 3%; font-size: 16px; color: #fff; line-height:4rem; }
  
   .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: #d12014; }
  
   .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; }
 

.m_box1{padding:40px 0 40px 0;}


.m_cokkie {font-size:18px;}
 
.m_box1_type{margin:20px 0 20px 0; font-size:12px; line-height:20px; }

 
.m_more1 {
    width: 140px;
    height: 50px;
    float: left;
    margin: 60px 0 20px 0px;
}

.m_more2 {
    width: 140px;
    height: 50px;
    float: right;
    margin: 60px 0 20px 0px;
}


.m_box2_list{width:101.6%;  height:1680px;  float:left; margin:40px 0 0px 0;  overflow:scroll; overflow-x:hidden; overflow-y:auto;}

.m_box2_list ul{width:100%; padding:0 0% 0 0; padding-right:4%; float:left; float:left; background:url(../images/line01.jpg) no-repeat 46.6% top; background-size:1px 100% ;  }


.m_box2_list ul li a h3{ width:44%; font-size:14px; line-height:20px;}

.m_box2_list ul li a h4{width:44%;}

.m_box2_list ul li a h4 font{font-size:14px; line-height:20px;}
 

.m_box2_list ul li a h4 img{width:80%;}

.m_box2_list ul li:nth-child(2n) a h3{width:44%; font-size:14px; line-height:20px; }


.m_box2_list ul li:nth-child(2n) a h4{width:44%;}

.m_box2_list ul li:nth-child(2n) a h4 font{font-size:14px; line-height:20px;}
 

.m_box2_list ul li:nth-child(2n) a h4 img{width:80%;}


.m_foot_conta h4{font-size:18px;}

.m_foot_conta dl dt {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0; 
    font-size: 12px; 
    line-height: 20px; 
}
.m_foot_conta dl dt font {
    width: 137px;
    float: left; 
    font-size:12px;
    color: #333;
    line-height: 20px; 
    font-weight: bold; 
}

.m_foot_conta dl dt font img {
    width: 15px;
    float: left;
    margin: 5px 5px 5px 0;
}

.m_foot_conta dl dt em{width:100%; font-size:12px; line-height:20px; font-style:normal; font-weight:normal; }


.p_box1 {
    width: 100%;
    height: auto;
    float: left;
    padding:20px 0 40px 0;
    background: #fff;
}


.p_cokkie{font-size:18px;}


.p_box1_imgs {
    max-width:60%;
    height: auto;
    float: left;
    margin: 20px 0 0px 20%;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}

 
.p_box1_type {
    width:100%;
    max-width: inherit;
    height: auto;
    float: right;
    margin:20px 3% 0px 0; 
    font-size: 12px;
    color: #111;
    line-height: 28px; 
    font-weight: normal; 
}

.p_box1_type h3{font-size:18px;}

.p_box1_type h4{font-size:12px; line-height:20px; }

.p_box1_type h5 a{font-size:12px; line-height:20px; word-break:break-all; }

.p_box1_type h6{font-size:12px;  line-height:20px;}

.p_box1_type h6 font{padding:0 10px 0 0 ; font-size:12px;  line-height:20px; }

.p_box1_type h6 a{font-size:12px; line-height:20px;}

.p_box2,.p_box3,.p_box4,.p_box5 { 
    padding: 40px 0 0px 0;
}

.peop_list dl {
    width: 100%;
    float: left;
    display:block; 
}

.peop_list dl dd {
    width: 44%;
    padding: 0% 0;
    float: left;
    margin: 2% 2% 2% 0;
}


.peop_list dl dd:nth-child(3n){ width: 44%;
    padding: 0% 0;
    float: left;
    margin: 2% 2% 2% 0;}


.peop_list dl dd h3{font-size:16px;}

.peop_list dl dd h4{height:140px; font-size:12px; }


.peop_list dl dd:nth-child(3n) h4{height:140px; font-size:12px; }



.r_cokkie{font-size:18px;}

.r_box1 {
    width: 100%;
    height: auto;
    float: left;
    padding:20px 0 20px 0;
    background: #fff;
}

.r_box1_imgs {
    width:100%;
    max-width:inherit;
    height: auto;
    float: left;
    margin: 20px 0 0px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}


.r_box1_type {
    width:100%;
    max-width:inherit;
    height: auto;
    float: right;
    margin: 20px 2% 20px 0;
    font-family: SourceHanSansSC-Regular;
    font-size: 12px;
    color: #111;
    line-height:26px;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
}

.r_box1_type h3{font-size:14px;}

.r_box1_type h4{font-weight:normal;}


.r_box_list dl dt {
    width: 92%;
    float: left;
    margin: 3% 2% 3% 0;
    padding: 2%;

}

.r_box_list dl dt h4 img {
    max-width: 60px;
    display: block;
    margin: 0 0 20px 0;
}


.r_box_list dl dt h5{font-size:14px;}


.r_box2_list dl dt {
    width: 92%;
    float: left;
    margin: 3% 2% 3% 0;
    padding: 2%;

}

.r_box2_list dl dt h5{height:auto;}


.m_pub_bt{font-size:14px; line-height:20px; }


.m_pub_list{width:101.6%;}

.m_pub_list ul{width:98%; padding:0 0% 0 0; float:left; background:url(../images/line01.jpg) no-repeat 49.6% top; background-size:1px 100% ;  }


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

.m_pub_list ul li a h4 font{font-size:12px; line-height:20px; }


.m_pub_list ul li:nth-child(2n) a h4{font-size:14px; }

.m_pub_list ul li:nth-child(2n) a h4 font{font-size:12px; line-height:20px; }

.m_pub_list ul li a h3 img {
    width: 80%;   
}

.m_pub_list ul li:nth-child(2n) a h3 img {
    width: 80%;   
}



.m_pub_more{font-size:12px; line-height:20px; margin:10px 0; }


.c_cokkie {
    width: 100%;
    float: left;
    padding:10px 0; 
    font-size: 18px;
    color: #111;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}

.c_pub_bt {
    width: 100%;
    height: auto;
    margin:10px 0 10px 0;
    float: left; 
    font-size:14px;
    color: #333333;
    text-align: center;
    line-height: 26px;
    font-weight: bold;
    text-transform: capitalize;
}

.c_contact1{padding:20px 0;}
.c_contact2{padding:20px 0;}
.c_contact3{padding:20px 0;}


.c_type {
   width:100%;
    max-width: inherit;
    height: auto;
    float: right;
    margin:10px 0 0px 0; 
    font-size: 12px;
    color: #111;
    line-height:20px;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
}

.c_type h3{font-size:14px; line-height:20px; }

.c_type h4{font-size:14px; line-height:20px; }

.c_type h4 a{font-size:12px; line-height:12px; word-wrap: break-word;}

.c_contact1   .c_img1 {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0px 0; 
}


.c_img,.c_img2 {
    max-width: 100%!important;
    height: auto;
    float: left;
    margin: 20px 0 0px 0; 
}


.c_type2{ 
   width:100%;
    max-width: inherit;
    height: auto;
    float: right;
    margin:10px 0 0px 0; 
    font-size: 12px;
    color: #111;
    line-height:20px;
    text-align: left;
    font-weight: normal;
    text-transform: capitalize;
}
 

.c_type2 h3{font-size:14px; line-height:20px; }

.c_type2 h4{font-size:14px; line-height:20px; }

.c_type2 h4 a{font-size:12px; line-height:12px; word-wrap: break-word;}


.c_map {
    max-width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 20px 0;
    box-shadow: 0px 4px 8px 2px rgba(0,0,0,0);
}


.m_gallery dl dd ol li {
    width: 96%;
    float: left;
    margin: 3% 0 2% 3%;
}



.m_foot_logo {
    max-width: 120px;
    float: left;
    margin: 1rem 0 0.5rem 1%;
}

.m_foot_navi ul li {
    float: left;
    margin: 2%;
    width: 43%;
}

.m_foot_navi ul li:last-child {
    float: left;
    margin: 2%;
    width: 43%;
}


.m_foot_navi ul li a{text-align:left;}

}