*{margin: 0; padding: 0;}

.div_scroll {
   width: 97%;
   height: 570px;
   overflow: auto;
}
.scroll_container {
    overflow: hidden;
    position: relative;
}

.scroll_absolute {
    position: absolute;
}

.scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0px;
    width: 10px;
    height: 95%;
    background: transparent;
    margin: 0;
    padding: 0;
    border-radius:10px;
}
.scroll_container{ margin-top: 45px; }
.scroll_track {
    position: relative;

    border-radius:10px;

    background-color: #f1f1f1;
}

.scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: #c0ccdd;
    border-radius:10px;

}

.scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
    border-radius:10px;
}

.scroll_vertical_bar .scroll_arrow {
    height: 16px;
}
/* Large desktop */
@media (min-width: 1200px) {
   .big_bg{  background: url(../images/bg.jpg) 50% 0 no-repeat;   margin: 0 auto;}
   .big_bg .container{ padding-top: 1030px; }
   .list8a{ width: 100%; }
   .list8a .picTank{ width: 68%; display: inline-block; }
   .list8a li img{ height: 442px; }
   .part1 .list8a .picTank{ float: left; }
   .list8a .intro{ width: 28%; display: inline-block; background: url(../images/des_bg.jpg) 0 0 no-repeat;
      height: 346px; background-size: 100%; margin-top: -19px; padding: 140px 23px 0 23px; color: #000;
   }

   .box1{width:2px;height:577px;  background:#ccc; position:relative;}
   .box1 span{width:2px;height:20px; position:absolute;top:0;left:0; background:#000;}





   .list4{ width: 68%;  float: right;}
   .part2 .intro{ width: 28%; display: inline-block; background: url(../images/des_bg2.jpg) 0 0 no-repeat;
      height: 346px; background-size: 100%; margin-top: -19px; padding: 140px 23px 0 23px; color: #000;
   }
   .list4 .carousel-inner>.item img{ height: 443px; }

   .part2 .list8a .picTank{ float: right; }
   .part2 .list8a .intro{ background: url(../images/des_bg2.jpg) 0 0 no-repeat; margin-top: -34px;}
   
   .news{ height: 38px; line-height: 38px; position: relative; border: 1px solid #089de2; overflow: hidden;}
   .news h4{ display: inline;  padding-left: 20px; height: 20px; color: #089de2;}
   .news h4 a{  line-height: 38px;  }
   .news .marqueenTank_1{ width: 100%; overflow: hidden; position: relative; height: 38px; }
   .news_list{ position: absolute;  left: 10%; top: 0; width: 100%;}
   .news ul{ position: absolute; left: 0; top: 0; line-height: 38px; height: 38px; }
   .news ul li{ display: inline-block;  margin-left: 20px; font-size: 16px;}
   
   .part4{ margin-top: 30px; }
   .list25 li{ width: 24%; display: inline-block;margin-right: 11px;}
   .list25 li:last-child{ margin-right: 0; }
   .list25 .tankIntro{ background: rgba(231, 63, 83, 0.7) none repeat scroll 0 0 !important; }
   
   .part5{margin-top: 40px;}
   .part5 .span12{ background: url(../images/title_bg1.png) 0 0 no-repeat; 
      padding-top: 150px;
   }
   .list28 .thumbTank{ width: 100%; left: 0; }


   .list28 ul li{ background: url(../images/pe_bg.jpg) 0 0 no-repeat; height: 298px;
      background-size: 100%; margin-right: 27px; position: relative; z-index: 99;
   }
   .list28 ul li a{ display: inline-block; margin-top: 10px; }
   .list28 ul li a:first-child{ height: 144px; width: 85%; }
   
   .list28 ul li a img:first-child{ margin-bottom: 50px; }
   .list28 ul li a .mainImg{ position: absolute; left: 50%; top: 7%; z-index: 999; border-radius: 50%;
      transform: translate(-50%); width: 84.5%;
      /*-webkit-transition: border-radius .3s; 
         -moz-transition: border-radius .3s; 
           -o-transition: border-radius .3s; 
              transition: border-radius .3s;*/
      -webkit-animation:'rechange' .5s ease forwards;
      height: 145px;

   }
   .list28 ul li:hover a .mainImg{
      -webkit-animation:'change' .5s ease forwards;

   }

   @-webkit-keyframes 'rechange'{
      0%{
         border-radius: 0%;
      }

      30%{
          border-radius: 50%;
      }
      100%{
        
         z-index: -999;
      }
   }

   @-webkit-keyframes 'change'{
      0%{
         border-radius: 50%;
      }
      100%{
         border-radius: 0%;
         z-index: 999;
      }
   }





   .list28 ul li a span{ font-weight: bold; font-size: 14px;}
   
   .list28 a.btnPrev{ z-index: 999;  width: 27px; height: 55px; background: url(../images/left.png) 0 0 no-repeat;
      left: 0; bottom: 85px;
   }
   .list28 a.btnNext{ z-index: 999;  width: 27px; height: 55px; background: url(../images/right.png) 0 0 no-repeat;
      right: 0; bottom: 85px;
   }

   .list28 .panel,.list28 .thumbTank{ height: 300px; }
   .list28 li a.title{ text-indent: 0;}
   
   
   .part6{ margin-top: 50px; }
   .part6 .span12{ background: url(../images/title_bg2.png) 0 0 no-repeat; 
      padding-top: 150px;
    }

   .part6 .span12> div:nth-child(1){ background: url(../images/bg01.png) 0 0 no-repeat; height: 577px;margin-left: 0;}
   .part6 .span12>div:nth-child(2){ background: url(../images/bg02.png) 0 0 no-repeat; height: 577px;}
   .part6 .span12> div:nth-child(3){ background: url(../images/bg03.png) 0 0 no-repeat; height: 577px;}
   .part6 .span12 div p{ padding: 0px 30px 0 30px; font-size: 16px; line-height: 30px;}


   .part7{ margin-top: 50px; margin-bottom: 160px;}
   .part7 .span12{ background: url(../images/title_bg3.png) 0 0 no-repeat; 
      padding-top: 180px; 
    }
   .footer{ border-top: none; margin-top: 0; background: #267fc2; color: white; height: 150px;}

}

@media (max-width: 769px) {
   .part2 .intro{ margin-bottom: 20px; font-size: 16px; line-height: 1.7em; }
   .part5 .span12{ background: url(../images/title_bg1.png) 0 0 no-repeat; 
      padding-top: 50px;background-size: 100%;
    }
    .part6 .span12{ background: url(../images/title_bg2.png) 0 0 no-repeat; 
      padding-top: 50px;background-size: 100%;
    }
    .part7 .span12{ background: url(../images/title_bg3.png) 0 0 no-repeat; 
      padding-top: 60px;background-size: 100%;
    }
    .part7{ margin-top: 50px; margin-bottom: 60px !important;}
   .part6 .span12> div:nth-child(1){ background: url(../images/bg01.png) 0 0 no-repeat; height: 577px;margin-left: 0; background-size: 100%;}
   .part6 .span12> div:nth-child(2){ background: url(../images/bg02.png) 0 0 no-repeat; height: 577px; background-size: 100%;}
   .part6 .span12> div:nth-child(3){ background: url(../images/bg03.png) 0 0 no-repeat; height: 577px; background-size: 100%;} 
   .part6 .span12 div p{ padding: 0px 30px 0 30px; font-size: 16px; line-height: 30px;}

   .list28 ul li{ background: url(../images/pe_bg.jpg) 0 0 no-repeat; height: 298px;
      background-size: 100%; position: relative; z-index: 99;
   }
   .list28 ul li a{ display: inline-block; margin-top: 10px; }
   .list28 ul li a:first-child{ height: 144px; width: 85%; }
   
   .list28 ul li a img:first-child{ margin-bottom: 50px; }
   .list28 ul li a .mainImg{ position: absolute; left: 50%; top: 7%; z-index: -999; border-radius: 50%;
      transform: translate(-50%); width: 84.5%;
      /*-webkit-transition: border-radius .3s; 
         -moz-transition: border-radius .3s; 
           -o-transition: border-radius .3s; 
              transition: border-radius .3s;*/
              height: 145px;
      -webkit-animation:'rechange' .5s ease forwards;

   }
.div_scroll .scroll_container {
    overflow: hidden;
    position: relative;
    height: 500px !important;
}

   .part7{ margin-top: 50px; margin-bottom: 160px;}
   .part7 .span12{ background: url(../images/title_bg3.png) 0 0 no-repeat; 
      padding-top: 180px; 
    }
   .footer{ border-top: none; margin-top: 0; background: #267fc2; color: white; height: 150px;}

}


   .footer{ border-top: none; margin-top: 0; background: #267fc2; color: white;}
}