@charset "utf-8";

.center_1{max-width:1400px; margin: 0 auto;}
/*** Main_Common ***/
.main_wrap{position: relative; }

.main_txt_box{position: absolute; width: 100%; left: 0; top: 40%;}
.main_txt_box_wrap{position: relative; max-width:1400px; margin: 0 auto;}
.main_txt_box_wrap h3 img{width: auto;}
.main_txt_box_wrap .main_v_p{font-size: 20px; color: #fff; line-height: 32px; font-weight: 300; padding-top: 1.2em; text-shadow:0 0 3px rgba(0,0,0,0.4)}

.main_icon_wrap{position: absolute; width: 100%; right: 0; top: 0;}
.main_icon{position: relative; max-width:1400px; margin: 0 auto; }
.main_icon ul{float: right; padding-top: 11%;}
.hover_img{display: none !important; display: block; text-align: center; margin: 0 auto;}
.main_icon ul li{text-align: center; width: 80px; height: 80px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background: #fff; margin-bottom: 20px; transition:.3s;}
.main_icon ul li figure{padding-top: 10px; text-align: center;}
.main_icon ul li figure figcaption{font-size: 12px; color: #505050; line-height: 15px;}
.main_icon ul li img{width: auto; display: block; margin: 0 auto;}
.main_icon ul li:hover{background: #f47920;}
.main_icon ul li:hover figure figcaption{color: #fff;}
.main_icon ul li:hover img{display: none !important;}
.main_icon ul li:hover .hover_img{display: block !important; }

.main_cnt_box_wrap{background: #f3f3f3; overflow: hidden; padding: 100px 0;}
.main_cnt{float: left; width: 23%; margin-right: 2.666%;}
.main_cnt:last-of-type{margin-right: 0;}
.main_cnt4{margin-right: 0;}
.main_cnt span {display: block; background: #8b8989; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width: 100px; margin-top: 20px;}

.main_cnt span{display: block; font-size: 14px; line-height: 25px; text-align: center; color: #fff; font-weight: 300;}
.main_cnt h5{font-size: 15px; color: #303030; font-weight: 400; padding-top: 8px;}

.pager_box{position: absolute;max-width:50px; bottom: 0; display: block; z-index: 111;}
.pager{ }
.pager_box{left: 50%; }
.color_2{color: #909090;}

.main_cnt_box_wrap2{padding: 80px 0; overflow: hidden;}
.main_cnt_box_wrap2 article{float: left; margin-right: 3.1666%;}

.main_cnt_b1{width: 35.7%;}
.main_cnt_b1 .main_cnt_b1_t{overflow: hidden; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.main_cnt_b1 .main_cnt_b1_t ul li{float: left; width: 148px; line-height: 53px; -webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #dbdbdb;font-size: 17px; color: #505050; font-weight: 500; text-align: center; margin-right: 3px; transition:.3s; cursor: pointer; border-bottom: 0;}
.main_cnt_b1 .main_cnt_b1_t ul li:hover, .main_cnt_b1 .main_cnt_b1_t ul li.on{background: #231f20; border: 1px solid #231f20; border-bottom: 1px solid #dbdbdb; color: #fff; border-bottom: 0;}
.main_cnt_b1 .main_cnt_b1_t span{display: block; float: right; padding-top: 20px; width: 50px;}
.main_cnt_b1 .main_cnt_b1_t span.more2{display: none;}
.main_cnt_b1 .main_cnt_b1_t span a {display: block; font-size: 14px; color: #909090; }
.main_cnt_b1_b{overflow: hidden;}
.main_cnt_b1_b figure{float: left; width: 149px; height: 149px;}
.main_cnt_b1_b_txt{float: left; padding-left: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 350px;}
.main_cnt_b1_b_txt h3{font-size: 16px; color: #303030; font-weight: 500; padding: 5px 0 8px;}
.main_cnt_b1_b_txt p{font-size: 15px; color: #505050; line-height: 27px; height: 80px; overflow: hidden;}
.main_cnt_b1_b_txt span{display: block; font-size: 15px; color: #909090; text-align: right;}
.main_cnt_b1_b{margin-bottom: 21px;}
.main_cnt_b1_b2{margin-bottom: 0;}
.main_notice_wrap2{display: none;}
.main_cnt_b2 {width: 28.9%;}
.main_cnt_b2 > div a{color: #fff;}
.main_cnt_b2 > div {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.main_cnt_b2 .main_cnt_b2_1{background: #3597df;}
.main_cnt_b2 .main_cnt_b2_2{background: #46ce88;}
.main_cnt_b2 > div a{color: #fff; display: block;padding: 22px 25px;}
.main_cnt_b2 > div > a {}
.main_cnt_b2 > div > a > p{font-size: 14px; font-weight: 300;}
.main_cnt_b2 > div > a > h4{position: relative;font-size: 21px; font-weight: 400; padding-top: 20px; line-height: 33px;}
.main_cnt_b2 > div > a > h4:after{position: absolute; content:''; width: 78px; height: 105px; background: url(../../images/main/main_cnt2_icon1_1.png) 0 0 no-repeat; right: 0; top: 0;}
.main_cnt_b2 .main_cnt_b2_2 > a h4:after{position: absolute; content:''; width: 110px; height: 105px; background: url(../../images/main/main_cnt2_icon1_2.png) 0 0 no-repeat; right: 0; top: 0;}
.main_cnt_b2 > div > a > span{position: relative;display: inline-block; color: rgba(255,255,255,0.7); margin-top: 22px; font-weight: 300; padding-right: 10px;}
.main_cnt_b2 > div > a > span:after{position: absolute; content:'▶'; color: rgba(255,255,255,0.7); font-size: 4px; right: 2px; top: 2px;     position: absolute;content: '▶'; color: rgba(255,255,255,0.7);font-size: 4px; right: -6px; top:1px;}
.facebook{width: 28.9%; height: 401px; border: 1px solid #dbdbdb; overflow: hidden; margin-right: 0 !important;}













