@import url(all.css);

 
.left{ float:left}

.right{ float:right}
 


body{ max-width:960px; color:#000; margin:0px auto; position:relative; background-color:#fff}
a{text-decoration:none; color:#000;}
a:hover{color:#000;}

.header{ background:#f6efe8;
 z-index:101;
text-align:center; 
position:relative;
 width:100%;
border-bottom: 1px solid #f0e3cd; 
 
}
.header img{ width:100%; height:auto; }

#path{ width:40px; height:40px; background:#707070; position:fixed; bottom:0px; right:0px; color:#fff; font-size:24px; line-height:40px; text-align:center; cursor:pointer; display:none;}
#path:hover{background:#000;}

 

.bj {background: rgba(00,00,00,0.5);width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 100;display: none;}

.di {width: 65px;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;  background-color:#838485;display: none;}
.di2 {width: 65px;height: 100%;position: absolute;right: 55px;top: 0;z-index: 1;  background-color:#ee793f;display: none;}




.nav{ position:absolute; display:none; z-index:102;text-align: left; width: 100%;left: 0px;top:auto;font-size: 12px;border-top: 1px solid #838485;}
.nav li{background: #838485; border-bottom: 1px solid #838485;   line-height:50px; text-indent:2em; font-size:15px}
 
 .nav li a:hover{  color:#e6e7e7}
 
 
 #nav2{ position:absolute; display:none; z-index:102;text-align: left; width: 100%;left: 0px;top:auto;font-size: 12px;border-top: 1px solid #f0e3cd; background: #f6efe8;  height:45px; font-size:14px ;line-height:45px; }
 
  #nav2 li{ float:left; width:33%; text-align:center}
 #nav2 li a{ color:#000; font-size:16px; display:block}
 
#nav2 img{ width:15px!important;}
 
 .search{ position:absolute;  z-index:102;text-align: left; width: 100%;left: 0px;top:auto;font-size: 12px; background: #ee793f;  height:45px; font-size:14px ;line-height:45px;}
 .box2{ height:30px; width:80%;  margin-left:20px; margin-top:5px;border:none; background-color:#fcf9f6}
 
 
 
.clearfix{display:block; }
 
 
.ny_zblb1 li a{display:block; text-decoration:none;color:#000;background:url(../images/04.gif) no-repeat 90%;}
.ny_zblb1 li a.cur{color:#000; background:url(../images/04_h.gif) no-repeat 90%;text-decoration:none;}

.ny_zblb1 li ul{display:none;color:#000;border-top: 1px solid #f0e3cd;  }
.ny_zblb1 li ul li{float:none;background-image:none; line-height:50px;margin-top:0px;font-size:16px;}

 .ny_zblb1 li ul li:last-child{  border-bottom:none}

.ny_zblb1 li ul li a{ display:block;background:url(../images/05.gif) no-repeat 90%;}
.ny_zblb1 li ul a:hover{ background-color:#f2ead5}

.ny_zblb1 li ul li ul li{float:none;background-image:none; line-height:50px;margin-top:0px;font-size:12px!important;  text-indent:4em!important;}


.ny_zblb1 li ul li ul li a{ font-size:16px!important;  }



.close,.close2
{
	display:none
}


.header_lb{ position:absolute; right:10px; top:50%; margin-top:-8px; cursor:pointer; z-index: 100;    }
 
.header_lb img{ width:60%!important; }

.header_zy{ position:absolute; right:65px; top:50%; margin-top:-10px; z-index: 100;  }

.header_zy img{ width:65%!important; }
.header_zy i{ color:#a40d2c;}

.header_tel{ position:absolute; right:120px; top:50%; margin-top:-10px; z-index: 100;  }

.header_tel img{ width:60%!important; }
 


.header_zy2{ text-align:center}
.header_zy2 i{font-size:22px;color:#d09167;}



.main{ text-align:left; margin-top:10px; line-height:200%; padding:10px }

 .main .wz
 {
   margin-left:10px
	 }
.main .des
{
	background-color:#e6e6e7; text-align:center; font-size:12px; padding:10px 0px
	
}
.main .des .tit
{
	font-size:18px
	
}
.main .des  a{ border:#989797 solid 1px; font-size:13px; color:#000; width:30%; height:30px; line-height:30px; margin:0px auto; margin-top:10px; display:block; 
  }
  
.main .des  a:hover{ border:#d19463 solid 2px; font-size:13px; color:#000;  }

  .main .jptit
 {
	 
	 
	 color:#4c4a4 ;
	 text-align:center;
	 border-bottom:#a5a4a4 solid 1px;
	 height:50px;
	 width:100%
	 
}

   .main .jptit h1
 {
	 
	 
	 color:#d47844 ;
	 
	 font-size:18px;
	 position:absolute;
	 margin-top:30px;
  
	 margin-left:33%;
	 width:30%; background-color:#FFF
  
	 
}
.zd
{
	margin-top:30px; text-align:center
}
.zd .tit
{
	 font-size:16px;
	
}
.zd .wz
{
	 font-size:12px; text-align:left; line-height:180%; margin-top:5px;  
	
}








 
.backtop
{
	margin-top:40px;
	line-height:30px;
	text-align:center
}
.jb
{
	height:10px;
    background: linear-gradient(#fff, #e8e8e8);  
}


footer {width:100%; background-color:#fff; color:#1d1d1c; font-size:0.75em; clear:both;}
footer .footer_menu {width:100%; margin-top:20px}
footer .footer_menu .menu_one {width:100%; height:auto; margin:0 auto;}
footer .footer_menu .menu_one .item {width:100%; border-bottom:0.083em solid #8c7a73; }

footer .footer_menu .menu_one .link {width:100%; border-bottom:0.083em solid #8c7a73;}
footer .footer_menu .menu_one .link a {width:88%; height:3em; line-height:3em;  display:block; color:#e5e5e5; margin:0 auto; font-size:1.5em;}
footer .footer_menu .menu_one .link a.toHome {background:url(../images/toHome.png) no-repeat right center; background-size:1.33em 1.33em; }
footer .footer_menu .menu_one .link a.top {background:url(../images/top.png) no-repeat right center; background-size:1.33em 1.33em; }

footer .footer_menu .menu_one .item h2 {width:88%; height:3em; line-height:3em; background:url(../images/arrow.png) no-repeat right center; background-size:1em 1em; margin:0 auto; font-size:1.2em; font-weight: normal;color: #1d1d1c;}

footer .footer_menu .menu_one .item img{ padding-top:13px; vertical-align:middle; }



footer .footer_menu .menu_one .item h2.active {background:url(../images/arrow_down.png) no-repeat right center; background-size:0.8em 0.4em;}
footer .footer_menu .menu_one .item .menu_two {display:none;}
footer .footer_menu .menu_one .item .menu_two li {width:88%; height:3em; line-height:3em; border-bottom:0.083em solid #8c7a73; margin:0 auto;padding:0.4em 0;}
footer .footer_menu .menu_one .item .menu_two li:first-child {border-top:0.083em solid #8c7a73;}
footer .footer_menu .menu_one .item .menu_two li:last-child {border-bottom:0;}
footer .footer_menu .menu_one .item .menu_two li a {color:#333; font-size:1.2em;padding-left: 1%;}
footer .footer_menu .menu_one .item .menu_two li img{width:1.5em;height: 1.5em;margin:0.8em 1em 0 0.5em;}
footer .footer_logo {width:100%; height:3.08em; background:url(../images/footer_logo.png) no-repeat center 16.4%; background-size:15.67em 1.67em;}
กกกก

.copyright
{
	text-align:center; font-size:14px;
}
.pub_copyright
{
	margin-top:30px
}

.dibu
{
	background-color:#e6e6e7; padding:10px 0px;
}





.ny_banner{}
.ny_banner img{width:100%; height:auto;}

.mbx{ background-image:url(../images/mbx_bj.jpg);background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat; height:43px; line-height:48px; text-indent:30px; color:#323643;}

.ny_title{ width:100%; height:40px; padding:10px 0px; background:#F9F1E2; color:#333; text-align:center; line-height:40px}

.ny_title .left{ padding-left:20px}

.ny_title .right{ padding-right:20px}

.ny_title .right a{ color:#000000}


.ny_title h4{ font-size:15px; font-weight:bold;}



 #content2{  color:#4c4948; line-height:180%; padding:10px; font-size:14px}
 
 #content2 strong{ font-weight:bold}
 
 #content2 img{width: 100%!important;}
 
 
 
  .pic{ width:40%; margin-top:10px}
 
 
 
กก
.page1{ color:#A0795B; border:#D6D6D6 1px solid; width:44px; height:17px; display:block; line-height:20px; margin-left:4px; cursor:pointer;background:#F0E1CA; font-size:12px}
.page1:hover{ background:#392315; border:#ccc 1px solid; width:44px; height:17px; display:block; color:#fff; font-size:12px}
.page2{ color:#A0795B; border:#ccc 1px solid; width:44px; height:17px; display:block; line-height:20px; margin-left:4px; cursor:pointer;background:#F0E1CA; font-size:12px }

.page2:hover{ background:#392315; border:#ccc 1px solid; width:44px; height:17px; display:block; color:#fff; font-size:12px; font-size:12px}
.page3{color:#A0795B; border:#ccc 1px solid; width:19px; height:17px; display:block; line-height:20px;  margin-left:4px; cursor:pointer;background:#F0E1CA; font-size:12px}
.page3:hover{ background:#392315; border:#ccc 1px solid; width:19px; height:17px; display:block; color:#fff; font-size:12px}
.page4{ color:#fff; border:#ccc 1px solid; width:19px; height:17px; display:block; line-height:20px; margin-left:4px; cursor:pointer; background:#392315; font-size:12px}
.pageli ul li{ float:left; text-align:center; color:#534F4F; font-size:12px}


  .pp img:hover {
         background-color:#A77A58;filter:alpha(opacity=60);opacity:0.6!important;
    }
 
 
 
 .active{ background-color:#e6e7e7; color:#ee793f ;  }

 .menu ul li div.sub.active{ background:none}
    .menu ul li div.sub.active span.img{  }
   .menu ul li span.img{/*background-image:url(../images/header_close.png);*/background-size:cover;width:0.958333em;height:0.958333em;margin-right:4.22%;margin-top:1.375em;float:right;}
   .menu ul li span.words{ color:#000}
   
    .menu ul li a{  color:#000}
  .menu ul li img{vertical-align:middle; }
   .menu ul.sub_menu{display:none;}
   
     .menu ul.sub_menu li{ background-color:#333}
	 
  .menu ul.sub_menu li span.words{font-weight:normal; color:#CCC}
 .menu ul.sub_menu li span.img{/*background-image:url(../images/header_open.png);*/ background:none}
 .menu ul.three_menu{display:none;}
  .menu ul.three_menu li span.words{color:#808080;padding-left:6.25%;}
  
   .menu ul.four_menu{display:none;}
   
  .menu ul li img{width:20%; vertical-align:middle;} 
   
  /* .menu ul li:last-child .one{ height:30px; padding-top:15px;  }
   
   */
 
   
   
   
   
   
.news_box{    overflow:hidden; margin-bottom:10px; text-align:center; border-bottom:#CCC solid 1px }

.news_box .tip{ font-size:15px; height:30px;  width:100px; background-color:#666; line-height:30px; color:#FFF; margin:0px auto; margin-top:20px }
 

.news_box .img_l{  width:100%;  }

.news_box .des{width:100%; margin:0px auto; text-align:center}

.news_box   .title{  width:80%; text-align:center; font-size:16px; border-bottom:#e6d4bb solid 1px;font-weight: normal !important; color:#000;margin:0px auto; padding:10px 0px}

.news_box .des .wz{ margin-top:20px; font-size:12px; text-align:left; width:100%;   line-height:180%}


.news_box .more{  border:#ee793f solid 1px; margin:15px auto; width:30%}
.news_box .more a{ color:#ee793f; display:block }

.news_box .more a:hover{ color:#d19463}

 .news_box img:hover{filter:alpha(opacity=50);opacity:0.5 !important;  }

    .bg{ font-size:14px}
 .bg h1{ font-size:24px; color:#d19463; font-weight:normal; text-align:center}
 
 .bg h2{ font-size:24px; color:#d19463; font-weight:normal; text-align:center}
  .bg h2:hover{
	color: #333;
	 
}
  
   .bg h1:hover{  color:#333; } 
 
 
 
  .swiper-container {
      width: 100%;
      height: 100%; 
 
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	.prolist
	{
		padding:10px
	}
	
  .prolist .tit
  
{
	font-size:14px;
	 border-bottom:#CCC solid 1px;
	 height:30px;
	 margin-bottom:20px;
	 color:#000; margin-top:30px
	
}
.pmenu{}

.pmenu .tit{ text-align:center;  font-size:20px; border:none}

.pmenu ul
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
	
}
.pmenu ul li
{
	width:32%; margin-bottom:10px; text-align:center
	 
 
}.pmenu ul li a
{
	padding:5px; display:block; border:#999 solid 1px; font-size:14px
	 
 
}#hover8
{
	background-image:url(../images/hover.png); 
	background-position:center right;
	 background-repeat:no-repeat;
	 color:#d47844;
	 display:block;
	 border:#d47844 solid 1px;
 }