/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60;/* text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1222px; margin:0 auto; width:1222px !important}


@font-face {
  font-family: "Logam";
  src: url("../fonts/Logam-Regular.woff2") format("woff2"),
       url("../fonts/Logam-Regular.woff") format("woff"),
       url("../fonts/Logam-Regular.ttf") format("truetype"),
       url("../fonts/Logam-Regular.eot") format("embedded-opentype"),
       url("../fonts/Logam-Regular.svg") format("svg");
}


 .book{ border:1px solid #333; font-size:15px; padding:0 30px; border-radius:30px; line-height:40px; color:#fff;font-weight: bold;    background: #000;}
/* .book:hover{ background:#000; color:#fff} */

.header-bg{ background:#e8ba5d; width:100%; position:relative; border-bottom:1px solid #282828; z-index:9999}
.logo{ height:90px; width:20%}
.logo a{ display: flex;  align-items: center; width:100%; height:100%;}
.logo a img{ max-height:100%; max-width:100%;}
.header{ height:90px; display: flex; justify-content: space-between;  align-items: center;transition: all 1s;}
/*menu*/
.menu{height:40px;line-height:40px;}
.menu ul li.on span>a{ color:#282828; font-weight:bold;}
.menu ul li{float:left;position:relative;/* border-right:#666 solid 1px; *//* width:120px; */margin: 0 1vw;}
.menu ul li dl{background:#fff;width: auto;position:absolute;left:0px;top: 40px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;min-width: 120px;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{font-size:12px;color:#666;font-weight:normal;display:inline;padding:0;text-align:left;white-space: nowrap;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px;color:#333; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ color:#fff;}
/* .menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
 */







.cent01-bg{ /*background:url(../images/backgrox99.png) center #e8ba5d;*/ background-size:100%; padding:3% 0}
.cent01{ display: flex; justify-content: center;  align-items: center;}
.cent01-l{width: 43%;margin-right: 7vw;color:#2c2c2c}
.cent01-l h2{ font-size:50px;color: #e8ba5d;font-family:'Logam'; font-weight:normal;}
.cent01-l strong{ display:block; font-weight:normal;font-size:20px;}
.cent01-l span{ display:block; line-height:2; font-size:16px; margin-top:4%;}
.cent01-l a{ display:inline-block; background:#e8ba5d; border-radius:30px; padding:0 40px; border-radius:30px; color:#000; font-size:14px; line-height:38px;text-transform:uppercase; margin-top:4%}
.cent01-l a:hover{ background:#e8ba5d; color:#333;}
.cent01-r{ width:29%;    border-radius: 800px 800px 0px 0px; overflow:hidden;}
.cent01-r img{ width:100%; height:auto; vertical-align:bottom;}

.title{ text-align:center;}
.title h2{font-size:35px;font-family:'Logam'; font-weight:normal;color:#e8ba5d;}

.cent02-bg{ background:#eeecec;}
.cent02{padding:3% 0;text-align: center;}
.cent02 .title h2{ color:#e8ba5d}
.cent02 .swiper-slide {transform: scale(0.8);}
.cent02 .swiper-slide .img{  display:block;}
.cent02 .swiper-slide .img a{ display:block; position:relative;}
.cent02 .swiper-slide .img a img{ width:212px; vertical-align:bottom; border-radius:800px;    height: 212px;
    object-fit: cover;}
.cent02 .swiper-slide .img a::before {
    content: "";
    position: absolute;
       width: 190px;
    height: 190px;
    border: 1px solid #fff;
    border-radius: 800px;
    top: 5%;
    left: 5%;
}
.cent02 .swiper-slide .img span{ font-size:16px; color:#000; display:block; text-align:center; margin-top:4%;    text-transform: uppercase;}
.cent02 .swiper-slide-active, .cent02 .swiper-slide-duplicate-active{
  transform: scale(1);
}
.cent02 .swiper-slide-active .img a::before, .cent02 .swiper-slide-duplicate-active .img a::before  {
    border: 2px solid #E8BA5D;
}
 .swiper-pagination-bullet-active{ background:#E8BA5D !important;}
 .swiper-pagination-bullet{background:#fff;}
 
 
.cent02 .swiper-button-next:after, .cent02 .swiper-button-prev:after{ font-size:20px; color:#E8BA5D; }
.cent02 .swiper-button-next, .cent02 .swiper-button-prev{ font-size:20px; border-radius:50%; width:40px; height:40px; border:1px solid #E8BA5D }
.cent0202{position:relative;padding-bottom: 6%;}
.cent0202 .swiper-pagination{ bottom:0 !important;}
.cent02 .swiper-button-next{  right:37% !important; top:inherit; bottom:-11px !important}
.cent02 .swiper-button-prev{  left:37% !important; top:inherit; bottom:-11px !important}
.more{display:inline-block;background:#e8ba5d;border-radius:30px;padding:0 40px;border-radius:30px;color:#333;font-size:14px;line-height:38px;text-transform:uppercase;margin: 4% auto 0;}
.morea:hover{ background:#fff; color:#333;}





.cent03-bg{ /*background:#e0d2b8*/}
.cent03{ padding:3% 0;display: flex; justify-content: center;  align-items: center;}
.cent03-l{width: 43%;margin-right: 7vw;color:#2c2c2c}
.cent03-l ul li{border-bottom:1px solid #beb7aa;}
.cent03-l ul li span{ font-size:18px;  display:block; padding:18px 40px 18px  0; background:url(../images/xiag.png) center right no-repeat; background-size:20px; }
.cent03-l ul li span a{ color:#666; display:block;}
.cent03-l ul li .erji{ display:none; font-size:15px; color:#2c2c2c; line-height:1.5; border-top:1px solid #beb7aa;padding:18px 40px 18px  0;}
.cent03-l ul li span.on{ background:url(../images/xiag01.png) center right no-repeat !important; background-size:20px !important; }

.cent03-r{ width:29%;    border-radius: 800px 800px 0px 0px; overflow:hidden;}
.cent03-r img{ width:100%; height:auto; vertical-align:bottom;}




.cent04-bg{ background:#f4f4f4}
.cent04{ padding:2% 0; position:relative;}
.cent04 .img01{ display:block; text-align:center;}
.cent04 .img01 img{ width:55px;}
.cent04 h2{ font-size:7.1vw;font-family:'Logam';    text-transform: uppercase; font-weight:400;    color: #E8BA5D;
    text-align: center; display:block; margin:6% 0; line-height:1}
.cent0401{ position:absolute; top:60%; left:50%;   transform: translate(-50%,-50%); height:auto; width:100%; padding-bottom:3%}
.cent0401 .img{ width:100%;border-radius: 800px; overflow:hidden;}
.cent0401 .img img{ width:100%; vertical-align:bottom;}
.cent0401 .img a{ display:block;} 
.cent0401 .swiper-slide-prev .img{    transform: rotate(-8deg) !important;}
.cent0401 .swiper-slide-next .img{    transform: rotate(8deg) !important;}
.cent0401 .swiper-slide {transform: scale(0.6);}
.cent0401 .swiper-slide-active, .cent0401 .swiper-slide-duplicate-active{
  transform: scale(1);
}



.cent0401 .swiper-button-next:after, .cent0401 .swiper-button-prev:after{ font-size:20px; color:#333; }
.cent0401 .swiper-button-next, .cent0401 .swiper-button-prev{ font-size:20px; border-radius:50%; width:40px; height:40px; border:1px solid #333 }
.cent0401 .swiper-pagination{ bottom:0 !important;}

.cent05-bg{ background:#f4f4f4; padding:2% 0}
.cent05 .title h2{ color:#e8ba5d}
.cent0501{ padding-bottom:2%; position:relative; margin-top:2%}
.cent0501 .swiper-pagination{ bottom:0 !important;   
    width: 100%;justify-content: center;  align-items: center; display: flex;}
.cent0501 .img{ border:1px solid #282828; -webkit-transition: all 0.3s ease-in-out;    min-height: 230px;  padding:4%; border-radius:10px; box-sizing:border-box;}
.cent0501 .im01{ font-size:18px; color:#EABE12; }
.cent0501 span{ display:block; font-size:18px; margin-top:2%;}
.cent0501 strong{ font-size:14px; color:#242424; font-weight:bold;  display:block; margin-top:2%}
.cent0501 .img:hover {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    background: #F4F4F4;
    box-shadow: 0px 30px 30px 0px rgba(21, 21, 21, 0.15);
}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:20px !important; color:#333; } .swiper-button-next,  .swiper-button-prev{ font-size:20px; border-radius:50%; width:40px !important; height:40px !important; border:1px solid #333 }
.cent0501 .swiper-button-next{ right: -48px;}
.cent0501 .swiper-button-prev{ left: -48px;}


.cent06{ /*background:#e8ba5d;*/ display: flex;  align-items: center;
justify-content: space-between;}
.cent06-l{  display:block; width:50%;display: inline-flex;justify-content: center;align-items: center;flex-direction: column; color:#282828}
.cent06-l span{ font-size:15px; color:#282828; display:block; text-align:center; line-height:1.5; margin-top:2%} 
.cent06-l h3{font-size:17px; color:#282828; margin-top:2%}

.cent06-r{ display:block; width:50%; position:relative;}
.cent06-r>img{ width:100%; vertical-align:bottom; height:365px;object-fit: cover;}
.cent06-r01{position:absolute;background: hsl(0deg 0% 16% / 60%);width: 100%;height: 100%;left: 0;top: 0;display: inline-flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
.cent06-r01 ul{ margin-top:2%}
.cent06-r01 ul li a{ display: flex; /*justify-content: center;*/  align-items: center;color: #fff; font-size:15px; line-height:30px;}
.cent06-r01 ul li img{ margin-right:10px; width:29px;}
.cent06-r01>a{ display:inline-block; background:#000; border-radius:30px; padding:0 40px; border-radius:30px; color:#fff; font-size:14px; line-height:38px;text-transform:uppercase; margin-top:4%}
.cent06-r01>a:hover{ background:#fff; color:#000;}


.footer-bg{ background:#e8ba5d; padding:1.5% 0}
.footer{ display: flex; justify-content: center;  align-items: center;color:#fff;}
.footer span{ font-size:15px; display:block; text-align:center}
.footer .img{ height:93px;flex:1; text-align:center;}
.footer .img a{ height:100%}
.footer .img a img{ height:100%}
.footer03{}
.footer03 strong{ display:block; font-size:15px; text-align:center; font-weight:normal; line-height:30px;}
.footer03 a{ width:33px; height:33px; display: inline-flex; justify-content: center;  align-items: center;}
.footer03 a img{ max-width:100%; max-height:100%;}

.top{ display:none;}

.sp_header{display:none;}
.sjj_nav{display:none;}

.cent07-bg{ background:#eeecec; padding:4% 0} 
.cent07-l{float:left;display:block;width: 40%;}
.cent07-l .img01{ height:180px; text-align:center}
.cent07-l .img01 img{ height:100%; max-width:100%;}
.cent07-l ul{ display: flex; justify-content: center;  align-items: flex-start; margin-top:5%}
.cent07-l ul li{ width:50%; text-align:center;}
.cent07-l ul li .mun_top{ font-size:30px; font-weight:normal; color:#e8ba5d;}
.cent07-l ul li .mun_top h2{ font-weight:normal;}
.cent07-l ul li p{ padding:0; font-size:16px; color:#000; display:block; margin-top:4%}

.cent07-r{float:right;display:block;width: 54%;padding: 0 2%;}
.cent07-r h2{ font-size:45px; color:#e8ba5d; font-weight:normal;font-family: 'Logam'; line-height:1;}
.cent07-r span{font-size:16px;display:block;line-height:1.5;color:#000;margin-top: 2%;}

.cent07 .img{ margin-top:2%;}
.cent07 .img img{ width:100%; vertical-align:bottom;}

.cent08-bg{/*background:url(../images/backgrox99.png) center #e8ba5d;*/ background-size:100%; padding:3% 0}
.cent08{ display: flex; justify-content: space-between;  align-items: center;}
.cent08 .title{ width:33%; text-align:left; color:#242424}
.cent08>.img{ width:33%}
.cent08>.img img{ width:100%; vertical-align:bottom;}
.cent0801{ width:30%; position:relative; padding-bottom:10%;}
.cent0801 .img{}
.cent0801 .img h3{ font-size:40px; color:#282828;font-family:'Logam'; }
.cent0801 .img p{ font-size:15px; color:#2c2c2c; display:block; padding:0}
.cent0801 .swiper-button-next{ right:30%; bottom:0;top:inherit;}
.cent0801 .swiper-button-prev{  left:30%; bottom:0; top:inherit;}


.cent10-bg{ background:#e0d2b8;}
.cent10{ padding:4% 0;}
.cent10 .title{ margin-bottom:2%;}
.cent10 .title h2{ color:#282828}
.cent10 .img{ width:100%; position:relative;}
.cent10 .img img{ width:100%; vertical-align:bottom;}
.cent10 .img span{ position:absolute; top:0; left:0; width:100%; height:100%; display: flex; justify-content: center;  align-items: center; font-size:18px;font-family:'Logam'; color:#fff; flex-direction: column;}
.cent10 .img span .vne{ font-size:14px;text-align: center;}
.cent10 .eye{ margin-top:2%;}
.cent10 .eye ul li{ float:left; display:block; width:calc(100%/2); box-sizing:border-box; padding:2%; border-radius:5px; color:#242424}
.cent10 .eye ul li:nth-child(2n-1){ clear:left;}
.cent10 .eye ul li .erji{ height:0; opacity:0}
.cent10 .eye ul li .eb{padding-right: 40px; display: table; /*padding-bottom: 15px; */position: relative; width:100%;}
.cent10 .eye ul li  h3 {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-right: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.cent10 .eye ul li .border_price {
    display: table-cell;
    width: 98%;
    border-bottom: 1.5px solid rgba(40, 40, 40, 0.2);
    position: relative;
    bottom: 6px;
}

.cent10 .eye ul li .price_service {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
}

.cent10 .eye ul li .erji.on{
    height: 24px;
    opacity: 1;
    margin-bottom: 50px;
    visibility: visible; transition: all 1s;
}
.cent10 .eye ul li .erji02{
    color: #131313;
    font-family: Montserrat;
    font-size: 14px;
}
.cent10 .eye ul li:hover{ background:#FFF2D9}


.cent11-bg{/*background:url(../images/backgrox99.png) center #e8ba5d;*/ background-size:100%; padding:3% 0}
.cent11{ color:#282828}
.cent11 .title{ text-align:left;}
.cent11 .title h2{ font-size:55px;}
.cent11 span{ font-size:20px; font-weight:normal; display:block; margin-top:2%}

.cent12-bg{ background:#282828; padding:3% 0;}
.ttle{ text-align:center; position:relative; padding-bottom:1%}
.ttle ul li{ margin:0 2vw; display:inline-block;}
.ttle ul li.on{ color:#e8ba5d}
.ttle ul li a{ font-size:24px; color:#fff;  display:block; }
.ttle:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, rgba(224, 175, 95, 0) 0%, rgba(224, 175, 95, 1) 50%, rgba(224, 175, 95, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(224, 175, 95, 0) 0%, rgba(224, 175, 95, 1) 50%, rgba(224, 175, 95, 0) 100%);
    background: linear-gradient(to right, rgba(224, 175, 95, 0) 0%, rgba(224, 175, 95, 1) 50%, rgba(224, 175, 95, 0) 100%);
    bottom: 0;
    left: 0%;
}

.cent13-bg{/*background:url(../images/background_gallery.png) center #282828 ; */background-size:100%; padding:3% 0}
.cent13{ text-align:center;}
.cent13 .title h2{ color:#e8ba5d; font-size:45px}
.cent13 ul{ margin-top:2%}
.cent13 ul li{ float:left; display:block;width:calc((100% - 6%)/4); margin-right:2%}
.cent13 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent13 ul li a{ display:block; overflow:hidden; border-radius:800px;}
.cent13 ul li a img{ width:100%; vertical-align:bottom;}
.cent13 ul li:nth-child(2n) {transform: scale(0.8);}


.cent14-bg{ background:#282828; padding:2% 0}
.cent14{ display: flex; align-items: center;
justify-content: space-between; color:#fff;}
.cent14-l{ width:50%}
.cent14-l h2{ font-size:50px; display:block; font-weight:normal;}
.cent14-l span{ display:block; font-size:15px;}

.cent14-r{ width:50%;}
.cent14-r ul{  display: flex;  align-items: flex-start;justify-content: space-between;flex-wrap: wrap; }
.cent14-r ul li{ width:48%; margin-bottom:2%}
.cent14-r ul li h2{ font-size:25px; display:block; margin-bottom:10px; font-weight:normal;}
.cent14-r ul li span{ font-size:15px; display:block;}
.cent14-r ul li .img a{ margin:0 10px;}
.map{ width:100%;}
.map img{ width:100%; vertical-align:bottom;}

.cent15{ display: flex;  align-items: center; padding:2% 0}
.cent15-r{ width:29%;    border-radius: 800px 800px 0px 0px; overflow:hidden;}
.cent15-r img{ width:100%; height:auto; vertical-align:bottom;}
.cent15-l{ width:45%; margin-right:5%}
.cent15-l .title h2{ color:#000; text-align:left;}
.cent15-l span{ font-size:15px; color:#282828; line-height:20px;}
.cent15-l ul{}
.cent15-l ul li{ margin-top:10px;}
.cent15-l ul li .input_text{ display:block; border-bottom:1px solid rgba(19, 19, 19, 0.20); line-height:40px; width:100%; outline:none; background:none; color:#666;}
.cent15-l ul li .input_text::-webkit-input-placeholder{ color:#333;}
.cent15-l ul li .text{ display:block; border-bottom:1px solid rgba(19, 19, 19, 0.20); line-height:40px; width:100%; outline:none; background:none; color:#666; height:100%; border:none; border-bottom:1px solid rgba(19, 19, 19, 0.20);}
.cent15-l ul li .text::-webkit-input-placeholder{ color:#333;}


.inside_con{ padding:10px 0; min-height:500px;}


.fengx{ position:fixed; bottom:10%; width:43px; right:1%}
.fengx ul li{ width:100%; margin-top:10px;}
.fengx ul li a{ display:block; width:100%; height:43px; border-radius:50%;  } 
.fengx ul li a img{ width:100%; height:100%; border-radius: 50%;}


@media only screen and (max-width: 980px) {
	.wapper{ width:90% !important;}
	.header-bg{ display:none;}
	.top{ display:block; height:50px;}
	
	.cent01{flex-wrap: wrap; }
	.cent01-l{ width:100%}
	.cent01-r{ width:80%; margin:5% auto 0;}
	.cent01-l h2{ font-size:32px;}
	.cent01-l span{ line-height:1.5}
	
	.cent02{ padding:5% 0}
	.title h2{ font-size:25px}
	.cent02 .swiper-button-prev{    left: 12% !important;}
	.cent02 .swiper-button-next{right:12% !important}
	
	.cent03{flex-wrap: wrap; padding:5% 0 }
	.cent03-l{ width:100%; margin-right:0}
	.cent03-r{ width:80%; margin:5% auto 0;}
	
	.cent0401{ position:relative; left:inherit; top:inherit;     transform: none;}
	.cent0401 .mySwiper02{ width:70%; margin:0 auto;}
	
	.cent05{ width:90%; margin:0 auto;}
	.cent0501{ padding-bottom:5%}
	.cent06{flex-wrap: wrap;}
	.cent06-l{ width:100%; padding:5% 5%;}
	.cent06-r{ width:100%}
	
	.footer{flex-wrap: wrap; padding:5% 0;}
	
	.footer .img{ height:50px; width:100%}
	.footer03{ width:100%; text-align:center;}
	

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #e8ba5d;position:fixed;z-index:10;width:100%;display:block}
.sp_logo{padding:7px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:37px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.cent07-l{ float:none; display:block; width:100%}
.cent07-r{ float:none; display:block; width:100%; margin-top:5%}
.cent07-r h2{ font-size:24px}


.cent08{flex-wrap: wrap;}
.cent08 .title{ width:100%}	
.cent0801{ width:100%}
.cent08>.img{ width:100%}
.cent10 .eye ul li{ float:none; display:block; width:100%; margin-right:0}
.cent10{ padding:5% 0;}

.card {margin-bottom: 6px;}
.cent13 ul li{width:calc((100% - 5%)/2); margin-right:5%; margin-top:5%}
.cent13 ul li:nth-child(2n) { margin-right: 0% ;}

.cent15{flex-wrap: wrap; margin:5% auto;}
.cent15-l{ width:100%;}
.cent15-r{ width:80%; margin:5% auto 0;}


.cent14-bg{ padding:4% 0;}
.cent14{flex-wrap: wrap; text-align:center;}
.cent14-l{ width:100%;}
.cent14-r{ width:100%; margin-top:4%}
	
.cent14-l h2{ text-align:center; font-size:32px}

.cent11{ text-align:center;}
.cent11 .title h2{ font-size:32px;text-align:center;}
.sp_header .book{float:right;margin-top: 11px;line-height: 30px;}
	}