@charset "utf-8";
/*****section1*****/
#section1 { margin: 0 auto; position: relative; }
#section1 .arrow { width: 100%; position: absolute; bottom: 7.8rem; left: 0; cursor: pointer; z-index: 100; opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; }
#section1 .arrow a { width: 124px; display: block; margin: 0 auto; }
#section1 .arrow a dt { width: 19px; height: 19px; background-image: url(../images/ioc3.png); background-repeat: no-repeat; background-size: 100%; display: block; margin: 0 auto; }
#section1 .arrow a dd { width: 100%; text-align: center; padding-top: 10px; color: #FFF; }
#section1 .arrow a:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
@keyframes arrow { %0, %100 {
 bottom:9rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5
}
}
 @-webkit-keyframes arrow { %0, %100 {
bottom:7.8rem;
 opacity: 1;
}
 50% {
 bottom:9rem;
 opacity: .5;
}
}
/*****section2*****/
#section2 { width:100%; position: relative; margin: 0 auto; padding: 6vw 0; line-height: normal;}
.yfsb_nr { line-height: 1.8; overflow: hidden; }
#section2 .ppzb_hz { width: 100%; margin: 20px auto 0 auto; padding: 0 20px; overflow: hidden; }
#section2 .ppzb_hz dl { width:21%; overflow: hidden; position: relative; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 0 20px 10px rgba(29, 29, 29, 0.1); transition: ease all .3s; float: left; margin:20px 2%;}
#section2 .ppzb_hz dl dt { width: 100%; overflow: hidden; }
#section2 .ppzb_hz dl dt img { width: 100%; }
#section2 .ppzb_hz dl dd { width: 100%; text-align: center; position: absolute; bottom: 10%; z-index: 10; color: #aaaaaa; }
#section2 .ppzb_hz dl:hover{ -webkit-box-shadow:none; box-shadow:none; -webkit-transform:none; transform:none; box-shadow:none;}
#section2 .ppzb_hz dl:hover dd{ color:#d50e25;}
#section2 .ppzb_hz dl:hover a dd{ color:#d50e25;}

@media screen and (max-width: 1024px) and (min-width: 0px) {
#section2 { padding: 50px 0; }
#section2 .ppzb_hz { width:100%; margin: 10px auto 0 auto; padding: 0 0; }
#section2 .ppzb_hz dl { width:46%; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
#section2 .ppzb_hz { width: 100%; }

}
/*****section3*****/
#section3 { position: relative; margin: 0 auto; padding: 6vw 0; line-height: normal; }
#section3 .titg, #section3 .yfsb_nr { color: #FFF; }
#section3 .slideTxtBox { width: 100%; overflow: hidden; position: relative; margin-top: 40px; }
#section3 .slideTxtBox .hd { width: 100%; overflow: hidden; position: relative; background: url(../images/sni.png) repeat-x 10% center; }
#section3 .slideTxtBox .hd ul li { width: 20%; float: left; cursor: pointer; }
#section3 .slideTxtBox .hd ul li .shop_img { width: 42%; display: block; margin: 0 auto; overflow: hidden; }
#section3 .slideTxtBox .hd ul li .shop_img span { width: 43%; display: block; margin: 25% auto 0 auto; overflow: hidden; }
#section3 .slideTxtBox .hd ul li .shop_img i { display: none; }
#section3 .slideTxtBox .hd ul li p { width: 100%; text-align: center; padding-top: 16px; color: #FFF; overflow: hidden; display: block; }
#section3 .slideTxtBox .hd ul li.on .shop_img span { display: none; }
#section3 .slideTxtBox .hd ul li.on .shop_img i { width: 100%; overflow: hidden; display: block; }
#section3 .slideTxtBox .hd ul li.on p { display: none; }
#section3 .slideTxtBox .bd { width: 35%; margin: 60px auto 0 auto; }
#section3 .slideTxtBox .bd ul { width: 100%; zoom: 1; background: rgba(255,255,255,0.7); position: relative; overflow: hidden; float: left; }
#section3 .slideTxtBox .bd ul .shop_ewm { width: 34%; overflow: hidden; float: left; }
#section3 .slideTxtBox .bd ul .shop_txt { width: 57%; overflow: hidden; float: right; margin-right: 4.5%; padding-top: 8%; }
#section3 .slideTxtBox .bd ul .shop_txt .ewm_ioc { width: 100%; overflow: hidden; }
#section3 .slideTxtBox .bd ul .shop_txt .ewm_ioc i { width: 11%; overflow: hidden; display: block; }
#section3 .slideTxtBox .bd ul .shop_txt p { width: 100%; overflow: hidden; padding-top: 6%; display: block; }
#section3 .slideTxtBox .bd ul .shop_txt p span { font-weight: bolder; }
#section3 .slideTxtBox .bd ul .shop_txt .jdlj { width: 100%; overflow: hidden; padding-top: 10px; font-family: Arial; }
#section3 .slideTxtBox .bd ul .shop_txt .jdlj a { color: #d40e25; }
#section3 .slideTxtBox .bd ul .shop_txt .dj { width: 25%; overflow: hidden; position: absolute; left: 60%; bottom: 15%; z-index: 10; }
#section3 .slideTxtBox .bd ul ol { display: none; }
#section3 .slideTxtBox .awr { display: block; width: 3.2rem; height: 3.2rem; cursor: pointer; background: url(../images/awo.png) no-repeat center; border: 1px #FFF solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; bottom: 25%; }
#section3 .slideTxtBox .awr:hover { background: url(../images/awo_ed.png) no-repeat center #FFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
#section3 .slideTxtBox .awr.prev { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 25%; }
#section3 .slideTxtBox .awr.prev:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
#section3 .slideTxtBox .awr.next { right: 25%; }
@media screen and (max-width: 1700px) and (min-width:1025px) {
#section3 .slideTxtBox { margin-top: 30px; }
#section3 .slideTxtBox .bd { width: 45%; margin: 40px auto 0 auto; }
#section3 .slideTxtBox .awr { bottom: 20%; }
#section3 .slideTxtBox .awr.prev { left: 15%; }
#section3 .slideTxtBox .awr.next { right: 15%; }
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
#section3 { padding: 50px 0; }
#section3 .slideTxtBox { margin-top: 25px; }
#section3 .slideTxtBox .hd ul li .shop_img { width: 80%; }
#section3 .slideTxtBox .bd { width: 45%; margin: 30px auto 0 auto; }
#section3 .slideTxtBox .awr { bottom: 20%; }
#section3 .slideTxtBox .awr.prev { left: 10%; }
#section3 .slideTxtBox .awr.next { right: 10%; }
}
@media screen and (max-width: 768px) and (min-width: 0px) {
#section3 .slideTxtBox .bd ul .shop_txt { padding-top: 3%; }
}
@media screen and (max-width: 420px) and (min-width: 0px) {
#section3 .slideTxtBox { padding-bottom: 4rem; }
#section3 .slideTxtBox .hd { display: none; }
#section3 .slideTxtBox .bd { width: 90%; margin: 30px auto 0 auto; }
#section3 .slideTxtBox .bd ul { width: calc(100% - 20px); padding: 10px; }
#section3 .slideTxtBox .bd ul ol { width: 40%; overflow: hidden; display: block; margin: 0 auto; }
#section3 .slideTxtBox .bd ul .shop_txt .dj { display: none; }
#section3 .slideTxtBox .awr { bottom: 0; }
#section3 .slideTxtBox .awr.prev { left: 20%; }
#section3 .slideTxtBox .awr.next { right: 20%; }
}
/*****section4*****/
#section4 { position: relative; margin: 0 auto; padding: 6vw 0 0 0; line-height: normal; background: #FFF; }
#section4 .jmys { width: 100%; overflow: hidden; padding: 3vw 0; margin-top: 3vw; color: #FFF; }
#section4 .jmys a { color: #FFF; }
#section4 .jmys .titm dt { border-left: 3px #FFF solid; }
#section4 .jmys .jmys_bo { width: 53.5%; overflow: hidden; margin-top:5vw; position: relative; }
#section4 .jmys .jmys_bo .jm_img { width:17.64%; overflow: hidden; display: block; }
#section4 .jmys .jmys_bo .jm_img dl { width: 100%; overflow: hidden; position: relative; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; }
#section4 .jmys .jmys_bo .jm_img dl dt { width: 100%; overflow: hidden; }
#section4 .jmys .jmys_bo .jm_img dl dt span { width: 34%; display: block; position: absolute; left: 33%; top: 20%; z-index: 10; }
#section4 .jmys .jmys_bo .jm_img dl dt i { display: none; }
#section4 .jmys .jmys_bo .jm_img dl dt em { width: 100%; overflow: hidden; }
#section4 .jmys .jmys_bo .jm_img dl dt ol { display: none; }
#section4 .jmys .jmys_bo .jm_img dl dt po { width: 100%; overflow: hidden; }
#section4 .jmys .jmys_bo .jm_img dl dd { width:100%; overflow: hidden; display: block; position: absolute; left: 0; bottom: 10%; z-index: 10; text-align: center; }
#section4 .jmys .jmys_bo .jm_img dl:hover dt span { display: none; }
#section4 .jmys .jmys_bo .jm_img dl:hover dt i { width: 34%; display: block; position: absolute; left: 33%; top: 20%; z-index: 10; }
#section4 .jmys .jmys_bo .jm_img dl:hover dt em { display: none; }
#section4 .jmys .jmys_bo .jm_img dl:hover dt po{ display: none;}
#section4 .jmys .jmys_bo .jm_img dl:hover dt ol { width: 100%; overflow: hidden; display: block; }
#section4 .jmys .jmys_bo .jm_img dl:hover dd { color: #d40e25; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(1) { position: absolute; left: 0; top: 0; z-index: 10; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(1) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(1) dl po { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(2) { position: absolute; left: 16.4%; top: 0; z-index: 9; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(2) dl em { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(2) dl po { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(3) { position: absolute; left: 32.9%; top: 0; z-index: 8; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(3) dl em { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(3) dl po { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(4) { position: absolute; left: 49.4%; top: 0; z-index: 7; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(4) dl em { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(4) dl po { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(5) { position: absolute; left: 65.8%; top: 0; z-index: 6; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(5) dl em { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(5) dl po { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(6) { float: right; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(6) dl em { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(6) dl po { display: block; }
@media screen and (max-width: 1024px) and (min-width: 0px) {
#section4 { padding: 50px 0; }
#section4 .jmys { padding: 20px 0; margin-top: 30px;}
#section4 .jmys .jmys_bo { width:80%; margin: 40px 0 0 0;}
}
@media screen and (max-width: 768px) and (min-width: 0px) {
#section4 .jmys .jmys_bo { width:100%;}
}
@media screen and (max-width: 420px) and (min-width: 0px) {
#section4 .jmys .jmys_bo .jm_img { width:31.33%; margin:0 1% 20px 1%; float:left;}
#section4 .jmys .jmys_bo .jm_img:nth-of-type(1) { position:inherit; left: 0; top: 0; z-index: 10; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(1) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(1) dl po { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(2) { position: inherit; left: 0; top: 0; z-index: 9; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(2) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(2) dl po { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(3) { position: inherit; left: 0; top: 0; z-index: 8; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(3) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(3) dl po { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(4) { position: inherit; left: 0; top: 0; z-index: 7; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(4) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(4) dl po { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(5) { position: inherit; left: 0; top: 0; z-index: 6; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(5) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(5) dl po { display: none; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(6) { float: left; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(6) dl em { display: block; }
#section4 .jmys .jmys_bo .jm_img:nth-of-type(6) dl po { display: none; }
}

/*****section5*****/
#section5 { position: relative; margin: 0 auto; padding: 6vw 0; line-height: normal;}
#section5 .jmyq_nr{ line-height:1.8;}

@media screen and (max-width: 1024px) and (min-width: 0px) {
#section5 { padding: 50px 0; }
}