* {
  margin: 0;
  padding: 0;
  border: 0
}

a {
  text-decoration: none
}

.swiper-container {
  width: 100%
}

.swiper-container img {
  width: 100%
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px 20px !important
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  display: inline-block;
  border-radius: 100%;
  background: #fff !important;
  opacity: .5 !important
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #fff !important
}

.swiper-container {
  position: relative
}

.swiper_text {
  position: absolute;
  top: 51%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  text-align: center
}

.swiper_title {
  font-size: 54px;
  color: #fff;
  margin: 20px auto 40px
}

.swiper_text_t {
  position: absolute;
  top: 30%;
  left: 107px
}

.swiper_title_t {
  margin-bottom: 18px;
  color: #fff
}

.swiper_des_t {
  color: #fff
}

.swiper_des {
  font-size: 16px;
  color: #fff
}

.swiper_title_t {
  line-height: 126px
}

.swiper_des_t {
  line-height: 44px
}

.news_title {
  font-size: 20px;
  line-height: 30px;
  color: #4a4a4a;
}
.news_desc{
  text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
} 
.inner_box {
  max-width: 75%;
  margin: 0 auto;
  padding-top: .1px
}

.section2 .title {
  color: #626262;
  margin: 60px auto 20px
}

.section2 .des {
  margin-bottom: 90px
}

.des {
  margin-bottom: 60px
}

.icon_box {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap
}

.box-item {
  width: 24%;
  margin: 1% .5%;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.box-item img {
  float: left;
  width: 29%;
  align-self: center
}

.content {
  align-self: center;
  float: left;
  margin-left: 2%
}

.content_title {
  font-size: 22px
}

.content_desc {
  font-size: 14px;
  margin-top: 2%
}

.right {
  transform: scaleY(1.3) translateY(-.5px);
  display: inline-block
}

.section3 {
  background-color: #fafbfc;
  padding-bottom: 30px
}

.section3 .inner_box {
  padding-top: .1px
}

.title_view {
  position: relative;
  margin: 60px auto 30px;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.view {
  position: absolute;
  right: 0
}

.section3 .des {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.section3 .news_pic {
  flex-shrink: 1;
  font-size: 0
}

.section3 .news_pic img {
  width: 100%
}

.section3 .news_content {
  width: 88%;
  padding: 6%;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1
}

.news_date {
  margin: 6% auto
}

.view_detailed {
  margin-top: 15%
}

.section4 {
  padding-bottom: 30px
}

.section4 .des {
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 0
}
.news_box{
  background: #fff;
}
.news_box,.video_box {
  flex-shrink: 1;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
  width: 100%;
  margin: 10px
}

@media screen and (min-width:1024px) {
  .news_box,.video_box {
    max-width: 25vw;
  }
}

.play_video {
  display: block
}

a {
  outline: 0 none;
  text-decoration: none
}

.play_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.video_one,
.video_two,
.video_thr {
  position: relative
}

.video_pic,.news_pic img {
  width: 100%;
  border-radius: 5px 5px 0 0
}

.describe {
  width: 88%;
  padding: 6%;
  position: relative
}

.video_des {
  margin: 1% auto 5%
}

.video_date {
  float: left
}

.video_view {
  font-size: 12px;
  float: right
}

.date_view {
  margin-bottom: 10%
}

.section5,
.section6,
.section7,
.section8,
.section9,
.section10,
.section11,
.section12,
.section13,
.section14,
.section15,
.section18 {
  position: relative
}

.inner_case_left {
  width: 32%;
  height: 100%;
  position: absolute;
  top: 27%;
  left: 17%;
  margin: 0 auto
}

.inner_case_right {
  width: 35%;
  height: 100%;
  position: absolute;
  top: 26%;
  right: 10%;
  margin: 0 auto
}

.inner_img {
  width: 100%
}

.pc {
  display: block
}

.mo {
  display: none
}

@media only screen and (max-width:768px) {
  .pc {
    display: none !important
  }

  .mo {
    display: block !important
  }
}

.logo_box {
  margin: 2% auto
}

.logo_img_box {
  max-width: 80px;
  display: inline-block
}

.logo_text {
  display: inline-block;
  vertical-align: middle
}

.logo_img {
  width: 100%;
  vertical-align: middle
}

.sec_title {
  margin: 3% auto
}

.inner_case_left .sec_desc {
  width: 83%
}

.inner_case_right .sec_desc {
  width: 75%
}

.section7 .inner_case_left {
  width: 42%
}

.section7 .sec_title span {
  margin: auto 1%;
  vertical-align: middle
}

.section16 {
  height: 650px
}

.banner {
  width: 100%;
  margin: 6% auto
}

.banner img {
  width: 100%
}

.att {
  width: 100%;
  text-align: center
}

.share {
  -webkit-justify-content: center;
  justify-content: center;
  display: -moz-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 200px;
  margin: 0 auto
}

.share a {
  margin: 8%
}

#wechat {
  display: inline-block
}

#sina {
  display: inline-block
}

.share_icon {
  display: block;
  margin: 2%;
  text-align: center
}

.wechat_QR {
  display: none
}

.sina_QR {
  display: none
}

#wechat:hover .wechat_QR {
  display: block;
  position: absolute;
  margin-left: -1%
}

#sina:hover .sina_QR {
  display: block;
  position: absolute;
  margin-left: -1%
}

@media screen and (min-width:2160px) {
  .swiper_title {
    font-size: 70px
  }

  .swiper_des {
    font-size: 36px
  }

  .content_title {
    font-size: 38px;
    line-height: 48px
  }

  .content_desc {
    font-size: 24px;
    line-height: 22px
  }

  .viewall,
  .detailed {
    font-size: 22px
  }

  .news_title {
    font-size: 20px
  }

  .news_date,
  .video_date,
  .video_view,
  .att {
    font-size: 24px
  }

  .news_desc {
    font-size: 28px;
    line-height: 36px
  }

  .video_title {
    font-size: 31px
  }

  .video_des {
    font-size: 28px;
    line-height: 32px
  }

  .logo_text {
    font-size: 50px
  }

  .sec_title {
    font-size: 73px
  }

  .sec_desc {
    font-size: 32px;
    line-height: 40px
  }

  .inner_case_left .sec_desc {
    width: 85%
  }
}

@media only screen and (max-width:1600px) {
  .swiper_title {
    font-size: 45px
  }

  .content_title {
    font-size: 19px;
    line-height: 32px
  }

  .content_desc {
    font-size: 14px;
    line-height: 17px
  }

  .news_title {
    font-size: 28px
  }

  .logo_text {
    font-size: 33px
  }

  .logo_img_box {
    max-width: 65px
  }

  .sec_title {
    font-size: 50px;
    line-height: 65px
  }

  .sec_desc {
    font-size: 15px;
    line-height: 25px
  }
}

@media screen and (max-width:1500px) {
  .swiper_title_t {
    line-height: 90px
  }

  .news_title {
    line-height: 35px
  }
}

@media only screen and (max-width:1440px) {
  .swiper_title {
    font-size: 38px
  }

  .box-item img {
    float: left;
    width: 24%
  }

  .content_title {
    font-size: 17px;
    line-height: 24px
  }

  .content_desc {
    font-size: 9px;
    line-height: 16px
  }

  .news_title {
    font-size: 24px
  }

  .view_detailed {
    margin-top: 10%
  }

  .video_title {
    font-size: 19px
  }

  .video_des {
    font-size: 12px
  }

  .section4 {
    padding-bottom: 0
  }

  .logo_text {
    font-size: 30px
  }

  .logo_img_box {
    max-width: 60px
  }

  .sec_title {
    font-size: 41px;
    line-height: 50px
  }

  .sec_desc {
    font-size: 13px;
    line-height: 23px
  }

  #wechat:hover .wechat_QR,
  #sina:hover .sina_QR {
    margin-left: -1.5%
  }

  .section2 .title {
    margin: 60px auto 20px
  }

  .swiper_title_t {
    line-height: 66px
  }

  .swiper_des_t {
    line-height: 44px
  }

  .news_title {
    line-height: 36px
  }
}

@media only screen and (max-width:1160px) {
  .swiper_title {
    font-size: 27px;
    margin: 10px auto 20px
  }

  .swiper_des {
    font-size: 12px
  }

  .box-item img {
    width: 27%
  }

  .content_title {
    font-size: 15px;
    line-height: 20px
  }

  .content_desc {
    font-size: 9px;
    line-height: 16px
  }

  .news_title {
    font-size: 19px
  }

  .news_desc {
    font-size: 12px;
    line-height: 18px
  }

  .view_detailed {
    margin-top: 9%
  }

  .section3 .news_content {
    width: 88%;
    padding: 6%;
  }

  .describe {
    width: 91%;
    padding: 4%
  }

  .detailed,
  .viewall {
    font-size: 11px
  }

  .video_title {
    font-size: 15px;
    line-height: 22px
  }

  .video_des {
    font-size: 11px;
    line-height: 18px;
    height: 41px
  }

  .video_view,
  .video_date {
    font-size: 11px;
    line-height: 20px
  }

  .section4 {
    padding-bottom: 0
  }

  .news_date {
    font-size: 14px;
    margin: 4% auto
  }

  .logo_text {
    font-size: 19px
  }

  .logo_img_box {
    max-width: 45px
  }

  .sec_title {
    font-size: 33px;
    line-height: 40px
  }

  .sec_desc {
    font-size: 12px;
    line-height: 18px
  }

  .inner_case_left .sec_desc {
    width: 87%
  }

  .section7 .sec_title span img {
    max-width: 50px
  }

  #wechat:hover .wechat_QR,
  #sina:hover .sina_QR {
    margin-left: -1.5%
  }

  .swiper_title_t {
    line-height: 40px
  }

  .swiper_des_t {
    line-height: 44px
  }

  .news_title {
    line-height: 28px
  }
}

@media only screen and (max-width:860px) {
  .swiper_text_t {
    position: absolute;
    top: 18%;
    left: 107px
  }

  .swiper_title_t {
    font-size: 46px;
    margin-bottom: 18px;
    color: #fff
  }

  .swiper_des_t {
    font-size: 17px;
    color: #fff
  }

  .swiper_title {
    font-size: 24px;
    margin: 10px auto 20px
  }

  .swiper_des {
    font-size: 12px
  }

  .swiper_text {
    left: 40%;
    transform: translateX(-33%)
  }

  .inner_box {
    max-width: 95%
  }

  .inner_case_left {
    width: 35%;
    left: 12%;
    top: 16%
  }

  .inner_case_right {
    width: 41%;
    top: 16%;
    right: 1%
  }

  .box-item img {
    width: 27%
  }

  .content_title {
    font-size: 15px;
    line-height: 20px
  }

  .content_desc {
    font-size: 9px;
    line-height: 16px
  }

  .news_title {
    font-size: 19px
  }

  .news_desc {
    font-size: 12px;
    line-height: 18px
  }

  .view_detailed {
    margin-top: 9%
  }

  .section3 .news_content {
    width: 88%;
    padding: 6%;
  }

  .describe {
    width: 91%;
    padding: 4%
  }

  .video_title {
    font-size: 15px;
    line-height: 22px
  }

  .video_des {
    font-size: 11px;
    line-height: 18px;
    height: 41px
  }

  .video_view,
  .video_date {
    font-size: 11px;
    line-height: 20px
  }

  .section4 {
    padding-bottom: 0
  }

  .news_date {
    font-size: 14px;
    margin: 4% auto
  }

  .logo_text {
    font-size: 19px
  }

  .logo_img_box {
    max-width: 45px
  }

  .sec_title {
    font-size: 28px;
    line-height: 40px
  }

  .sec_desc {
    font-size: 12px;
    line-height: 18px
  }

  .inner_case_left .sec_desc {
    width: 95%
  }

  .section7 .sec_title span img {
    max-width: 40px
  }

  #wechat:hover .wechat_QR,
  #sina:hover .sina_QR {
    margin-left: -2.5%
  }

  .swiper_title_t {
    line-height: 54px
  }

  .swiper_des_t {
    line-height: 44px
  }

  .news_title {
    line-height: 24px
  }
}

@media only screen and (min-width:769px) {
  .title_view {
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
  }

  .video_box:hover,.news_box:hover {
    border: 1px solid #007dff;
    margin: 9px;
    border-radius: 5px
  }

  .video_box:hover .video_title,
  .video_view_watch a {
    color: #007dff
  }

  .video_view_watch {
    font-size: 11px;
    color: #007dff;
    line-height: 22px;
    float: right;
    display: none
  }

  .video_box:hover .video_view {
    display: none
  }

  .video_box:hover .video_view_watch {
    display: block
  }
}

@media only screen and (max-width:768px) {
  .section7 .sec_title span img {
    max-width: 122px
  }

  .section7 .sec_title span {
    margin: auto 1%;
    display: block;
    vertical-align: middle
  }

  .video_view_watch {
    display: none
  }

  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px 10px !important
  }

  .news_title {
    font-size: 64px;
    line-height: 84px
  }

  .swiper_text {
    left: 36%;
    transform: translateX(-33%)
  }

  .swiper_title {
    font-size: 49px;
    margin: -15px auto 20px
  }

  .swiper_text_t {
    position: absolute;
    top: 24%;
    left: 65px
  }

  .swiper_title_t {
    margin-bottom: 18px;
    color: #fff
  }

  .swiper_des_t {
    width: 60%;
    color: #fff
  }

  .swiper_des {
    font-size: 24px;
    line-height: 40px
  }

  .swiper_text {
    width: 78%
  }

  #wechat:hover .wechat_QR,
  #sina:hover .sina_QR {
    margin-left: -3%
  }

  .inner_case_left {
    width: 87%;
    height: 100%;
    position: absolute;
    top: 2%;
    left: 6%;
    margin: 0 auto
  }

  .inner_case_right {
    width: 87%;
    height: 100%;
    position: absolute;
    top: 2%;
    right: 6%;
    margin: 0 auto
  }

  .inner_box {
    max-width: 94%
  }

  .section2 .title {
    margin-top: 4%
  }

  .content_title {
    font-size: 32px;
    line-height: 44px;
    color: #4a4a4a
  }

  .content_desc {
    font-size: 24px;
    line-height: 31px;
    color: #999
  }

  .box-item img {
    width: 90px
  }

  .video_title {
    font-size: 40px;
    line-height: 60px
  }

  .video_des {
    font-size: 28px;
    line-height: 44px;
    height: 41px
  }

  .video_date,
  .viewall,
  .news_date,
  .detailed,
  .news_desc,
  .att {
    font-size: 28px;
    line-height: 44px
  }

  .video_view {
    font-size: 24px;
    line-height: 31px
  }

  .logo_img_box {
    max-width: 80px
  }

  .logo_text {
    font-size: 38px
  }

  .sec_title {
    font-size: 64px
  }

  .sec_desc {
    font-size: 28px;
    line-height: 44px
  }

  .des {
    margin-bottom: 20px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center
  }

  .box-item {
    width: 47%;
    margin: 4% 0 0 2%
  }

  .viewall {
    color: #999
  }

  .section3 .des {
    display: block
  }

  .section3 .news_pic {
    width: 100%
  }

  .section3 .news_content {
    width: 90%;
    padding: 5% 3% 1%;
    margin: 0 auto
  }

  .view_detailed {
    margin: 4% auto
  }

  .section4 .des {
    display: block
  }

  .video_box {
    margin: 0 0 3%;
    border: 2px solid #e5e5e5;
    border-radius: 10px
  }

  .inner_case_left .sec_desc {
    width: 100%
  }

  .inner_case_right .sec_desc {
    width: 100%
  }

  .section7 .inner_case_left {
    width: 90%
  }

  .sec_title {
    font-size: 49px
  }

  .share {
    max-width: 300px
  }

  .share img {
    width: 100px
  }

  #wechat:hover .wechat_QR img,
  #sina:hover .sina_QR img {
    width: 200px;
    margin-left: -28%
  }

  .att {
    color: #4d4d4d7a
  }

  .swiper_title {
    line-height: 60px
  }

  .title {
    line-height: 72px
  }

  .sec_title {
    line-height: 85px
  }
}

@media only screen and (max-width:640px) {
  .swiper_title_t {
    font-size: 42px
  }

  .swiper_title {
    font-size: 44px
  }

  .swiper_des {
    font-size: 22px
  }

  .content_title {
    font-size: 28px;
    line-height: 28px
  }

  .content_desc {
    font-size: 18px
  }

  .view {
    position: absolute
  }

  .video_date,
  .viewall,
  .news_date,
  .detailed,
  .news_desc,
  .att {
    font-size: 24px
  }

  .news_title {
    font-size: 45px;
    line-height: 65px
  }

  .video_des {
    font-size: 24px;
    line-height: 30px;
    height: auto
  }

  .video_title {
    font-size: 37px;
    line-height: 60px
  }

  .section7 .inner_case_left {
    width: 90%
  }

  .inner_case_left {
    width: 90%;
    top: 2%;
    left: 5%
  }

  .inner_case_right {
    width: 90%;
    top: 2%;
    left: 2%;
    right: 0
  }

  .logo_text {
    font-size: 32px
  }

  .sec_title {
    font-size: 45px;
    line-height: 66px
  }

  .sec_desc {
    font-size: 24px;
    line-height: 41px
  }
}

@media only screen and (max-width:534px) {
  .swiper_title_t {
    font-size: 34px
  }

  .swiper_des_t {
    font-size: 20px
  }

  .swiper_title {
    font-size: 35px;
    margin: -15px auto 9px
  }

  .swiper_des {
    font-size: 19px;
    line-height: 33px
  }

  .section2 .title {
    margin: 60px auto 0
  }

  .box-item {
    width: 49%;
    margin: 4% 0 0 1%
  }

  .box-item img {
    width: 80px
  }

  .content_title {
    font-size: 23px;
    line-height: 24px
  }

  .content_desc {
    font-size: 15px
  }

  .view {
    position: absolute
  }

  .video_date,
  .viewall,
  .news_date,
  .detailed,
  .news_desc,
  .att {
    font-size: 21px
  }

  .video_view {
    font-size: 18px;
    line-height: 40px
  }

  .news_title {
    font-size: 40px;
    line-height: 55px
  }

  .video_des {
    font-size: 20px;
    line-height: 25px;
    height: auto
  }

  .video_title {
    font-size: 30px;
    line-height: 50px
  }

  .logo_img_box {
    max-width: 70px
  }

  .section7 .inner_case_left {
    width: 90%
  }

  .inner_case_left {
    width: 90%;
    top: 2%;
    left: 5%
  }

  .inner_case_right {
    width: 90%;
    top: 2%;
    left: 2%;
    right: 0
  }

  .logo_text {
    font-size: 30px
  }

  .sec_title {
    font-size: 42px
  }

  .sec_desc {
    font-size: 22px;
    line-height: 34px
  }

  .swiper_des_t {
    line-height: 30px
  }

  .news_desc {
    line-height: 26px
  }
}

@media only screen and (max-width:414px) {
  .swiper_text_t {
    left: 28px
  }

  .swiper_des_t {
    font-size: 14px
  }

  .swiper_title_t {
    font-size: 26px
  }

  .swiper_title {
    font-size: 25px
  }

  .swiper_des {
    font-size: 14px;
    line-height: 25px
  }

  .section7 .sec_title span img {
    max-width: 61px
  }

  .section2 .title {
    margin: 14px auto 0
  }

  .box-item {
    width: 49%;
    margin: 4% 0 0 1%
  }

  .box-item img {
    width: 56px
  }

  .content_title {
    font-size: 18px;
    line-height: 18px
  }

  .content_desc {
    font-size: 12px;
    line-height: 20px
  }

  .view {
    position: absolute
  }

  .video_date,
  .viewall,
  .news_date,
  .detailed,
  .news_desc,
  .att {
    font-size: 16px
  }

  .title_view {
    position: relative;
    margin: 30px auto 20px
  }

  .video_view {
    font-size: 14px;
    line-height: 45px
  }

  .news_title {
    font-size: 31px;
    line-height: 41px
  }

  .video_des {
    font-size: 15px;
    line-height: 18px;
    height: auto
  }

  .date_view {
    margin-bottom: 13%
  }

  .news_desc {
    line-height: 26px
  }

  .video_title {
    font-size: 22px;
    line-height: 35px
  }

  .logo_img_box {
    max-width: 55px
  }

  .section7 .inner_case_left {
    width: 90%
  }

  .inner_case_left {
    width: 90%;
    top: 0;
    left: 5%
  }

  .inner_case_right {
    width: 90%;
    top: 0;
    left: 2%;
    right: 0
  }

  .logo_text {
    font-size: 24px
  }

  .sec_title {
    font-size: 31px
  }

  .sec_desc {
    font-size: 18px;
    line-height: 26px
  }

  .share img {
    width: 60px
  }

  #wechat:hover .wechat_QR img,
  #sina:hover .sina_QR img {
    width: 110px;
    margin-left: -23%
  }

  .swiper_des_t {
    line-height: 35px
  }

  .sec_title {
    line-height: 45px
  }
}

@media only screen and (max-width:414px) {
  .swiper_des_t {
    line-height: 24px
  }
}

@media only screen and (max-width:375px) {
  .swiper_text {
    width: 84%
  }

  .swiper_title {
    font-size: 25px
  }

  .swiper_des {
    font-size: 14px;
    line-height: 22px
  }

  .section2 .title {
    margin: 14px auto 0
  }

  .box-item {
    width: 49%;
    margin: 4% 0 0 1%
  }

  .box-item img {
    width: 45px
  }

  .content_title {
    font-size: 16px;
    line-height: 22px
  }

  .content_desc {
    font-size: 12px;
    line-height: 16px
  }

  .view {
    position: absolute
  }

  .video_date,
  .viewall,
  .news_date,
  .detailed,
  .news_desc,
  .att {
    font-size: 14px;
    line-height: 22px
  }

  .title_view {
    position: relative;
    margin: 30px auto 20px
  }

  .video_view {
    font-size: 12px;
    line-height: 16px
  }

  .news_title {
    font-size: 32px;
    line-height: 42px
  }

  .view_detailed {
    margin: 2% auto
  }

  .section3 {
    padding-bottom: 2px
  }

  .news_desc {
    line-height: 21px
  }

  .video_des {
    font-size: 14px;
    line-height: 22px;
    height: auto;
    color: #4d4d4d
  }

  .date_view {
    margin-bottom: 13%
  }

  .news_desc {
    line-height: 26px
  }

  .video_title {
    font-size: 20px;
    line-height: 30px
  }

  .logo_img_box {
    max-width: 40px
  }

  .section7 .inner_case_left {
    width: 90%
  }

  .inner_case_left {
    width: 90%;
    top: 2%;
    left: 5%
  }

  .inner_case_right {
    width: 90%;
    top: 2%;
    left: 2%;
    right: 0
  }

  .logo_text {
    font-size: 19px;
    line-height: 25px;
    color: #34363a
  }

  .sec_title {
    font-size: 32px;
    line-height: 42px;
    color: #34363a;
    margin: 1% 0
  }

  .sec_desc {
    font-size: 14px;
    line-height: 22px;
    color: #8b9cb1
  }

  .section7 .sec_title span {
    display: block
  }

  .share img {
    width: 50px
  }

  #wechat:hover .wechat_QR img,
  #sina:hover .sina_QR img {
    width: 100px;
    margin-left: -23%
  }
}

@media only screen and (max-width:360px) {
  .box-item {
    width: 50%;
    margin: 4% 0 0 0
  }

  .content_title {
    font-size: 15px;
    line-height: 18px
  }

  .box-item img {
    width: 40px
  }

  .news_title {
    font-size: 27px;
    line-height: 38px
  }

  .news_desc {
    line-height: 22px
  }

  .video_des {
    font-size: 13px;
    line-height: 16px
  }

  .sec_title {
    font-size: 30px;
    line-height: 42px
  }
}

.swiper_title_t {
  font-size: calc(100vw * .05)
}

.swiper_des_t {
  font-size: calc(100vw * .0165)
}

.swiper_des {
  font-size: calc(100vw * .00834)
}

.swiper_des {
  width: 60%;
  margin: 0 auto
}

.swiper_title {
  font-size: calc(100vw * .0281)
}

.title {
  font-size: calc(100vw * .0125)
}

.content_title {
  font-size: calc(100vw * .0125)
}

.content_desc {
  font-size: calc(100vw * .00834)
}

.news_title {
  font-size: calc(100vw * .01875)
}

.video_title {
  font-size: calc(100vw * .01042)
}

.view,
.video_des,
.video_date,
.video_view,
.video_view_watch,
.view_detailed,
.news_date {
  font-size: 14px
}

.logo_text {
  font-size: calc(100vw * .019792)
}

.sec_title {
  font-size: calc(100vw * .0333334)
}

.sec_desc {
  font-size: calc(100vw * .009375)
}

@media screen and (min-width:1920px) {
  .title {
    color: #626262;
    font-size: 24px;
    line-height: 36px
  }

  .content_title {
    font-size: 24px;
    line-height: 36px
  }

  .swiper_title {
    line-height: 1.2
  }

  .swiper_des {
    line-height: 28px
  }

  .content_desc {
    font-size: 16px;
    line-height: 24px
  }

  .viewall {
    font-size: 14px;
    line-height: 22px;
    color: #007dff
  }

  .news_title {
    font-size: 20px;
    color: #4A4A4A;
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }

  .news_date {
    font-size: 14px;
    color: #9b9b9b;
    line-height: 22px;
  }

  .news_desc {
    font-size: 14px;
    line-height: 22px;
    color: #4d4d4d;
  }

  .detailed {
    font-size: 14px;
    color: #007dff;
    line-height: 22px
  }

  .video_title {
    font-size: 20px;
    line-height: 30px;
    color: #4a4a4a
  }

  .video_des {
    font-size: 14px;
    line-height: 22px;
    color: #4d4d4d
  }

  .video_date {
    font-size: 14px;
    line-height: 22px;
    color: #9b9b9b
  }

  .video_view {
    font-size: 12px;
    line-height: 18px;
    color: #9b9b9b
  }

  .logo_text {
    font-size: 38px;
    line-height: 50px;
    color: #34363a
  }

  .sec_title {
    font-size: 64px;
    line-height: 96px;
    color: #34363a
  }

  .sec_desc {
    font-size: 18px;
    line-height: 28px;
    color: #8b9cb1
  }
}

@media screen and (max-width:768px) {
  .swiper_title_t {
    font-size: calc(100vw * .0695)
  }

  .swiper_des_t {
    font-size: calc(100vw * .037)
  }

  .swiper_title {
    font-size: calc(100vw * .0693)
  }

  .swiper_des {
    width: 100%;
    font-size: calc(100vw * .0373)
  }

  .title {
    font-size: calc(100vw * .0625)
  }

  .content_title {
    font-size: calc(100vw * .0417)
  }

  .content_desc {
    font-size: calc(100vw * .03125)
  }

  .news_title {
    font-size: calc(100vw * .08333)
  }

  .video_title {
    font-size: calc(100vw * .05209)
  }

  .logo_text {
    font-size: calc(100vw * .04948)
  }

  .sec_title {
    font-size: calc(100vw * .083334)
  }

  .sec_desc {
    font-size: calc(100vw * .036457)
  }
}

@media screen and (max-width:769px) and (min-width:767px) {

  .view,
  .video_des,
  .video_date,
  .video_view,
  .video_view_watch,
  .view_detailed,
  .news_date {
    font-size: 28px
  }
}

@media screen and (max-width:414px) {
  .sction16 {
    height: 400px
  }
}

@media screen and (max-width:375px) {
  .title {
    font-size: calc(100vw * .0625)
  }

  .content_title {
    font-size: calc(100vw * .0427)
  }

  .content_desc {
    font-size: calc(100vw * .03125)
  }

  .news_title {
    font-size: calc(100vw * .08535)
  }

  .video_title {
    font-size: calc(100vw * .05334)
  }

  .logo_text {
    font-size: calc(100vw * .05068)
  }

  .sec_title {
    font-size: calc(100vw * .085333)
  }

  .sec_desc {
    font-size: calc(100vw * .037334)
  }
}