body {
  padding: 0;
  margin: 0;
  font: normal 16px 'Helvetica,Arial,Verdana';
  color: #333;
  background: #fff; }

h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td {
  margin: 0;
  padding: 0; }

div {
  margin: 0 auto;
  text-align: left;
  font: normal 16px 'Helvetica,Arial,Verdana'; }

a:link, a:visited {
  color: #000;
  text-decoration: none; }

a:hover {
  color: #3b84cc;
  text-decoration: none; }

img {
  border: none; }

ol, ul, li {
  list-style: none; }

i {
  font-style: normal; }

input, img {
  vertical-align: middle; }

input[type="button"], input[type="submit"] {
  vertical-align: middle;
  cursor: pointer; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
  display: block;
  margin: 0 auto; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both;
  overflow: hidden; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

input[type=button], input[type=submit], input[type=text], input[type=password] {
  -webkit-appearance: none;
  outline: none; }

::-webkit-input-placeholder {
  color: #b3b6ba; }

:-moz-placeholder {
  color: #b3b6ba; }

::-moz-placeholder {
  color: #b3b6ba; }

body {
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.fengmian {
  width: 100vw;
  height: 100vh;
  background: url(../images/page1_bg2.jpg) top left no-repeat;
  background-size: cover; }

.fengmian .cs_logo {
  position: absolute;
  bottom: 3.125vw;
  right: 3.125vw;
  width: 13.02083vw;
  z-index: 2; }

#wrapper {
  width: 100vw;
  height: 100vh; }

#wrapper .swiper-slide {
  height: 50%;
  width: 37.03704vh !important;
  position: absolute; }

#wrapper .swiper-slide img {
  height: 100%; }

#wrapper .swiper-slide:nth-child(1) {
  left: 0;
  top: 50%; }

#wrapper .swiper-slide:nth-child(2) {
  left: 35.64815vh;
  top: 50%; }

#wrapper .swiper-slide:nth-child(3) {
  left: 78.24074vh;
  top: 0; }

#wrapper .swiper-slide:nth-child(4) {
  left: 106.85185vh;
  top: 50%; }

#wrapper .swiper-slide:nth-child(5) {
  left: 149.35185vh;
  top: 0; }

#wrapper .swiper-slide:nth-child(6) {
  left: 177.77778vh;
  top: 50%; }

#wrapper .swiper-slide:nth-child(7) {
  left: 220.37037vh;
  top: 0; }

#wrapper .swiper-slide:nth-child(8) {
  left: 249.07407vh;
  top: 50%; }

#wrapper .swiper-slide:nth-child(9) {
  left: 291.66667vh;
  top: 0; }

#wrapper .swiper-slide:nth-child(10) {
  left: 320.37037vh;
  top: 50%; }

#wrapper .swiper-pagination {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 80%;
  margin: 0 auto; }

#wrapper .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0;
  width: 50px; }

#wrapper .swiper-pagination-bullet:nth-child(1) {
  border-radius: 5px 0 0 5px; }

#wrapper .swiper-pagination-bullet:last-child {
  border-radius: 0 5px 5px 0; }

#wrapper .swiper-pagination-bullet-active {
  background: #fff;
  border-radius: 5px !important; }

.w980 {
  width: 1100px;
  margin: 0 auto; }

.box {
  width: 100vw;
  height: 100vh;
  position: fixed; }

.box .slide {
  width: 100vw;
  height: 100vh;
  overflow: auto; }

.tansuo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 80px;
  margin: 0 auto;
  text-align: center; }

.l_logo {
  position: absolute;
  left: 80px;
  top: 90px;
  width: 9.375vw; }

.r_logo {
  position: absolute;
  right: 100px;
  top: 60px;
  width: 5.83333vw; }

.sec_nav {
  overflow: hidden;
  margin-top: 100px; }

.sec_nav li {
  float: left;
  width: 20%;
  text-align: center; }

.blo1 {
  margin-top: 15.625vw; }

.blo2, .blo3, .blo4, .blo5 {
  margin-top: 9.375vw; }

.mb55 {
  margin-bottom: 55px; }

.swiper-button-next.next {
  width: 50px;
  height: 80px;
  background-image: url(../images/right.png);
  background-size: 50px 80px;
  right: 50%;
  margin-right: -600px; }

.swiper-button-prev.prev {
  width: 50px;
  height: 80px;
  background-image: url(../images/left.png);
  background-size: 50px 80px;
  left: 50%;
  margin-left: -600px; }

.s_title {
  color: #f0f0f0;
  font-size: 32px;
  font-weight: 600;
  position: relative;
  padding-left: 25px;
  line-height: 50px; }

.s_title::before {
  content: "";
  background: #bdbdbd;
  position: absolute;
  width: 8px;
  height: 50px;
  left: 0;
  top: 50%;
  transform: translateY(-50%); }

.blo1 {
  overflow: hidden; }

.blo1 .video {
  width: 750px;
  text-align: center; }

.blo1 .video_content {
  width: 320px;
  color: #e0e0e0; }

.blo1 .video_content .video_title {
  font-size: 24px;
  line-height: 36px;
  padding-bottom: 10px; }

.blo1 .video_content .video_title a {
  color: #e0e0e0; }

.blo1 .video_content .video_text {
  font-size: 18px;
  line-height: 32px;
  text-indent: 2em; }

.blo1 .video_content .video_text a {
  color: #e0e0e0; }

.blo2 {
  overflow: hidden; }

.blo2 .blo2-swiper {
  position: relative; }

.blo2 .swiper-container {
  width: 870px; }

.blo2 .swiper-slide {
  width: 282px;
  text-align: center; }

.blo2 .swiper-slide p {
  font-size: 14px;
  height: 34px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 360px;
  margin: 0 auto;
  text-align: left;
  padding: 10px 30px; }

.blo2 .swiper-slide p a {
  color: #fff; }

.blo2 .swiper-slide p:before {
  content: "";
  width: 4px;
  height: 36px;
  background: #64131c;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px; }

.blo2 .swiper-button-next {
  background: url(../images/right1.png) center no-repeat rgba(255, 255, 255, 0.4);
  width: 50px;
  height: 315px;
  top: 0;
  right: 0;
  margin-top: 0; }

.blo2 .swiper-button-prev {
  background: url(../images/left1.png) center no-repeat rgba(255, 255, 255, 0.4);
  width: 50px;
  height: 315px;
  top: 0;
  left: 0;
  margin-top: 0; }

.blo3 .swiper-container {
  margin: 0 auto;
  width: 870px; }

.blo3 .blo3-swiper {
  position: relative; }

.blo3 .swiper-slide {
  position: relative; }

.blo3 .swiper-slide p {
  font-size: 14px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 50px;
  margin: 0 auto;
  text-align: center; }

.blo3 .swiper-slide p a {
  color: #fff; }

.blo3 .next2 {
  background-image: url(../images/right2.png); }

.blo3 .prev2 {
  background-image: url(../images/left2.png); }

.blo4 .blo4-text {
  background: rgba(255, 255, 255, 0.3);
  padding: 40px;
  width: 1020px;
  color: #e0e0e0; }

.blo4 .blo4-text p {
  padding-left: 30px;
  line-height: 48px;
  font-size: 24px;
  position: relative; }

.blo4 .blo4-text p:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -18px;
  height: 36px;
  width: 4px;
  background: #64131c; }

.blo5 ul {
  overflow: hidden; }

.blo5 ul li {
  width: 140px;
  float: left;
  text-align: center;
  margin-right: 95px; }

.blo5 ul li img {
  border-radius: 50%;
  width: 140px; }

.blo5 ul li .post {
  font-size: 20px;
  color: #ffffff;
  line-height: 70px; }

.blo5 ul li .name {
  font-size: 16px;
  color: #b6b6b7; }

.blo5 ul li:last-child {
  margin-right: 0; }

.side_nav {
  position: absolute;
  right: 50px;
  top: 40%;
  z-index: 999;
  display: none; }

.side_nav p, .side_nav li {
  text-align: center;
  line-height: 50px;
  font-size: 28px;
  color: #acacac;
  font-weight: 600;
  cursor: pointer;
  text-align: right; }

.side_nav .active {
  color: white; }

.side_nav li {
  transition: all 0.6s; }

.side_nav li:hover {
  transform: scale(1.2); }

.clearfix {
  clear: both;
  zoom: 1; }

.left {
  float: left; }

.right {
  float: right; }

.copyright {
  text-align: center;
  font-size: 16px;
  margin-bottom: 100px;
  margin-top: 180px;
  color: #fff;
  line-height: 24px; }

@media screen and (min-width: 690px) and (max-width: 1100px) {
  body {
    width: 100vw; }
  .w980 {
    width: 80%; }
  .blo2 .swiper-container {
    width: 100%; }
  .blo2-swiper, .blo3-swiper {
    width: 100%; }
  .blo3 .swiper-container {
    width: 750px; }
  .video.left {
    float: none; }
  .video_content.right {
    float: none;
    width: 750px; }
  .side_nav {
    right: 30px; }
  .side_nav li {
    font-size: 20px; }
  .blo5 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .blo5 ul li {
    margin-right: auto; } }

@media (min-device-width: 320px) and (max-width: 689px), (max-device-width: 480px) {
  body {
    width: 100vw; }
  .w980 {
    width: 100%; }
  .fengmian {
    width: 100vw;
    height: 100vh;
    background: url(../images/mobile_bg.jpg) top center no-repeat;
    background-size: cover; }
  .fengmian .cs_logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 30%;
    z-index: 2; }
  .left {
    float: none; }
  .blo1 {
    width: 90%;
    margin-top: 30%; }
  .blo1 .video {
    width: 100%; }
  .blo1 video {
    width: 100%;
    height: auto; }
  .blo1 .video_content {
    width: 100%; }
  
  .l_logo, .r_logo {
    display: none; }
  #wrapper .swiper-pagination-bullet {
    width: 20px; }
  .box .swiper-slide.swiper-slide1 {
    background: url(../images/mobile_bg2.jpg) bottom right no-repeat !important;
    background-size: cover !important; }
  .blo1 .video_content .video_title {
    font-size: 18px; }
  .blo1 .video_content .video_text {
    font-size: 16px;
    line-height: 28px;
    text-align: justify; }
  .s_title {
    font-size: 18px;
    line-height: 32px; }
  .s_title::before {
    height: 32px; }
  .blo2 {
    overflow: hidden; }
  .blo2 .blo2-swiper {
    position: relative; }
  .blo2 .swiper-container {
    width: 80%; }
  .blo2 .swiper-slide {
    text-align: center; }
  .blo2 .swiper-slide img {
    width: 100%; }
  .blo2 .swiper-slide p {
    font-size: 14px;
    height: 34px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding: 10px 30px; }
  .blo2 .swiper-slide p a {
    color: #fff; }
  .blo2 .swiper-slide p:before {
    content: "";
    width: 4px;
    height: 36px;
    background: #64131c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px; }
  .blo2 .swiper-button-next {
    background: url(../images/right1.png) center no-repeat rgba(255, 255, 255, 0.4);
    width: 10%;
    height: 100%;
    top: 0;
    right: 0;
    margin-top: 0; }
  .blo2 .swiper-button-prev {
    background: url(../images/left1.png) center no-repeat rgba(255, 255, 255, 0.4);
    width: 10%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 0; }
  .blo3 .swiper-container {
    margin: 0 auto;
    width: 80%; }
  .blo3 .blo3-swiper {
    position: relative; }
  .blo3 .swiper-slide {
    position: relative; }
  .blo3 .swiper-slide img {
    width: 100%; }
  .blo3 .swiper-slide p {
    font-size: 14px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 50px;
    margin: 0 auto;
    text-align: center; }
  .blo3 .swiper-slide p a {
    color: #fff; }
  .blo3 .next2 {
    background-image: url(../images/right2.png);
    right: 0; }
  .blo3 .prev2 {
    background-image: url(../images/left2.png);
    left: 0; }
  .blo5 ul {
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap; }
  .blo5 ul li {
    width: 18%;
    float: left;
    text-align: center;
    margin-right: 0; }
  .blo5 ul li img {
    border-radius: 50%;
    width: 100%; }
  .blo5 ul li .post {
    font-size: 16px;
    color: #ffffff;
    line-height: 32px; }
  .blo5 ul li .name {
    font-size: 12px;
    color: #b6b6b7; }
  .blo5 ul li:last-child {
    margin-right: 0; }
  .copyright {
    font-size: 12px; } }

/*# sourceMappingURL=maps/default.css.map */