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

.header{position: relative;background: url(../images/h_bg1.png) no-repeat right center/auto 100%;background-color: #9b0000;border: none;}
.header .top{padding: 28px 0}
/* url(../images/h_bg2.png) no-repeat left center/auto 100% */

.wrap_sub_banner { position: relative;display: none;}
.sub_banner { height: 0px; position: relative; padding-bottom: 28.6%; z-index: 2; background: center center / cover no-repeat; }
.sub_banner::before{content:'';display:block;position:absolute;left:0;right:0;top:-1px;padding-bottom:calc(250% / 19.2);background-size:100% 100%;z-index:2;background: -webkit-linear-gradient(top , rgba(0,0,0,.55), rgba(0,0,0,0));background: -o-linear-gradient(bottom , rgba(0,0,0,.55), rgba(0,0,0,0));background: -moz-linear-gradient(bottom , rgba(0,0,0,.55), rgba(0,0,0,0));background: linear-gradient(to bottom , rgba(0,0,0,.55), rgba(0,0,0,0));}

.bread{color:#999;padding: 20px 0 14px;text-align: right;}
.bread a{color:#999}
.bread a:hover{color: #9b0000;}

.sub_menu { overflow: hidden; position: relative; font-size: 0px; background: rgba(0, 135, 60, 0.8); margin: 20px 0px 0px; }
.sub_menu ul { margin: 0px -20px; }
.sub_menu li {display: inline-block;min-width: 9.1%;text-align: center;padding: 0 1%;}
.sub_menu a { display: block; line-height: 30px; position: relative; color: rgb(255, 255, 255); padding: 24px 0px 28px; text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; }
.sub_menu a::before { content: ""; display: block; width: 6px; height: 6px; background: rgb(255, 255, 255); border-radius: 50%; margin: 0px auto 12px; }
.sub_menu a.current, .sub_menu a:hover { z-index: 2; color: #f8b62d; font-weight: bold; }
.sub_menu a.current::before, .sub_menu a:hover::before { background: #f8b62d; }

.wrap_content { position: relative;background: url(../images/sub_content_bg.png) center bottom no-repeat #fbf8f5;padding: 10px 0 100px;}
.wrap_content .sub_content{background: #fff;box-shadow: 0px 10px 20px 0px rgba(26, 0, 1, 0.1);padding: 30px 40px 40px;}
.nav_channel{text-align: center;margin: 0px 0 40px;}
.nav_channel .text{display: inline-block;padding: 0 220px 38px;background: url(../images/side_bg.png) 20px bottom no-repeat;}

.subpage_title { margin: 0px 0px 50px; text-align: center; }
.subpage_title::before, .subpage_title::after { content: ""; display: inline-block; width: 20px; height: 6px; background: #9b0000; vertical-align: middle; margin: 0px 16px; }
.sub_side_menu { width: 270px; float: right; }
.sub_side_menu li a { border-bottom: 1px solid rgb(217, 217, 217); }
.sub_side_menu li:first-child a { border-top: 1px solid rgb(217, 217, 217); }
.sub_side_menu a { display: block; line-height: 35px; padding: 17px 20px; transition: all 0.3s ease-in-out 0s; }
.sub_side_menu a.current, .sub_side_menu a:hover { background: #9b0000; color: rgb(255, 255, 255); border-color: #9b0000; }
.sub_side_menu .title { display: initial; overflow: initial; }

@media screen and (max-width: 1480px){
  .wrap_content .sub_content{padding: 20px 30px 30px;}
  .nav_channel{margin: 0 0 20px;}
}
@media screen and (max-width: 1280px){
  .row{width: auto;}
  .header .top{padding: 10px 20px;}
}
@media screen and (max-width: 992px) {
  .header .top{padding: 10px 0;}
.logo{padding: 20px 0;}

  .wrap_content{padding: 5px 0 40px;}
  .bread{padding: 10px 0;}
  .sub_banner { border: 0px; }
  .sub_menu ul { white-space: nowrap; overflow: auto; }
  .sub_menu li { width: auto; }
  .sub_menu a { padding: 12px 8px; }
  .sub_menu a::before { margin-bottom: 6px; }
  .subpage_title { margin-bottom: 24px; }
  .sub_side_menu { float: none; margin: 0px 0px 20px; width: auto; white-space: nowrap; overflow: auto; }
  .sub_side_menu li { display: inline-block; }
  .sub_side_menu a { padding: 4px 20px; }
  .sub_side_menu li:first-child a { border-top: 0px; }
}
@media screen and (max-width: 767px) {
  .sub_menu { margin: 0px; background: #9b0000; }
  .wrap_content .sub_content{padding: 10px 20px 20px;}
  .nav_channel .text{padding: 0 0 30px;display: block;background-size: contain;background-position: left center;}

}@media screen and (max-width: 767px) {
  .nav_channel .text{background: none;padding: 10px 0 0;}
  .nav_channel{}

}

.pages {padding: 0px;color: rgb(153, 153, 153);font-size: 0px;text-align: center;margin: 60px 0px 40px;line-height: 34px;}
.pages::after, .pages::before { content: " "; display: table; }
.pages > a:first-child { }
.pages > a { display: inline-block; cursor: pointer; width: 34px; height: 34px; position: relative; text-align: center; vertical-align: top; font-size: 16px; transition: all 0.35s ease-in-out 0s; margin: 0px 15px;color: #999;border: 1px solid #dcdcdc;border-radius: 50%;background: center no-repeat;}
/* .pages .start, .pages .end, .pages > span, .pages .next, .pages .prev { width: auto; padding: 0px 32px; } */
.pages .prev{background-image: url(../images/pages_prev1.png);}
.pages .prev:hover{background-image: url(../images/pages_prev2.png);}
.pages .next{background-image: url(../images/pages_next1.png);}
.pages .next:hover{background-image: url(../images/pages_next2.png);}
.pages > a:hover, .pages > a.on_page { border-color: #9b0000; color: #9b0000;}
.pages > a.on_page { }

.pages .select_page {display: inline-block;margin: 0px 15px;font-size: 0px;}
.pages .select_page span { font-size: 18px; display: inline-block; vertical-align: middle; color: rgb(51, 51, 51); width: 60px; text-align: center; }
.pages .select_link {display: inline-block;width: 108px;vertical-align: middle;position: relative;border: 1px solid #dcdcdc;border-radius: 18px;}
.pages .select_link.on { border-radius: 0px 0px 18px 18px; background: #9b0000; border-color: #9b0000; }
.pages .select_link.on > a { color: #fff; }
.pages .select_link .arrow {width: 20px;height: 20px;position: absolute;right: 15px;bottom: 8px;background: url("../images/select_arrow.png") center center no-repeat;transition: all 0.2s ease-in-out 0s;cursor: pointer;}
.pages .select_link .arrow.on { transform: rotate(180deg); background: url("../images/select_arrow2.png") center center no-repeat; }
.pages .select_link p {display: block;font-size: 16px;color: #999;text-align: left;padding: 0px 0px 0px 20px;}
.pages .select_link .alert_box { height: 0px; position: absolute; left: -1px; bottom: 100%; background: #9b0000; right: -1px; border-radius: 18px 18px 0px 0px; padding: 6px 0px 0px; overflow: auto; border: 0px; opacity: 0; transition: all 0.2s ease-in-out 0s; max-height: 200px;}
.pages .select_link .alert_box.on { opacity: 1; height: auto; }
.pages .select_link .alert_box::-webkit-scrollbar{width: 6px;}
.pages .select_link .alert_box::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, .2);border-radius: 5px;}
.pages .select_link .alert_box a { display: block; font-size: 14px; color: #fff; line-height: 1.5; padding: 6px 0px; }
.pages .select_link.on p { color: #fff; }
.pages .select_link .alert_box a:hover { background: rgba(255, 255, 255, 0.2); }

@media screen and (max-width: 1480px){
  .pages{margin: 40px 0 20px;}

}
@media screen and (max-width: 767px) {
  .pages { margin: 24px 0px 0px; }
  .pages > a, .pages > span { width: 36px; height: 36px; line-height: 36px; font-size: 14px; }
  .pages a, .pages .select_page { display: none; }
  .pages a.start, .pages a.prev, .pages a.on_page, .pages a.next, .pages a.end { display: inline-block; }
  .pages .start, .pages .end, .pages .next, .pages .prev, .pages > span { margin: 0px; }
}

.pageArticle {position: relative;margin: -20px 0 0;}
.pageArticle .left { width: calc(100% - 350px); float: left; }
.pageArticle .right {width: 300px;float: right;padding: 0px 0px 40px;}
.pageArticleTitle {overflow: hidden;padding: 33px 0 36px;}
.pageArticleTitle h3 { line-height: 1.4; color: rgb(51, 51, 51); text-align: center;}
.articleAuthor {text-align: center;margin: 0 0 32px;font-size: 16px;width: 100%;border-top: 2px solid #f7b766;padding: 26px 0 0;color: #888;}
.articleAuthor span {color: #888;padding: 0 17px;}
.pageArticle .article {position: relative;line-height: 30px;text-align: justify;margin: 0px auto;}
.pageArticle .article p { }

.annex {overflow: hidden;margin: 40px 0 0;}
.annex strong {padding: 18px 19px 16px;display: block;line-height: 20px;font-size: 18px;position: relative;color: #333;font-weight: bold;}
.annex strong::before { content: ""; display: none; width: 4px; height: 4px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: rgb(198, 120, 45); border-radius: 50%; }
.annex .list {margin: 0px;padding: 13px 19px;background: #f5f4f0;border-top: 2px solid #e6e5e1;}
.annex li {font-size: 14px;line-height: 24px;text-align: justify;}
.annex li:first-child { }
.annex a {color: #333;display: block;}
.annex a:hover { color: #9b0000; }
@media screen and (max-width: 1480px){
  .pageArticleTitle{padding: 20px 0;}
  .articleAuthor{margin: 0 0 20px;padding: 16px 0 0;}

}
@media screen and (max-width: 992px){
	.pageArticle{margin: 0;}
	.pageArticle .left{width: auto;float: none;}
	.pageArticle .right{width: auto;float: none;margin: 30px 0 0;padding: 0;border: 0;}
	.other_articles h3{margin: 16px 0 10px;}
	.other_articles a{margin: 0 0 16px;}
	.articleAuthor{margin: 0 0 20px;}
	
}
@media screen and (max-width: 767px) {
	/* .pageArticleTitle{margin: 0 0 16px;} */
	/* .articleAuthor span{display: block;padding:2px 0;border: 0;} */
	.annex { margin: 0px 0px 20px; }
	.annex strong::before { left: 10px; }
	.annex strong{ padding-left: 20px; padding-right: 20px; }
	.annex li { font-size: 14px; }
}
.share_box { line-height: 7px; text-align: center; color: rgb(1, 88, 156); font-size: 0px; z-index: 100; margin: 0px 0px 0px -10px; }
.share_box span { display: block; text-align: center; color: rgb(51, 51, 51); font-size: 14px; margin: 10px 0px 10px 25px; line-height: 20px; }
.share_box .share_btn, .share_box .share_btn.share_more::after { line-height: 20px; margin: 0px 0px 10px 10px; position: relative; width: 60px; height: 60px; background-position: center center; background-repeat: no-repeat; background-size: 60px; cursor: pointer; display: inline-block; }
.share_box .share_btn.share_wechat { background-image: url("../images/share_wechat.png"); }
.share_box .share_btn.share_sina { background-image: url("../images/share_sina.png"); }
.share_box .share_btn.share_qzone { background-image: url("../images/share_qzone.png"); }
.share_box .share_btn.share_copy { background-image: url("../images/share_copy.png"); }
.share_box .share_btn.share_more::after { content: ""; background-image: url("../images/share_more.png"); position: absolute; border: 0px; left: 0px; margin: 0px; }
.share_box .share_btn.share_twitter { background-image: url("../images/share_twitter.png"); }
.share_box .share_btn.share_facebook { background-image: url("../images/share_facebook.png"); }
.share_box .share_btn.share_linkedin { background-image: url("../images/shareto_linkedin.png"); }
.share_box .share_btn:last-child { }
.share_box .share_btn .alert_box { position: absolute; top: 100%; right: 0%; padding: 6px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 16px; display: none;z-index: 2;}
.share_box canvas { display: block; }
.share_box .share_more .alert_box { background: rgb(255, 255, 255); font-size: 0px; line-height: 0; padding: 0px 0px 52px; bottom: 0px; border-radius: 30px; }
.share_box .share_more .share_btn { margin: 0px; border: 0px; border-radius: 0px; }
.share_box .share_btn:hover .alert_box { display: block; }
@media screen and (max-width: 1280px) {
  .share_box { position: static; }
  .share_box span { margin: 0px 0px 6px; }
  .share_box .share_btn, .share_box .share_btn.share_more::after {}
  .share_box .share_btn .alert_box { left: 0px; top: auto; bottom: 100%; }
}

.sub_01a{margin: 0 0 65px;}
.sub_01a ul{margin: 0 0 -20px -30px;}
.sub_01a li{width: 33.3%;}
.sub_01a .item{margin: 0 0 20px 30px;padding: 0 10px 10px 0;position: relative;}
.sub_01a .item::before{content: '';display: block;position: absolute;left: 10px;right: 0;top: 10px;bottom: 0;border: 1px solid #9b0000;}
.sub_01a .img{position: relative;}
.sub_01a .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 29.5%;z-index: 2;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));}
.sub_01a .title{position: absolute;left: 20px;right: 20px;bottom: 28px;color: #fff;z-index: 3;}

.sub_01b{}
.sub_01b ul{margin: 0 0 -40px -30px;padding: 0 0 0;}
.sub_01b li{width: 50%;}
.sub_01b .item{margin: 0 0 40px 30px;}
.sub_01b .img_box{width: 300px;float: left;}
.sub_01b .info_box{margin: 0 0 0 320px;padding: 25px 0 0;position: relative;border-top: 1px solid #e5e5e5;}
.sub_01b .info_box::before{content: '';display: block;position: absolute;left: 0;top: -1px;width: 60px;height: 3px;background: #9b0000;}
.sub_01b .img{}
.sub_01b .title{margin: 0 0 0;}

.sub_02a{position: relative;overflow: hidden;margin: 0 0 50px;}
.sub_02a ul{margin: 0 0 0 0;}
.sub_02a li{}
.sub_02a .item{margin: 0 0 0;}
.sub_02a .img{position: relative;}
.sub_02a .img::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;height: 29.5%;z-index: 2;background: -webkit-linear-gradient(top, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -o-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: -moz-linear-gradient(bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));background: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.55));}
.sub_02a .title{margin: 0 0 0;color: #fff;padding: 0 0 39px 52px;z-index: 2;position: absolute;left: 30px;right: 30px;bottom: 0;}
.sub_02a .title::after{content: '';display: block;position: absolute;left: 0;top: 4px;width: 30px;height: 30px;background: url(../images/mode02_ico.png) left top no-repeat;}
.sub_02a .title::before{content: '';display: block;width: 1px;position: absolute;left: 12px;top: 12px;bottom: 0;background: #fff;z-index: -1;}
.sub_02a .swiper_menu{text-align: center;font-size: 0;right: 0;z-index: 2;}
.sub_02a .arrow{width: 55px;height: 70px;background: center no-repeat;display: inline-block;margin: 0 0 0 1px;cursor: pointer;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.sub_02a .prev{left: 50px;background-image: url(../images/mode01_prev.png);}
.sub_02a .next{right: 50px;background-image: url(../images/mode01_next.png);}
.sub_02a .prev:hover{background-image: url(../images/mode01_prev2.png);}
.sub_02a .next:hover{background-image: url(../images/mode01_next2.png);}

.sub_02b{}
.sub_02b ul{margin: 0 0 -31px -45px;}
.sub_02b li{width: 33.3%;}
.sub_02b .item{margin: 0 0 28px 45px;}
.sub_02b .title{margin: 13px 0 0;}

.sub_03{position: relative;}
.sub_03 ul{margin: 0 0 -40px -40px;}
.sub_03 li{width: 50%;}
.sub_03 .item{margin: 0 0 40px 40px;position: relative;}
.sub_03 .img_box{border: 5px solid #e0d8bf;position: relative;padding: 45px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03 .border{position: absolute;left: 15px;right: 15px;top: 15px;bottom: 15px;border: 2px solid #e0d8bf;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03 .border::before,.sub_03 .border::after{content: '';display: block;width: 38px;height: 38px;position: absolute;right: 3px;top: 3px;background: url(../images/mode01_bg1.png) center no-repeat;opacity: 0;background-size: cover;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;}
.sub_03 .border::after{background-image: url(../images/mode01_bg2.png);right: auto;top: auto;left: 3px;bottom: 3px;}
.sub_03 .title{margin: 12px 0 0;text-align: center;}

.sub_03 .item:hover .img_box,.sub_03 .item:hover .border{border-color: #7e2e20;}
.sub_03 .item:hover .border::before,.sub_03 .item:hover .border::after{opacity: 1;}

.sub_05{overflow: hidden;margin: 0 0 0 -40px;}
.sub_05 .box{width: 33.3%;float: left;}
.sub_05 .item{margin: 0 0 40px 40px;border-bottom: 1px solid #e5e5e5;}
.sub_05 .item:last-child{margin-bottom: 0;}
.sub_05 img{display: block;width: 100%;}
.sub_05 .title{padding: 15px 0;}
.sub_05 .item:hover{border-bottom: 1px solid #9b0000;}

.sub_06a{position: relative;overflow: hidden;}
.sub_06a .swiper_menu{text-align: center;font-size: 0;right: 0;z-index: 2;}
.sub_06a .arrow{width: 55px;height: 70px;background: center no-repeat;display: inline-block;margin: 0 0 0 1px;cursor: pointer;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.sub_06a .prev{left: 30px;background-image: url(../images/sub06a_prev.png);}
.sub_06a .next{right: 30px;background-image: url(../images/sub06a_next.png);}
.sub_06a img{width: 100%;display: block;margin: 0 auto;}

.sub_06b{position: relative;padding: 30px 5px;background: #fff;margin: -105px 35px 0;overflow: hidden;z-index: 2;}
.sub_06b .item{padding: 0 5px;}
.sub_06b .img{position: relative;top: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0);}

.sub_06b .swiper-slide-thumb-active .img{top: -20px;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);}
.sub_06b .swiper_menu{text-align: center;font-size: 0;right: 0;z-index: 2;}
.sub_06b .arrow{width: 10px;height: 16px;background: center no-repeat;display: inline-block;margin: 0 0 0 1px;cursor: pointer;background-size: cover;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;}
.sub_06b .prev{left: 20px;background-image: url(../images/sub06b_prev.png);}
.sub_06b .next{right: 20px;background-image: url(../images/sub06b_next.png);}

.sub_06b .img::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0);background: -webkit-linear-gradient(left, #000 , rgba(0,0,0,0));background: -o-linear-gradient(right, #000, rgba(0,0,0,0));background: -moz-linear-gradient(right, #000, rgba(0,0,0,0));background: linear-gradient(to right, #000 , rgba(0,0,0,0));z-index: 2;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;opacity: 0;}
.sub_06b .img::after{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0);background: -webkit-linear-gradient(right, #000 , rgba(0,0,0,0));background: -o-linear-gradient(left, #000, rgba(0,0,0,0));background: -moz-linear-gradient(left, #000, rgba(0,0,0,0));background: linear-gradient(to left, #000 , rgba(0,0,0,0));z-index: 2;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;opacity: 0;}
.sub_06b .swiper-slide.first .img::before,.sub_06b .swiper-slide.last .img::after{opacity: .55;}

.sub_06c{margin: 0 0 0 0;}
.sub_06c .title{margin: 0 0 33px;}
.sub_06c .title span{display: inline-block;padding: 27px 0 23px;border-bottom: 1px solid #b7a87b;font-weight: bold;}

.sub_07{padding: 20px;border: 1px solid #dcdcdc;}
.sub_07a{background: url(../images/sub07_bg.png) center no-repeat;background-size: cover;position: relative;}
.sub_07a .img{padding-bottom: 61.5%;position: relative;}
.sub_07a .img img{position: absolute;width: auto;left: 50%;transform: translateX(-50%) !important;top: 0;height: 100%;}
.sub_07a .num{position: absolute;left: 50%;transform: translateX(-50%);bottom: 8px;color: #fff;z-index: 2;font-size: 16px;}

.sub_07b{margin: 10px -5px 0;position: relative;padding: 0;}
.sub_07b .img{padding-bottom: 133.3%;}
.sub_07b .swiper-slide-thumb-active .img{box-shadow: initial;top: 0;}

.sub_07c .title{text-align: center;color: #fff;font-weight: bold;background: url(../images/sub07_title.png) center no-repeat #9b0000;background-size: cover;line-height: 1.8em;padding: 20px 0;}

.sub_07b .swiper-slide.first .img::before,.sub_07b .swiper-slide.last .img::after{opacity: 0;}

.sub_07b::before{content: '';display: block;position: absolute;left: 5px;top: 0;width: 10%;height: 100%;background:rgba(0,0,0,0);background: -webkit-linear-gradient(left, #000 , rgba(0,0,0,0));background: -o-linear-gradient(right, #000, rgba(0,0,0,0));background: -moz-linear-gradient(right, #000, rgba(0,0,0,0));background: linear-gradient(to right, #000 , rgba(0,0,0,0));z-index: 2;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;opacity: 0.55;pointer-events: none;}
.sub_07b::after{content: '';display: block;position: absolute;right: 5px;top: 0;width: 10%;height: 100%;background:rgba(0,0,0,0);background: -webkit-linear-gradient(right, #000 , rgba(0,0,0,0));background: -o-linear-gradient(left, #000, rgba(0,0,0,0));background: -moz-linear-gradient(left, #000, rgba(0,0,0,0));background: linear-gradient(to left, #000 , rgba(0,0,0,0));z-index: 2;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;opacity: 0.55;pointer-events: none;}


@media screen and (max-width: 1640px){
  .sub_02a .arrow{width: 33px;height: 42px;}
  
	.sub_03{}
	.sub_03 .title{margin: 10px 0 0;}

  .sub_06a .arrow{width: 33px;height: 42px;}
  .sub_06a .prev{left: 20px;}
  .sub_06a .next{right: 20px;}
  
}

@media screen and (max-width: 1480px) {
  .sub_01a{margin: 0 0 40px;}
  .sub_01b ul{margin: 0 0 -30px -20px;}
  .sub_01b .item{margin: 0 0 30px 20px;}
  .sub_01b .img_box{width: 240px;}
  .sub_01b .info_box{margin: 0 0 0 260px;padding: 20px 0 0;}

  .sub_02a .prev{left: 20px;}
  .sub_02a .next{right: 20px;}
  .sub_02a .title{padding-bottom: 20px;}

  .sub_06b{margin: 0 10px;padding: 25px 0 10px;}

}
@media screen and (max-width: 1280px) {
  
	.sub_03 .img_box{padding: 24px;}
	.sub_03 .border{left: 10px;right: 10px;top: 10px;bottom: 10px;}
	.sub_03 .border::before, .sub_03 .border::after{width: 16px;height: 16px;}
  
}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 992px) {
  .sub_01a ul{margin: 0 0 -20px -12px;}
  .sub_01a .item{margin: 0 0 20px 12px;}
  
  .sub_01b li{width: 100%;}

  .sub_02a{margin: 0 0 30px;}
  
  .sub_02b .title{margin: 6px 0 0;}

  .sub_03 ul{margin: 0 0 -24px -40px;}
  .sub_03 .item{margin: 0 0 24px 40px;}

  .sub_05{margin: 0 0 0 -24px;}
  .sub_05 .item{margin: 0 0 24px 24px;}
  .sub_05 .title{padding: 5px 0;line-height: 1.8em;}

  .sub_06b{width: 1px;padding: 0;margin: 0;}
  .sub_06c .title span{padding: 15px 0 10px;}
  .sub_06c .title{margin: 0 0 20px;}
}
@media screen and (max-width: 800px) {


}
@media screen and (max-width: 767px) {
  .sub_01a{margin: 0 0 20px;}
  .sub_01a li{width: 100%;}

  .sub_01b .img_box{width: auto;float: none;}
  .sub_01b .info_box{margin: 0;padding: 10px 0 0;}
  .sub_01b .title{line-height: 1.8em;-webkit-line-clamp: initial;height: auto;}
 
  .sub_02a .title{display: none;}

  .sub_02b ul{margin: 0 0 -20px -45px;}
  .sub_02b li{width: 100%;}
  .sub_02b .item{margin: 0 0 15px 45px;}

  .sub_03 li{width: 100%;}
  .sub_03 .title{margin: 5px 0 0;}

  .sub_05 .box{width: 50%;}

  .sub_07{padding: 5px;}
  .sub_07a .img{padding-bottom: 100%;}
  .sub_07a .prev{left: 0;}
  .sub_07a .next{right: 0;}

}
@media screen and (max-width: 479px) {
  .sub_05 .box{width: 100%;}


}
@media screen and (max-width: 413px) {

}