@charset "utf-8";

/*** Main_Common ***/

/* Main Visual */
.mv_sec {position:relative;padding: 60px 0;background-color: #f9f9f9;}
.mv_sec .wrap {position: relative;box-shadow:0 0 20px rgba(0,0,0,0.05)}

.mv_sec .mv_list .item .mv_info {position:absolute;right: 0;top: 0;z-index: 1;width: 368px;height: 155px;box-sizing:border-box;padding: 30px 45px;background-color: #d71921;color: #fff;}
.mv_sec .mv_list .item .mv_info:before {display: block;content: '';position: absolute;left: -21px;top: 50%;width: 21px;height: 25px;margin-top: -12px;box-sizing:border-box;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 21px solid #d71921;}
.mv_sec .mv_list .item .mv_info .t1 {margin-top: -5px;font-size: 19px;font-weight: 500;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mv_sec .mv_list .item .mv_info .t2 {margin-top: 13px;font-size: 16px;line-height: 28px;opacity: 0.6;height: 112px;overflow: hidden;word-break:keep-all;}
.mv_sec .mv_list .item .mv_info .t3 {margin-top: 14px;font-size: 16px;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mv_sec .mv_list .item .img {position: relative;width: 912px;height: 620px;overflow: hidden;background-color: #fff;box-sizing:border-box;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;}
.mv_sec .mv_list .item .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: auto;height: auto;max-width: 100%;max-height: 100%;transition:3s}

.mv_sec .owl-theme .owl-nav {margin-top: 0;position: absolute;top: 50%;left: 0;width: 100%;height: 0;}
.mv_sec .owl-theme .owl-nav [class*=owl-] {display: block;position: absolute;text-indent: -99999px;width: 56px;height: 56px;padding: 0;margin: 0;margin-top: -28px;border-radius:50%;transition:0.3s;}
.mv_sec .owl-theme .owl-nav .owl-prev {top: 0;left: -115px;background:#fff url(../../images/main/mv_prev.png) no-repeat center center;background-size:100%;}
.mv_sec .owl-theme .owl-nav .owl-next {top: 0;left:auto;right: -115px;background:#fff url(../../images/main/mv_next.png) no-repeat center center;background-size:100%;}
.mv_sec .owl-theme .owl-nav .owl-prev:hover {background:#d71921 url(../../images/main/mv_prev.png) no-repeat center center;background-size:100%;}
.mv_sec .owl-theme .owl-nav .owl-next:hover {background:#d71921 url(../../images/main/mv_next.png) no-repeat center center;background-size:100%;}

.mv_sec .mv_notice {position: absolute;right: 0;bottom: 0;z-index: 1;width: 368px;}
.mv_sec .mv_notice li {background-color: #fff;}
.mv_sec .mv_notice li a {height: 155px;box-sizing:border-box;padding: 35px 45px;border: 1px solid #e7e6e6;}
.mv_sec .mv_notice li.one a {height: 468px;}
.mv_sec .mv_notice li:last-child a {border-top: 0;}
.mv_sec .mv_notice li a .t1 {font-size: 18px;line-height: 24px;color: #333;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mv_sec .mv_notice li a .t1 span {display: inline-block;width: 43px;height: 24px;font-size: 13px;line-height: 22px;font-weight: 500;text-align: center;vertical-align: top;color: #d71921;margin-right: 11px;box-sizing:border-box;border: 1px solid #d71921;border-radius:12px;}
.mv_sec .mv_notice li a .t2 {margin-top: 7px;font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;word-break:keep-all;}
.mv_sec .mv_notice li a:hover .t2 {text-decoration: underline;}



/* Main Sec */ 
.mctit {position: relative;margin-bottom: 33px;font-size: 30px;line-height: 28px;font-weight: 500;color: #333;}
.mctit .link {display: inline-block;font-size: 30px;line-height: 28px;font-weight: 500;color: #333;}
.mctit .more {position: absolute;top: 0;right: 0;width: 28px;height: 28px;box-sizing:border-box;border: 1px solid #bfb9b9;border-radius:50%;background: url(../../images/main/mc_plus.png) no-repeat center center;}

.marti {padding: 70px 0;}

.tabs {display: table;width: 100%;table-layout: fixed;background-color: #fafafa;}
.tabs a {display: table-cell;position: relative;z-index: 1;vertical-align: middle;text-align: center;font-size: 16px;line-height: 1.5;color: #999;box-sizing:border-box;padding:0 20px 2px;border-top: 2px solid #fafafa;word-break:keep-all;transition:0.3s;}
.tabs a:before,
.tabs a:after {display: block;content: '';position: absolute;top: 31px;width: 3px;height: 6px;z-index: -1;transition:0.3s;}
.tabs a:before {right: 100%;background: url(../../images/main/tab_dot.png) no-repeat center left;background-size:auto 100%;}
.tabs a:after {left: 100%;background: url(../../images/main/tab_dot.png) no-repeat center right;background-size:auto 100%;}
.tabs a:first-child:before,
.tabs a:last-child:after {display: none;}

.tabs a.current,
.tabs a:hover {z-index: 2;color: #d71921;border-top-color: #d71921;background-color: #fff;}
.tabs a.current:before,
.tabs a:hover:before {opacity: 0;}
.tabs a.current:after,
.tabs a:hover:after {opacity: 0;}
.tab_cons {position: relative;overflow: hidden;}
.tab_cons > li {position:absolute;top:0;left:0;width:100%;height: 245px;box-sizing:border-box;padding: 32px 45px 33px;background-color: #fff;opacity:0;transform:translateY(100px);transition:all .3s;}
.tab_cons > li.current {position:relative;z-index:1;opacity:1;transform:translateY(0);}
.tab_cons > li > ul > li {font-size: 16px;line-height: 36px;}
.tab_cons > li > ul > li:after {display: block;content: '';clear: both;}
.tab_cons > li > ul > li a,
.tab_cons > li > ul > li span {display: block;float: left;}
.tab_cons > li > ul > li a {width: 66%;box-sizing:border-box;padding-left: 23px;position: relative;color: #666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: left;}
.tab_cons > li > ul > li a:before {display: block;content: '';position: absolute;left: 0;top: 50%;width: 8px;height: 3px;margin-top: -1px;background-color: #d71921;}
.tab_cons > li > ul > li span {text-align: center;}
.tab_cons > li > ul > li span.r1 {width: 20%;color: #666;}
.tab_cons > li > ul > li span.r2 {width: 14%;color: #999;}

.tab_cons > li > ul > li a:hover {text-decoration: underline;}

.marti01 {background-color: #f8f8f8;}
.marti01 .fl {width: 32.96%;}
.marti01 .fl .img {position: relative;height: 318px;width: 100%;background-color: #000;box-shadow:0 0 20px rgba(0,0,0,0.05)}
.marti01 .fl .img img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;}
.marti01 .fl .img .ov {position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 1;background-color: rgba(0,0,0,0.5);font-size: 18px;color: #fff;opacity: 0;transition:0.3s;}
.marti01 .fl .img .ov .stc {height: 318px;}
.marti01 .fl .img a:hover .ov {opacity: 1;}

.marti01 .fr {width: 62.73%;}
.marti01 .fr .tab_area {box-shadow:0 0 20px rgba(0,0,0,0.05)}
.marti01 .fr .tab_area .tabs a {height: 73px;}


.marti02 .stc-ml {padding: 44px 50px;border-top: 1px solid #d71921;background-color: #fff;box-shadow:0 0 20px rgba(0,0,0,0.03);transition:0.3s;}
.marti02 .stc-ml h5 {font-size: 18px;font-weight: 400;line-height: 1;color: #d71921;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:0.3s;}
.marti02 .stc-ml p {margin-top: 15px;font-size: 16px;line-height: 28px;height: 56px;overflow: hidden;color: #666;transition:0.3s;}
.marti02 .stc-ml span {margin-top: 23px;display: block;position: relative;padding-left: 20px;font-size: 16px;line-height: 14px;color: #999;transition:0.3s;}
.marti02 .stc-ml span i {display: block;position: absolute;top: 0;left: 0;width: 14px;height: 15px;background: url(../../images/main/mc2_clock.png) no-repeat center center;background-size:auto 100%;transition:0.3s;}
.marti02 .stc-ml span i:after {display: block;content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../../images/main/mc2_clock_ov.png) no-repeat center center;background-size:auto 100%;opacity: 0;transition:0.3s;}

.marti02 .stc-ml:hover {background-color: #d71921;}
.marti02 .stc-ml:hover h5 {color: #fff;}
.marti02 .stc-ml:hover p {color: #fff;text-decoration: underline;opacity: 0.7;}
.marti02 .stc-ml:hover span {color: #fff;}
.marti02 .stc-ml:hover span i {background: none;}
.marti02 .stc-ml:hover span i:after {opacity: 1;}


.marti03 ul li {float: left;width: 23.2%;margin-left: 2.4%;margin-top: 2.4%;}
.marti03 ul li:nth-child(4n+1) {clear:both;margin-left: 0;}
.marti03 ul li .img {position: relative;height: 297px;}
.marti03 ul li img {display: block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;}
.marti03 ul li p {position: relative;font-size: 18px;line-height: 4;text-align: center;color: #333;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.marti03 ul li p:before,
.marti03 ul li p:after {display: block;content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: #ddd;z-index: 1;}
.marti03 ul li p:after {left: 50%;width: 0;background-color: #000;transition:0.3s;}

.marti03 ul li a:hover p:after {left: 0;width: 100%;}


.marti04 {background-color: #f4f4f4;}
.marti04 .fl {width: 50%;}
.marti04 .fl .tab_area {box-shadow:0 0 20px rgba(0,0,0,0.05)}
.marti04 .fl .tab_area .tabs a {height: 55px;}
.marti04 .fl .tab_area .tabs a:before,
.marti04 .fl .tab_area .tabs a:after {top: 22px;}
.marti04 .fl .tab_area .tab_cons > li {padding: 30px 45px;}
.marti04 .fr {width: 45.78%;}
.marti04 .fr > .stb > .stc {height: 300px;background: url(../../images/main/mc4_bg1.jpg) no-repeat center center;}
.marti04 .fr > .stb > .stc > p {display: inline-block;position: relative;padding-bottom: 23px;margin-bottom: 26px;font-size: 22px;line-height: 1;color: #fff;padding-left: 40px;background: url(../../images/main/mc4_email.png) no-repeat left 3px;}
.marti04 .fr > .stb > .stc > p:before {display: block;content: '';position: absolute;bottom: 0;left: -30%;width: 160%;height: 1px;background-color: rgba(255,255,255,0.2);;}
.marti04 .fr > .stb > .stc ul li {display: inline-block;margin-right: 7px;}
.marti04 .fr > .stb > .stc ul li:nth-child(2) {margin-right: 18px;}
.marti04 .fr > .stb > .stc ul li:last-child {margin-right: 0;}
.marti04 .fr > .stb > .stc ul li a {width: 100px;background-color: rgba(255,255,255,0.15);color: #fff;line-height: 1.62;border-radius:50%;transition:0.3s;}
.marti04 .fr > .stb > .stc ul li a .stc {height: 100px;}

.marti04 .fr > .stb > .stc ul li a:hover {background-color: rgba(255,255,255,0.15);color: rgba(255,255,255,0.6);}