/* Scss Document */
@import url(base.jpg.css);
/* Scss Document */
@import url(../font/stylesheet.jpg.css);
@import url(../../../8904/b2fe2636a4f0d80057762fa9b9d78cae_css.css);
.rect_2 { position: absolute; top: 300px; right: 0; z-index: 2; max-width: 663px; width: 30%;}
.rect_2 img { width: 100%;}
@media screen and (max-width: 1000px) { .rect_2 { display: none;} }

.content .topimgslider { padding-top: 90px;}
@media screen and (max-width: 1440px) { .content .topimgslider { padding-top: 60px;} }
@media screen and (max-width: 1000px) { .content .topimgslider { padding-top: 0; padding-bottom: 40px;} }
.content .topimgslider .wrapper { position: relative;}
.content .topimgslider .rect { position: absolute; left: 50px; top: -50px; background: url(../images/rect_2.jpg) no-repeat; height: 510px; width: 341px;}
@media screen and (max-width: 1440px) { .content .topimgslider .rect { left: 0;} }
@media screen and (max-width: 1000px) { .content .topimgslider .rect { display: none;} }
.content .topimgslider .img { width: 70%; display: block; float: right;}
.content .topimgslider .img img { width: 100%;}
@media screen and (max-width: 1440px) { .content .topimgslider .img { width: 65%;} }
@media screen and (max-width: 1000px) { .content .topimgslider .img { width: 100%;} }
.content .topimgslider .txt { position: absolute; width: 36.5%; top: 0; left: 0; font-size: 50px; font-weight: bold; line-height: 1.2em; color: #444; padding-left: 170px; box-sizing: border-box; z-index: 1;}
@media screen and (max-width: 1440px) { .content .topimgslider .txt { width: 40%; padding-left: 50px;} }
@media screen and (max-width: 1280px) { .content .topimgslider .txt { font-size: 38px;} }
@media screen and (max-width: 1000px) { .content .topimgslider .txt { bottom: 0; top: auto; width: 100%; font-size: 18px; background: rgba(98, 68, 131, 0.7); color: #fff; padding: 15px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} }
.content .topimgslider .txt span { font-family: "Raleway"; font-size: 36px; border-bottom: 5px solid #624483; color: #624483; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 40px; padding-bottom: 10px; padding-top: 50px;}
@media screen and (max-width: 1280px) { .content .topimgslider .txt span { padding-top: 0px; font-size: 30px;} }
@media screen and (max-width: 1000px) { .content .topimgslider .txt span { color: #fff; margin-bottom: 0; padding-bottom: 0; border: 0; font-size: 12px; font-weight: 400;} }
.content .topimgslider .pgdot { position: absolute; bottom: 0px; width: 100%; text-align: center;}
.content .topimgslider .pgdot .swiper-pagination-bullet { width: 10px; height: 10px;}
.content .topimgslider .pgdot .swiper-pagination-bullet-active { background: #624483;}
.content .topimgslider .sliderpager { position: absolute; width: 30%; bottom: 0; left: 0; z-index: 1;}
@media screen and (max-width: 1000px) { .content .topimgslider .sliderpager { display: none;} }
.content .topimgslider .sliderpager .pagerwrapper { margin-left: 170px; margin-right: 50px; position: relative;}
@media screen and (max-width: 1440px) { .content .topimgslider .sliderpager .pagerwrapper { margin-left: 50px;} }
.content .topimgslider .sliderpager .pagination { text-align: center; font-family: "Raleway";}
.content .topimgslider .sliderpager .pagination .swiper-pagination-current { font-size: 40px;}
.content .topimgslider .sliderpager .pagination .swiper-pagination-total { font-size: 16px;}
.content .topimgslider .sliderpager .prev { background: url(../images/arrow_l.jpg) no-repeat; width: 30%; height: 23px; position: absolute; left: 0; bottom: 0; cursor: pointer;}
.content .topimgslider .sliderpager .next { background: url(../images/arrow_r.jpg) no-repeat right top; width: 30%; height: 23px; position: absolute; right: 0; bottom: 0; cursor: pointer;}
.content .morebtn { text-align: center;}
.content .morebtn a { background: #463372; font-size: 16px; padding: 0 50px; line-height: 50px; color: #fff; display: inline-block;}
.content .morebtn a i { opacity: 0.5; margin-left: 10px;}
.content .morebtn a:hover { background: #a48f60;}
.content .section_1 { padding: 140px 0;}
@media screen and (max-width: 1440px) { .content .section_1 { padding: 100px 0;} }
@media screen and (max-width: 1000px) { .content .section_1 { padding: 40px 0 60px 0;} }
.content .section_1 .htxt { float: left;}
@media screen and (max-width: 1000px) { .content .section_1 .htxt { float: none;} }
.content .section_1 .htxt h2 { font-size: 48px; line-height: 1em; color: #624483; padding-right: 30px; writing-mode: tb-rl; writing-mode: vertical-rl; float: left; letter-spacing: 15px; white-space: nowrap;}
@media screen and (max-width: 1000px) { .content .section_1 .htxt h2 { writing-mode: horizontal-tb; font-size: 34px; letter-spacing: 0; text-align: center; float: none; padding: 0;}
  .content .section_1 .htxt h2 span { display: none;} }
@media screen and (max-width: 700px) { .content .section_1 .htxt h2 { font-size: 26px;} }
.content .section_1 .htxt p { writing-mode: tb-rl; writing-mode: vertical-rl; float: left; font-size: 14px; white-space: nowrap;}
@media screen and (max-width: 1000px) { .content .section_1 .htxt p { writing-mode: horizontal-tb; display: block; text-align: center; float: none; padding: 15px 0 30px 0; white-space: normal;} }
.content .section_1 .imglist { float: right; width: 75%; position: relative; z-index: 2;}
@media screen and (max-width: 1000px) { .content .section_1 .imglist { width: 100%;} }
.content .section_1 .imglist ul { margin-left: -100px;}
@media screen and (max-width: 1280px) { .content .section_1 .imglist ul { margin-left: -50px;} }
.content .section_1 .imglist .col { float: left; width: 50%;}
.content .section_1 .imglist .col:nth-child(2) { padding-top: 65px;}
@media screen and (max-width: 500px) { .content .section_1 .imglist .col { width: 100%;}
  .content .section_1 .imglist .col:nth-child(2) { padding-top: 0;} }
.content .section_1 .imglist li img { width: 100%;}
.content .section_1 .imglist li div { position: relative; overflow: hidden;}
.content .section_1 .imglist li a { display: block; margin-left: 100px; line-height: 1.75em; margin-bottom: 80px;}
@media screen and (max-width: 1280px) { .content .section_1 .imglist li a { margin-left: 50px;} }
@media screen and (max-width: 500px) { .content .section_1 .imglist li a { margin-bottom: 40px;} }
.content .section_1 .imglist li a h3 { font-size: 18px; color: #624483; padding: 15px 0 10px 0; line-height: 1.75em;}
.content .section_1 .imglist li a p { color: #666;}
.content .section_1 .imglist li a:hover img { transform: scale(1.05); -ms-transform: scale(1.05);}
.content .section_2 { padding: 70px 0 40px 0;}
.content .section_2 .bg { width: 50%; background: #f1f1f1; height: 100%; margin-left: 600px; padding-left: 600px; position: absolute; right: 0; top: 0;}
.content .section_2 .rect { background: url(../images/rect_4.jpg) no-repeat; width: 314px; height: 469px; position: absolute; top: -160px; left: 140px;}
@media screen and (max-width: 1200px) { .content .section_2 .rect { left: -50px; top: -258px;} }
@media screen and (max-width: 500px) { .content .section_2 .rect { display: none;} }
.content .section_2 .imgbg { height: 90%; position: absolute; left: 0; top: 120px; width: 50%; background: url(../images/img-2.jpg) no-repeat right top; background-size: cover; margin-left: -260px;}
@media screen and (max-width: 1200px) { .content .section_2 .imgbg { display: none;} }
.content .section_2 h2 { font-size: 34px; color: #624483; line-height: 1em; float: left; margin-left: 390px; margin-top: 20px; position: relative; z-index: 1;}
.content .section_2 h2 span { display: block; font-size: 28px; font-style: italic;}
.content .section_2 h2 span b { font-style: normal; font-weight: 100;}
@media screen and (max-width: 1200px) { .content .section_2 h2 { margin-left: 0px;} }
@media screen and (max-width: 1000px) { .content .section_2 h2 { float: none; margin-top: 0;} }
@media screen and (max-width: 700px) { .content .section_2 h2 { font-size: 26px;} }
@media screen and (max-width: 500px) { .content .section_2 h2 { text-align: center;}
  .content .section_2 h2 span { display: none;} }
.content .section_2 .wrapper { float: right; width: 50%;}
@media screen and (max-width: 1200px) { .content .section_2 .wrapper { width: 80%;} }
@media screen and (max-width: 1000px) { .content .section_2 .wrapper { float: none; width: auto; padding-top: 20px;} }
.content .section_2 .wrapper ul li { border-bottom: 1px solid #ddd; padding: 20px 0;}
.content .section_2 .wrapper ul li .time { font-size: 30px; font-style: italic; font-weight: 300; font-family: "Roboto"; color: #624483; display: table-cell; width: 60px; text-align: center; line-height: 0.8em; vertical-align: middle;}
.content .section_2 .wrapper ul li .time span { font-size: 12px; display: block;}
.content .section_2 .wrapper ul li .split { font-size: 20px; font-style: italic; display: table-cell; width: 50px; vertical-align: middle; text-align: center; padding-right: 10px; font-weight: 300; font-family: "Roboto";}
@media screen and (max-width: 500px) { .content .section_2 .wrapper ul li .split { display: none;} }
.content .section_2 .wrapper ul li h3 { display: table-cell; font-size: 18px; line-height: 1.75em;}
@media screen and (max-width: 500px) { .content .section_2 .wrapper ul li h3 { padding-left: 20px;} }
.content .section_2 .wrapper .morebtn { bottom: -60px; position: relative; text-align: left;}
@media screen and (max-width: 1000px) { .content .section_2 .wrapper .morebtn { text-align: center;} }
.content .section_3 { border-top: 1px solid #ddd; margin-top: 200px;}
@media screen and (max-width: 1200px) { .content .section_3 { margin-top: 30px; border: 0;} }
.content .section_3 h2 { text-align: center; font-size: 34px; color: #624483; line-height: 1em; padding: 75px 0 30px 0;}
.content .section_3 h2 b { font-style: normal; font-weight: 100; margin: 0 20px; font-family: "Raleway";}
.content .section_3 h2 span { font-size: 40px; font-style: italic;}
@media screen and (max-width: 700px) { .content .section_3 h2 { font-size: 26px;}
  .content .section_3 h2 span { font-size: 30px;} }
@media screen and (max-width: 500px) { .content .section_3 h2 b, .content .section_3 h2 span { display: none;} }
.content .section_3 .introwrapper { width: 900px; margin: auto; font-size: 14px; color: #555; padding-bottom: 60px; line-height: 1.75em;}
@media screen and (max-width: 1000px) { .content .section_3 .introwrapper { width: auto; margin-left: 25px; margin-right: 25px;} }
.content .section_3 .imglist { margin: 0 40px; padding-bottom: 100px; margin-bottom: 60px;}
@media screen and (max-width: 500px) { .content .section_3 .imglist { padding-bottom: 80px;} }
.content .section_3 .imglist .item { position: relative;}
.content .section_3 .imglist .item h3 { font-size: 30px; line-height: 1em; text-align: center; padding-bottom: 10px;}
.content .section_3 .imglist .item span { font-size: 14px; display: block; text-align: center; color: #a48f60;}
.content .section_3 .imglist .item span:after { content: ""; display: block; height: 4px; width: 48px; background: #a48f60; margin: auto; margin-top: 12px;}
.content .section_3 .imglist .item p { font-size: 14px; line-height: 1.75em; padding-top: 25px;}
.content .section_3 .imglist .item img { width: 50%; position: absolute; left: 0; right: 0;}
@media screen and (max-width: 500px) { .content .section_3 .imglist .item img { width: 100%; position: static;} }
.content .section_3 .imglist .item .wrapper { width: 55%; margin-top: 90px; float: right; right: 0; z-index: 1; background: #fff; position: relative; z-index: 1; padding: 50px 40px 40px 40px; box-sizing: border-box; box-shadow: -6px 6px 0 0 rgba(146, 119, 173, 0.8); border: 1px solid #eee;}
@media screen and (max-width: 500px) { .content .section_3 .imglist .item .wrapper { width: 100%; margin: 0; box-shadow: none;} }
.content .section_3 .imglist .swiper-pagination-bullet { height: 12px; width: 12px; margin: 0 10px;}
.content .section_3 .imglist .swiper-pagination-bullet-active { background: #a48f60;}