/* main */
.content_main {overflow:hidden; /*position:relative;*/  width:100%;  padding:0; margin:0 auto; z-index:1;}
.content_main:after{display:block;clear:both;content:'';}

.slider1 .slide {height:493px; display: block; padding:0; text-align: left; box-sizing: border-box;  }
/* .bn_main01 {background: url("../image/main/bn_main01.jpg") no-repeat center center; background-size:cover} 
.bn_main02 {background: url("../image/main/bn_main02.jpg") no-repeat center center; background-size:cover} 
.bn_main03 {background: url("../image/main/bn_main03.jpg") no-repeat center center; background-size:cover} 
.bn_main04 {background: url("../image/main/bn_main04.jpg") no-repeat center center; background-size:cover}  */
.main_top {position:relative; margin:0 0 79px}
.main_top .bx-viewport {overflow: visible !important; background:none}
.main_top_bg {position:absolute; width:100%; height:493px; background: url("../image/main/bn_main01.jpg") no-repeat center center; background-size:cover}

.main_top .slide > div.txt {display: block; position: absolute; top:284px; left: 50%; z-index: 1; width:590px; height:247px; margin-left:-605px; padding:36px 40px 0 40px; opacity: 1; box-sizing: border-box; transition: all 1s ease;background: url("../image/main/bg_box01.jpg") no-repeat center center; background-size:cover}
.main_top .slide > div.txt .date {display: block; font-size:13px; line-height:14px; color:#fff;} 
.main_top .slide > div.txt strong {display: block; margin:25px 0 34px; font-size:29px; line-height:40px; word-break: keep-all;color:#fff; letter-spacing: -1px}
.main_top .slide > div.txt a {position: relative; display: inline-block; width:100px; padding:10px 0; font-size:13px; line-height:14px; color:#fff;} 
.main_top .slide > div.txt a::after {content:""; position: absolute; top:13px; left: 68px; display: block; width:25px; height: 9px; background: url("../image/main/arrow01.png") no-repeat center center / cover }
.main_top .bx-wrapper .bx-controls.bx-has-pager .bx-pager {position: absolute; top:468px; left: 50%; margin-left:-155px; font-size: 30px; line-height: 30px;color:#fff; font-weight: 600; }
.main_top .bx-wrapper .bx-controls.bx-has-pager .bx-pager span {font-weight: normal; font-size: 13px; line-height: 30px; opacity: .5 }
.main_top .bx-wrapper .bx-controls-direction {position: absolute; top:485px; left: 50%; margin: 0 0 0 -96px;}
.main_top .bx-wrapper .bx-controls-direction a {position: absolute; width: 9px;height: 12px;}
.main_top .bx-wrapper .bx-controls-direction a.bx-prev { left:0px ; background: url(../image/main/bt_prev.png) no-repeat 0 0 / cover;}
.main_top .bx-wrapper .bx-controls-direction a.bx-next { left:33px ; background: url(../image/main/bt_next.png) no-repeat 0 0 / cover;}
.main_top .bx-controls-auto-item { position: absolute; top:487px; left: 50%; margin: 0 0 0 -78px;}
.main_top .bx-stop {width: 9px;height: 12px; background: url(../image/main/bt_pause.png) no-repeat 0 0 ; display: block;  text-indent: -9999px;}
.main_top .bx-start {width: 9px;height: 12px;background: url(../image/main/bt_play.png) no-repeat 0 0 ; display: none; text-indent: -9999px;}

.mid_area01 {overflow: hidden;}
.mid_area01 .bx-wrapper {padding:0px 0 0;}
.mid_area01 > div {position: relative; float: left; width: 50%; box-sizing: border-box}
.mid_area01 h3 {display: block; margin:0 0 40px; font-size:24px; line-height:26px; color:#072275;}
.mid_area01 li {display: block; position: relative; min-height: 140px;}
.mid_area01 li a {display: block; padding:0 0 0 140px; margin:0 80px 0 0; letter-spacing: -1px; word-break: keep-all}
.mid_area01 li a > img {position: absolute; top: 0; left: 0;width:110px; }
.mid_area01 .box_right li a > img {position: absolute; top: 0; left: 16px;width:73px; height: 108px; border:1px solid #e4e4e4}
.mid_area01 dt {display: block; margin:0 0 5px; font-size:14px; line-height:20px; color:#5659b8; font-weight: 500}/* 0925 */
.mid_area01 dd {display: block; overflow: hidden;margin:0 0 5px; height: 56px; font-size:20px; line-height:26px; color:#000;}/* 0925 */
.mid_area01 dd:last-child {height:auto; font-size:14px; line-height:16px; color:#666; font-weight:normal;}/* 0925 */
.mid_area01 dd:last-child span {margin: 0 0 0 20px; }/* 0925 */
.mid_area01 .bx-wrapper .bx-controls.bx-has-pager .bx-pager {position: absolute; top:-58px; right: 119px; font-size: 20px; line-height: 20px;color:#333; font-weight: 600; }
.mid_area01 .bx-wrapper .bx-controls.bx-has-pager .bx-pager span {font-weight: normal; font-size: 13px; line-height: 20px; opacity: .5 }
.mid_area01 .bx-wrapper .bx-controls-direction {position: absolute; top:-50px; right: 96px;}
.mid_area01 .bx-wrapper .bx-controls-direction a {position: absolute; width: 8px;height: 11px;}
.mid_area01 .bx-wrapper .bx-controls-direction a.bx-prev { left:0px ; background: url(../image/main/bt_p_prev.png) no-repeat 0 0 / cover;}
.mid_area01 .bx-wrapper .bx-controls-direction a.bx-next { left:33px ; background: url(../image/main/bt_p_next.png) no-repeat 0 0 / cover;}
.mid_area01 .bx-controls-auto-item { position: absolute; top:-50px; right: 71px;}
.mid_area01 .bx-stop {width: 8px;height: 11px; background: url(../image/main/bt_p_pause.png) no-repeat 0 0 ; display: block;  text-indent: -9999px;}
.mid_area01 .bx-start {width: 8px;height: 11px;background: url(../image/main/bt_p_play.png) no-repeat 0 0 ; display: none; text-indent: -9999px;}

/* .mid_area02 {width:100%; height: 441px; margin:20px 0 60px; padding:38px 0 0; box-sizing: border-box; background:#272a33}
.mid_area02 h3 {display: block; margin:0 0 36px; font-size:24px; line-height:26px; color:#fff;}
.mid_area02 ul {overflow: hidden; margin: 0 -10px}
.mid_area02 li {float: left; width: 285px; margin:0 10px}
.mid_area02 li a {float: left; display: block; padding:0; margin:0; word-break: keep-all}
.mid_area02 li a img {width:285px; height: 171px;}
.mid_area02 dt {display: block; margin:0 0 8px; font-size:14px; line-height:16px; color:#6f72f5; font-weight: 500}
.mid_area02 dd {display: block; height: 65px; font-size:18px; line-height:30px; color:#fff;overflow:hidden;}
.mid_area02 dd:last-child {height:auto; margin:5px 0 20px; font-size:13px; line-height:16px; opacity: .5;font-weight:400} */

.mid_area02 {width:100%; height: 441px; margin:20px 0 60px; padding:38px 0 0; box-sizing: border-box; background:#272a33}
.mid_area02 h3 {display: block; margin:0 0 36px; font-size:24px; line-height:26px; color:#fff;}
.mid_area02 ul {overflow: hidden; margin: 0 -10px}
.mid_area02 li {float: left; width: 285px; margin:0 10px; display: block; word-break: keep-all}
.mid_area02 li img {width:285px; height: 171px;}
.mid_area02 dt {display: block; height:16px; margin:0 0 8px; font-size:14px; line-height:16px; color:#6f72f5; font-weight: 500}
.mid_area02 dt a {font-size:14px; line-height:16px; color:#6f72f5; font-weight: 500}
.mid_area02 dd {display: block; height: 65px; font-size:18px; line-height:30px; color:#fff;overflow:hidden;}
.mid_area02 dd a {font-size:18px; line-height:30px; color:#fff;}
.mid_area02 dd:last-child {height:auto; margin:5px 0 20px; font-size:13px; line-height:16px; opacity: .5;font-weight:400}

.mid_area03 {padding:0; margin-top:60px;  box-sizing: border-box;}
.mid_area03 .box_left {margin:0 358px 0 0; padding:0; box-sizing: border-box;}
.mid_area03 h3 {display: block; margin:0 0 36px; font-size:24px; line-height:26px; color:#072275;}

.mid_area03 .ul01 {overflow: hidden; width: 897px; margin:0 0 50px}
.mid_area03 .ul01 > li {position: relative; float: left; width: 50%; padding: 0 55px 0 0; box-sizing: border-box;}
.mid_area03 .ul01 > li a {position: relative; display: block; padding:0 0 5px; margin:0 0 10px 0;box-sizing: border-box; border-bottom:1px solid #e1e1e1}
.mid_area03 .ul01 > li .con_txt {overflow:hidden; display: block; margin:0 0 5px 0; font-size:16px; line-height:26px; color:#111; font-weight: 500; letter-spacing: -.5px; width:100%; white-space: nowrap; text-overflow: ellipsis;}/* 0925 */
.mid_area03 .ul01 > li .con_write {margin:0 10px 0 0; font-size:14px; line-height:24px; color:#666;vertical-align: top; }
.mid_area03 .ul01 > li .con_date {height:auto; font-size:13px; line-height:24px; color:#111; opacity: .5;vertical-align: top; }
.mid_area03 .ul01 > li > a > img {position: absolute; top: 0; left: 0; width:140px; height: 140px;}
.mid_area03 .ul01 > li a.bt_more {position: absolute; top: 0; right: 78px; padding:0; margin:0; border:none;}
.mid_area03 .ul01 > li a.bt_more img {width:20px; height: 20px;}
.mid_area03 .ul01 > li > button {display:block; width: 100%; padding:0 0 5px; margin:0 0 10px 0; box-sizing: border-box; text-align: left; border-bottom:1px solid #e1e1e1}
.mid_area03 .ul01 > li > button > span {position: relative; }
.mid_area03 .ul01 > li > button > span > img {position: absolute; top: 0; left: 0; width:140px; height: 140px;}
.pop_layer2 button.bt_close span {display: block; text-indent: -9999px;}

.mid_area03 .ul02 {overflow: hidden;display: flex; justify-content: space-around; margin:0 0 50px}
.mid_area03 .ul02 li {position: relative; float: left; width: 50%; box-sizing: border-box;}
.mid_area03 .ul02 li a {display: flex; text-align: center; justify-content: center; align-items: center; flex-direction: column; width:180px; height:180px; padding:0;box-sizing: border-box; border-radius:50%; font-size:16px; line-height:22px; color:#fff;font-weight: 500; background: url(../image/main/bg01.png) no-repeat 0 0 / cover;}
.mid_area03 .ul02 li+li a {background: url(../image/main/bg02.png) no-repeat 0 0 / cover;}
.mid_area03 .ul02 li+li+li a {background: url(../image/main/bg03.png) no-repeat 0 0 / cover;}
.mid_area03 .ul02 li+li+li+li a {background: url(../image/main/bg04.png) no-repeat 0 0 / cover;}
.mid_area03 .ul02 li a img {margin:0 0 16px;}

.ul03 {position: relative; height:662px;}
.ul03 li >  div {position: absolute; top: 90px; left: 0; width: 100%;}
.ul03 li div ul {overflow: hidden; margin:0 -10px;}
.ul03 li div li {float: left; margin:0 10px; width:267px; height: 262px; box-sizing: border-box}
.ul03 li div li a, .ul03 li div li button {display: block; font-size:16px; line-height:26px; color:#000;}
.ul03 li div img {margin:0 0 16px; vertical-align: top; width:267px; height:157px; }/* 0903 mod */

.mid_area03 .box_right {position: absolute; top: 0; right: 0; margin:0; padding:0; }
.mid_area03 .box_right > div {position: relative; width: 285px; box-sizing: border-box;}
.mid_area03 .box_right .box01 {position: relative; height: 285px; margin: 0 0 20px; border: 1px solid #ccc; text-align: center; background: #f2f2f2; }
.mid_area03 .bx-wrapper .bx-viewport {background: none}
.mid_area03 .box_right .box01 .slider4 > li > a {display: block; padding:39px 0 0; font-size:14px; line-height:24px; color:#888; }
.mid_area03 .box_right .box01 strong {display: block; margin:26px 0 11px; font-size:18px; line-height:20px; color:#000; }
.mid_area03 .box_right .box02 { height: 285px; border: 1px solid #ccc; background: #f2f2f2; }
.mid_area03 .box_right .box03 { height: 285px; border: 1px solid #ccc; background: #f2f2f2; }
.mid_area03 .box_right .box01 .bx-controls {position: absolute; top: 255px; left: 0; width:100%}
.mid_area03 .box_right .box01 #bx_button a {display: inline-block; width:10px; height: 10px; border-radius: 50%; background: #ccc}
.mid_area03 .box_right .box01 #bx_button a:hover, .mid_area03 .box_right .box01 #bx_button a.active {background: #5154ff}

.mid_area03 .box_right .box01 .bx-pager-item button {display: inline-block; width:10px; height: 10px; margin:0 6px; border-radius: 50%; vertical-align: top; text-indent: -99999px; background: #ccc}
.mid_area03 .box_right .box01 .bx-pager-item button.active {background: #5154ff}
.mid_area03 .box_right .box01 img {width:285px; height:285px;}/* 0916 add */
.mid_area03 .box_right .box02 {position: relative; height: 232px; margin: 0 0 20px; padding:39px 0 0 30px; background: #2b4365;  box-sizing: border-box;}
.mid_area03 .box_right .box02 dt {display: block; font-size:18px; line-height:20px; color:#fff; font-weight: 500;}
.mid_area03 .box_right .box02 dd {display: block; width:225px; height: 50px; margin:24px 0 30px; text-indent: -999999px;background: url(../image/main/img_txt01.gif) no-repeat 0 0 / cover;}
.mid_area03 .box_right .box02 dd:last-child {display: block; width:auto; height: auto; margin:0; background:none}
.mid_area03 .box_right .box02 dd:last-child a {display: block; width:225px; height: 40px; font-size:13px; line-height:40px; color:#2b4365; font-weight: 500; text-indent:0; text-align: center; background: #e6b265;}

.mid_area03 .box_right .box03 {position: relative; height: 233px; margin: 0 0 20px; padding:50px 0 0 30px; background: url(../image/main/bg05.jpg) no-repeat 0 0 / cover;  box-sizing: border-box;}
.mid_area03 .box_right .box03 dt {display: block; font-size:18px; line-height:20px; color:#fff; font-weight: 500;}
.mid_area03 .box_right .box03 dd {display: block; margin:12px 0 38px;font-size:13px; line-height:22px; color:#fff; opacity: .5; }
.mid_area03 .box_right .box03 dd > div {position: relative; display: block; width: 225px; padding:0 53px 0 0; margin:0; box-sizing: border-box;  background:none}
.mid_area03 .box_right .box03 dd > div button {position: absolute; top:0; right: 0; width:53px; height: 40px; font-size:13px; line-height:40px; color:#000; font-weight: 500; background:#fff}
.mid_area03 .box_right .box03 dd:last-child {width:225px; opacity:1;}
.mid_area03 .box_right .box03 dd:last-child input {display: inline-block;  width: 100%; height: 40px; padding:0 10px; font-size:13px; line-height:36px; box-sizing: border-box; color:#a7a7a8; border:2px solid #fff; background: none;}
.mid_area03 .box_right .box03 dd:last-child input::placeholder { color: #fff; opacity: .5;}
.mid_area03 .box_right .box03 dd:last-child input:-ms-input-placeholder {color: #fff; opacity: .5;}
.mid_area03 .box_right .box03 dd:last-child input::-ms-input-placeholder {color: #fff; opacity: .5;}

.mid_area03 .box_right .box04 {height: 281px;}
.mid_area03 .box_right .box04 > a {display: block; width:100%; height: 128px; padding: 0; font-size:17px; line-height:30px; color:#000; font-weight: 500; box-sizing: border-box;  }
.mid_area03 .box_right .box04 > a:nth-child(2) {margin-top:-1px; padding: 0; }
.mid_area03 .box_right .box04 ul {overflow: hidden;  height: 141px;}
.mid_area03 .box_right .box04 li a {display: block; padding:16px 0 0; font-size:16px; line-height:24px; color:#fff; font-weight: 500; }
.mid_area03 .box_right .box04 li a em {position: relative; vertical-align: top;display: inline-block; margin:13px 0 0; padding:0 14px 0 0; font-size:13px; line-height:14px; color:#fff; }
.mid_area03 .box_right .box04 li a em:after {content: ''; position: absolute; top:2px; right:0; display:block; width:7px; height: 11px; background: url(../image/main/arrow02.png) no-repeat 0 0}
.mid_area03 .box_right .box04 li{min-height: 100%; text-align: center; padding:27px 0 0; font-size:16px; line-height:24px; color:#fff; font-weight: 500; box-sizing: border-box;  background:#2b4365}
.mid_area03 .box_right .box04 li div {position: relative; margin:25px 0 0;}
.mid_area03 .box_right .box04 li div:after {content:''; display: block; position: absolute; top: 2px; left: 50%; width:1px; height: 14px; background: rgba(255,255,255,.3);}
.mid_area03 .box_right .box04 li button {display: inline-block; vertical-align: top; margin:0 15px; padding: 0; font-size:13px; line-height:15px; color:#fff; font-weight: 500;  }

/* 0903 add */
.ytb { position: relative; width: 100%; padding-bottom: 56.25%; }
.ytb iframe { position: absolute; width: 100%; height: 100%; }
.con_none {display: flex; width:267px; height:157px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.con_none2 {display: flex; width:100%; height:229px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
    display: -webkit-box; display: -ms-flexbox; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

/* 0922 start */
@media all and (max-width:1220px) {
    .mid_area01 li a {margin:0 10px 0 0}
    .main_top .slide > div.txt {left:5%; margin:0;}
    .mid_area02 {height: auto; padding:30px 5%}
    .mid_area02 li {width: 50%; margin: 0 0 50px; padding: 0 10px; box-sizing: border-box}
    .con_in {padding:0 5%}
    .main_top .bx-controls-auto-item {transition: all 1.7s ease;}
    .main_top .bx-wrapper .bx-controls.bx-has-pager .bx-pager {transition: all 1.7s ease;}
    .main_top .bx-wrapper .bx-controls-direction {transition: all 1.7s ease;}
    .mid_area01 dd:last-child span {display: block; margin:5px 0 0;}
    .mid_area03 .box_left {margin:0;}
    .mid_area03 .box_right {position: static;}
    .mid_area03 .ul01 {width:auto}
    .ul03 li div li {width:33.3%; margin:0; padding:0 10px; box-sizing: border-box}
    .ul03 li div li a, .ul03 li div li button {text-align: left; font-size: 14px; line-height: 20px;}
    .ul03 li div img {width: 100%; height:auto;  margin:0 0 8px;}
    .mid_area03 .box_right > div  {float: left; margin:0 3% 40px 0 !important}
    .mid_area03 .box_right .box01, .mid_area03 .box_right .box01 img {width: 230px; height: 230px;}
    .mid_area03 .box_right .box03 {margin:0 0 40px 0 !important}
    .mid_area03 .box_right .box04 {width: 100%; height:auto; display: flex}
    .mid_area03 .box_right .box04 > a:nth-child(2) {margin:0;}
    .mid_area03 .box_right .box04 > a img {height:141px;}
    .mid_area03 .box_right .box04 ul {width:100%}
}