.floor{width: 100%;position: relative;}
.flooe_1 img{width: 100%}
.img_on{display: block;}
.img_off{display: none}
.mspan{display: inline-block;}
body{color:#5f5f5f}

.headerTotal{position: relative!important;}
.searchFunction2{position: relative;z-index: 999}
.uda{color: #4f525b;text-decoration:underline;}

.bq{float: left; padding-bottom: 1%;}

.bannerAll2{background: url("../images/pei/flooe_1_thing.jpg") no-repeat; background-size: 100%;}



.bigbg2{width: 88%; margin: 0 auto; background: url(../images/pei/flooe_2_thing.jpg) no-repeat center ; background-position-y:70%; background-size:100%;color:#5f5f5f}
.bigbg2_tit{position: absolute;top: 13%;left: 52%;width: 40%;}
.bigbg2_titd{position: absolute;top: 80%;left: 20%;text-align: center;}
.bigbg2_titb_l{display:inline-block;width: 7%;vertical-align: middle;margin-right: 2%}
.bigbg2_titb_l img{width: 100%}
.bigbg2_titb_r{display: inline-block;width: 80%;vertical-align: middle;}
.bigbg2_tita{margin-bottom: 3%;color: #5c5c5c}
.bigbg2_titax{margin-bottom: 3%;color: #5c5c5c}
.bigbg2_titcx{margin-bottom: 10%;color: #5c5c5c}
.bigbg2_titbx{margin-bottom: 2%;color: #5c5c5c}
.bigbg2_titb{margin-bottom: 1.5%}
.bigbg2_titb_r_2{margin-top: 2%}
.bigbg2_titc{margin-top: 10%}




.bigbg3{width: 88%; margin: 0 auto; background: url(../images/pei/flooe_3_thing.jpg) no-repeat center ; background-size:100%;color:#5f5f5f}
.bigbg3_tit{position: absolute;top: 13%;left: 11%;width: 40%;}
.bigbg3_titd{position: absolute;top: 80%;left: 56%;width: 40%; text-align: center;}
.bigbg3_titc{margin-top: 10%}
.bigbg3_titb_l{display:inline-block;width: 7%;vertical-align: middle;margin-right: 2%}
.bigbg3_titb_l img{width: 100%}

.bigbg4{width: 88%; margin: 0 auto; background: url(../images/pei/flooe_4_thing.jpg) ;  background-size:100%;color:#5f5f5f}
.bigbg4_tit{position: absolute;top: 17%;left: 45%;width: 50%;}
.bigbg4_titb_l{display:inline-block;width: 5.5%;vertical-align: middle;margin-right: 2%}
.bigbg4_titb_l img{width: 100%}
.bigbg4_titc{margin-top: 7%}
.bigbg4_tita{margin-bottom: 7%;color: #5c5c5c}
.bigbg4_titd{position: absolute;top: 77%;width: 42%;text-align: center;}

.ex_button{border-radius: 8px;padding: 0.8% 5%;color: #fff;background: #ff9000;width: 25%;text-align: center;margin-top: 5%;}

.title1x{font-size: 4.5vw;}
.title2x{font-size: 2.8vw;}


@media  (min-width:768px) and (max-width:1000px){
.bigbg2_titc{margin-top: 5%}
.bigbg3_titc{margin-top: 5%}
.bigbg2_titb_r_2{margin-top: 1%}
.bigbg2_tit{left:50%;width: 48%;}
.bigbg3_tit{width: 48%;}
.title36{font-size: 2.5vw}
.title22{font-size: 1.7vw}
.bigbg2_titax{margin-bottom: 3%;display: none}
.bigbg2_titcx{margin-bottom: 3%;display: none}
.bigbg2_titb{margin-bottom: 1%}
.bigbg3_titc{margin-top: 15%}
}


@media   (max-width:767px){
.bannerAll2{background: url("../images/pei/m_flooe_1_thing.jpg") no-repeat; background-size: 100%;}
	
/*.flooe_1{margin-top: 18%}*/
.mspan{display: block;}
.img_on{display: none;}
.img_off{display: block}
.bigbg2{width: 100%; background: url(../images/pei/m_flooe_2_thing.png) no-repeat bottom ; background-size:100%;background-color:#ececec }
.bigbg3{width: 100%; background: url(../images/pei/m_flooe_3_thing.jpg) no-repeat bottom ; background-size:100%;background-color:#f9f9f9}
.bigbg4{width: 100%; background: url(../images/pei/m_flooe_4_thing.jpg) no-repeat bottom ; background-size:100%;background-color:#f5f5f5}
.bigbg2_tit{position: static;width: 90%;margin: 0 auto;text-align: center;padding-top: 10%}
.bigbg2_titb_l{width: 11%;margin-left: 3.5%;margin-right: 4%}
.bigbg2_titb_r{width: 75%;text-align: left;}
.bigbg2_tita{margin-bottom: 5%}
.bigbg2_titc{margin-top: 5%; line-height: 1.4}
.bigbg3_tit{position: static;width: 90%;margin: 0 auto;text-align: center;padding-top: 10%}
.bigbg3_titb_l{width: 11%}
.bigbg3_titc{margin-top: 5%; line-height: 1.4;}
.flooe_4{margin-bottom: 0%}

.bigbg4_tit{position: static;width: 90%;margin: 0 auto;text-align: center;padding-top: 10%}
.bigbg4_titc{margin-top: 5%; line-height: 1.4;}


.bigbg2_titax{display: none}
.bigbg2_titcx{margin-bottom: 3%;display: none}
	
.bigbg2_titd{width: 100%; top: 45%; left: 0}
.bigbg4_titd{width: 100%; top: 50%; left: 0;}
.bigbg2_titbx{margin-bottom: 1%;}
.bigbg3_titd{width: 100%; left: 0; top: 45%;}
	
.title1x{font-size: 10.1vw;}
.title2x{font-size: 6.5vw;}

}

@media   (max-width:767px)and (min-width:511px){
	/*.flooe_1{margin-top: 13%} */

}



