@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢���ź�"}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢���ź�", SimSun, "����", STXihei, "����ϸ��", Heiti, "����", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.head{ width:100%; max-width:1200px; margin:10px auto; overflow:hidden}

.logo{ float:left}
.logo img{ height:80px; width:auto}

.banner{ width:100%; height:auto}
.banner img{ width:100%; height:auto}
.ban1{ display:block}
.ban2{ display:none}

.lange{ float:right; width:90px; border:#e1e1e1 1px solid; border-radius:5px; line-height:28px; margin-top:25px; text-align:center;}
.lange img{ vertical-align:middle; height:15px; width:auto}

.nav{ float:right; margin-right:60px;}
.nav ul li{ float:left; margin:0 25px}
.nav ul li a{ display:block; padding:0 10px; font-size:16px; line-height:80px; position:relative; color:#333}
.nav ul li a:hover{ color:#c3962e}
.nav ul li a:after{ content:""; width:0; position:absolute; left:0; bottom:0; height:2px; background:#c3962e; transition:all 0.6s}
.nav ul li a:hover:after{ content:""; width:100%; position:absolute; left:0; bottom:0; height:2px; background:#c3962e;transition:all 0.6s}




@media only screen and (max-width:992px){
	.head{ padding:0 5px; box-sizing:border-box; }
	.logo img{ height:30px; width:auto; margin-top:5px}
	.lange{ float:right; width:70px; border:#e1e1e1 1px solid; border-radius:5px; line-height:20px; margin-top:10px; text-align:center;}

	.nav{ float:right; margin-right:10px;}
	.nav ul li{ float:left; margin:0px}
	.nav ul li a{  font-size:12px; line-height:40px; }
	
	.ban1{ display:none}
.ban2{ display:block}
	
}



.bt1{ font-size:30px;  color:#c3962e; margin-bottom:20px; line-height:60px; font-weight:bold; background-image:-webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;}
.bt1 em{ display:block;     background-image: linear-gradient(50deg, #e9d178,#bc9d55); width:80px; height:3px; }

.ds1{ width:96%; max-width:1200px; margin:40px auto; font-size:16px; line-height:35px; color:#fff}
.ds1 h1{ display:block; margin:20px 0; font-size:23px}


.ds2{ width:96%; max-width:1200px;  margin:40px auto; overflow:hidden }
.ds3{width:96%; max-width:1200px;  margin:40px auto; overflow:hidden }
.ds3 .huoban{ width:100%}

.ds2 ul li{color:#333; background:rgba(255,255,255,0.2); padding:20px 30px; box-sizing:border-box; border-radius:20px 0 20px 0; margin-bottom:15px}
.ds2 ul li i img{ height:60px; width:auto}

.ds2 ul li h3{ display:block; font-size:20px; font-weight:normal; line-height:40px; font-weight:bold; margin:20px 0; color:#fff;}
.ds2 ul li p{ display:block; font-size:14px; line-height:30px; color:#fff}
.ds2 ul li:nth-child(2n){margin-right:0; border:0}



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

.bt1{ font-size:20px; line-height:45px}
.bt1 em{ width:60px; height:2px}

.ds1{  margin:0px auto; font-size:12px; line-height:23px; color:#fff}
.ds1 h1{ display:block; margin:20px 0; font-size:16px}

.ds2{  margin:0px auto; overflow:hidden }
.ds3{ margin:0px auto;  overflow:hidden }

.ds2 ul li{ float:none; width:100%; margin:0; margin-bottom:20px; padding:15px;}
.ds2 ul li h3{ display:block; font-size:14px; margin:0}
.ds2 ul li p{ display:block; font-size:12px; line-height:23px}
}



.time{ width:96%; max-width:1200px; margin:0px auto; }
.time ul{ width:100%;margin:40px 0; height:auto; position:relative;overflow:hidden}
.time ul:before{ content:""; width:100%; height:3px; background:#fff; border-radius:20px; left:0; position:absolute; top:63px; z-index:0}

.time ul li{ float:left; width:12.5%; text-align:center; margin-bottom:20px; position:relative; z-index:1}
.time ul li h1{ display:block; background:#be9d5b; width:90%; font-size:18px; line-height:35px; color:#fff; margin:0px auto; margin-bottom:30px; border-radius:20px; position:relative}
.time ul li h1:after{ content:"";width: 0px;
                            height: 0px;
                            border-top: 10px solid #be9d5b;
                            border-left: 10px solid transparent;
                            border-right: 10px solid transparent; position:absolute; top:35px; left:50%; transform:translateX(-50%)
}
.time ul li .pp{ display:block; color:#fff; font-size:14px; width:80%; margin:0 auto; padding:10px; height:50px; line-height:25px; border:#fff 1px solid; position:relative}
.time ul li .pp:before{ content:""; background:url(quan.png) center no-repeat; background-size:20px auto; position:absolute; width:20px; height:20px; top:-10px; left:50%; transform:translateX(-50%)}

.time ul li a{ color:#be9d5b; text-decoration:underline}


@media only screen and (max-width:1200px){
	
	.time ul:before{ content:none;}
	
.time ul li{  width:25%}
}

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



.time ul li{ float:none; width:100%}
.time ul li h1{ max-width:160px}
.time ul li p{ width:100%; height:auto; box-sizing:border-box}

}




  #loutinav {
        width: 80px;
        position: fixed;
        top: 100px;
        right: 10px;
        border: 1px solid #ddd;
        display: none;
		z-index:999
        
    }
    
    #loutinav ul li {
        width: 80px;
        height: 25px;
		line-height:25px;
        border-bottom: 1px dotted #DDDDDD;
        list-style: none;
        font-size: 12px;
        text-align: center;
        position: relative;
        cursor: pointer;
        padding: 10px 0;
        background: #888;
        color: #fff;
    }
    
    #loutinav ul li span {
        width: 80px;
        height: 32px;
        padding: 10px 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    
   
    
    #loutinav ul li.last {
        background: #333;
        color: #fff;
        border-bottom: 1px solid #ddd;
    }

    #loutinav ul li.active span {
        background: #c3962e;
        color: #fff;
        display: block;
    }

    #loutinav ul li:hover span {
        background: #c3962e;
        color: #fff;
        display: block;
    }
    

    
    #main {
        width: 100%;
        margin: 0 auto;
		background:#000
    }
    
    #main .louti {
 
        width: 100%;
 
		margin:0px auto;
		padding:30px 0;
		overflow:hidden
       
    }


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

  #loutinav {
        width: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        border: 1px solid #ddd;
        display: none;
		z-index:999
        
    }
    
    #loutinav ul li {
        width: 25%;
        height: 25px;
		line-height:25px;
        border-bottom: 1px dotted #DDDDDD;
        list-style: none;
        font-size: 12px;
        text-align: center;
        position: relative;
        cursor: pointer;
        background: #888;
        color: #fff;
		float:left;
		padding:0px;
		box-sizing:border-box;
		border-right:#fff 1px solid;
    }
    
	#loutinav.nlou  ul li{ width:25%}
	
    #loutinav ul li span {
        width: 100%;
        height: 25px;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
		box-sizing:border-box
    }
    
     




}


.shouquan{ width:96%; max-width:1200px; margin:30px auto; position:relative; overflow:hidden;}

.shouquan .sqpic{width:45%; float:left;margin-bottom:20px}
.shouquan .sqpic .swiper-slide{padding:0; width:100%; box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}

.shouquan .sqpic .swiper-slide img{ width:100%; height:auto}

.shouquan .sqpic  .swiper-pagination-bullet{ width:10px; height:10px}
.shouquan .sqpic .swiper-pagination-bullet-active{ background:#c3962e}


.sqjs{ margin-bottom:20px}
.sqjs h1{ display:block; font-size:28px; line-height:50px; color:#333; display:block; }

.sq01{ float:right;width:50%; margin-bottom:20px}
.sq01 h2{ font-size:23px; line-height:50px}
.sq01 p{ display:block; font-size:16px; line-height:40px}


.sjbt{ display:none;}


.guize{ width:96%; max-width:1200px; margin:0 auto; position:relative; overflow:hidden}
.guize h1{ display:block; font-size:25px; color:#fff; margin-bottom:30px; font-weight:normal}
.guize ul li{ float:left; width:48%; background:rgba(255,255,255,0.1); box-sizing:border-box; border:#333 10px solid; margin-right:4%; padding:50px; position:relative}
.guize ul li i{ display:block; font-style:normal; position:absolute; right:10px; bottom:0; font-size:60px; color:rgba(255,255,255,0.1)}
.guize ul li h3{ color:#fff; font-size:25px; display:inline-block}
.guize ul li h3 em{ font-style:normal; color:#be9d5b}
.guize ul li .pa{ display:block; margin-top:20px; font-size:16px; color:#fff; line-height:30px; min-height:120px}
.guize ul li:nth-child(2){margin-right:0; }
.guize ul li span{ display:inline-block;}



@media only screen and (max-width:992px){
	
.shouquan{  margin:0px auto; background:none;}
.shouquan .sqpic{width:100%; float:none;margin-bottom:20px}
.sqjs h1{ display:block; font-size:14px; line-height:25px;  }
.sq01{ float:none;width:100%; margin-bottom:20px}
.sq01 h2{ display:none}
.sq01 p{ display:block; font-size:12px; line-height:23px}




.guize h1{ display:block; font-size:20px; color:#fff; margin-bottom:20px; font-weight:normal}
.guize ul li{ padding:20px; border-width:5px; float:none; width:100%; margin-bottom:10px;}
.guize ul li h3{ color:#fff; font-size:16px;}
.guize ul li .pa{  font-size:14px; line-height:25px; margin-top:10px; min-height:inherit}
.guize ul li span{ font-size:12px}


.sjbt{ display:block; font-size:16px; margin-top:30px; margin-bottom:15px;}

}






  



.jiangli{ width:96%; max-width:1200px; margin:0 auto;}

.jl1{background:rgba(255,255,255,0.1); box-sizing:border-box; border:#333 10px solid;   text-align:center; padding:30px; box-sizing:border-box; text-align:center}


.jl1 h3{ color:#be9d5b; font-size:30px; line-height:45px}
.jl1 p{ display:block; font-size:16px; color:#fff; line-height:30px; margin:20px 0}
.jl2{ width:100%   }
.jl2 ul li{float:left;  width:16.6%;  box-sizing:border-box; text-align:center}

.jl2 ul li p{ display:block; background:url(jj2.png) center no-repeat; width:70%; margin:0 auto; padding-bottom:60%; position:relative; background-size:100% auto;  box-sizing:border-box; color:#bc9d55; font-size:14px; margin-top:20px}
.jl2 ul li p em{ font-weight:bolder; font-style:normal; font-size:18px;  color:#bc9d55; display:block;text-align:center; position:absolute; top:35%; width:100%; text-align:center }
.jl2 ul li h3{ font-size:23px; font-weight:normal; color:#fff; padding-top:20px; font-weight:bold}  
  
  
  
 @media only screen and (max-width:1200px){
  
.jl2 ul li p{  width:90%; margin:0 auto; padding-bottom:77%; }




  }
  
  
  
  @media only screen and (max-width:992px){
  .jl1{ padding:20px; border-width:5px}
  .jl1 h3{ color:#be9d5b; font-size:20px; line-height:35px}
  .jl1 p{ font-size:14px; line-height:25px}
  
  .jl2 ul li p em{  font-size:18px;  }
  .jl2 ul li h3{ font-size:16px; padding:0}  
  

  }
   
    @media only screen and (max-width:600px){
  
.jl2 ul{ text-align:center; font-size:0}
.jl2 ul li{ width:33.33%; display:inline-block; float:none;}

  .jl2 ul li p em{  font-size:14px;  }
  }
  
  
  
  .pingwei{ width:96%; margin:0 auto; max-width:1200px; position:relative}

   .pingwei h1{ display:block; color:#fff; font-size:20px; padding-bottom:30px;}
    .pingwei h1 em{ font-style:normal; color:#be9d5b; font-size:14px; top:15px; font-weight:normal}
  .pingwei ul{ position:relative; margin:0 -25px}
  
  .pingwei ul li{ float:left; width:20%; padding:0 25px; box-sizing:border-box; text-align:center; margin-bottom:40px; height:273px}
  .pingwei ul li .renpic{background:url(renbg.png) center no-repeat; background-size:100% auto;  width:100%; padding-bottom:100%; position:relative;  box-sizing:border-box; margin:0 auto}
   .pingwei ul li i{ display:block; margin:0 auto; position:absolute; width:80%; height:80%; top:10%; left:10%; border-radius:100px; overflow:hidden; box-sizing:border-box; }
    .pingwei ul li i img{ width:100%; height:auto; min-height:140px;}
  
   .pingwei ul li h3{ font-size:16px; font-weight:normal; color:#c3962e;line-height:30px; font-weight:bold}
  
   .pingwei ul li p{ font-size:14px;color:#fff; padding-bottom:5px; }
   .pingwei ul li span{ font-size:14px;color:#fff; }
  
  
  
 .huoban{ width:96%; max-width:1200px; margin:0 auto}
 .huoban ul{ position:relative; margin:0 -10px}
 .huoban ul li{ float:left; width:20%; margin-bottom:20px; padding:0 10px; box-sizing:border-box; list-style:none; }
 .huoban ul li i{ display:block; border:#e1e1e1 1px solid; width:100%; padding-bottom:35%; box-sizing:border-box; position:relative; border-radius:5px;background:#fff;}
 .huoban ul li i img{ position:absolute; max-width:100%; max-height:100%; top:50%; left:50%; transform:translate(-50%,-50%)} 
  
  
   
   .more{ display:block;  width:120px; line-height:40px; text-align:center; color:#fff; margin-top:20px; border-radius:10px;   position:relative; z-index:1}
  
  .more:after{ content:""; position:absolute; left:0; top:0; 
  background-image: -webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799);   
  width:120px; height:40px;
  animation-name: example;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  z-index:0
  }
  .more a{ display:block; color:#fff; font-size:14px; font-weight:bold; position:relative; z-index:1}
  
  @keyframes example {
  0%   { transform:scale(0.9,0.9);}

  100% {transform:scale(1,1);box-shadow: 0px 0px 10px rgba(218,190,115,0.75);}
}
  
  
  
  
    #footer {
        width: 100%;
      
        background: #000;
        margin: 0 auto;
   

		text-align: center;
         color: #fff;
		 text-align:center;
		 padding:20px 0;
		 font-size:14px; line-height:25px
    }


.baoming{  width:120px;  margin:15px auto; }
.baoming a{ color:#fff; display:block}



    @media only screen and (max-width:1230px){
  
.pingwei ul li p{ display:block;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;}
  }

  @media only screen and (max-width:992px){ 
  
   .pingwei ul{ position:relative; margin:0 -15px}
   .pingwei ul li{ float:left; width:50%; padding:0 15px; box-sizing:border-box; text-align:center; margin-bottom:20px}
   .pingwei ul li h3{ font-size:12px; font-weight:normal; line-height:23px}
   .pingwei ul li p{ font-size:14px; }

 .huoban ul{ position:relative; margin:0 -5px}
 .huoban ul li{ float:left; width:33.33%; margin-bottom:10px; padding:0 5px; box-sizing:border-box; list-style:none; }
   

  
  
    #footer {
     

		 padding:10px 0;
		 font-size:12px; line-height:23px
    }

  
  }
  

.dbt{ font-size:40px; text-align:center; color:#fff; margin-bottom:20px; }
.dbt2{ font-size:40px; text-align:center; color:#000; margin-bottom:20px; }
.gz1{ width:96%; margin:30px auto; max-width:1200px;}
.gz1 .time{ width:100%}
.gz1 .time ul li{ float:left; width:16.66%}

  @media only screen and (max-width:992px){ 
  .gz1 .time ul li{ width:33.33%}
  .dbt{ font-size:25px; text-align:center; color:#fff; margin-bottom:20px;}
  .dbt2{ font-size:25px; text-align:center; color:#000; margin-bottom:20px;}
  }
    @media only screen and (max-width:600px){ 
  .gz1 .time ul li{ width:100%; float:none;}
  
  }
  
  .gz2 h3{ display:block; color:#fff; font-size:25px; margin:20px 0; font-weight:normal}
  .gz2 ul li{ border:rgba(255,255,255,0.3) 1px solid; margin-bottom:20px; overflow:hidden; min-height:60px}
  .gz2 ul li i{ display:block; float:left; font-style:normal; background:#be9d5b; color:#fff; width:50px; height:50px; line-height:35px; border-radius:0 50px 1050px 0; padding-left:20px; box-sizing:border-box; font-size:20px}
  
  .gz2 ul li p{ display:block; float:right; width:calc(100% - 50px); padding:15px; box-sizing:border-box; color:#fff; font-size:16px; line-height:25px }
	
	
	    @media only screen and (max-width:600px){ 
  .gz2 ul li{ margin-bottom:10px}
   .gz2 ul li p{ font-size:14px; line-height:25px}
  }
  
  .xuzhi{  max-width:1200px; overflow:hidden;    background: rgba(255,255,255,0.1);
    box-sizing: border-box;
    border: #333 10px solid; padding:50px; box-sizing:border-box; }
	
 .xuzhi p{ display:block;color:#fff; font-size:16px; line-height:30px; margin-bottom:15px}
.xuzhi p em{ font-style:normal; background:#be9d5b; padding:5px; margin-right:5px}	
  
  	    @media only screen and (max-width:992px){ 
		 .xuzhi{ padding:15px;border-width: 5px;}
 .xuzhi p{ display:block;color:#fff; font-size:14px; line-height:25px; margin-bottom:15px}
  }
  
  .bmfs{ width:96%; max-width:1200px; margin:40px auto; }
  
  .bmfs .dian{ display:block; width:100%; padding-bottom:80%; position:relative}
  .bmfs .dian .df{ position:absolute;  top:7%; width:86%; left:7%;}
  
  .bmfs p{ display:block; margin-bottom:25px; font-size:16px; line-height:35px}
  .bmfs p em{ font-style:normal; background:#be9d5b; padding:5px 15px; border-radius:20px; color:#fff; margin-left:10px;}
  
  
    	    @media only screen and (max-width:800px){ 
  
 
    .bmfs p{ display:block; margin-bottom:15px; font-size:12px; line-height:23px}
  
  
			}
  
  
  
     @media only screen and (max-width:500px){ 
	 
	 
	 .bmfs{ background:none; background:#fff; border:#000 3px solid; border-radius:10px; margin-bottom:30px}
	   .bmfs .dian{ height:auto; padding-bottom:0; overflow:hidden}
	   .bmfs .dian .df{ position:inherit; padding:20px; width:100%; box-sizing:border-box; top:0; left:0}
	 }
	 
	 
.pingtai a{ display:block; position:fixed; right:10px; background:#c3962e; top:60px; width:82px; text-align:center; color:#fff; line-height:35px}	
	
.zx_bm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:none;}
.zx_bm .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}
.zx_bm .b_m{width:90%; max-width:800px; border-radius:5px; background-color:#fff; padding:50px; box-sizing:border-box; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.zx_bm .b_m ul li{  text-align:center}
.zx_bm .b_m  ul li img{ width:90%; height:auto; max-width:200px; height:auto} 
.zx_bm .b_m  ul li  p img{ height:20px; width:auto; vertical-align:middle}


.pingtai .zx_bm  a{ background:none; text-align:right}
.pingtai .zx_bm  a img{ width:35px; height:auto}


 
	 .fangshi h1{ display:block; font-size:25px; text-align:center; margin-bottom:20px}
	 .fs1{ float:left; width:30%; text-align:center}
	 .fs1 img{ width:100%; height:auto; }
	 .fs1 p img{ height:30px; width:auto; vertical-align:middle}
	 .fs2{ float:right; width:65%; font-size:14px; line-height:25px;}
	 

     @media only screen and (max-width:992px){ 
	 
	.pingtai a{ display:block; position:fixed; right:0px; background:#c3962e; top:0px;  width:100%; text-align:center; color:#fff; line-height:35px; z-index:99}	
	 .zx_bm .b_m{ padding:15px}
	 
	  .fangshi h1{ font-size:20px; margin-bottom:10px}
	 
	  .fs1{ float:none; width:100%; text-align:center}
	  .fs2{ float:none; width:100%; font-size:12px; line-height:23px; margin-top:15px}
 .fs1 img{ max-width:140px }
  .fs1 p img{ height:20px; }
	 
	 }
	 
	 
	 
	 .fdew{ position:fixed; right:10px; bottom:10px; z-index:9999}
	 .fdew ul li{ width:90px; height:115px; background:#fff; text-align:center; margin-bottom:5px; position:relative;}
	 .fdew ul li img{ width:90px; height:90px;}
	 .fdew ul li:hover>img{ width:120px; height:auto; position:absolute; right:0; z-index:999; transition:all 0.6s}
	 .fdew ul li p{ transform:scale(0.9,0.9); font-size:12px;}
	 .fdew ul li p img{ vertical-align:middle; width:20px; height:auto}
	 
	 
	 .nmain{ background:#000; overflow:hidden}
	 .tuwen{ width:96%; margin:40px auto; max-width:1200px; color:#fff; font-size:16px; line-height:30px;}
	 .tuwen a{ color:#fff}
	 .tuwen h1{ display:block; font-size:35px; text-align:center; line-height:60px}
	 .tuwen h2{ font-size:25px; line-height:50px}
 .tuwen table{ width:100%; background:#fff}
	 .tuwen table td{ background:#000;padding:15px}
	 
	 .tuwen img{ max-width:100%; height:auto}
	 
	 
	 
	 
     @media only screen and (max-width:992px){ 
	 
	
 .tuwen{ margin:20px auto; font-size:12px; line-height:23px;}
 .tuwen h1{ display:block; font-size:25px; text-align:center; line-height:60px}
.tuwen h2{ font-size:20px; line-height:50px}
	 



#footer{ padding-bottom:150px;}
	  .fdew{ position:fixed; right:0px; bottom:5px; width:100%; z-index:9999}
	  
.fdew ul li { float:left; width:32%; margin:0 0.5%}	  
	  
	  	 .fdew ul li:hover>img{ width:90px; height:auto; position:inherit; right:0; z-index:999; transition:all 0.6s}
	  
	 }