@charset "utf-8";
#layer_popup {text-align:center; position:absolute; top: 0; left: 0;padding-bottom: 23px;background: #000; border: 3px solid #000; z-index: 99999; }
#layer_popup .img{padding-bottom:3px}
#layer_popup .img img{display:inline-block}
#layer_popup .close div{float:left; text-align:right;}
#layer_popup #check{font-size:14px; color: #fff; position:absolute; bottom:1px; right:45px; }
#layer_popup #close{font-size:16px; font-weight: bold; position:absolute; bottom:2px; right:0; }
#layer_popup #close a { color:#000; padding:3px 5px 3px 8px; background: #fff; }

.popup_layer{display: none;}

/* Main Slider */
.visual {background: url(/scart/common/images/main/visual-bg.png) no-repeat;padding: 170px 0 0 0;background-size: cover;}

#main_slider {position:relative;width: 1200px;height:620px;margin: 0 auto;overflow:hidden;}
#main_slider_ul li {display: inline-block;margin-right: 55px;width: 360px;height: 509px;overflow: hidden;position: relative;}

#mobile_slider{display:none}
ul#main_slider_ul {width: 1500px;}


.ctrl {position: absolute;top: 370px;width: 100%;}
.ctrl .button {width: 1500px;margin:0 auto;position: relative;}
.ctrl .button a {position: absolute;}
.ctrl .button a.prev {left: 0;}
.ctrl .button a.next {right: 0;}

ul.num{margin: 0 auto;position: relative;top: 400px;display: table;}
ul.num>li{display: table-cell; padding: 0 6px;}
ul.num>li>a {display: block;width: 18px;height: 18px;border-radius: 30px;background: #fff;font-size: 0;}
ul.num>li.on>a{background: #d09d24; width: 55px;}

.section01 {background: #cfccc9;height: 310px;overflow: hidden;}
.section01:after {content: '';display: block;clear: both;}
.section01 .inner {width: auto;}
.section01 .left {float: left;width: 40.9%;background: url(/scart/common/images/main/bg-left.png) no-repeat 100% 0;}
.section01 .right {float: left;width: 59%;background: url(/scart/common/images/main/bg-right.png);height: 310px;}
.section01 .left .inner {width: 400px;float: right;padding: 30px 0;}

.section01 .left ul.ico {width: 375px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.section01 .left ul.ico:after {content: '';display: block;clear: both;}
.section01 .left ul.ico>li {float: left;border-left: 1px solid #fff;border-top: 1px solid #fff;}
.section01 .left ul.ico>li>a {display: block;width: 124px;height:35px;/*color:#fff;font-size:17px;*/text-align: center;padding: 90px 0 0 0;}
.section01 .left ul.ico>li.ico01>a{background: url(/scart/common/images/main/ico01.png) no-repeat center 30% #a68d7c;}
.section01 .left ul.ico>li.ico02>a{background: url(/scart/common/images/main/ico02.png) no-repeat center 30% #968980;}
.section01 .left ul.ico>li.ico03>a{background: url(/scart/common/images/main/ico03.png) no-repeat center 30% #a68d7c;}
.section01 .left ul.ico>li.ico04>a{background: url(/scart/common/images/main/ico04.png) no-repeat center 30% #968980;}
.section01 .left ul.ico>li.ico05>a{background: url(/scart/common/images/main/ico05.png) no-repeat center 30% #a68d7c;}
.section01 .left ul.ico>li.ico06>a{background: url(/scart/common/images/main/ico06.png) no-repeat center 30% #968980;}

.section01 .right .inner{width: 838px;margin: 0;} 
.section01 .right .tit {width: 425px;float: right;font-size: 38px;line-height: 170%;text-align: center;color: #67411d;padding: 44px 0 0;}
.section01 .right .tit span {font-size: 18px;display: block;line-height: 100%;color: #353535;}

.section01 ul.art {width: 430px;float: right;display:flex;justify-content:space-between;padding: 26px 0px;}
.section01 ul.art>li {display: table-cell;}
.section01 ul.art>li>a {display: block;text-align: center;margin: 0 5px;}
.section01 ul.art>li>a>span {display: table-cell;width: 90px;height: 80px;background: #dcdcdc;border-radius: 50%;padding: 8px;vertical-align: middle;}
.section01 ul.art>li>a>em {display: block;padding: 17px 0 0 0;}
.section01 .right .inner:after {content: '';display: block;clear: both;}

.section02 {padding: 50px 0;}
.section02 .inner:after{content:'';display:block;clear:both;}
.section02 .notice {display: block;float: left;width: 600px;}
.section02 .notice .tit {font-size: 24px;line-height: 100%;padding: 0 0 30px 0;font-weight: bold;}
.section02 .notice ul.article>li {padding: 10px 0 10px 15px;font-size: 18px;position: relative;overflow: hidden;}
.section02 .notice ul.article>li a{display:block;width:85%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.section02 .notice ul.article>li:before {content: '';display: block;background: #bbbabb;width: 5px;height: 5px;border-radius: 10px;position: absolute;left: 0;top: 14px;}
.section02 .notice ul.article>li span.date {float: right;font-size: 14px;color: #666;}

.section02 .box-banner {display: block;width: 526px;float: right;}
.section02 .box-banner>ul>li {display: inline-block;width: 256px;height: 255px;/* padding: 22px; */}
.section02 .box-banner>ul>li.box01 {background: url(/scart/common/images/main/box03.png) no-repeat;}
.section02 .box-banner>ul>li.box02 {background: url(/scart/common/images/main/box02.png) no-repeat;margin-left: 10px;}
.section02 .box-banner>ul>li>.inbox {padding: 22px;}
.section02 .box-banner>ul>li .stit {font-size: 24px;font-weight: bold;line-height: 160%;}
.section02 .box-banner>ul>li p {font-size: 17px;color: #666;}
.section02 .box-banner>ul>li a.link {display: inline-block;border: 1px solid #666;padding: 10px 25px;margin-top: 20px;font-size: 14px;color: #4c4c4c;}
#main_slider_ul li:hover .pop-con {position: absolute;z-index: 10;border: 10px solid rgba(0, 0, 0, 0.85);background: rgba(0, 0, 0, 0.85);box-sizing: border-box;transition:all .3s;}
#main_slider_ul li img {position: absolute;z-index: 1;}
#main_slider_ul li:hover img {z-index: 0;}
#main_slider_ul li .pop-con {position: absolute;width: 360px;height: 509px;z-index: 0;}
#main_slider_ul li .pop-con .tit {font-size: 30px;color: #fef9c7;line-height: 130%;text-align: center;letter-spacing: -0.085em;}
#main_slider_ul li .pop-con .inbox {padding: 40px 30px;display: table-cell;vertical-align: middle;height: 409px;width:350px;}
#main_slider_ul li .pop-con p.con1 {font-size: 20px;color: #fff;text-align: center;padding: 20px 0;}
#main_slider_ul li .pop-con p.con2 {font-size: 17px;color: #d5fec7;text-align: center;padding: 20px 0;line-height: 150%;}
#main_slider_ul li .pop-con .link{text-align: center;}
#main_slider_ul li .pop-con .link>a{font-size: 17px;color:#fff;display:inline-block;padding:10px;width: 40%;text-align: center;border: 1px solid #fff;}

#main_slider > .bx-wrapper{border:none !important;background:none !important}

.bx-pager.bx-default-pager{text-align:center !important;width:100% !important; position:relative !important}
.bx-pager > .bx-pager-item > a{width:18px !important;height:18px !important;background:#fff !important;border-radius:30px !important;}
.bx-pager > .bx-pager-item > a.active { background: #d09d24 !important;width: 55px !important;}


.bx-wrapper{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}


.noPerformance{width:50%;margin:0 auto;}