/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
/* 小屏幕（平板，大于等于 768px） */
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
  .marginT1 {
    margin-top: 80px;
  }
  .marginT2 {
    margin-top: 30px;
  }
  .sec_title h1 {
    font-size: 30px;
  }
  .pro_info ul {
    line-height: 30px;
    max-width: 600px;
  }
  .lx .container .lx_r {
    border-left: 1px solid #0e2b77;
    line-height: 30px;
    min-height: 152px;
    padding-left: 50px;
  }
  .lx .container .lx_l {
    border-right: 1px solid #405da9;
  }
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
  .container {
    width: 1200px;
    padding: 0;
  }
  nav {
    position: absolute;
    top: 75px;
    z-index: 9;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
  }
  .pro_info {
    position: relative;
    height: 326px;
  }
  .pro_info ul {
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    left: 75px;
    top: 30%;
  }
  .pro_show .pro_item {
    background: #eee url(../images/pro_item_bg.png) right center no-repeat;
  }
  .pro_show .pro_item:nth-child(even) {
    background: #eee url(../images/pro_item_bg2.png) left center no-repeat;
  }
  .pro_show .pro_item:nth-child(even) .pro_img {
    float: right;
  }
  .pro_show .pro_item:nth-child(even) .more {
    right: 0;
  }
  .pro_show .pro_item:nth-child(even) .pro_info ul {
    right: 75px;
    left: unset;
  }
  .more {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    padding: 0;
  }
  .about_wrap {
    background: #141517;
    height: 600px;
  }
  .about_wrap .aboutL {
    height: 600px;
    overflow: hidden;
    width: 40%;
    float: left;
  }
  .about_wrap .aboutR {
    width: 60%;
    float: right;
    color: #fff;
  }
  .about_wrap .aboutR .about_text {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 0;
  }
  .about_wrap .aboutR .about_text h1 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
  }
  .about_wrap .aboutR .about_text .about_content {
    text-indent: 2em;
    line-height: 36px;
    font-size: 16px;
  }
  .about_wrap .aboutR .more2 {
    background: #29458f;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
  }
  .about_wrap .aboutR .more2:hover {
    background: #db261f;
    transition: all 0.5s ease;
  }
  .main .main_left {
    width: 350px;
    float: left;
    display: block;
    background: #f2f2f2;
  }
  .main .main_left .nav_left {
    text-align: center;
    line-height: 30px;
  }
  .main .main_left .nav_left .nav_lv1 {
    line-height: 40px;
  }
  .main .main_left .nav_left .nav_lv1 > li {
    display: none;
  }
  .main .main_left .nav_left .nav_lv1 > li.active {
    display: block;
  }
  .main .main_left .nav_left .nav_lv1 > li.active > a {
    font-weight: bold;
    font-size: 16px;
  }
  .main .main_left .nav_left .nav_lv1 > li li:hover a {
    color: #db261f;
  }
  .main .main_left .hot_pro {
    line-height: 30px;
    text-align: center;
  }
  .main .main_left .hot_pro ul {
    padding: 10px 0;
  }
  .main .main_left .hot_pro li:hover a {
    color: #db261f;
  }
  .main .main_left .hot_pro h4 {
    color: #fff;
    background: #29458f;
    text-align: center;
    line-height: 50px;
  }
  .main .main_left .hot_pro li {
    padding: 0 40px;
  }
  .main .main_left .hot_pro li:last-child a {
    border: none;
  }
  .main .main_left .hot_pro a {
    border-bottom: 1px dashed #ccc;
    display: block;
  }
  .main .main_left .contact {
    background: url(../images/left_bottom.jpg) center no-repeat;
    background-size: cover;
    line-height: 30px;
    color: #fff;
  }
  .main .main_left .contact h4 {
    padding-top: 20px;
    text-align: center;
  }
  .main .main_left .contact ul {
    padding: 20px;
  }
  .main .main_right {
    width: 800px;
    float: right;
  }
  .main .main_right .text_title {
    font-size: 30px;
  }
}