.n_banner {
  height: 26rem;
  position: relative;
  width: 100%;
  margin-top: -60px;	
}
@media (max-width:668px) {
  .n_banner {
    height: 340px;
	background: url("../image/banner.jpg");
	background-size:cover;
	margin-top: 0px;  
  }
	.n_banner_img{display: none} 
}
.n_banner_txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  padding-top: 40px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 2
}
@media (max-width:1201px) {
  .n_banner_txt {
    padding: 60px 20px 20px
  }
}
@media (max-width:668px) {
  .n_banner_txt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 80px
  }
}
.n_banner_txt .inner {
  max-width: 100%;
  text-align: center;	
}
@media (max-width:668px) {
  .n_banner_txt .inner {
    max-width: 100%
  }
	.n_banner_txt .inner img{width: 100%}	
}

.n_banner_txt .title h1 {
  color: #FFF;
  font-size: 2.84rem;
  font-weight: 600;	
  line-height: 1em;
  margin: 0;
  padding: 0
}
@media (max-width:1201px) {
  .n_banner_txt .title h1 {
    font-size: 30px
  }
}
@media (max-width:668px) {
  .n_banner_txt .title h1 {
    font-size: 24px
  }
}
.n_banner_txt .title p {
  color: #FFF;
  font-size: 1.64rem;
  line-height: 3.5em;
  margin: .4rem 0 0
}
.n_banner_txt .title p.supply {
  color: #FFF;
  font-size: 1.44rem;
  line-height: 2.1em;
  margin: .4rem 0 0
}
@media (max-width:1201px) {
  .n_banner_txt .title p {
    font-size: 18px
  }
}
@media (max-width:668px) {
  .n_banner_txt .title p {
    font-size: 16px
  }
}
.n_banner_txt .des {
  color: #fff;
  font-size: .64rem;
  line-height: 1.75em;
  margin: 1rem 0 2rem
}
@media (max-width:1201px) {
  .n_banner_txt .des {
    font-size: 14px;
    margin: 15px 0 25px
  }
}
@media (max-width:668px) {
  .n_banner_txt .des {
    font-size: 13px
  }
}
.n_banner_txt .more {
  display: inline-block
}
.n_banner_txt .more .btn01 {
  border-radius: 23px;
  height: 46px;
  padding: 0 35px
}
@media (max-width:1380px) {
  .n_banner_txt .more .btn01 {
    border-radius: 18px;
    height: 36px;
    padding: 0 25px
  }
}
.n_banner_txt .more .btn01:after {
  border-radius: 23px
}
@media (max-width:1380px) {
  .n_banner_txt .more .btn01:after {
    border-radius: 18px
  }
}
.n_banner_txt .more .btn01 em {
  font-size: 16px
}
@media (max-width:1380px) {
  .n_banner_txt .more .btn01 em {
    font-size: 14px
  }
}
.n_banner_img, .n_banner_img img {
  height: 100%;
  width: 100%
}
.n_banner_img img {
  object-fit: cover
}

.solutions_73_01, .grey {
  padding: 3rem 0
}
@media (max-width:1201px) {
  .solutions_73_01 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_73_01 {
    padding-bottom: 20px
  }
  .solutions_73_01 .link {
    margin-top: 20px
  }
}
.solutions_73_01 .img {
  margin: 1rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_73_01 .img {
    margin-top: 20px
  }
}
.solutions_73_01 .img img {
  max-width: 100%
}
.solutions_73_04 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_73_04 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_73_04 {
    padding-bottom: 20px
  }
  .solutions_73_04 .link {
    margin-top: 0
  }
}
.solutions_73_04 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_73_04 .list {
    margin-top: 20px
  }
}
.solutions_73_04 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -1.2rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_73_04 .list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_73_04 .list > ul > li {
  padding: 0 1.2rem;
  width: 33.33%
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li {
    margin-bottom: 20px;
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_73_04 .list > ul > li {
    width: 100%
  }
}
.solutions_73_04 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2.4rem 1.6rem
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item {
    padding: 20px
  }
}
.solutions_73_04 .list > ul > li .item b.t {
  color: #08b494;
  display: block;
  font-size: .96rem;
  line-height: 1em
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item b.t {
    font-size: 18px
  }
}
.solutions_73_04 .list > ul > li .item .sub_t {
  color: #666;
  font-size: .72rem;
  line-height: 1em;
  margin: .8rem 0 1rem
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item .sub_t {
    font-size: 16px
  }
}
.solutions_73_04 .list > ul > li .item .list_icon > ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
  margin: 0 -.4rem;
  padding: 0
}
.solutions_73_04 .list > ul > li .item .list_icon > ul > li {
  padding: 0 .4rem
}
.solutions_73_04 .list > ul > li .item .list_icon > ul > li span {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: -webkit-linear-gradient(left, #00d8c2, #00e19e);
  background: linear-gradient(90deg, #00d8c2, #00e19e);
  border-radius: 100%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .64rem;
  height: 2.4rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1.2em;
  width: 2.4rem;
  -webkit-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item .list_icon > ul > li span {
    font-size: 12px
  }
}
.solutions_73_04 .list > ul > li .item .img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 12rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}
.solutions_73_04 .list > ul > li .item .img img {
  max-height: 100%;
  max-width: 100%
}
.solutions_73_04 .list > ul > li .item p {
  color: #666;
  font-size: .64rem;
  line-height: 1.5em;
  padding: 0 1.2rem;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_73_05 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_73_05 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_73_05 {
    padding-bottom: 20px
  }
  .solutions_73_05 .title_des {
    padding: 0
  }
}
.solutions_73_05 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_73_05 .img {
    margin-top: 20px
  }
}
.solutions_72_03 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_03 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_03 {
    padding-bottom: 20px
  }
  .solutions_72_03 .link {
    margin-top: 20px
  }
}
.solutions_72_03 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_72_03 .img {
    margin-top: 20px
  }
}
.solutions_72_04 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_04 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_04 {
    padding-bottom: 20px
  }
  .solutions_72_04 .link {
    margin-top: 0
  }
  .solutions_72_04 .link > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }
}
.solutions_72_04 .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
@media (max-width:668px) {
  .solutions_72_04 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_72_04 .txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2.4rem
}
@media (max-width:668px) {
  .solutions_72_04 .txt {
    padding: 0
  }
}
.solutions_72_04 .txt .list_circle_dot {
  margin: 1.6rem 0 2rem
}
.solutions_72_04 .txt .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}
@media (max-width:668px) {
  .solutions_72_04 .txt .list > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
  }
}
.solutions_72_04 .txt .list > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1.6rem
}
@media (max-width:668px) {
  .solutions_72_04 .txt .list > ul > li {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-bottom: 20px;
    padding: 0 10px
  }
}
.solutions_72_04 .txt .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center
}
.solutions_72_04 .txt .list > ul > li .item .icon {
  height: 3.2rem;
  width: 3.2rem
}
.solutions_72_04 .txt .list > ul > li .item .t {
  font-size: .72rem;
  line-height: 1em;
  margin: .8rem 0 .4rem
}
@media (max-width:1201px) {
  .solutions_72_04 .txt .list > ul > li .item .t {
    font-size: 16px
  }
}
.solutions_72_04 .txt .list > ul > li .item p {
  color: #666;
  font-size: .56rem;
  line-height: 1.5em;
  margin: 0
}
@media (max-width:1201px) {
  .solutions_72_04 .txt .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_72_04 .img {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  text-align: center;
  width: 32.8%
}
@media (max-width:668px) {
  .solutions_72_04 .img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin-bottom: 20px;
    -webkit-order: -1;
    order: -1;
    width: 100%
  }
}
.solutions_72_04 .img img {
  max-width: 100%
}
@media (max-width:668px) {
  .solutions_72_04 .img img {
    max-width: 80%
  }
}
.solutions_72_05 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_05 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_05 {
    padding-bottom: 20px
  }
}
.solutions_72_05 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_72_05 .img {
    margin-top: 20px
  }
}
.solutions_72_06 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_06 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_06 {
    padding-bottom: 20px
  }
}
.solutions_72_06 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_72_06 .img {
    margin-top: 20px
  }
}

.solutions_single_top_71 {
  max-width: 40.8rem
}
@media (max-width:1201px) {
  .solutions_single_top_71 {
    max-width: 85%
  }
}
@media (max-width:668px) {
  .solutions_single_top_71 {
    max-width: 100%
  }
}
.solutions_71_01 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_71_01 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_71_01 {
    padding-bottom: 20px
  }
  .solutions_71_01 .link {
    margin-top: 0
  }
}
.solutions_71_01 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_71_01 .list {
    margin-top: 20px
  }
}
.solutions_71_01 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -2rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_71_01 .list > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.solutions_71_01 .list > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 2rem
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul > li {
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_71_01 .list > ul > li {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-bottom: 20px
  }
}
.solutions_71_01 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.solutions_71_01 .list > ul > li .item, .solutions_71_01 .list > ul > li .item .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.solutions_71_01 .list > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 3.6rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 3.36rem
}
.solutions_71_01 .list > ul > li .item .icon img {
  max-height: 100%;
  max-width: 100%
}
.solutions_71_01 .list > ul > li .item b.t {
  color: #333;
  font-size: .8rem;
  line-height: 1em;
  margin: 1.6rem 0 0
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul > li .item b.t {
    font-size: 16px
  }
}
.solutions_71_01 .list > ul > li .item p {
  color: #666;
  font-size: .72rem;
  line-height: 1.5em;
  margin: .6rem 0 0;
  padding: 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_71_02 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_71_02 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_71_02 {
    padding-bottom: 20px
  }
  .solutions_71_02 .link {
    margin-top: 20px
  }
}
.solutions_71_02 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_71_02 .img {
    margin-top: 20px
  }
}
.solutions_71_03 {
  padding-bottom: 2.8rem;
  padding-top: 2.8rem
}
@media (max-width:1201px) {
  .solutions_71_03 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_71_03 {
    padding-bottom: 20px
  }
}
.solutions_71_03 .inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
@media (max-width:668px) {
  .solutions_71_03 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
  }
}
.solutions_71_03 .inner .txt {
  width: 50%
}
@media (max-width:668px) {
  .solutions_71_03 .inner .txt {
    padding: 0;
    width: 100%
  }
}
.solutions_71_03 .inner .txt .list_circle_dot {
  margin: 1.6rem 0
}
@media (max-width:668px) {
  .solutions_71_03 .inner .txt .list_circle_dot {
    margin: 20px 0
  }
}
.solutions_71_03 .inner .img {
  margin-left: auto;
  width: 42%
}
@media (max-width:668px) {
  .solutions_71_03 .inner .img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin-bottom: 20px;
    -webkit-order: -1;
    order: -1;
    text-align: center;
    width: 100%
  }
}
.solutions_71_03 .inner .img img {
  width: 100%
}
@media (max-width:668px) {
  .solutions_71_03 .inner .img img {
    width: 80%
  }
}

.title01 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: center
}
.title01 b.t {
  display: block;
  font-size: 2.44rem;
  font-weight: 700;
  line-height: 1.3em;
  color:#5E5E5E;	
}
@media (max-width:668px) {
  .title01 b.t {
    font-size: 20px
  }
}
.title01 .des {
  color: #999;
  font-size: 20px;	
  margin-top: .8rem;
}
@media (max-width:668px) {
  .title01 .des {
    margin-top: 10px
  }
}
.title02 {
  margin: 0;
  padding: 0
}
.title02 b {
  color: #5E5E5E;
  display: block;
  font-size: 2.24rem;
  line-height: 2em
}
@media (max-width:1681px) {
  .title02 b {
    font-size: 1.6rem
  }
}
@media (max-width:1288px) {
  .title02 b {
    font-size: 30px
  }
}
@media (max-width:1201px) {
  .title02 b {
    font-size: 30px
  }
}
@media (max-width:668px) {
  .title02 b {
    font-size: 22px
  }
}
.title02.center {
  text-align: center
}
.title02 p {
  color:#767676;
  font-weight: 400;
  line-height: 180%;
  font-size: 20px;	
}
.title02.line:after {
  background: -webkit-linear-gradient(left, #017ffe, #017ffe);
  background: linear-gradient(90deg, #017ffe, #017ffe);
  content: "";
  display: block;
  height: 2px;
  line-height: 2px;
  margin: .8rem auto 0;
  width: 2.8rem
}
.title_des {
  color: #787878;
  font-size: .72rem;
  line-height: 1.75em;
  margin: .8rem auto 0;
  max-width: 37.6rem;
  text-align: center
}
@media (max-width:1201px) {
  .title_des {
    font-size: 14px;
    line-height: 2em;
    max-width: 100%;
    padding: 0 20px
  }
}
@media (max-width:668px) {
  .title_des.phone_nopadding {
    padding: 0
  }
}
.w {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
/*短视频出海*/
.solutions_videos_01 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_videos_01 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_videos_01 {
    padding-bottom: 20px
  }
  .solutions_videos_01 .link {
    margin-top: 0
  }
}
.solutions_videos_01 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_videos_01 .list {
    margin-top: 20px
  }
}
.solutions_videos_01 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -1rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_videos_01 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_videos_01 .list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_videos_01 .list > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 1rem
}
@media (max-width:1201px) {
  .solutions_videos_01 .list > ul > li {
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_videos_01 .list > ul > li {
    margin-bottom: 20px
  }
}
.solutions_videos_01 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2.4rem 1.6rem
}
@media (max-width:1201px) {
  .solutions_videos_01 .list > ul > li .item {
    padding: 20px
  }
}
.solutions_videos_01 .list > ul > li .item b.t {
  color: #017ffe;
  display: block;
  font-size: 1.36rem;
  line-height: 1.5em;
  text-align: center
}
.solutions_videos_01 .list > ul > li .itemhover b.t {color:#fff}
@media (max-width:1201px) {
  .solutions_videos_01 .list > ul > li .item b.t {
    font-size: 16px
  }
}
.solutions_videos_01 .list > ul > li .item .des {
  color: #666;
  font-size: .72rem;
  line-height: 1.5em;
  margin: 1rem 0 2rem;
  padding: 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_videos_01 .list > ul > li .item .des {
    font-size: 14px;
    margin: 20px 0 40px
  }
}
.solutions_videos_01 .list > ul > li .item p {
  font-weight: lighter;
  color:#333;
}
.solutions_videos_01 .list > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.6rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: auto;
  position: relative;
  width: 3.6rem
}
.solutions_videos_01 .list > ul > li .item .icon img {
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}
.solutions_videos_01 .list > ul > li .item .icon img.b {
  opacity: 1
}
.solutions_videos_01 .list > ul > li .item .icon img.a {
  opacity: 0
}
.solutions_videos_01 .list > ul > li .item:hover,.solutions_videos_01 .list > ul > li .itemhover  {
    background: -webkit-linear-gradient(left, #017ffe, #0054c6);
    background: linear-gradient(90deg, #017ffe, #0054c6);
}
.solutions_videos_01 .list > ul > li .item:hover b.t, .solutions_videos_01 .list > ul > li .item:hover p,.solutions_videos_01 .list > ul > li .itemhover p {
  color: #fff
}
.solutions_videos_01 .list > ul > li .item:hover .icon img.b ,.solutions_videos_01 .list > ul > li .itemhover .icon img.b{
  opacity: 0
}
.solutions_videos_01 .list > ul > li .item:hover .icon img.a ,.solutions_videos_01 .list > ul > li .itemhover .icon img.a {
  opacity: 1
}

/*第二板*/
.solutions_ideos_02 {
  padding: 2rem 0
}
@media (max-width:1201px) {
  .solutions_ideos_02 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_ideos_02 {
    padding-bottom: 20px
  }
  .solutions_ideos_02 .link {
    margin-top: 0
  }
}
.solutions_ideos_02 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_ideos_02 .list {
    margin-top: 20px
  }
}
.solutions_ideos_02 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;	
  list-style: none;
  margin: 0 -1rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_ideos_02 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_ideos_02 .list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_ideos_02 .list > ul > li {
  width: 25%;
  padding: 0 1rem;
  margin-bottom: 1.6rem;	
}
@media (max-width:1201px) {
  .solutions_ideos_02 .list > ul > li {
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_ideos_02 .list > ul > li {
    margin-bottom: 20px;
	width: 100%;   
  }
}
.solutions_ideos_02 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2.4rem 1.6rem
}
@media (max-width:1201px) {
  .solutions_ideos_02 .list > ul > li .item {
    padding: 20px
  }
}
.solutions_ideos_02 .list > ul > li .item b.t {
  color: #017ffe;
  display: block;
  font-size: 1.46rem;
  line-height: 1.5em;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_ideos_02 .list > ul > li .item b.t {
    font-size: 16px
  }
}
.solutions_ideos_02 .list > ul > li .item .des {
  color: #666;
  font-size: .72rem;
  line-height: 1.5em;
  margin: 1rem 0 2rem;
  padding: 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_ideos_02 .list > ul > li .item .des {
    font-size: 14px;
    margin: 20px 0 40px
  }
}
.solutions_ideos_02 .list > ul > li .item p {
  font-weight: lighter;
  color:#333;
}
.solutions_ideos_02 .list > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.6rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: auto;
  position: relative;
  width: 3.6rem
}
.solutions_ideos_02 .list > ul > li .item .icon img {
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}
.solutions_ideos_02 .list > ul > li .item .icon img.b {
  opacity: 1
}
.solutions_ideos_02 .list > ul > li .item .icon img.a {
  opacity: 0
}
.solutions_ideos_02 .list > ul > li .item:hover {
    background: -webkit-linear-gradient(left, #017ffe, #0054c6);
    background: linear-gradient(90deg, #017ffe, #0054c6);
}
.solutions_ideos_02 .list > ul > li .item:hover b.t, .solutions_ideos_02 .list > ul > li .item:hover p {
  color: #fff
}
.solutions_ideos_02 .list > ul > li .item:hover .icon img.b {
  opacity: 0
}
.solutions_ideos_02 .list > ul > li .item:hover .icon img.a {
  opacity: 1
}
.grey{background-color: #191a1a;}

.supply_list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -.8rem;
  padding: 0
}
.supply_list > ul > li{
	margin-bottom: 2.6rem;
    padding: 0 .8rem;
    width: 25%;
}

@media (max-width: 668px)
{
.supply_list > ul > li{
	margin-bottom: 2.6rem;
    padding: 0 .8rem;
    width: 50%;
}	
	.supply_list > ul > li img{width: 100%;}	
}

/**/
.monthly-box .left-img[data-v-4326c25c] {
  position: relative;
  z-index: 2
}
.monthly-box .left-img .videobtn[data-v-4326c25c] {
  position: absolute;
  background-color: #eee;
  left: 76%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20vw;
  height: 20vw;
  overflow: hidden;
  text-align: center;
  border-radius: 50%;
  z-index: 5
}
.monthly-box .left-img .videobtn img[data-v-4326c25c] {
  width: 50%;
  transform: translateY(5.5vw)
}
.monthly-box .video[data-v-4326c25c] {
  border-radius: 7%;
  overflow: hidden;
  width: 44%;
  top: 0;
  right: 0;
  position: absolute;
  transform: translate(-3%, 1%);
  z-index: -1
}
.overseas-box .left-media[data-v-4326c25c] {
  width: 48%;
  padding: 50px 0
}
.adv-outbox[data-v-4326c25c] {
  padding: 50px 0;
  background: #1d8ced url(https://www.qunfamao.com.cn/theme/default/static/image/advbg.35765f9.png) no-repeat 50%
}
.adv-outbox .adv-box[data-v-4326c25c] {
  text-align: center;
  color: #fff
}
.adv-outbox .adv-box .title[data-v-4326c25c] {
  color: #fff;
  font-weight: 400;
  line-height: 1.2
}
.adv-outbox .adv-box .subtitle[data-v-4326c25c] {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.8
}
.adv-outbox .adv-box .advs[data-v-4326c25c] {
  padding: 30px 0;
  display: flex;
  justify-content: space-between
}
.adv-outbox .adv-box .advs .adv-item[data-v-4326c25c] {
  width: 20%;
  background-color: #3293f1;
  padding: 10px 0;
  border-left: 3px solid #0072d6
}
.adv-outbox .adv-box .advs .adv-item[data-v-4326c25c]:hover {
  border-left: 3px solid #5dd5d6
}
.adv-outbox .adv-box .advs .adv-item .num[data-v-4326c25c] {
  font-weight: 700;
  font-size: 30px
}
.adv-outbox .adv-box .advs .adv-item p[data-v-4326c25c] {
  font-size: 15px
}
.prof-box[data-v-4326c25c] {
  display: flex;
  justify-content: space-between
}
.prof-box .left-swiper[data-v-4326c25c] {
  overflow: hidden
}
.prof-box .left-swiper .swiper-container .swiper-slide[data-v-4326c25c], .prof-box .left-swiper .swiper-container[data-v-4326c25c], .prof-box .left-swiper .swiper-container img[data-v-4326c25c] {
  width: 31.25vw
}
.select-box[data-v-4326c25c] {
  padding: 40px 0
}
.select-box .title[data-v-4326c25c] {
  text-align: center
}
.select-box .customers[data-v-4326c25c] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.select-box .customers > li[data-v-4326c25c] {
  width: 16%
}
.select-box .customers > li > img[data-v-4326c25c] {
  width: 100%
}
.news-box[data-v-4326c25c] {
  padding: 40px 0
}
.news-box .newsinfo-box[data-v-4326c25c] {
  display: flex;
  justify-content: space-between
}
.news-box .newsinfo-box .news-item[data-v-4326c25c] {
  width: 28%
}
.news-box .newsinfo-box .news-item .newslist[data-v-4326c25c] {
  padding-left: 10px
}
.news-box .newsinfo-box .news-item .newslist .news[data-v-4326c25c] {
  cursor: pointer;
  margin-bottom: 16px
}
.news-box .newsinfo-box .news-item .newslist .news .newstitle[data-v-4326c25c] {
  display: inline;
  position: relative;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #4a4d58;
  line-height: 22px;
  padding: 0
}
.news-box .newsinfo-box .news-item .newslist .news .newstitle[data-v-4326c25c]:before {
  position: absolute;
  content: "•";
  left: -10px;
  top: -4px
}
.news-box .newsinfo-box .news-item .newslist .news .newstxt[data-v-4326c25c] {
  display: inline;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #9c9da6;
  line-height: 22px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.news-box .newsinfo-box .news-item[data-v-4326c25c]:last-child {
  width: 32%;
  overflow: hidden
}
.news-box .newsinfo-box .news-item:last-child .news .newstitle[data-v-4326c25c] {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.news-box .newsinfo-box .news-item:last-child .news .newstitle[data-v-4326c25c]:before {
  top: 0
}
.news-box .newsinfo-box .news-item:last-child .news .newstxt[data-v-4326c25c] {
  display: block
}
.scroll-box[data-v-4326c25c] {
  position: fixed;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  z-index: 99
}
.scroll-box img[data-v-4326c25c] {
  width: 100%;
  vertical-align: middle
}
.scroll-box .buying[data-v-4326c25c] {
  position: absolute;
  left: 71%;
  top: 36%;
  z-index: 9
}
.scroll-box .buying a[data-v-4326c25c] {
  display: block;
  text-align: center;
  line-height: 3vw;
  color: transparent;
  width: 3vw;
  height: 3vw
}
.scroll-box .scrollbox[data-v-4326c25c] {
  position: absolute;
  width: 100%;
  top: 38%;
  left: 27%
}
.scroll-box .scrollbox[data-v-4326c25c]:before {
  position: absolute;
  content: "";
  width: 21%;
  height: .4vw;
  background-color: #fff;
  left: 0;
  top: 19%;
  z-index: 3
}
.scroll-box .scrollbox[data-v-4326c25c]:after {
  position: absolute;
  content: "";
  width: 21%;
  height: .2vw;
  background-color: #fff;
  left: 0;
  bottom: -24%;
  z-index: 3
}
.scroll-box .rotatebox[data-v-4326c25c] {
  height: 2vw;
  transform: translateY(.5vw) rotateX(0deg);
  position: relative;
  transform-style: preserve-3d;
  animation: scroll-4326c25c 8s infinite
}
.scroll-box .scroll-txt[data-v-4326c25c] {
  position: absolute;
  width: 21%;
  backface-visibility: hidden
}
.scroll-box .scroll-txt > div[data-v-4326c25c] {
  display: inline-block;
  color: #8bb1ff;
  font-size: 1vw;
  line-height: 2
}
.scroll-box .scroll-txt > span[data-v-4326c25c] {
  float: right;
  font-size: .9vw;
  color: #7e8795;
  line-height: 2.2
}
.scroll-box .scroll-txt[data-v-4326c25c]:first-child {
  transform: translateY(-1vw) rotateX(90deg)
}
.scroll-box .scroll-txt[data-v-4326c25c]:nth-child(2) {
  transform: translateZ(1vw)
}
.scroll-box .scroll-txt[data-v-4326c25c]:nth-child(3) {
  transform: translateY(1vw) rotateX(-90deg)
}
.scroll-box .scroll-txt[data-v-4326c25c]:nth-child(4) {
  transform: translateZ(-1vw) rotateX(-180deg)
}
@keyframes scroll-4326c25c {
  0% {
    transform: translateY(.5vw) rotateX(0deg)
  }
  13% {
    transform: translateY(.5vw) rotateX(0deg)
  }
  25% {
    transform: translateY(.5vw) rotateX(90deg)
  }
  38% {
    transform: translateY(.5vw) rotateX(90deg)
  }
  50% {
    transform: translateY(.5vw) rotateX(180deg)
  }
  63% {
    transform: translateY(.5vw) rotateX(180deg)
  }
  75% {
    transform: translateY(.5vw) rotateX(270deg)
  }
  88% {
    transform: translateY(.5vw) rotateX(270deg)
  }
  to {
    transform: translateY(.5vw) rotateX(1turn)
  }
}
.main .out-box > div > .title[data-v-4326c25c] {
  text-align: center;
  font-size: 22px;
  line-height: 5;
  color: #000329
}
.main .triangle[data-v-4326c25c] {
  position: relative
}
.main .triangle[data-v-4326c25c]:before {
  position: absolute;
  content: "";
  width: 16.64vw;
  height: 27.352vw;
  right: 0;
  top: 0;
  transform: translateY(-50%);
  background-size: cover
}
.main .triangle[data-v-4326c25c]:after {
  position: absolute;
  content: "";
  width: 15.236vw;
  height: 27.352vw;
  left: 0;
  bottom: 0;
  transform: translateY(50%);

  background-size: cover
}
.main .easy-box[data-v-4326c25c], .main .live-box[data-v-4326c25c], .main .monthly-box[data-v-4326c25c], .main .overseas-box[data-v-4326c25c] {
  display: flex;
  padding: 50px 0;
  justify-content: space-between
}
.main .tkbg[data-v-4326c25c] {
  background: #000 url(../image/TKbg.87181df.png) no-repeat bottom;
  background-size: 80%
}
.main .del-title[data-v-4326c25c] {
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  text-decoration: line-through;
  color: #66ded1;
  line-height: 28px
}
.main .linear-btn[data-v-4326c25c] {
  margin-top: 26px
}
.main .left-img[data-v-4326c25c], .main .right-img[data-v-4326c25c] {
  width: 48%
}
.main .left-img > img[data-v-4326c25c], .main .right-img > img[data-v-4326c25c] {
  width: 100%;
  vertical-align: middle
}
.main .left-content[data-v-4326c25c], .main .right-content[data-v-4326c25c] {
  width: 48%;
  text-align: center;
  position: relative
}
.main .left-content .content[data-v-4326c25c], .main .right-content .content[data-v-4326c25c] {
  position: relative;
  left: 48%;
  top: 48%;
  transform: translate(-48%, -48%);
  color: #fff
}
.main .left-content .content .title[data-v-4326c25c], .main .right-content .content .title[data-v-4326c25c] {
  padding: 15px 0
}
.main .left-content .content .title h2[data-v-4326c25c], .main .right-content .content .title h2[data-v-4326c25c] {
  font-size: 24px;
  line-height: 1.2;
  
}
.wcolor{color: #FFFFFF}
.main .left-content .content p[data-v-4326c25c], .main .right-content .content p[data-v-4326c25c] {
  font-size: 15px;
  padding: 0 30px
}
.main .left-content .content[data-v-4326c25c] {
  color: #000329
}
@media screen and (max-width:768px) {
  .adv-outbox .adv-box .advs[data-v-4326c25c] {
    flex-wrap: wrap;
    padding: 30px 20px
  }
  .adv-outbox .adv-box .advs .adv-item[data-v-4326c25c] {
    width: 48%;
    margin-bottom: 20px
  }
  .prof-box[data-v-4326c25c] {
    flex-wrap: wrap;
    justify-content: center
  }
  .prof-box .left-swiper[data-v-4326c25c] {
    margin: 20px 0;
    width: 96%
  }
  .prof-box .left-swiper .swiper-container .swiper-slide[data-v-4326c25c], .prof-box .left-swiper .swiper-container[data-v-4326c25c], .prof-box .left-swiper .swiper-container img[data-v-4326c25c] {
    width: 100%
  }
  .select-box .customers[data-v-4326c25c] {
    padding: 0 20px
  }
  .select-box .customers > li[data-v-4326c25c] {
    width: 31%
  }
  .news-box .newsinfo-box[data-v-4326c25c] {
    padding-left: 20px;
    flex-wrap: wrap
  }
  .news-box .newsinfo-box .news-item[data-v-4326c25c] {
    width: 96% !important;
    margin-bottom: 20px
  }
  .main .easy-box[data-v-4326c25c], .main .live-box[data-v-4326c25c], .main .monthly-box[data-v-4326c25c], .main .overseas-box[data-v-4326c25c] {
    flex-wrap: wrap;
    justify-content: center
  }
  .main .live-box .left-content[data-v-4326c25c] {
    padding-top: 50px
  }
  .main .live-box .right-img[data-v-4326c25c] {
    width: 100%
  }
  .main .left-content[data-v-4326c25c], .main .left-img[data-v-4326c25c], .main .overseas-box .left-media[data-v-4326c25c], .main .right-content[data-v-4326c25c], .main .right-img[data-v-4326c25c] {
    width: 96%
  }
  .main .linear-btn[data-v-4326c25c] {
    margin-bottom: 16px
  }
}
@keyframes fadeout-4326c25c {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.main .out-box > div {
    max-width: 1100px;
    margin: 0 auto;
}
.pro_single_list {
  padding-top: 1.2rem
}
@media (max-width:1201px) {
  .pro_single_list {
    padding-top: 0
  }
}
.pro_single_list > ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.pro_single_list > ul > li {
  display: block;
  padding: 2.8rem 0;
  background-color: #efefef;	
}
@media (max-width:1201px) {
  .pro_single_list > ul > li {
    padding: 40px 0
  }
}
@media (max-width:668px) {
  .pro_single_list > ul > li {
    padding: 20px 0
  }
}
.pro_single_list > ul > li .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
  }
}
.pro_single_list > ul > li .item .img {
  text-align: center;
  width: 50%
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item .img {
    margin-bottom: 20px;
    width: 100%
  }
}
.pro_single_list > ul > li .item .img img {
  max-width: 100%
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item .img img {
    max-width: 80%
  }
}
.pro_single_list > ul > li .item .txt {
  padding: 0 2.8rem 0 0;
  width: 50%
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item .txt {
    padding: 0;
    width: 100%
  }
}
.pro_single_list > ul > li .item .txt .title_sub {
  display: block;
  font-size: .72rem;
  line-height: 1.5em;
  margin-top: 1.2rem
}
@media (max-width:1201px) {
  .pro_single_list > ul > li .item .txt .title_sub {
    color: #666;
    font-size: 14px
  }
}
.pro_single_list > ul > li .item .txt .list_circle_dot {
  margin: 1.2rem 0 0
}
.pro_single_list > ul > li .item .txt .link {
  margin-top: 1.2rem
}
.pro_single_list > ul > li:nth-of-type(2n) {
  background-color: #fff
}
.pro_single_list > ul > li:nth-of-type(2n) .txt {
  padding: 0 0 0 2.8rem
}
@media (max-width:668px) {
  .pro_single_list > ul > li:nth-of-type(2n) .txt {
    padding: 0
  }
}
@media (min-width:668px) {
  .pro_single_list > ul > li:nth-of-type(odd) .item .txt, .pro_single_list_innerlist > ul > li:nth-of-type(2n) .item .txt {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
  }
  .pro_single_list_innerlist > ul > li:nth-of-type(2n) .item .txt {
    padding: 0 2.8rem 0 0
  }
  .pro_single_list_innerlist > ul > li:nth-of-type(odd) .item .txt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    padding: 0 0 0 2.8rem
  }
}
.pro_single_list_justify_img > ul > li:nth-of-type(2n) .item .img {
  text-align: right
}
@media (max-width:668px) {
  .pro_single_list_justify_img > ul > li:nth-of-type(2n) .item .img {
    text-align: center
  }
}
.pro_single_list_justify_img > ul > li:nth-of-type(odd) .item .img {
  text-align: left
}
@media (max-width:668px) {
  .pro_single_list_justify_img > ul > li:nth-of-type(odd) .item .img {
    text-align: center
  }
  .pro_syql_security {
    padding-top: 20px
  }
}
.pro_syql_security .list {
  margin: 2rem 0 2.8rem
}
@media (max-width:668px) {
  .pro_syql_security .list {
    margin: 20px 0 0
  }
}
.pro_syql_security .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -.8rem;
  padding: 0
}
@media (max-width:668px) {
  .pro_syql_security .list > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
  }
}
.pro_syql_security .list > ul > li {
  padding: 0 .8rem;
  width: 25%
}
@media (max-width:668px) {
  .pro_syql_security .list > ul > li {
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%
  }
}
.pro_syql_security .list > ul > li .item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  height: 100%;
  padding: 2rem;
  text-align: center
}
@media (max-width:668px) {
  .pro_syql_security .list > ul > li .item {
    padding: 20px
  }
}
.pro_syql_security .list > ul > li .item .icon {
  height: 2.8rem;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 2.8rem
}
@media (max-width:668px) {
  .pro_syql_security .list > ul > li .item .icon {
    height: 50px;
    width: 50px
  }
}
.pro_syql_security .list > ul > li .item .icon img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 100%;
  z-index: 1
}
.pro_syql_security .list > ul > li .item .icon .b {
  opacity: 1
}
.pro_syql_security .list > ul > li .item .icon .a {
  opacity: 0
}
.pro_syql_security .list > ul > li .item b.t {
  display: block;
  font-size: .96rem;
  margin: 2rem 0 .8rem;
  -webkit-transition: all .5s;
  transition: all .5s
}
@media (max-width:668px) {
  .pro_syql_security .list > ul > li .item b.t {
    font-size: 18px;
    margin: 20px 0 10px
  }
}
.pro_syql_security .list > ul > li .item p {
  color: #666;
  font-size: .72rem;
  line-height: 1.6em;
  margin: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}
@media (max-width:668px) {
  .pro_syql_security .list > ul > li .item p {
    font-size: 14px
  }
}
@media (min-width:668px) {
  .pro_syql_security .list > ul > li .item:hover .icon {
    -webkit-transform: translateY(-1.2rem);
    -ms-transform: translateY(-1.2rem);
    transform: translateY(-1.2rem)
  }
  .pro_syql_security .list > ul > li .item:hover .icon .b {
    opacity: 0
  }
  .pro_syql_security .list > ul > li .item:hover .icon .a {
    opacity: 1
  }
  .pro_syql_security .list > ul > li .item:hover b.t {
    color: #08b494;
    margin: 1.6rem 0 1.2rem
  }
  .pro_syql_security .list > ul > li .item:hover b.t, .pro_syql_security .list > ul > li .item:hover p {
    -webkit-transform: translateY(-1.2rem);
    -ms-transform: translateY(-1.2rem);
    transform: translateY(-1.2rem)
  }
}
.pro_syql_down {
  padding-bottom: 3.2rem;
  padding-top: 3.2rem
}
@media (max-width:1201px) {
  .pro_syql_down {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .pro_syql_down {
    padding-bottom: 20px;
    padding-top: 20px
  }
}
.pro_syql_down .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-image: url(https://www.qunfamao.com.cn/theme/default/static/image/pro_syql_down_bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1.2rem 9.6rem 1.2rem 4.4rem;
  width: 100%
}
@media (max-width:968px) {
  .pro_syql_down .item {
    padding: 20px 50px
  }
}
@media (max-width:668px) {
  .pro_syql_down .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px
  }
}
.pro_syql_down .item .txt {
  -webkit-box-flex: 1;
  color: #fff;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.pro_syql_down .item .txt b.t {
  display: block;
  font-size: 1.44rem;
  font-weight: 400;
  line-height: 1.5em
}
@media (max-width:668px) {
  .pro_syql_down .item .txt b.t {
    font-size: 18px;
    margin: 20px 0 10px
  }
}
.pro_syql_down .item .txt .des {
  font-size: .72rem;
  line-height: 1.5em;
  margin: 0
}
@media (max-width:668px) {
  .pro_syql_down .item .txt .des {
    font-size: 14px
  }
}
.pro_syql_down .item .txt a.down {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 1.08rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.16rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 1.6rem;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 8.56rem
}
@media (max-width:668px) {
  .pro_syql_down .item .txt a.down {
    border-radius: 15px;
    height: 30px;
    margin-top: 20px;
    width: 100px
  }
}
.pro_syql_down .item .txt a.down span {
  color: #08b494;
  font-size: .88rem;
  font-weight: 700
}
.pro_syql_down .item .txt a.down:hover {
  box-shadow: 5px 5px .8rem 0 rgba(0, 0, 0, .2)
}
.pro_syql_down .item .img {
  height: 9.72rem;
  width: 6.64rem
}
@media (max-width:668px) {
  .pro_syql_down .item .img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    height: 243px;
    -webkit-order: -1;
    order: -1;
    width: 166px
  }
}
.pro_syql_down .item .img img {
  height: 100%;
  width: 100%
}
@media (max-width:668px) {
  .pro_syql_pass {
    padding-top: 20px
  }
}
.pro_syql_pass .list {
  margin: 1.6rem 0 -1.6rem
}
@media (max-width:668px) {
  .pro_syql_pass .list {
    margin-bottom: -20px
  }
}
.pro_syql_pass .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -.8rem;
  padding: 0
}
@media (max-width:668px) {
  .pro_syql_pass .list > ul {
    margin: 0 -10px
  }
}
.pro_syql_pass .list > ul > li {
  margin-bottom: 1.6rem;
  padding: 0 .8rem;
  width: 50%
}
@media (max-width:668px) {
  .pro_syql_pass .list > ul > li {
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%
  }
}
.pro_syql_pass .list > ul > li .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  height: 10rem;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 4rem
}
@media (max-width:968px) {
  .pro_syql_pass .list > ul > li .item {
    height: 140px;
    padding: 0 20px
  }
}
.pro_syql_pass .list > ul > li .item .txt b.t {
  color: #000;
  display: block;
  font-size: 1.04rem;
  -webkit-transition: all .5s;
  transition: all .5s
}
@media (max-width:668px) {
  .pro_syql_pass .list > ul > li .item .txt b.t {
    font-size: 18px
  }
}
.pro_syql_pass .list > ul > li .item .txt .des {
  color: #666;
  font-size: .64rem;
  line-height: 1.5em;
  margin-top: .6rem
}
@media (max-width:668px) {
  .pro_syql_pass .list > ul > li .item .txt .des {
    font-size: 14px;
    margin-top: 10px
  }
}
.pro_syql_pass .list > ul > li .item .icon {
  -ms-flex-negative: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 4.8rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 4rem;
  width: 4.8rem
}
@media (max-width:668px) {
  .pro_syql_pass .list > ul > li .item .icon {
    height: 60px;
    margin-left: 20px;
    width: 60px
  }
}
.pro_syql_pass .list > ul > li .item .icon img {
  max-height: 100%;
  max-width: 100%
}
.pro_syql_pass .list > ul > li .item:hover .txt b.t {
  color: #08b494
}