.content h2 {position: relative; font-family: 'Roboto', sans-serif; font-weight: 400; margin-top: 20px; margin-bottom: 24px; font-size: 28px; color: #333;}
.content h2:before {content: ''; position: absolute; left: 0; top: -20px; width: 100px; height: 1px; background-color: #ee2f49;}
.content p {font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 17px; color: #6e6e6e;}

.wrap {width: 100%;}
.container {margin: 0 auto;}

/* banner */
.banner {position: relative; background: url(../img/new/title_img.jpg) no-repeat center; background-size: cover; width: 100%; height: 230px;}
.banner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: inline-block; width: 380px;}

/* content */
.content.cont1 {overflow: hidden; margin-top: 100px;}
.content.cont2 {overflow: hidden; margin: 130px 0;}
.content.cont3 {width: 100%; height: 870px; background-color: #efeeee; padding-top: 68px;}
.content.cont3 .cont_img {position: relative; width: 590px;}
.content.cont3 .cont_img img.truckImg {position: absolute; left: -69px; bottom: -20px;  width: 141px;}
.content.cont3 .cont_img img.boatImg {position: absolute; right: -90px; bottom: -20px; width: 212px;}
.content.cont3 .cont_text {position: relative; width: 510px; margin-top: 120px;}
.content.cont3 .cont_text h2 {margin-top: 0;}
.content.cont3 .cont_text img {width: 256px; margin-top: 30px;}
.content.cont4 {overflow: hidden; margin-top: 100px;}
.content.cont4 .slider_text h2 {margin-top: 27px;}
.content.cont5 {overflow: hidden;}
.content.cont5 {margin-top: 100px;}
.content.cont6 {overflow: hidden; margin-top: 100px;}
.content.cont6 .slider_text h2 {margin-top: 100px;}

/* common */
.cont_img {float: left; width: 50%;}
.cont_text {float: left; width: 46%; padding-left: 100px;}
.cont_text h2 {margin-top: 120px;}
.slider_text {float: left; width: 40%;}
.figure {margin-top: 30px;}
.slider {float: right; width: 60%; text-align: right;}
.slider_box {display: inline-block; width: 594px;}

/* hover */
.item_img{z-index:998;}
.item_wrap_back{display: none; width: 100%; height: 100%; background: rgb(0,0,0,0.2); position: absolute; z-index: 998;}
.item_wrap {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.cart_btn{ float: left; padding: 5px; }
.wish_btn{ float: left; padding: 5px; }
.btn_reservation:hover{background:#ff425c; color:white;}