@media screen and (max-width: 1200px)  {
.index .index-row1{
      background: url(../images/index-row1-bg.jpg) center center no-repeat !important;}
  .index-row1 .main{
    width:100% !important;}
.index .index-row1 .con{
  width: 55% !important;}

  .header .logo {
    float: none;
    text-align: center;}
  .header .links {
    position: static;}
  .header .main-nav {
    width: auto;
    float: none;}
  .header .main-nav ul li {
     width:25% !important;}
  .inner-page .leftbar {
    width: 230px;}
  .inner-page .right-con {
    padding-left: 260px;}
  .inner-page .pic-list li {
    width: 33.3%;}
}
@media screen and (max-width: 980px){
.index .index-row1{
      background: url(../images/index-row1-bg.jpg) left center no-repeat !important;}
   .index .index-row1 .con{
  width: 98% !important;}
}

@media screen and (max-width: 740px) {
  .header .main-nav {
    position: fixed;
    box-sizing: border-box;
    padding: 10px 0;
    width: 200px;
    margin-top: 0;
    transform: translateX(200px);
    top: 0;
    left: auto;
    right: 0;
    height: 100%;
    background: #4a69f0;
    z-index: 99;
    transition: all ease .2s;
    margin-right: 0;}
  .header .main-nav ul {
    display: block;}
  .header .main-nav li {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ddd;}
  .header .main-nav li .dropdown {
    padding-top: 0;
    position: relative;
    background: none;}
  .header .main-nav li .dropdown .pic {
    display: none;}
  .header .main-nav li .dropdown .text {
    padding-left: 0;}
  .header .main-nav li .dropdown .text a {
    width: 100%;}
  .header .main-nav li.on::after {
    left: 50%;
    margin-left: -20px;}
  .header .navbar {
    display: block;}
  .index .index-row1 {
    /* padding: 20px 0 30px; */
    padding: 60px 15px 40px 20px;
    background-size: cover!important;
    /* background: url(../images/index-row1-bg.jpg) 52% center no-repeat !important; */
    background-size: cover!important;}
  .index .index-row1 .main {}
  .index .index-row1 .con {
    width: 100%!important;}
  .index .index-row1 .more {
    width: 100%;}
  .index .index-row2 {
    padding: 30px 0;}
  .index .index-row2 .tit {
    float: none;
    margin: 0;
    text-align: center;}
  .index .index-row2 .thumbs {
    margin: 30px auto;}
  .index .index-row2 .swiper-box {
    padding: 0 20px;}
  .index .index-row3 {
    padding: 0 20px;}
  .index .index-row3 .list li {
    width: 50%;}
  .index .index-row3 .list li.big {
    width: 100%;}
  .inner-page .wrap {
    padding: 20px;
    display: block;}
  .inner-page .leftbar {
    position: static;
    width: 100%;}
  .inner-page .right-con {
    padding-left: 0;
    padding-right: 0;}
  .inner-page .detail {
    padding: 20px 0;}
  .footer {
    background-size: auto 100%;}
}

@media screen and (max-width: 440px) {
  .inner-page .wrap {
    padding: 10px;}
  .inner-page .pic-list li {
    width: 50%;}
}