/* parameter */
:root {
  --margin-lr-widescreen-percent: 15%;
  --padding-lr-widescreen-percent: 15%;
  --padding-lr-md-widescreen-percent: 10%;
  --padding-lr-lg-widescreen-percent: 30%;

  --height-header: 60px;
  --height-plate: 600px;
  --height-footer: 600px;
  --height-plate-title-top: 60px;
  --height-plate-title-bottom: 60px;
  --height-plate-theme-top: 135px;

  --font-size-pc-page-title: 48px;
  --font-size-mobile-page-title: 36px;
  --font-size-pc-page-des: 20px;
  --font-size-mobile-page-des: 16px;
  --font-size-block-title: 32px;
  --font-size-block-des: 16px;
  --font-size-md-block-title: 24px;
  --font-size-md-block-des: 16px;
  --font-size-label-title: 18px;
  --font-size-label-des: 16px;
  --font-size-sm-label-title: 16px;
  --font-size-sm-label-des: 14px;

  --color-main-bg-dark: rgba(13, 26, 58, 1);
  --color-main-bg-light: rgba(244, 244, 244, 1);
  --color-main-font-dark: rgba(13, 26, 58, 1);
  --color-main-font-gary: rgb(105, 114, 121);
  --color-main-font-light: rgba(244, 244, 244, 1);
  --color-main-font-hover: rgba(41, 213, 235, 1);

  --color-main-1: rgba(43, 122, 197, 1);
  --color-main-2: rgba(244, 244, 244, 1);

  --color-background-1: rgba(43, 122, 197, 1);
  --color-background-2: rgba(255, 79, 64, 1);
  --color-background-3: rgba(130, 184, 235, 1);
  --color-background-4: rgba(255, 255, 255, 0.3);
  --color-background-5: rgba(255, 255, 255, 0.6);
  --color-background-6: rgba(244, 244, 244, 1);
  --color-background-7: rgba(231, 231, 231, 1);
  --color-background-8: rgba(198, 198, 198, 1);
  --color-background-9: rgba(72, 152, 228, 1);
  --color-background-10: rgba(230, 0, 18, 0.3);
  --color-background-11: rgba(245, 245, 245, 1);
  --color-background-12: rgba(0, 0, 0, 0.4);
  --color-background-13: rgba(0, 0, 0, 0.2);
  --color-background-14: rgba(78, 78, 78, 1);
  --color-background-15: #544e72;
  --color-background-16: #fbfbfb;

  --color-header-bg-sec-1: rgba(240, 108, 145, 1);
  --color-header-bg-sec-2: rgba(241, 136, 166, 1);

  --color-font-1: rgba(245, 245, 245, 1);
  --color-font-2: rgba(245, 245, 245, 0.75);
  --color-font-3: rgba(43, 122, 197, 1);
  --color-font-4: rgba(255, 79, 64, 1);
  --color-font-5: rgba(230, 230, 230, 1);
  --color-font-6: rgba(240, 108, 145, 1);
  --color-font-7: rgba(102, 102, 102, 0.9);
  --color-font-8: rgba(85, 85, 85, 1);
  --font-size-1: 36px;
  --font-size-2: 28px;
  --font-size-3: 16px;
  --font-size-4: 14px;
  --font-size-5: 12px;
}

/* 去掉滚动条的宽度对排版的影响 */
html {
  overflow-y: scroll;
}

@media screen and (max-width: 1600px) {
  :root {
    --margin-lr-widescreen-percent: 10%;
    --padding-lr-widescreen-percent: 10%;
  }
}
@media screen and (max-width: 1366px) {
  :root {
    --margin-lr-widescreen-percent: 100px;
    --padding-lr-widescreen-percent: 100px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --margin-lr-widescreen-percent: 10px;
    --padding-lr-widescreen-percent: 10px;
  }
}

/* --- font-family --- */
* {
  font-family: "Microsoft Yahei", sans-serif;
}

/* ---common style--- */
.black_both_sides_margin {
  margin-left: var(--margin-lr-widescreen-percent);
  margin-right: var(--margin-lr-widescreen-percent);
}

.black_both_sides_padding {
  padding-left: var(--padding-lr-widescreen-percent);
  padding-right: var(--padding-lr-widescreen-percent);
}
.black_both_sides_md_padding {
  padding-left: var(--padding-lr-md-widescreen-percent);
  padding-right: var(--padding-lr-md-widescreen-percent);
}

.black_both_sides_lg_padding {
  padding-left: var(--padding-lr-lg-widescreen-percent);
  padding-right: var(--padding-lr-lg-widescreen-percent);
}

@media screen and (max-width: 768px) {
  .black_both_sides_padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* five grid */
.col-emg-xs-5,
.col-emg-sm-5,
.col-emg-md-5,
.col-emg-lg-5 {
  min-height: 1px;
  position: relative;
}
.col-emg-xs-5 {
  width: 19.9%;
  float: left;
}
.col-emg-sm-5 {
  width: 19.9%;
  float: left;
}
@media (max-width: 768px) {
  .col-emg-xs-5 {
    font-size: var(--font-size-1);
    width: 100%;
    float: left;
  }
}

/* ---template style--- */

/* carousel map: three maps */
.carousel-map .left,
.carousel-map .right {
  background-image: none;
}
.carousel-map .carousel-control span {
  display: none;
  top: 50%;
}
.carousel-map .carousel-control:hover span {
  display: inline-block;
  opacity: 0.5;
}
.carousel-map .carousel-inner .container {
  width: 100%;
  height: var(--height-plate);
}
.carousel-map .carousel-indicators li {
  width: 50px;
  height: 3px;
  margin: 0px 8px;
  border: none;
}
.carousel-map .carousel-indicators .progress-bar-theme {
  background-color: var(--color-background-5);
  -webkit-transition: width 0s ease;
  -o-transition: width 0s ease;
  transition: width 0s ease;
}

/* title && descript && col-five: split row to five columns */
.title-col-five {
  padding-top: var(--height-plate-title-top);
  padding-bottom: var(--height-plate-title-bottom);
  width: 100%;
}
.title-col-five .text-title {
  /* font-size: var(--font-size-1); */
  font-size: var(--font-size-1);
  margin: 0px 0px 20px 0px;
}
.title-col-five .text-descript {
  margin: 20px 0px;
  font-size: var(--font-size-4);
}
.title-col-five .col-content span {
  margin: 10px 0px;
  font-size: 40px;
}
.title-col-five .col-content p {
  margin: 0px;
}
.title-col-five .col-content .col-content-data {
  margin: 20px 0px;
  font-size: var(--font-size-1);
  font-weight: bolder;
}
.title-col-five .col-content .col-content-descrip {
  font-size: var(--font-size-4);
}
@media (max-width: 1200px) {
  .title-col-five .col-content .col-content-data {
    font-size: var(--font-size-2);
  }
}

/* title && descript && col-five-img: split row to five columns */
.title-col-five-img {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}
.title-col-five-img .text-title {
  font-size: var(--font-size-1);
  margin: 0px 0px 10px 0px;
}

.title-col-five-img .text-descript {
  margin: 10px 0px;
  /* font-size: var(--font-size-4); */
  font-size: 18px;
  line-height: 32px;
}

/* title && descript && col-five-button: split row to five columns */
.title-col-five-button {
  padding-top: var(--height-plate-title-top);
  padding-bottom: var(--height-plate-title-bottom);
  width: 100%;
}
.title-col-five-button .text-title {
  font-size: var(--font-size-1);
  margin: 0px 0px 20px 0px;
}
.title-col-five-button .text-descript {
  margin: 20px 0px;
  font-size: var(--font-size-4);
}
.title-col-five-button .col-content button,
.title-col-five-button .col-content button:focus {
  margin: 0px;
  padding: 0;
  border: 0;
  background-color: transparent;
  outline: none;
}
.title-col-five-button .col-content .col-content-title {
  margin: 10px 0px;
  font-size: var(--font-size-3);
}
.title-col-five-button .col-content .col-content-descrip {
  font-size: var(--font-size-4);
}

/* title && descript && col-five-doc: split row to five columns */
.title-col-five-doc {
  padding-top: var(--height-plate-title-top);
  padding-bottom: var(--height-plate-title-bottom);
  width: 100%;
}
.title-col-five-doc .text-title {
  font-size: var(--font-size-1);
  margin: 0px 0px 20px 0px;
}
.title-col-five-doc .text-descript {
  margin: 20px 0px;
  font-size: var(--font-size-4);
}
.title-col-five-doc .col-content .doc-block {
  margin: 5px;
}
.title-col-five-doc .col-content .doc-block .doc-icon {
  margin: 10px;
  border-bottom: 1px solid;
}
.title-col-five-doc .col-content .doc-block .doc-icon span {
  margin: 20px 0px;
  font-size: 20px;
}
.title-col-five-doc .col-content .doc-block .doc-icon span p {
  margin: 10px 0px 0px 0px;
  font-size: var(--font-size-3);
}
.title-col-five-doc .col-content .doc-block .doc-content {
  padding: 20px 10px;
}
.title-col-five-doc .col-content .doc-block .doc-content p a:hover {
  text-decoration: none;
}
.title-col-five-doc .col-content .doc-block .doc-content .doc-content-detail {
  font-size: var(--font-size-4);
}
.title-col-five-doc .col-button {
  padding: 40px 0px 0px 0px;
}
.title-col-five-doc .col-button button,
.title-col-five-doc .col-button button:focus {
  border: 0;
  outline: none !important;
  padding: 10px 40px;
}

/* title && descript && col-six: split row to six columns */
.title-col-six-button {
  padding-top: var(--height-plate-title-top);
  padding-bottom: var(--height-plate-title-bottom);
  width: 100%;
}
.title-col-six-button .text-title {
  font-size: var(--font-size-1);
  margin: 0px 0px 20px 0px;
}
.title-col-six-button .text-descript {
  margin: 20px 0px;
  font-size: var(--font-size-4);
}
.title-col-six-button .col-content button,
.title-col-six-button .col-content button:hover,
.title-col-six-button .col-content button:focus {
  margin: 0px;
  padding: 0;
  border: 0;
  background-color: transparent;
  outline: none !important;
}
.title-col-six-button .col-content button span {
  margin: 10px 0px;
  font-size: 40px;
}
.title-col-six-button .col-content button span p {
  margin: 20px 0px 0px 0px;
  font-size: var(--font-size-4);
}

/* title && descript && col-two: split row to two columns */
.title-col-two {
  padding-top: var(--height-plate-title-top);
  padding-bottom: var(--height-plate-title-bottom);
  width: 100%;
}
.title-col-two .text-title {
  font-size: var(--font-size-1);
  margin: 0px 0px 20px 0px;
}
.title-col-two .text-descript {
  margin: 20px 0px;
  font-size: var(--font-size-4);
}
.title-col-two .col-content {
  display: inline-flex;
  justify-content: center;
  align-items: Center;
}
@media (max-width: 768px) {
  .title-col-two .col-content {
    display: block;
  }
}

/* markup tab */
.markup-tab {
  width: 100%;
}
.markup-tab .markup-title {
  padding-top: var(--height-plate-title-top);
  border-bottom: 1px solid;
}
.markup-tab .markup-title p {
  font-size: var(--font-size-1);
}
.markup-tab .markup-title ul {
  border-bottom: 0;
}
.markup-tab .markup-title ul li.active a:hover,
.markup-tab .markup-title ul li a,
.markup-tab .markup-title ul li a:focus {
  font-size: var(--font-size-4);
  margin: 0px 0px 20px 0px;
  background-color: transparent;
  border: 0;
  border-bottom-color: transparent;
}
.markup-tab .markup-content {
  padding-top: var(--height-plate-title-top);
  padding-bottom: var(--height-plate-title-bottom);
}
.markup-tab .markup-content .markup-content-product-descript {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.markup-tab .markup-content .markup-content-product-descript > [class*="col-"] {
  display: flex;
  flex-direction: column;
  margin: auto 0px;
}
.markup-tab .markup-content .markup-content-product-descript > div {
  margin: auto 0px;
}
.markup-tab .markup-content .markup-content-product-descript button {
  margin-left: 25px;
}

/*lr_test_pic_one_template*/
.lr_text_pic_one_template_container .row {
  display: inline-flex;
  justify-content: center;
  align-items: Center;
}

.lr_text_pic_one_template_container .row_content {
  display: inline-flex;
  justify-content: center;
  align-items: Center;
}

.lr_text_pic_one_template_container .left_col h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 2.4;
}

.lr_text_pic_one_template_container .left_col h6 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
}

.lr_text_pic_one_template_container .text_title {
  color: var(--color-main-font-dark);
  font-size: var(--font-size-block-title);
}

.lr_text_pic_one_template_container .text_des {
  color: var(--color-main-font-dark);
  font-size: var(--font-size-block-des);
}

.lr_text_pic_one_template_container .right_pic {
  box-shadow: 0 0 15px var(--color-background-13);
  border-radius: 5px;
}

.lr_text_pic_one_template_container .left_pic {
  box-shadow: 0 0 15px var(--color-background-13);
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .lr_text_pic_one_template_container .row_content {
    align-items: Center;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .lr_text_pic_one_template_container .right_col_text {
    margin-top: 15px;
    align-items: Center;
    display: block;
  }
}

/*
第一种多个栅格布局模板 three_col_grid_template
*/

.three_col_grid_template_container .three_col_grid_template_col_header {
  margin-bottom: 5%;
}

.three_col_grid_template_container .three_col_grid_template_col {
  margin-bottom: 5%;
}
.three_col_grid_template_container .three_col_grid_template_col img {
  width: 50px;
  height: 50px;
}

.three_col_grid_template_container .big_title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.4;
}

.three_col_grid_template_container .small_title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.8;
}

.three_col_grid_template_container .three_col_grid_template_col p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

/*
左图右文的布局模板 lr_pic_text_template
*/

.lr_pic_text_template_container .row_content {
  display: inline-flex;
  justify-content: center;
  align-items: Center;
}

.lr_pic_text_template_container .right_col h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 2.4;
}

.lr_pic_text_template_container .right_col h6 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
}

.lr_pic_text_template_container .right_col .text_title {
  color: var(--color-main-font-dark);
  font-size: var(--font-size-block-title);
}

.lr_pic_text_template_container .right_col .text_des {
  color: var(--color-main-font-dark);
  font-size: var(--font-size-block-des);
}

.lr_pic_text_template_container .left_pic {
  box-shadow: 0 0 15px var(--color-background-13);
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .lr_pic_text_template_container .row_content {
    align-items: Center;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .lr_pic_text_template_container .right_col_text {
    margin-top: 15px;
    align-items: Center;
    display: block;
  }
}

/* 左大图右文的布局模板 lr_maxpic_text_template*/
.lr_maxpic_text_template_container {
  background-image: url("/webportal/image/product/route_tmp_1.jpg");
  /* background-color: tomato;   */
  background-size: 58%;
  background-repeat: no-repeat;
  background-position-x: -20px;
  background-position-y: 3px;
}

.lr_maxpic_text_template_container .row {
  display: inline-flex;
  justify-content: center;
  align-items: Center;
}

.lr_maxpic_text_template_container .right_col_text h2 {
  font-weight: 600;
  font-size: 36px;
  line-height: 2.4;
}

.lr_maxpic_text_template_container .right_col_text h6 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8;
}

/*三列灰色块状栅格布局模板 three_col_gray_grid_template*/
.three_col_gray_grid_template_container {
  align-items: center;
  display: block;
  justify-content: center;
}

.three_col_gray_grid_template_container .row {
  margin-bottom: 5%;
}

.three_col_gray_grid_template_container .big_title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.8;
}

.three_col_gray_grid_template_container .gray_div {
  display: flex;
  flex-flow: column;
  text-align: left;
  background-color: #f8f9fb;
  box-sizing: border-box;
  padding: 4% 10%;
  height: 195px;
}
.three_col_gray_grid_template_container .gray_div .gray_div_title {
  line-height: 2;
  font-size: 24px;
  font-weight: 400;
}

.three_col_gray_grid_template_container .gray_div a {
  font-size: 14px;
  font-weight: 600;
  margin-top: 24px;
}
.three_col_gray_grid_template_container .gray_div a:hover {
  font-size: 14px;
  font-weight: 600;
  margin-top: 24px;
  text-decoration: none;
}

/*上文下大图 tb_text_pic_template*/

.tb_text_pic_template_container .row_text {
  display: block;
  margin-bottom: 5%;
  text-align: center;
  width: 100%;
}

.tb_text_pic_template_container .text_title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
}

.tb_text_pic_template_container .text_content {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
}
.tb_text_pic_template_container .row_img img {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .tb_text_pic_template_container .text_title {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.4;
  }

  .tb_text_pic_template_container .text_content {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1200px) {
  .tb_text_pic_template_container .text_title {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.4;
  }

  .tb_text_pic_template_container .text_content {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.7;
  }
}

/*
品牌展示模块一 布局模板 brand_show_one_template
*/
.brand_show_one_template_container .row_text {
  text-align: center;
  /* margin-bottom: 50px; */
}

.brand_show_one_template_container .row_btn {
  text-align: center;
  margin-top: 5%;
}

/*
广告展示模块一 的布局模板 ad_show_one_template
*/

.ad_show_one_bgpic {
  background-image: url("/webportal/image/solutions/logistics_show_bg.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-left: 0px;
  padding-right: 0px;
}

.ad_show_one_container {
  background-color: rgba(31, 51, 73, 0.5);
  width: 100%;
  /* height: 630px; */
  height: 477px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 0px;
  padding-right: 0px;
}

.ad_show_one_container .ad_show_one_text {
  text-align: center;
  color: var(--color-main-bg-light);
  font-size: var(--font-size-mobile-page-title);
}

.ad_show_one_container .ad_show_content_text {
  text-align: center;
  margin-top: 3%;
  margin-bottom: 5%;
  color: var(--color-main-bg-light);
  font-size: var(--font-size-mobile-page-des);
}

.ad_show_one_container .ad_show_more_btn {
  background-color: rgba(31, 51, 73, 0.5);
  width: 145px;
  height: 44px;
  line-height: 1.8;
  border: 1px solid #fff;
  border-radius: 22px;
  font-size: 18px;
  font-weight: 200;
}

.ad_show_one_container .ad_show_more_btn:hover {
  background-color: var(--color-main-bg-dark);
}

@media screen and (min-width: 992px) {
  .ad_show_one_container .ad_show_one_text {
    text-align: center;
    color: var(--color-main-bg-light);
    font-size: var(--font-size-pc-page-title);
  }

  .ad_show_one_container .ad_show_content_text {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 5%;
    color: var(--color-main-bg-light);
    font-size: var(--font-size-pc-page-des);
  }
}
@media screen and (min-width: 1200px) {
  .ad_show_one_container .ad_show_one_text {
    text-align: center;
    color: var(--color-main-bg-light);
    font-size: var(--font-size-pc-page-title);
  }

  .ad_show_one_container .ad_show_content_text {
    text-align: center;
    margin-top: 3%;
    margin-bottom: 5%;
    color: var(--color-main-bg-light);
    font-size: var(--font-size-pc-page-des);
  }
}

/*
品牌展示模块二 的布局模板 brand_show_two_template
*/

.brand_show_two_template_container {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  background-color: #f4f7fb;
}

.brand_show_two_template_container .row_text {
  text-align: center;
}

.brand_show_two_template_container .row_btn {
  text-align: center;
  margin-top: 5%;
}

/*上文下视频的布局模板 tb_text_video_template*/

.tb_text_video_template_container {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.tb_text_video_template_container .row_text {
  margin-bottom: 3%;
  width: 80%;
}

.tb_text_video_template_container .text_title {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.4;
}

.tb_text_video_template_container .text_content {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
}
.tb_text_video_template_container .row_video_show video {
  width: 80%;
  height: 80%;
}

/*
三列卡片式 布局模板 three_col_card_grid_template
*/

/* .three_col_card_grid_template_container{
  align-items: center;
  display: inline-flex;
  justify-content: center;
} */

.three_col_card_grid_template_container .row_text_title {
  text-align: center;
  margin-bottom: 5%;
}

.three_col_card_grid_template_container .big_title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.7;
}

.three_col_card_grid_template_container .three_col_card_grid_template_col {
  /* box-shadow: 0 0 10px 2px rgba(31,51,73,.1); */
  /* border-radius: 8px 8px 0 0 ; */
  padding: 0;
  padding-left: 24px;
  /* margin-bottom: 24px; */
}

.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .story_card {
  box-shadow: 0 0 10px 2px rgba(31, 51, 73, 0.1);
  margin-bottom: 24px;
  border-radius: 10px 10px;
}
.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .story_card
  a {
  text-decoration: none;
  color: #4264fb;
}

.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .story_card
  a {
  text-decoration: none;
  color: #4264fb;
}
.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .story_card
  a:hover {
  box-shadow: 0 0 10px 2px rgba(31, 51, 73, 0.1);
}

.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .story_card
  .story_des {
  padding: 8% 8%;
  line-height: 1.8;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .story_img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .brand_img {
  width: auto;
  height: 45px;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 10%;
  padding-right: 10%;
}

.three_col_card_grid_template_container
  .three_col_card_grid_template_col
  .read_link {
  padding: 8% 8%;
}

/*lr_text_pic_two_template*/
/* .lr_text_pic_two_template_container{ */
/* width:100%; */
/* height: 730px; */

/* } */

.lr_text_pic_two_template_container .row {
  /* display: flex;
  justify-content: center;
  align-items: Center; */
  width: 100%;
}

.lr_text_pic_two_template_container .left_col_text p {
  font-weight: 600;
  font-size: 24px;
}

.lr_text_pic_two_template_container .left_col_text h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}

.lr_text_pic_two_template_container .title_panel {
  background-color: rgba(31, 51, 73, 0.05);
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  align-items: center;
  display: flex;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /* border-style: solid; */
  /* border-bottom-width: 1px; */
}

.lr_text_pic_two_template_container .title_panel .small-point {
  background-color: #c6d2e1;
  height: 6px;
  width: 6px;
  margin-right: 6px;
  margin-top: 0;
  display: inline-block;
  /* border-radius: 9999px; */
}

.lr_text_pic_two_template_container .row img {
  width: 100%;
  border-top-width: 1px;
  border-style: solid;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (min-width: 992px) {
  .lr_text_pic_two_template_container .row {
    display: flex;
    justify-content: center;
    align-items: Center;
    width: 100%;
  }

  .lr_text_pic_two_template_container .left_col_text p {
    font-weight: 600;
    font-size: 36px;
  }

  .lr_text_pic_two_template_container .left_col_text h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
  }
}

@media screen and (min-width: 1200px) {
  .lr_text_pic_two_template_container .row {
    display: flex;
    justify-content: center;
    align-items: Center;
    width: 100%;
  }

  .lr_text_pic_two_template_container .left_col_text p {
    font-weight: 600;
    font-size: 36px;
  }

  .lr_text_pic_two_template_container .left_col_text h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
  }
}

/*
左视频右文字布局模板 lr_video_text_template
*/

.lr_video_text_template_container .row {
  width: 100%;
}
.lr_video_text_template_container .left_col_text p {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
}

.lr_video_text_template_container .left_col_text h4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
}

.lr_video_text_template_container .title_panel {
  background-color: rgba(31, 51, 73, 0.05);
  width: 100%;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  align-items: center;
  display: flex;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /* border-style: solid; */
  /* border-bottom-width: 1px; */
}

.lr_video_text_template_container .small-point {
  background-color: #c6d2e1;
  height: 6px;
  width: 6px;
  margin-right: 6px;
  margin-top: 0;
  display: inline-block;
  /* border-radius: 9999px; */
}

.lr_video_text_template_container .row_content .video {
  width: 100%;
}

@media screen and (min-width: 992px) {
  .lr_video_text_template_container .row {
    display: inline-flex;
    justify-content: center;
    align-items: Center;
    width: 100%;
  }
  .lr_video_text_template_container .left_col_text p {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.4;
  }

  .lr_video_text_template_container .left_col_text h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 1200px) {
  .lr_video_text_template_container .row {
    display: inline-flex;
    justify-content: center;
    align-items: Center;
    width: 100%;
  }

  .lr_video_text_template_container .left_col_text p {
    font-weight: 600;
    font-size: 36px;
    line-height: 1.4;
  }

  .lr_video_text_template_container .left_col_text h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.8;
  }
}

/* 左文右图 三布局模板 lr_text_pic_three_template*/

.lr_text_pic_three_template .row {
  width: 100%;
}

.lr_text_pic_three_template .row img {
  width: 100%;
}
.lr_text_pic_three_template .left_col_text .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 2.4;
}

.lr_text_pic_three_template .left_col_text .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
}

@media screen and (min-width: 992px) {
  .lr_text_pic_three_template .row {
    display: inline-flex;
    justify-content: center;
    align-items: Center;
    width: 100%;
  }
  .lr_text_pic_three_template .left_col_text .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 2.4;
  }

  .lr_text_pic_three_template .left_col_text .content {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
  }
}

@media screen and (min-width: 1200px) {
  .lr_text_pic_three_template .row {
    display: inline-flex;
    justify-content: center;
    align-items: Center;
    width: 100%;
  }
  .lr_text_pic_three_template .left_col_text .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 2.4;
  }

  .lr_text_pic_three_template .left_col_text .content {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8;
  }
}

/**
 垂直的时间轴的布局模板 vertical_timeline_one_template
 **/
.vertical_timeline_one_template .row {
  width: 100%;
  background-color: burlywood;
}

.vertical_timeline_one_template .row .main-timeline:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0 0 -1px;
  position: absolute;
  top: 0;
  left: 50%;
}

.vertical_timeline_one_template .row .main-timeline {
  width: 80%;
  margin: 20px auto;
  position: relative;
}

.vertical_timeline_one_template .row .main-timeline .timeline {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  background-color: aquamarine;
}

.vertical_timeline_one_template
  .row
  .main-timeline
  .timeline
  .timeline-content {
  width: 40%;
  float: left;
  margin: 5px 0 0 0;
  border: 1px;
  border-radius: 6px;
}

.phone_bg_template {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}

.phone_bg_template .device_img {
  width: 300px;
  height: 550px;
  /* position: relative; */
}

.phone_bg_template .content-img {
  margin-top: 73px;
  clip-path: inset(0px 550px 24px 15px);
  position: absolute;
  z-index: 1;
}

/* theme background-image */
.solutions_theme_template {
  background-image: url("/webportal/image/solutions/solutions_tourism_3840x2160.jpg");
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
}

/* theme background-mask */
.solutions_theme_template .bg-mask {
  background-color: rgba(44, 51, 58, 0.9);
  height: 477px;
  width: 100%;
  /* margin-top: 194px; */
}
/* theme background-mask */
.solutions_theme_template .bg-mask .bg-theme {
  font-size: var(--font-size-1);
  color: var(--color-font-1);
}
/* theme background-describe */
.solutions_theme_template .bg-mask .bg-describe {
  font-size: 18px;
  color: var(--color-font-1);
  line-height: 32px;
}
.solutions_theme_template .bg-mask button {
  margin-top: 20px;
}

/*** new icon css ***/
.header_icon_new {
  position: absolute;
  width: 24px;
  height: 12px;
  border-radius: 1px;
  background-color: rgba(219, 8, 12, 1);
  right: 6px;
  color: rgba(255, 255, 255, 1);
  font-size: 8px;
  line-height: 12px;
}
