@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 5px}

.nav ul li a{ display:block; padding:0 5px; font-size:13px; 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(../images/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: 260px;

        position: fixed;

        top: 100px;

        right: 10px;

        border: 1px solid #ddd;

        display: none;

		z-index:999

        

    }

    

    #loutinav ul li {

        width: 260px;

        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: 260px;

        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: 50%;

        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(../images/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}  

  

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

.jj{ margin-top:-20px; text-align:center; font-size:18px; margin-bottom:20px; color:#bc9d54; letter-spacing:3px}

  

 @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}  

  

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

.jj{ margin-top:-20px; text-align:center; font-size:16px; margin-bottom:20px; color:#bc9d54; letter-spacing:2px}



  }

   

    @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(../images/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:160px; 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:160px; 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:160px;  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}

	  

	 }

	 

	 

.zp_lb{width: 100%; margin: 0 auto ; height:auto; overflow:hidden;  padding-bottom:20px}

.zp_lb:last-child { border-bottom:0;  }

.zp_lb ul{ text-align:center}

.zp_lb ul li{width:19.7%; display:inline-block;vertical-align: top;}

.zp_lb .n_r{position:relative; overflow:hidden;}

.zp_lb .t_p img{width:100%; height:auto; display:block;}

.zp_lb .w_z{position:absolute; top:0; left:0; width:100%; height:100%; padding:20% 10%; background-image: linear-gradient(50deg, #e9d178,#bc9d55); opacity:0;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.zp_lb .n_r:hover .w_z{opacity:.8;}

.zp_lb .w_z span{font-size:14px; line-height:26px; color:#fff; display:block; position:absolute; bottom:30%; left:10%;}





.zp_lb2{width: 100%; margin: 0 auto ; height:auto; overflow:hidden;  padding-bottom:20px}

.zp_lb2 ul{ text-align:center}

.zp_lb2  ul li{width:100%; }

.zp_lb2 .n_r{position:relative; overflow:hidden;}

.zp_lb2 .t_p img{width:100%; height:auto; display:block;}

.zp_lb2 .w_z{position:absolute; top:0; left:0; width:100%; height:100%; padding:20% 10%; background-image: linear-gradient(50deg, #e9d178,#bc9d55); opacity:0;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.zp_lb2 .n_r:hover .w_z{opacity:.8;}

.zp_lb2 .w_z span{font-size:14px; line-height:26px; color:#fff; display:block; position:absolute; top:300px;  left:2%;}



.wenzi{ height:auto; overflow:hidden; color:#fff; text-align: center; padding-top:10px}

.wenzi h1{font-size:14px; font-weight:bold}

.wenzi p{ font-size:14px; line-height:26px; margin:0}

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

.zp_lb ul li{width:100%; float:none; margin-bottom:10px;}

}

.wenzi1{ height:auto; overflow:hidden; color:#fff; text-align: right; padding-top:10px}

.wenzi1 h1{font-size:14px; font-weight:bold}

.wenzi1 span{ font-size:14px; line-height:26px; margin:0; padding-left:10px}





.zp_lb1{width: 96%;

  margin: 0 auto ;

  max-width: 1200px;

  position: relative; height:auto; overflow:hidden; }

.zp_lb1:last-child { border-bottom:0;  }

.zp_lb1 ul{ text-align:center; margin-bottom:10px}

.zp_lb1 ul li{width:49.5%; display:inline-block}

.zp_lb1 .n_r{position:relative; overflow:hidden;}

.zp_lb1 .t_p img{width:100%; height:auto; display:block;}

.zp_lb1 .w_z{position:absolute; top:0; left:0; width:100%; height:100%; padding:20% 10%; background-image: linear-gradient(50deg, #e9d178,#bc9d55); opacity:0;

transition:all .5s;

-webkit-transition:all .5s;

-moz-transition:all .5s;

-ms-transition:all .5s;

-o-transition:all .5s;}

.zp_lb1 .n_r:hover .w_z{opacity:.8;}

.zp_lb1 .w_z h3{font-size:18px; color:#fff; margin-bottom:10px; text-align:left}

.zp_lb1 .w_z p{font-size:14px; line-height:24px; color:#fff;}

.zp_lb1 .w_z span{font-size:14px; line-height:26px; color:#fff; display:block; position:absolute; bottom:30%; left:10%;}

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

.zp_lb1 ul li{width:50%; float:left;}

}

.sp{ width:100%; margin:0 auto 20px}

.sp img

{ width:100%; margin:0 auto}

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

    -webkit-text-fill-color:transparent; text-align:left; margin:20px auto 30px;  }

.bt11 em{ display:block;     background-image: linear-gradient(50deg, #e9d178,#bc9d55); width:60px; height:4px;  border-radius:2px }

.xbt{ font-size:24px;  color:#c3962e;   line-height:40px; height:40px; font-weight:bold; color:#f9be71;text-align:center; margin:30px auto ; width:410px; background:url(../images/xx.png) no-repeat center}

.xbtz{font-size:24px;  color:#c3962e; line-height:40px; font-weight:bold; background-image:-webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799);-webkit-background-clip:text;

    -webkit-text-fill-color:transparent;}



.ny_ej{width:100%;  text-align:center; padding:25px 0; background:url(../images/xx1.png) no-repeat center bottom  ; margin-top:-30px; margin-bottom:20px}

.ny_ej .l_b{display:none;}

.ny_ej ul li{min-width:280px; display:inline-block; font-size:16px; line-height:40px; }

.ny_ej ul li a{display:block; color:#fff}

.ny_ej ul li a:hover{background-image: -webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799); color:#fff;border-top-left-radius:25px ; border-bottom-right-radius:25px}

.ny_ej ul li a.on{background-image: -webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799); color:#fff;border-top-left-radius:25px ; border-bottom-right-radius:25px; padding:0 10px}

@media (min-width:992px){

.ny_ej ul{display:block !important;}

}

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

.ny_ej{padding:15px 0;background:url(../images/xx1sj.png) no-repeat center bottom  ; }

.ny_ej .l_b{width:100%; padding:0 15px; font-size:16px; line-height:46px; text-align:left; display:block;}

.ny_ej .l_b i{float:right; font-size:16px; line-height:40px;}

.ny_ej ul li{min-width:140px; display:inline-block; font-size:14px; line-height:36px; }



.bt11{ font-size:20px;  color:#c3962e; margin-bottom:10px; line-height:45px; font-weight:bold; background-image:-webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799);-webkit-background-clip:text;

    -webkit-text-fill-color:transparent; text-align:left; margin:20px auto 30px;  }

.bt11 em{ display:block;     background-image: linear-gradient(50deg, #e9d178,#bc9d55); width:50px; height:3px;  border-radius:2px }



.xbt{ font-size:24px;  color:#c3962e;   line-height:40px; height:40px; font-weight:bold; color:#f9be71;text-align:center; margin:20px auto ; width:320px; background:url(../images/xx2.png) no-repeat center}



.xbtz{font-size:18px;  color:#c3962e; line-height:40px; font-weight:bold; background-image:-webkit-linear-gradient(bottom,#c3962e,#bc9d55,#ffe799);-webkit-background-clip:text;

    -webkit-text-fill-color:transparent;}

 }



.tpbt{ text-align:left; color: #fff; font-size:20px; margin-bottom:20px; font-weight:bold}

.tpbt span{ display:inline-block; background:url(../images/1.png) no-repeat left center ; padding-left:20px }







.dss{ width:100%; max-width:1200px;  margin:0 auto 20px; overflow:hidden;color:#333; background:rgba(255,255,255,0.2); padding:20px 30px; box-sizing:border-box; border-radius:20px 0 20px 0;}

.dss h3{ display:block; font-size:20px; font-weight:normal; line-height:40px; font-weight:bold; margin:20px 0; color:#fff;}

.dss p{ display:block; font-size:15px; line-height:30px; color:#fff}

.cp_xq{width:100%;  overflow:hidden; margin-bottom:30px}

.cp_xq .row{margin:0 -20px;}

.cp_xq .col-12{padding:0 20px;}

.cp_xq .cp_dt{ text-align:center}

.cp_xq .cp_dt img{ height:778px; max-width:100% }

.cp_xq .cp_js h1{font-size:32px; line-height:46px; color:#f9be71; border-bottom:1px solid #eee; padding-bottom:30px; margin:30px 0;}

.cp_xq .cp_js p{font-size:16px; line-height:34px; color:#333;}

.cp_xq .cp_js .j_s{font-size:15px; line-height:32px; color:#555; margin-top:30px; padding-top:30px; border-top:1px solid #eee;}

.cp_xq .cp_js .j_s ol{padding-left:20px;}

.cp_xq .cp_js .j_s ol li{list-style:disc !important;}

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

.cp_xq{padding:40px 10px;}

.cp_xq .row{margin:0 -15px;}

.cp_xq .col-12{padding:0 15px;}

.cp_xq .cp_js h1{font-size:26px; line-height:36px; padding-bottom:20px; margin:35px 0 20px;}

.cp_xq .cp_js p{font-size:15px; line-height:30px;}

.cp_xq .cp_js .j_s{line-height:30px; margin-top:20px; padding-top:20px;}

}

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

.cp_xq{padding:10px 0;}

.cp_xq .cp_dt img{ height:auto; width:100% }



.cp_xq .cp_js h1{font-size:20px; line-height:30px; padding-bottom:15px; margin:25px 0 15px;}

.cp_xq .cp_js p{font-size:14px; line-height:28px;}

.cp_xq .cp_js .j_s{font-size:14px; line-height:28px; margin-top:15px; padding-top:15px;}



.tpbt{ text-align:left; color: #fff; font-size:16px; margin-bottom:10px; font-weight:bold}

.tpbt span{ display:inline-block; background:url(../images/1.png) no-repeat left center ; padding-left:15px }

.dss p{ display:block; font-size:14px; line-height:26px; color:#fff}

.dss{ width:100%; max-width:1200px;  margin:0 auto 20px; overflow:hidden;color:#333; background:rgba(255,255,255,0.2); padding:15px; box-sizing:border-box; border-radius:20px 0 20px 0;font-size:14px; line-height:26px; color:#fff}



}



.gallery-cpzs{margin-top:20px;}

.gallery-cpzs .swiper-slide{border:1px solid #e7e7e7; cursor:pointer;

box-sizing:border-box;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

-ms-box-sizing:border-box;

-o-box-sizing:border-box;}

.gallery-cpzs .swiper-slide.active{border:1px solid #f9be71;}

.gallery-cpzs .swiper-slide img{width:100%; height:122px; display:block;}

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

.gallery-cpzs .swiper-slide{width:28%;}

.gallery-cpzs .swiper-slide img{ height:10vh}

}





.xs{ display:block}

.yc{ display:none}

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

.xs{ display:none}

.yc{ display:block}
iframe{ height:auto}

}