﻿.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.container {margin: 0 auto;max-width: 1200px;width: 90%;}
@media (min-width: 769px) {.container {width: 750px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1170px;}}
@media (min-width: 769px) { .col-sm-4 {float: left;}.col-sm-4 {width: 33.33333333%;}.col-sm-push-4 {left: 33.33333333%;}}
@media (min-width: 992px) {.col-md-4 {float: left;}.col-md-4 {width: 33.33333333%;}}
@media (max-width: 767px) {.hidden-xs {display: none !important;}}
@media (min-width: 769px) and (max-width: 991px) {.hidden-sm {display: none !important;}}
@media (min-width: 992px) and (max-width: 1199px) {.hidden-md {display: none !important;}}
@media (min-width: 1200px) {.hidden-lg {display: none !important;}}
.xifen1{padding: 10px 0}
.xifen1 h3{color:#444;font-size:28px;margin-top:40px;text-align: center}
.xifen1 span{color:#ccc;font-size: 16px}
.xifen1 img{display: block;margin:0 auto;}
.xifen1 h4{text-align:center;color:#444;font-size: 24px;margin-top:5px;}
.xifen1 p{font-size: 16px;line-height: 25px;margin-top:10px;text-align: center;color: #333}
.xifen1 .bottom{margin-top:30px;}
.xifen1 .col-md-4{width:32%;}
.xifen1 .a1{margin-right:2%;}
.xifen1 .a2{margin-left:2%;}
.xifen1 div{border:3px solid #e72e67;min-height:455px;padding:30px 20px;margin-top:10px;}
.xifen1 img{margin-top: 10px}
@media screen and (max-width: 768px){
  .xifen2 h2,.xifen2 p{font-size: 14px}
  .xifen1 .col-md-4{width:100%;}
  .xifen1 .a1{margin-right:0;}
  .xifen1 .a2{margin-left:0;}}
@media screen and (min-width:769px) and (max-width: 1199px){
  .xifen1 .col-md-4{width:32.5%;}
  .xifen1 .a1{margin-right:1%;}
  .xifen1 .a2{margin-left:1%;}
  .xifen1 div{min-height: 450px}
  #new1,#new2,#new3{min-height: 570px}
  .gaoliucun{width:750px;height:292px;margin:0 auto;}
  .gaoliucun img{width:100%;height:100%;}
  .simple .liucheng{width:750px;height:200px;}
  .simple .liucheng img{width:100%;}}
@media screen and (min-width:992px) and (max-width: 1200px){
  .xifen1 .col-md-4{width:32.5%;}
  .xifen1 .a1{margin-right:1%;}
  .xifen1 .a2{margin-left:1%;}
  .xifen1 div{min-height: 480px}
  #new1,#new2,#new3{min-height: 540px}
  .simple .liucheng img,.simple .gaoliucun img{width:750px;}
  .gaoliucun{width:970px;height:378px;margin:0 auto;}
  .gaoliucun img{width:100%;height:100%;}
  .simple .liucheng{width:970px;height:259px;}
  .simple .liucheng img{width:100%;}}
@media screen and (min-width: 1201px){
  .xifen2 h2,.xifen2 p{font-size: 14px}
  .xifen1 .col-md-4{width:32.5%;}
  .xifen1 .a1{margin-right:1%;}
  .xifen1 .a2{margin-left:1%;}
  .xifen1 div{min-height: 468px}
  #new1,#new2,#new3{min-height: 500px}
  .gaoliucun{width:1088px;height:424px;margin:0 auto;}
  .gaoliucun img{width:100%;height:100%;}
  .simple .liucheng{width:1100px;height:293px;}
  .simple .liucheng img{width:100%;}}
@media screen and (min-width:415px) and (max-width: 768px){
  .gaoliucun{width:415px;height:167px;margin:0 auto;}
  .gaoliucun img{width:100%;height:100%;}
  .simple .liucheng{width:415px;height:110px;margin:0 auto;}
  .simple .liucheng img{width:100%;}}
@media screen and (max-width: 320px){
  .simple .liucheng{width:300px;height:80px;margin:0 auto;}
  .simple .liucheng img{width:100%;}
  .gaoliucun{width:300px;height:117px;}
  .gaoliucun img{width:100%;height:100%;}}
@media screen and (min-width:321px) and (max-width: 375px){
  .simple .liucheng{width:350px;height:90px;margin:0 auto;}
  .simple .liucheng img{width:100%;}
  .gaoliucun{width:350px;height:137px;}
  .gaoliucun img{width:100%;height:100%;}}
@media screen and (min-width:376px) and (max-width: 414px){
  .simple .liucheng{width:400px;height:90px;margin:0 auto;}
  .simple .liucheng img{width:100%;}
  .gaoliucun{width:400px;height:156px;}
  .gaoliucun img{width:100%;height:100%;}}
.pt1,.pt2 {-webkit-animation-delay: .2s;-o-animation-delay: .2s;-moz-animation-delay: .2s;animation-delay: .2s;}
.xifen1 .col-md-4{-webkit-animation-delay: .7s;-o-animation-delay: .7s;-moz-animation-delay: .7s;animation-delay: .7s;}
.bottomp{padding-top:10px;}
.sectionp p{font-size: 12px;font-weight: bold;margin-top:0;}
/*#new1,#new2,#new3{min-height: 480px;padding-bottom: 0px}*/
.simple{margin-top: 50px}
.simple .title{font-size: 28px;color: #444;text-align: center;padding:30px 0;}
.simple .title span{color: #E72E67}
.celve .title{font-size: 28px;color: #444;text-align: center;padding:30px 0;}
.celve .title span{color: #E72E67}
.celve p{text-align: center;font-size: 16px}
.tuiguangbtn{margin:20px auto;width:140px;height:43px;}
.celve .p1{padding-bottom: 20px}
.tuiguangbtn .btn-danger{background: #ff246c}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}
@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}
