.p-index {

	

}



.p-index .slider{

width:100%;	

}



.p-index .slider .item{

width:100%;	

padding-bottom:44%;/*ori 48% for wunbo*/

background-position:center;

background-size:cover;

}



.p-index .full {

width:100%;	

display:block;

}



.p-index .mobile {

display:none;	

}







/*sec-2 -----------------------------*/

.p-index .sec-2 {

background-color:#F8F4F1;	

width:100%;

text-align:center;

padding:20px 0px;

color:#927c6b;

}

.p-index .sec-2 h1{

font-size:22pt;

font-weight:bold;

padding:10px 0px 20px 0px

}

.p-index .sec-2 p{

font-size:13pt;

line-height:32pt;

letter-spacing:2px

}



/*sec-mv -----------------------------*/

.p-index .sec-mv {

width:100%;

text-align:center;

margin-top:30px;

}



.p-index .sec-mv .wmid{

height:720px;

position:relative;



}

.p-index .sec-mv .wmid .mv{

position:absolute;

width:100%;

height:100%;

left:0px;

top:0px;

}







/*sec-3 -----------------------------*/

.p-index .sec-3 .wmid{

background-color:#F5F3F2;

margin-top:30px;

padding:0px 100px;

box-sizing:border-box;

text-align:center;

}



.p-index .sec-3 .t1 {

max-width:540px;

margin:auto;

}

.p-index .sec-3 ul {

padding:0px;

margin:0px;	

display:table;

}

.p-index .sec-3 ul li {

display:table-cell;

 box-sizing:border-box;

}



.p-index .sec-3 ul  li.l {

 padding-right:2%;	

}

.p-index .sec-3 ul  li.r {

 padding-left:2%;	

}

/*sec-4 -----------------------------*/

.p-index .sec-4 .wmid{



margin-top:30px;

padding:0px 95px;

box-sizing:border-box;

}



.p-index .sec-4 .ibox {

width:100%;	

	

}



.p-index .sec-4 ul {

padding:0px;

margin:0px;	

display:table;

}

.p-index .sec-4 ul li {

display:table-cell;

 box-sizing:border-box;

position:relative;

border:5px #ffffff solid;

}



.p-index .sec-4 ul li .on{

position:absolute;

left:0px;

top:0px;

transition:all .3s;

-webkit-transition:all .3s;

opacity:0;

cursor:pointer;

}





.pc .p-index .sec-4 ul li .on:hover,.p-index .sec-4 ul li .on[class~=active]{

opacity:1;

}





/*sec-5 -----------------------------*/

.p-index .sec-5 .wmid{

padding:0px 100px;

box-sizing:border-box;

margin-bottom:30px;

}

.p-index .sec-5 ul {

padding:0px;

margin:0px;	

background-color:#937C6A;/*#f7f7f7;*/

color:#fff;

display:table;

}



.p-index .sec-5 ul li{

padding:0px;

margin:0px;	

width:50%;

display:table-cell;

position:relative;	

}

.p-index .sec-5 ul li pic img{

height:100%;

width:100%;

opacity:0;

}



.p-index .sec-5 ul li.pic{

background-size:cover;

background-position:center center;

}



.p-index .sec-5 ul li.t{

position:relative;	 

}





.p-index .sec-5 ul li.t .fair{	

  position:absolute;

  z-index:1;

  opacity:0;

  left:0px;

  top:0px;

  width:100%;

  height:100%;

  display: -webkit-flex;

  display:         flex;			  

  -webkit-align-items: center;

          align-items: center;

  -webkit-justify-content: center;

          justify-content: center;	

 -webkit-flex-direction: column; /* Safari 6.1+ */

    flex-direction: column; 

 transition:all .3s;

 -webkit-transition:all .3s;			  

}



.p-index .sec-5 ul li.t .fair[class~=active]{	

  opacity:1;

  z-index:2;

}



.p-index .sec-5 ul li.t  .h1{

font-size:14pt;

display:block; 

text-align:left

}







.p-index .sec-5 ul li.t .cont{

font-size:10pt;

display:block; 

text-align:left;

}



/*sec-6 -----------------------------*/



/*19n ====================================================================================================*/







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





} /*end w1600*/

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





} /*end w1200*/





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



.p-index .sec-mv .wmid {

height:auto;

padding-bottom:56.25%;

}







} /*end w1280*/





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











} /*end w1200*/

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





} /*end w1080*/



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



.p-index .sec-5 ul li.t{

font-size:1.4vw

}



.p-index .sec-5 ul li.t .h1{

font-size:2.0vw  

}





.p-index .sec-5 ul li.t .cont{

font-size:1vw  

}





} /*end w960*/



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



.p-index .sec-2 h1{

font-size:5.5vw;

padding:1vw 0vw 3vw 0vw;

}

.p-index .sec-2 p{

font-size:3.2vw;

line-height:6vw;

letter-spacing:

}







} /*end w800*/

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

	

	

.p-index .slider .item{

padding-bottom:52%;/*ori 48% for wunbo*/

}	

	



.p-index .mobile {

display:block;	

}

	

.p-index .pc {

display:none;	

}

	





/*sec-3*/

.p-index .sec-mv {

width:100%;

text-align:center;

margin-top:0px;

}



/*sec-3*/

.p-index .sec-3 ul {

display:block;	

}

.p-index .sec-3 ul li {

display:block!important;

padding:0px!important;

}



.p-index .sec-3 .wmid{

padding:15px;

padding-top:20px;

margin-top:0px;

}	



	

.p-index .sec-3 .ftitle,.p-index .sec-3 .t1 {

margin-left:0%;

width:100%;	

max-width:100%;

}



.p-index .sec-3 .p img,.p-index .sec-3 .ps img {

margin:0px;	

}



/*sec-4*/

.p-index .sec-4 .wmid{

padding:15px;

padding-top:20px;

margin-top:0px;

}

.p-index .sec-4 ul {

display:block;

}

.p-index .sec-4 ul li {

display:block;

 box-sizing:border-box;

position:relative;

border:0px #ffffff solid;

padding:0px;

}



/*sec-5*/

.p-index .sec-5 .wmid{

padding:15px;

padding-top:20px;

margin-top:0px;

}



} /*end w640*/

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



.p-index .sec-5 ul li ,.p-index .sec-5 ul {

display:block;	

width:100%;

}



.p-index .sec-5 ul li img {

display:block;	

width:100%;

}



.p-index .sec-5 ul li.t{

font-size:3vw;

box-sizing:border-box;

padding:10px;

padding-bottom:80%;

}









.p-index .sec-5 ul li.t .h1{

font-size:4vw  

}



.p-index .sec-5 ul li.t .cont{

font-size:2.8vw  

}







} /*end w480*/

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





} /*end w320*/