@charset "utf-8";
/* CSS Main */

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,span{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}

a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}
.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:auto; margin:0 auto; max-width:7.50rem;background:#fff;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { height:auto!important; height:100%; position:relative;}
#footer { padding:5px 0; background:#000; color:#fff;}
/*----------------------------------  Global����  ------------------------------------*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input,select{-webkit-appearance: none;margin-left: 20px;padding: 10px 0;height: 100%;border: none;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #333;}
.mt20{margin-top: 20px !important;}
.mt10{margin-top: 10px !important;}
.ml18{margin-left: 18px !important;}
.mt0{margin-top: 0px !important;}
.pt20{padding-top: 20px !important;}
.pt5{padding-top: 5px !important;}
.pt0{padding-top: 0px !important;}
.c06A243{color: #06A243 !important;}
.ed3f41{color: #ed3f41 !important;}
.eba900{color: #eba900 !important;}
.fff{background: #fff !important;}
.mt25{margin-top: .25rem;}

#wrapper{
  height: auto;
  margin: 0 auto;
  max-width: 7.50rem;
  background: #fff;
  overflow:hidden;
}

/* banner */
.qylpkwap_banner{
  width:100%;
  height:8.44rem;
  /* background-color: #1a62e1; */
  background: url(../Image/qylpk/2024-08/banner_img_wap.png) no-repeat;
  background-size: cover;
  text-align: center;
  position: relative;
}
.qylpkwap_banner > img{width: 4.85rem;height:4.65rem;position: absolute;bottom:0;left:0;right:0;margin:auto;}
.qylpkwap_banner h1{
  font-size:.44rem;
  color:#c77b1e;
  line-height: 1;
  padding-top:.75rem;
  font-weight: 600;
}
.qylpkwap_banner p{
  padding-top:.28rem;
  font-size: .28rem;
  color:#c77b1e;
  line-height: .36rem;
  opacity: .83;
}
.qylpkwap_banner > a{
  display: inline-block;
  font-size:.28rem;
  color:#ffffff;
  padding:.21rem .46rem;
  border-radius: .08rem;
  background-color: #c77b1e;
  margin:.35rem .17rem 0;
}
.qylpkwap_banner .btn2{
  padding:.19rem .22rem;
  box-sizing: border-box;
  background: none;;
  color:#c77b1e;
  border:1px solid #c77b1e;
}

.section_1{
  width:100%;
  height:5.32rem;
  background-color: #fff;
}
.section_1 .center{
  width:6.70rem;
  margin:auto;
}
.section_1 h2{
  font-size:.36rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.70rem;
}
.section_1 ul{
  width:100%;
  height:3.45rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top:.68rem;
}
.section_1 ul li{
  width:25%;
  height:1.73rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.section_1 ul li img{
  width:.51rem;
  height:.51rem;
}
.section_1 ul li h3{
  font-size:.22rem;
  color:#1f2b43;
  line-height: .26rem;
  margin-top:.14rem;
  white-space: nowrap;
}
.section_1 ul li .r_icon{
  display: block;
  width:.20rem;
  height:.15rem;
  background: url(../Image/qylpk/2022-3/s1_right_wap.png) no-repeat;
  background-size: .20rem .15rem;
  position: absolute;
  top:.21rem;
  right:-.10rem;
}
.section_1 ul li .l_icon{
  display: block;
  width:.20rem;
  height:.15rem;
  background: url(../Image/qylpk/2022-3/s1_left_wap.png) no-repeat;
  background-size: .20rem .15rem;
  position: absolute;
  top:.21rem;
  right:-.10rem;
}


.section_2{
  width:100%;
  min-height:8.18rem;
  background-color: #fff;
}
.section_2 .center{
  width:6.94rem;
  margin:auto;
}
.section_2 h2{
  font-size:.36rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.70rem;
  padding-bottom:.55rem;
}
.section_2 ul{
  width:100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_2 ul li{
  width:3.39rem;
  height:2.92rem;
  margin-bottom:.39rem;
  text-align: center;
}
.section_2 ul li i{
  display: block;
  width:3.39rem;
  height:2.12rem;
  box-shadow: 0 .11rem .29rem rgba(197,197,197,.2) ;
}
.section_2 ul li i img{width:3.39rem;height:2.12rem;}
.section_2 ul li h3{
  font-size:.26rem;
  color:#1f2b43;
  line-height: .80rem;
}


.section_3{
  width:100%;
  height:7.28rem;;
  background-color: #fff;
}
.section_3 .center{
  width:7.50rem;
  margin:auto;
}
.section_3 h2{
  font-size:.36rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.70rem;
  padding-bottom:.40rem;
}
.section_3 .box{
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section_3 img{margin-bottom:24px;width: 7.5rem;}

.section_4{
  width:100%;
  min-height:10.20rem;
  background-color: #f5f7fc;
}
.section_4 .center{
  width:7.50rem;
  margin:auto;
}
.section_4 h2{
  font-size:.36rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.70rem;
  padding-bottom:.67rem;
}

/* .section_4 .swiper-wrapper{
  margin-left:-.80rem;
} */
.section_4 .swiper-slide{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section_4 .swiper-slide > div{
  width:3.72rem;
  height:6.73rem;
  overflow: hidden;
}
.section_4 .swiper-slide img{
  width:3.72rem !important;
  /* height:6.73rem !important; */
}
.section_4 .swiper-slide h3{
  font-size:.23rem;
  color:#27334b;
  line-height: 1;
  padding-top:.35rem
}
.section_4 .prev{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/jft/wap/left_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:2.80rem;
  left:.25rem;
  z-index: 10;
}
.section_4 .next{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/jft/wap/right_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:2.80rem;
  right:.25rem;
  z-index: 10;
}

.section_5{
  width:100%;
  height:6.40rem;
  background: url(../Image/qylpk/2024-08/s5_bg_wap.png) center center no-repeat;
  background-size: cover;
}
.section_5 h2{
  font-size:.36rem;
  font-weight: 600;
  color:#c97916;
  line-height: 1;
  padding-top:.70rem;
  padding-bottom:.50rem;
}
.section_5 .center{
  width:6.70rem;
  margin:auto;
  text-align: center;
}

.section_5 .box1{
  width:6.70rem;
  height:1.90rem;
  background: url(../Image/qylpk/2024-08/s5_bg1_wap.png) center center no-repeat;;
  background-size: cover;
  margin-bottom: .35rem;
}
.section_5 .box2{
  width:6.70rem;
  height:1.90rem;
  background: url(../Image/qylpk/2024-08/s5_bg2_wap.png) center center no-repeat;;
  background-size: cover;
}
.section_5 .box h3{
  font-size:.25rem;
  color:#1f2b43;
  font-weight: 600;
  line-height: 1;
  padding-top:.40rem;
  padding-left:.42rem;
  text-align: left;
}
.section_5 .box p{
  padding-top:.15rem;
  padding-left:.42rem;
  line-height: .42rem;
  font-size:.20rem;
  color:#8b97b1;
  text-align: left;
}

.section_6{
  width:100%;
  min-height:7.00rem;
  background-color: #fafafa;
}
.section_6 .center{
  width:7.50rem;
  margin:auto;
}
.section_6 h2{
  font-size:.36rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.70rem;
  padding-bottom:.67rem;
}
.section_6 .swiper-slide img{width:6.65rem;height:5.17rem;}
.section_6 .swiper-pagination-s6{margin-top:.40rem;padding-bottom:.4rem;}
.section_6 .swiper-pagination-bullet{margin:0 .06rem}

.xxth{
  width:100%;
  min-height:8.37rem;
  background-color: #fff;
}
.xxth h2{
  font-size:.36rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.80rem;
  padding-bottom:.45rem;
}
.xxth > img{
  width: 7.45rem;
}

.signForm iframe { height: 4rem;}

.section_data{
  height:1.54rem;
  background: #f6f8fc;
  box-sizing: border-box;
  padding-top:.41rem;
}
.section_data ul{
  width:6.85rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin:auto;
}
.section_data ul li{
  height:.77rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section_data ul li p{font-size:.35rem;color:#1a62e1;line-height: 1;text-align: left;font-weight: 600;}
.section_data ul li p span:nth-child(1){font-size:.35rem;}
.section_data ul li p span:nth-child(2){font-size:.12rem;}
.section_data ul li p span:nth-child(3){font-size:.23rem;}
.section_data ul li h3{font-size:.23rem;color:#333;line-height: 1;font-weight: 600;}

.section_company{
  height:1.60rem;
  background: #1a62e1;
}
.section_company h2{font-size:.26rem;color:#fff; font-weight: 600;line-height: 1;padding-top:.32rem;padding-bottom:.26rem;}
.section_company h2 span{color:#fed947;font-weight: 600;font-size:.30rem}
.section_company p{font-size:.23rem;color:#fff;line-height: 1;}
.swiper-container-company{height:.23rem;overflow: hidden;}