@charset "utf-8";
/* CSS Document */
.wrap_box{
  color: #333;
  font-size: 16px;
}
img{
  vertical-align: middle;
}
.fb{
  font-weight: bold;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.fy_two {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.fy_rel {
  position: relative;
}
.fy_abs {
  position: absolute;
}
.tr{
  text-align: right;
}
.fy_flex {
  display: flex;
  display: -webkit-flex;
}
.fy_between {
  justify-content: space-between;
}
.fy_around {
  justify-content: space-around;
}
.fy_center {
  align-items: center;
}
.fy_end {
  align-items: flex-end;
}
.tc{
  text-align: center;
}
.fy_flexcenter {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}
.fy_flexend {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.fy_wrap {
  flex-wrap: wrap;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.fy_content {
  width: 1320px;
  margin: 0 auto;
}
.fy_content1 {
  width: 15.6rem;
  margin: 0 auto;
}
.bigimg img {
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.bigimg:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.f18{
  font-size: 18px;
}
.f20{
  font-size: .2rem;
}
.f22{
  font-size: .22rem;
}
.f24{
  font-size: .24rem;
}
.f30{
  font-size: .3rem;
}
.f36{
  font-size: .36rem;
}
.f40{
  font-size: .4rem;
}
.f52{
  font-size: .52rem;
}
.f60{
  font-size: .6rem;
}
.w100 {
  width: 100% !important;
}
.h100 {
  height: 100%;
}
.hidden {
  overflow: hidden;
}
.gray6{
  color: #666;
}
.gray9{
  color: #999;
}
.white{
  color: #fff !important;
}
.phone {
  display: none;
}
/*全域电商*/
.fy_bg1{
  background: url(../newimg/fy_bg1.jpg) no-repeat center top;
  background-size: 100% 100%;
  padding: 5% 0;
}
.fy_tit{
  background: url(../newimg/fy_tit.png) no-repeat center 23px;
  background-size: 310px 32px;
}
.fy_tit h2{
  color: #222222;
  font-size: 48px;
  font-weight: bold;
}
.fy_tit h3{
  color: #444444;
  text-transform: uppercase;
}
.qu_about_txt{
  padding: 0 60px;
  line-height: 40px;
  margin:30px 0 0;
}
.sy_box{
  padding:5% 0;
}
.sy_content{
  margin: .5rem 0 0;
}

.sy_pic{
  width:50%;
}
.sy_con{
  width: 45%;
}
.sy_tit{
  color: #222222;
  line-height: 1.7;
}
.sy_pic2{
  margin: 8% 0;
  width: 45%;
}

.fy_btn{
  width: 192px;
  height: 63px;
  border-radius: 31px;
  font-size: 20px;
  border: solid 1px #edc894;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.fy_btn::after{
  width: 0;
  height: 100%;
  background: #edc894 !important;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all .6s;
}
.fy_btn:hover::after{
  width: 100%;
}
.ct_bg{
  background: url(../newimg/fy_ct_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  padding: 5% 0;
}
.ct_txt{
  line-height: 26px;
  margin: 30px 0 50px;
}
.dh_box{
  padding: 5% 0;
}
.ct_pic{
  width: 48.8%;
}
.dh_pic{
  width: 44%;
}
.fy_video_bg{
  background: url(../newimg/fy_video_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  padding: 5% 0;
  
}
.fy_video{
  width: 1273px;
  height: 731px;
  background: url(../newimg/fy_video_bor.png) no-repeat center top;
  background-size: 100% 100%;
  box-shadow: 0 0 20px rgba(118, 135, 160, .44);
  margin: 40px auto 0;
  border-radius: 20px 20px 0 0;
  padding: 30px 32px 30px 30px;
}
.fy_video video{
  object-fit: cover;
}
.banner_tit{
  left: 0;
  right: 0;
  top: 40%;
}
.banner_tit h2{
  font-weight: bold;
  font-size: .64rem;
}
.banner_tit p{
  font-size: .24rem;
}

.fy_ad_box1{
  padding: 1.1rem 0 0.9rem;
}
.fy_xx_tit h2{
  font-size: .48rem;
  font-weight: bold;
  margin-bottom: .1rem;
}
.fy_xx_tit p{
  font-size: .24rem;
}
.fy_xx_list{
  margin: .75rem 0 0;
}
.fy_xx_list li{
  height: 4.74rem;
  text-align: center;
  background: #f5f8ff;
  border-radius: .1rem;
  padding: .75rem 0 0;
}
.fy_xx_list img{
  width: 2.16rem;
  height: 1.96rem;
  margin: 0 auto;
}
.fy_xx_list li h3{
  font-weight: bold;
  margin: .6rem 0 0;
}
.fy_xx_list li p{
  color: #454545;
  margin: .2rem 0 0;
  padding: 0 .28rem;
  font-size: .16rem;
}
.fy_ad_bg{
  background: url(../newimg/fy_ad_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  height: 8.07rem;
  margin: .6rem 0 0;
  padding: 1.4rem 0 0;
}
.fy_ad1{
  width: 10.34rem;
  margin: 0 auto;
}
.fy_ad_bg3{
  padding: .95rem 0 .75rem;
}
.fy_ad_box3{
  background: url(../newimg/fy_ad_bg3.jpg) no-repeat center top;
  background-size: 100% 100%;
  height: 6.14rem;
  margin: .7rem 0 0;
  padding: 1.2rem .68rem 0 .63rem;
}
.fy_ad_btn{
  width: 1.9rem;
  height: .6rem;
  border-radius: .1rem;
  background: #4581fb !important;
  margin: .6rem 0 0;
  color: #fff;
  line-height:.6rem;
  text-align: center;

}
.fy_ad_con3{
  width: 4.8rem;
}
.fy_ad_pic3{
  width:8.83rem;
}
.fy_ad_box3 .swiper-pagination{
  position: static;
  margin:.4rem 0 0;
}
.fy_content2{
  width:15.3rem ;
  margin: 0 auto;
}
.fy_yx_list{
  margin-bottom: .55rem;
}
.fy_yx_list li{
  height: 4.42rem;
  background: linear-gradient(#fbfcff,#f5f8ff);
}
.fy_yx_list li p{
  font-size: .2rem;
  padding: 0 .4rem;
}
.fy_btn1{
  width: 1.85rem;
  height: 0.54rem;
  background: #4581fb !important;
  border-radius: .1rem;
  color: #fff;
}
.fy_xs_bg{
  margin: 1rem 0 0;
  background: #f5f8ff;
  padding: .85rem 0 0.95rem;
}
.fy_xs_tit{
  padding: .6rem 0 .7rem;
}
.fy_xs_tit li{
  font-size: .28rem;
  width: 2.7rem;
  height: 0.8rem;
  background: #fff;
  border-radius: .05rem;
  margin: 0 .15rem;
  text-align: center;
  line-height: .8rem;
  cursor: pointer;
}
.fy_xs_tit li.current{
  background: #4581fb;
  color: #fff;
}
.fy_xs_pic{
  width: 10.69rem;
  margin: 0 auto;
  display: none;
}
.fy_xs_pic.fy_xs_pic:first-child{
  display: block;
}
.fy_xs_pic_box{
  padding-bottom:.5rem
}
.fy_tg_bg{
  background: #fafafa;
  padding: .5rem 0 1.7rem;
}
.fy_tg_box{
  background: #fff;
  margin: 1.25rem 0 0;
  border-radius: .2rem;
  overflow: hidden;
}
.fy_tg_con{
  width: 7.7rem;
  padding: .3rem 2.38rem .3rem .72rem;
}
.fy_tg_con .f20{
  line-height: .32rem;
  margin-bottom: .7rem;
}
.fy_tg_pic{
  width: 7.6rem;
}
.fy_tg_con li{
  margin-right: .5rem;
}
.fy_tg_con li h3{
  color: #4581fb;
  font-size: .33rem;
}
.fy_tg_pic2{
  width: 3.5rem;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.fy_content3{
  width: 16rem;
  margin: 0 auto;
}
.fy_qy_box1{
  padding: 1.15rem 0  1.8rem;
}
.fy_qy_tip{
  background: #f9fbfe;
  padding: .35rem 4.37rem;
  line-height: 1.7;
}
.szh_list{
  margin: .3rem 0 0;
}
.szh_list li{
  width: 48.75%;
  background: #f6f9fe;
  text-align: center;
  padding: .6rem 0 0;
  height: 3.7rem;
}
.szh_list li img{
  width: 1.26rem;
  height: 1.5rem;
  margin: 0 auto;
}
.szh_list li h2{
  font-size: .28rem;
  font-weight: bold;
  margin: .2rem 0 .1rem;
}
.fy_qy_bg1{
  background: url(../newimg/fy_qy_bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  height: 9.6rem;
}
.fy_qy_pic1{
  width: 7.36rem;
}
.fy_qy_con1{
  width: 7.3rem;
  line-height: 1.8;
}
.fy_qy_con1 .f36{
  color: #d6d6d6;
}
.fy_qy_txt1{

  margin: .6rem 0 0;
  letter-spacing: -1px;
}
.fy_qy_bg2{
  background: #f6f9fe;
  padding: .96rem 0 1.15rem;
}
.fy_qy_num{
    position: absolute;
    right: 0;
    top: -.5rem;
}
.fy_qy_num img{
  width: 2.37rem;
}
.fy_qy_bg3{
  background: url(../newimg/fy_bg2.png) no-repeat center top;
  background-size: 100% 100%;
  height: 9.6rem;
}
.fy_qy_bg3 .fy_qy_num{
  left:0;
}
.fy_qy_pic3{
  width: 7.63rem;
  margin-right: -1.6rem;
}
.fy_qy_box2{
  padding:.95rem 0 2rem;
}
.fy_qy_case{
  margin: .6rem 0 0;
}
.fy_qy_case li{
  width: 7.74rem;
}
.fy_qy_case li h4{
  font-weight: bold;
  margin-bottom: .35rem;
}
.fy_qy_case li h4::before{
  width: .09rem;
  height: .25rem;
  background: #557cff;
  display: inline-block;
  left: 0;
  top: 0;
  bottom: 0;
  margin-right:.1rem;
  content:"";
  vertical-align: middle;
}
.fy_qy_case li img{
  border-radius: .25rem;
  box-shadow: 0 0 .3rem rgba(172,199,255,.75);
}
.dwj_type_bg{
  width: 100%;
  background: #f8f8f8;
}
.dwj_type{
  height: 0.68rem;
}
.dwj_type li{
  float: left;
  line-height: 0.68rem;
  color: #333;
  font-size: 0.18rem;
  margin-right: 1.24rem;
  position: relative;
}
.dwj_type i{
  width: 100%;
  height: 0.02rem;
  background: #1e8cff;
  display: block;
  opacity: 0;
}
.dwj_type li.on{
  color: #1e8cff;
  font-weight: bold;
}
.dwj_type li.on i{
  opacity: 1;
}





@media only screen and (max-width: 1400px){
  .fy_content{
    width: 1200px;
  }
}
@media only screen and (max-width: 1024px){

  .wrap_box {
		font-size:0.24rem;
	}
	img{
		width: 100%;
	}
	.fy_content,.fy_content1,.fy_content2,.fy_content3{
		width: 7.02rem;
	}
	.pc{
		display: none;
	}
	.phone{
		display: block;
	}
	.p_w100{
		width:100%;
	}
  .f18,.f20{
    font-size: .26rem;
  }
  .f24,.f30{
    font-size: .3rem;
  }

  .p_col{
    flex-direction: column;
  }
  .p_re_col{
    flex-direction: column-reverse;
  }
  .fy_tit{
    background-size: 3.1rem .32rem;
    background-position:  center .2rem;
  }
  .fy_tit h2{
    font-size: .5rem;
  }
.fy_p_pp_banner{
  height: 6.45rem;
  object-fit: cover;
}
  .qu_about_txt{
    padding: 0;
  }
  .fy_btn{
    width: 2rem;
    height: .7rem;
    font-size: .26rem;
  }
  .fy_bg1,.sy_box,.ct_bg,.dh_box,.fy_video_bg{
    padding: 15% 0;
  }
  .dh_pic{
    margin: 3% 0 0;
  }
  .fy_video{
    width: 100%;
    height: 4rem;
    padding: .26rem .15rem;
  }
  .fy_video video {
    object-fit: contain;
  }
  .p-bot-a4 img{
    width: auto;
  }
  .fy_xx_list li{
    height: 5.5rem;
  }
  .fy_xx_list li p{
    font-size: .24rem;
  }
  .fy_ad_bg{
    background: url(../newimg/fy_p_ad_bg.jpg) no-repeat center top;
    background-size: 100% 100%;
    height: 6.3rem;
  }
  .fy_ad_box3{
    height: 7.14rem;
    padding: .6rem 0.3rem 0;
  }
  .fy_ad_pic3{
    margin: .5rem 0 0;
  }
  .banner_tit h2{
    font-size: .54rem;
  }
  .fy_btn1{
    font-size: .24rem;
    width: 2.2rem;
  }
  .fy_tg_con{
    padding: .3rem;
  }
  .fy_tg_pic2{
    position: static;
    width: 70%;

  }
  .fy_qy_tip{
    padding: .35rem .3rem;
  }
  .fy_qy_bg1{
    padding: 1rem 0 1.4rem;
    height: auto;
    background-size: auto auto;
  }
  .fy_qy_pic1{
    margin:.5rem 0 0;
  }
  .fy_qy_bg2{
    padding: .6rem 0;
  }
  .fy_qy_bg3{
    padding: 1rem 0 1.2rem;
    height: auto;
    background-size: auto auto;
  }
  .fy_qy_pic3{
    width: 7.32rem;
    margin: .7rem -.24rem 0 0;
  }
  .fy_qy_case li{
      width: 100%;
      margin-bottom: .4rem;
  }
  .dwj_type{
    height: 1rem;
  }
  .dwj_type li{
    line-height: 1rem;
    font-size: 0.28rem;
    margin-right: 0.6rem;
  }
}