.main_top {margin:0 0 70px}
.main_top_bg {height: 400px;}
.main_top .slide > div.txt {top: 244px; left: 3%; width: 90%; height: 190px; margin-left:0; padding: 18px 20px 0;}
.main_top .slide > div.txt strong {overflow: hidden; height: 60px; margin: 25px 0 24px;font-size: 20px;line-height: 30px;}
.slider1 .slide { height: 400px;}
.main_top .bx-controls-auto-item {top: 405px; left:95%;transition: all 1.5s ease;}
.main_top .bx-wrapper .bx-controls.bx-has-pager .bx-pager {top: 390px; left:95%;transition: all 1.5s ease;}
.main_top .bx-wrapper .bx-controls-direction {top: 403px; left:95%;transition: all 1.5s ease;}
.mid_area02 {margin: 20px 0 40px;}
.mid_area03 .ul01 {width:100%;margin:0}
.mid_area03 .ul01 > li {float: none; width:100%; padding:0; margin:0 0 40px}
.mid_area01 h3,
.mid_area02 h3,
.mid_area03 h3 {margin:0 0 20px; font-size: 20px;}
.mid_area03 .ul01 > li a.bt_more {right:28px}
.mid_area03 .ul02 li a {width: 140px; height: 140px;}
.mid_area03 .box_right > div  { margin:0 1% 20px 0 !important}

@media all and (max-width:930px) {  
    .mid_area03 .box_right {width: 285px; margin:0 auto;}
    .mid_area03 .box_right > div  { float:none}
    .mid_area03 .box_right .box01, .mid_area03 .box_right .box01 img {width: 285px; height: 285px;}
    .mid_area03 .box_right .box03 {margin: 0 0 20px 0 !important;}
    .mid_area03 .box_right .box04 {display: block; width:auto; height:auto; float: left;}
    .mid_area03 .box_right .box04 ul {width:285px}
    .mid_area03 .box_right .box04 > a img {height: auto;}
}
@media all and (max-width:680px) {  
html {

      /* Prevent font scaling in landscape */

     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/

     -moz-text-size-adjust: none; /*Firefox*/

     -ms-text-size-adjust: none;  /*Ie*/

     -o-text-size-adjust: none; /*old versions of Opera*/

}
    .main_top {margin:0; background-color:#322658}
    .main_top_bg { height: 150px;background: url(../image/main/bn_main01.png) no-repeat right center; background-size:auto 80%; }   
    .main_top .bx-wrapper .bx-controls.bx-has-pager .bx-pager {display: none; top: 253px; margin-left: -125px; font-size: 20px;}
    .main_top .bx-wrapper .bx-controls-direction {display: none; top: 263px; margin: 0 0 0 -76px;}
    .main_top .bx-controls-auto-item {display: none;top: 265px; margin: 0 0 0 -58px;}
    .main_top .slider1 .slide { height:150px;}
    .main_top .slide > div.txt {display: none; top: 144px; height: 150px; padding: 10px 20px 0}
    .main_top .slide > div.txt strong {height: 60px; margin: 12px 0;font-size: 18px;}    
    .mid_area01 > div {float: none; width: 100%}
    .mid_area01 .box_left {width:auto; margin:0 -6% 10%; padding: 5% 6% 0; border-bottom:1px solid #818388; background: #9c8163}
    .mid_area01 .box_left * ,
    .mid_area01 .box_left dd:last-child {color:#fff}
    .mid_area01 .bx-wrapper .bx-viewport {background:none}
    .mid_area01 .bx-wrapper .bx-controls.bx-has-pager .bx-pager { top:-49px; right: auto; left:0;}
    .mid_area01 .bx-wrapper .bx-controls-direction {top:-43px; right: 36px;}
    .mid_area01 .bx-controls-auto-item { top:-43px; right: 11px;}
    .mid_area01 .txt_center {width: 100%; padding:0; margin:0 0 10%; text-align: center}
    .mid_area01 .bt_purple {display: inline-block; text-align: center; padding:0 20%; font-size:14px; line-height:40px; color:#fff; background:#322658 }
    .mid_area01 h3 {position: relative; text-align: center}
    .mid_area01 h3::after {content: ''; display: block; width: 100px; height: 3px; margin:0 auto; background:#322658;;}
    .mid_area01 li {min-height: 120px;}
    .mid_area01 li a {margin:0; padding: 0 0 0 120px;}
    .mid_area01 dt {text-indent: -9999px; height: 0; margin:0;}
    .mid_area01 dd {height: 44px; font-size: 18px; line-height: 22px;}    
    .mid_area01 dd:last-child {height:auto; font-size:12px; line-height:14px; color:#666; font-weight:normal;letter-spacing:0;}
    .mid_area01 li a > img {display: none}
    .mid_area01 li a > img:last-child {display:block}

    .mid_area02 {margin: 0; padding: 30px 0;}
    .mid_area02 h3 {margin:0 0 18px}
    .mid_area02 ul {margin:0}
    .mid_area02 li {display:block; width: 100%; margin: 0 0 30px; padding: 0 0 10px; border-bottom: 1px solid #818388; }
    .mid_area02 li:last-child {border-bottom:none }
    .mid_area02 li img {width: 100%; height:auto  }
    .mid_area02 dd {height: auto; margin:0 0 10px; line-height: 24px;}
    .mid_area02 dd a {font-size: 16px; line-height: 24px;}
    .mid_area03 {margin-top:30px}
    .mid_area03 .ul02 {margin:0 0 20px}
    .mid_area03 .ul02 {display: block}
    .mid_area03 .ul02 li {margin:0 0 5%;}
    .ul03 {height: 740px;}
    .ul03 li > div {top:65px}
    .ul03 li div li {width: 50%; height: 192px; margin:0 0 20px;}
    .ul03 li div li a, .ul03 li div li button {font-size: 12px; line-height: 16px}
    .mid_area03 .box_right .box01 {height: auto}
    .mid_area03 .box_right > div {width:100%;}
    .mid_area03 .box_right .box01 img {width:100%; height: auto;}
    .mid_area03 .box_right .box02 {    padding: 32px 0 0 0;}
    .mid_area03 .box_right .box02 dl {width:225px; margin:0 auto;}
    .m_show {display: block}
}
@media all and (max-width:414px) {  
    .ul03 {height: 600px;}
    .ul03 li div li {height: 152px;}
}