body{
  background: #fff;
}
.center{
	width: 1200px;
	margin: 0 auto;
}

/*离线编程首页*/
.banner1{
  width: 100%;
  background: #eaf4f7;
  padding: 20px 0;
}
.bannerbox{
  width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bannerbox .bannerfl{
  width: 68%;
}
.bannerbox .bannerfr{
  width: 28%;
}
.bannerbox .bannerfr h1{
  color: #518ff4;
  font-size: 32px;
  line-height: 50px;
}
.bannerbox .bannerfr p{
  color: #518ff4;
  font-size: 14px;
  line-height: 24px;
}
.bannerbox .bannerfr a{
  color: #fff;
  font-size: 22px;
  width: 174px;height: 56px;
  display: flex;
  justify-content: center;
  line-height: 56px;
  border-radius: 3px;
  background: #518ff4;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 15px;
}
.bannerbox .bannerfr a img{
  margin-right: 10px;
  width: 22px;height: 22px;
}

.swiper1 .swiper-button-prev,.swiper1 .swiper-button-next{
  background-size: 10px 20px !important; 
  width: 30px;
  height: 60px;
  margin-top: -30px;
  border-radius: 0;
}
.swiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  background-image:url(../webimages/pqart/right.png) !important; 
  right: 0;
}
.swiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
  background-image:url(../webimages/pqart/left.png) !important; 
  left: 0;
}
.swiper1 .swiper-wrapper .swiper-slide a{
  width: 100%;
  display: block;
}
.swiper1 .swiper-wrapper .swiper-slide a img{
  width: 100%;
  border-radius: 10px;
}
.swiper1 .swiper-wrapper .swiper-slide{
  width: 100% !important;
  border-radius: 10px;
  overflow: hidden;
}

.index1{
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  padding: 60px 0;
}
.index1 .index1fl{
  width: 49%;
}
.index1 .index1fl h1{
  color: #333;
  font-size: 36px;
}
.index1 .index1fl > p{
  color: #757575;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.index1 .index1fl > span{
  color: #8b8b8b;
  font-size: 14px;
  display: flex;
  line-height: 20px;
  align-items: center;
  padding: 8px 0;
}
.index1 .index1fl > span i{
  width: 6px;height: 6px;
  border-radius: 6px;
  background: #333;
  margin-right: 10px;
}
.index1 .index1fl > span img{
  margin-right: 10px;
}
.index1 .index1fl > a{
  display: block;
  width: 143px;height: 45px;
  background: #518ff4;
  font-size: 16px;
  color: #fff;
  line-height: 45px;
  text-align: center;
  margin-top: 20px;
}
.index1 .index1fr{
  width: 48%;
}
.index1 .index1fr > img{
  width: 100%;
}
.index2{
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 60px 0;
}
.index2 h1{
  color: #333;
  font-size: 36px;
  text-align: center;
}
.index2 > p{
  color: #757575;
  font-size: 18px;
  margin-top: 15px;
  text-align: center;
}
.index2 .index2_1{
  display: flex;
  margin: 40px auto 0;
  width: 1300px;
}
.index2 .index2_1 .index2_1_1{
    width: 40%;
    position: relative;
    height: 292px;
}
.index2 .index2_1 .index2_1_1 > span{
  position: absolute;
  width: 100%;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  bottom: 0;right: 0;
  background: rgba(0,0,0,0.5);
}
.index2 .index2_1 .index2_1_1:hover div{
  visibility: visible;
}
.index2 .index2_1 .index2_1_1:hover > span{
  display: none;
}
.index2 .index2_1 .index2_1_1 img{
  width: 100%;
  height: 100%;
}
.index2 .index2_1 .index2_1_1 div{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(89,143,235,.9);
  visibility: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.index2 .index2_1 .index2_1_1 div h2{
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 100%;
}
.index2 .index2_1 .index2_1_1 div h2 p{
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 100%;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  box-sizing:border-box;
  position: relative; 
  overflow: hidden;
  margin: 10px 0;
}
.index2 .index2_1 .index2_1_1 div h2 p span{ 
  position: absolute; 
  bottom: 0; 
  right: 30px; 
  padding-left: 20px;
  background: -webkit-linear-gradient(left, transparent, rgba(89,143,235,.9) 55%);
  background: -o-linear-gradient(right, transparent, rgba(89,143,235,.9) 55%);
  background: -moz-linear-gradient(right, transparent, rgba(89,143,235,.9) 55%);
  background: linear-gradient(to right, transparent, rgba(89,143,235,.9) 55%);
  display: none;
}
.index2 .index2_1 .index2_1_1 div h2 a{
  display: block;
  width: 130px;height: 44px;
  text-align: center;
  line-height: 44px;
  color: #518ff4;
  background: #fff;
  text-align: center;
  line-height: 44px;
  margin: 30px auto 0;
  font-size: 14px;
  font-weight: 500;
}
.index2 .index2_1 .index2_1_2{
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  height: 292px;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2{
  width: 32%;
  position: relative;
  margin-bottom: 10px;
  margin-left: 10px;
  height: 141px;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2:hover div{
  display: flex;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2:hover span{
  display: none;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2 img{
  width: 100%;
  height: 100%;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2 span{
  position: absolute;
  width: 100%;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  bottom: 0;
  background: rgba(0,0,0,0.5);
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2 div{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(89,143,235,.9);
  display: none;
  align-items: center;
  flex-wrap: wrap;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2 div h2{
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 100%;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2 div h2 p{
  color: #fff;
  font-size: 14px;
  text-align: center;
  width: 100%;
  line-height: 24px;
  font-weight: 500;
  padding: 10px 30px;
  box-sizing:border-box;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  display: block;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_2 div h2 a{
  display: block;
  width: 130px;height:38px;
  text-align: center;
  line-height:38px;
  color: #518ff4;
  background: #fff;
  text-align: center;
  line-height: 44px;
  margin:0 auto;
  font-size: 14px;
  font-weight: 500;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_3{
  width: 32%;
  margin-left: 10px;
  height: 141px;
  background: #eee;
  text-align: center;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_3 a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_3 a div{
  text-align: center;
  color: #999;
  font-size: 16px;
}
.index2 .index2_1 .index2_1_2 .index2_1_2_3 a div img{
  margin-bottom: 10px;
}

.index3{
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 60px 0;
}
.index3 h1{
  color: #333;
  font-size: 36px;
  text-align: center;
}
.index3 > p{
  color: #757575;
  font-size: 18px;
  margin-top: 15px;
  text-align: center;
}
.index3 .index3_1{
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.index3 .index3_1 .grid{
  width: 16%;
  border:1px solid #f2f2f2;
}
.index3 .index3_1 .grid > img{
  width: 100%;
}
.gridImgs {
width: 100%;
height: 130px;
}
.gridImgs>img {
width: 100%;
height: 100%;
object-fit: cover;
}
.index3 .index3_1 .grid p{
  color: #292e32;
  font-size: 16px;
  padding: 15px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  display: block;
}
.index3 .index3_1 .grid .headel{
  display: flex;
  padding: 0 15px;
}
.index3 .index3_1 .grid .headel span{
  display: flex;
  color: #999;
  font-size: 12px;
  align-items: center;
  margin-right: 10px;
}
.index3 .index3_1 .grid .headel span img{
  width: 13px;
  height: 13px;
  margin-right: 5px;
  margin-top: 2px;
}
.index3 .index3_1 .grid .grid_bottom{
  border-top: 1px solid #f2f2f2;
  margin-top: 15px;
  padding: 15px;
}
.index3 .index3_1 .grid .grid_bottom a{
  display: flex;
  color: #518ff4;
  font-size: 12px;
  align-items: center;
}
.index3 .index3_1 .grid .grid_bottom a img{
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.index3 .index3_1 .gridadd{
  width: 16%;
  background: #eee;
}
.index3 .index3_1 .gridadd a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.index3 .index3_1 .gridadd a div{
  color: #999;
  font-size: 16px;
  text-align: center;
}
.index3 .index3_1 .gridadd a div img{
  margin-bottom: 10px;
}



.banner{
  width: 100%;
  position: relative;
}
.banner img{
  width: 100%;
}
.banner .title{
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner .title h1{
  font-size: 49px;
  color: #fff;
}
.banner .title h1 p{
  font-size: 20px;
  color: #fff;
  margin-top: 20px;
  font-weight: 500;
}
.jieshao{
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 50px 0;
}
.jieshao > h1{
  font-size: 36px;
  color: #333;
  text-align: center;
}
.jieshao > p{
  font-size: 16px;
  color: #777;
  margin-top: 20px;
  line-height: 26px;
}
.fazhan{
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  padding: 50px 0;
}
.fazhan > h1{
  font-size: 36px;
  color: #333;
  text-align: center;
}
.fazhan > p{
  font-size: 18px;
  color: #757575;
  margin-top: 20px;
  text-align: center;
  margin-top: 12px;
}
.fazhan .fazhanbox{
  margin: 255px auto 0;
  position: relative;
  border-top:5px solid #f2f2f2;
  width: 1300px;
}
.fazhan .fazhanbox .fazhanboxtop{
  display: flex;
  position: absolute;
  top: -212px;
  align-items: flex-end;
  width: 100%;
}
.fazhanbox .fazhanboxtop .div1 div{
  background: #f2f2f2;
  padding: 20px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
  width: 205px;
}
.fazhanbox .fazhanboxtop .div1 > i{
  display: block;
  margin: 0 auto;
  width: 28px;
  height: 14px;
  background: url(../webimages/pqart/sanjiao2.png) no-repeat;
}
.fazhanbox .fazhanboxtop .div1 span{
  width: 10px;height: 10px;
  border:5px solid #518ff4;
  border-radius: 10px;
  background: #fff;
  display: block;
  margin: 10px auto;
}
.fazhanbox .fazhanboxtop .div1 h2{
  text-align: center;
  color: #333;
  font-size: 18px;
}
.fazhanbox .fazhanboxtop .div1:hover div{
  background: #518ff4;
  color: #fff;
}
.fazhanbox .fazhanboxtop .div1:hover > i{
  background: url(../webimages/pqart/sanjiao5.png) no-repeat;
}
.fazhanbox .fazhanboxtop .div1:hover span{
  width: 20px;height: 20px;
  border-radius: 20px;
  background: #518ff4;
  border:none;
}
.fazhanbox .fazhanboxtop .div1:hover h2{
  color: #518ff4;
}


.fazhanbox .fazhanboxbottom{
  display: flex;
  margin-top: -48px;
}
.fazhanbox .fazhanboxbottom .div2:hover div{
  background: #518ff4;
  color: #fff;
}
.fazhanbox .fazhanboxbottom .div2:hover > i{
  background: url(../webimages/pqart/sanjiao1.png) no-repeat;
}
.fazhanbox .fazhanboxbottom .div2:hover span{
  width: 20px;height: 20px;
  border-radius: 20px;
  background: #518ff4;
  border:none;
}
.fazhanbox .fazhanboxbottom .div2:hover h2{
  color: #518ff4;
}
.fazhanbox .fazhanboxbottom .div2 div{
  background: #f2f2f2;
  padding: 20px;
  color: #777;
  font-size: 14px;
  line-height: 20px;
  width: 205px;
}
.fazhanbox .fazhanboxbottom .div2 > i{
  display: block;
  margin: 0 auto;
  width: 28px;
  height: 14px;
  background: url(../webimages/pqart/sanjiao3.png) no-repeat;
}
.fazhanbox .fazhanboxbottom .div2 span{
  width: 10px;height: 10px;
  border:5px solid #518ff4;
  border-radius: 10px;
  background: #fff;
  display: block;
  margin: 10px auto;
}
.fazhanbox .fazhanboxbottom .div2 h2{
  text-align: center;
  color: #333;
  font-size: 18px;
}
.fazhan .dashijian{
  margin: 150px auto 0;
  display: flex;
  width: 1100px;
}
.fazhan .dashijian ul li{
  display: flex;
  align-items: center;
}
.fazhan .dashijian ul li > img{
  width: 113px;height: 113px;
}
.fazhan .dashijian ul li p{
  color: #8b8b8b;
  font-size: 14px;
  margin-left: 20px;
}
.fazhan .dashijian ul li p b{
  display: block;
  font-size: 22px;
  margin-bottom: 5px;
  color: #333;
}

.fazhan .dashijian ul{
  position: relative;
  width: 515px;
}
.fazhan .dashijian ul li{
  position: absolute;
  width: 100%;
}
.fazhan .dashijian ul li.li1{
  left: -300px;
  top: -65px;
}
.fazhan .dashijian ul li.li2{
  top: 83px;
  left: -135px;
}
.fazhan .dashijian ul li.li3{
  left: -25px;
  top: 245px;
}
.fazhan .dashijian ul li.li4{
  left: 20px;
  top: 408px;
}
.fazhan .dashijian ul li.li5{
  left: -20px;
  top: 580px;
}
.fazhan .dashijian ul li.li6{
  left: -130px;
  top: 735px;
}
.fazhan .dashijian ul li.li7{
  left: -295px;
  top: 880px;
}







.fangan{
  width: 100%;
}
.fangan ul li{
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content:space-between;
  align-items: center;
  padding: 60px 0;
}
.fangan ul li .fanganfl{
  width: 38%;
}
.fangan ul li .fanganfl img{
  width: 100%;
}
.fangan ul li .fanganfr{
  width: 58%;
}
.fangan ul li .fanganfr h1{
  color: #333;
  font-size: 36px;
}
.fangan ul li .fanganfr p{
  color: #8b8b8b;
  font-size: 14px;
  line-height: 24px;
  margin-top: 20px;
}
.fangan ul li .fanganfr a{
  display: block;
  width: 143px;
  height: 45px;
  background: #518ff4;
  font-size: 16px;
  color: #fff;
  line-height: 45px;
  text-align: center;
  margin-top: 20px;
}

.jishu{
  width: 1000px;
  margin: 0 auto;
}
.jishu ul li{
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content:space-between;
  align-items: flex-start;
  padding: 60px 0;
}
.jishu ul li .jishufl{
  width: 46%;
}
.jishu ul li .jishufl img{
  width: 100%;
}
.jishu ul li .jishufr{
  width: 48%;
}
.jishu ul li .jishufr h1{
  color: #333;
  font-size: 36px;
  margin-bottom: 15px;
}
.jishu ul li .jishufr p{
  color: #8b8b8b;
  font-size: 14px;
  line-height: 24px;
  margin-top: 5px;
}
.jishu .jushubox{
  padding: 60px 0;
  text-align: center;
}
.jishu .jushubox p{
  color: #518ff4;
  font-size: 26px;
}
.jishu .jushubox a{
  display: block;
  color: #fff;
  font-size: 18px;
  width: 165px;
  height: 46px;
  background: #518ff4;
  margin:25px auto;
  line-height: 46px;
}


.detail{
  width: 1200px;
  margin:0 auto 0;
}
.ban{border-bottom: 1px solid #e5e5e5; width:100%; position:relative; overflow:hidden;padding: 60px 0;}
.ban2box{
    display: flex;
    justify-content: space-between;
    height: 370px;
}
.ban2box .text{
  width: 555px;
}
.ban2box .text h1{
  color: #333;
  font-size: 36px;
  margin-bottom: 20px;
}
.ban2box .text p{
  color: #8b8b8b;
  font-size: 14px;
  line-height: 24px;
}
.ban2box .ban2boxulbox{
  width: 600px;
  position: relative;
  overflow: hidden;
}
.ban2box .ban2boxulbox .ban2boxul{
  position:absolute; left:0; top:0;
}
.ban2box .ban2boxulbox .ban2boxul li{ width:600px; height:370px;display: flex;justify-content: space-between;}





.ban2{ width:1200px; height:370px; position:relative; overflow:hidden;}
.ban2 .ul{ position:absolute; left:0; top:0;}
.ban2 .ul li{ width:1200px; height:370px;display: flex;justify-content: space-between;}
.ban2 .ul li .text{
  width: 555px;
}
.ban2 .ul li .text h1{
  color: #333;
  font-size: 36px;
  margin-bottom: 20px;
}
.ban2 .ul li .text p{
  color: #8b8b8b;
  font-size: 14px;
  line-height: 24px;
}
.prev{ float:left; cursor:pointer;}
.num{ height:70px;overflow:hidden;width: 475px; position:relative;float:left;}
.min_pic{ margin-top: -70px; width:555px;background: #fff;
    position: absolute;
    bottom: 60px;
    z-index: 20;/*勿动，dxf*/
    display: flex;
    justify-content: space-between;
}
.num ul{ position:absolute; left:0; top:0;display: flex;font-size: 0;}
.num ul li{ width:112px; height:68px; margin-right:4px; padding:1px;box-sizing: border-box;}
.num ul li a{
    display: block;
    height: 100%;
}
.num ul li a img{
    width: 100%;
    height: 100%;
}
.num ul li.on{ border:5px solid #518ff4; padding:0;}
.prev_btn1{
    width: 40px;
    text-align: center;
    height: 68px;
    margin-right: 4px;
    cursor: pointer;
}
.next_btn1{ 
    width: 40px;
    text-align: center;
    height: 68px;
    cursor: pointer;
}
.prev_btn1 img,.next_btn1 img{
    height: 100%;
}

.detailbox{
  padding: 60px 0;
  text-align: center;
}
.detailbox p{
  color: #518ff4;
  font-size: 16px;
  margin-top: 15px;
}
.detailbox a{
  display: block;
  color: #fff;
  font-size: 18px;
  width: 600px;
  height: 66px;
  background: #518ff4;
  margin:0 auto;
  line-height: 66px;
  border-radius: 5px;
}




.why{
  width: 100%;
}
.why .why1{
  border-bottom: 1px solid #e5e5e5; 
  padding: 60px 0;
}
.why .why1 .t_body{
  display:flex;
}
.why .why1 .t_body .t_bodyimg{
  width: 65%;
}
.why .why1 .t_body .t_bodyimg .bb{
  width: 100%;
}
.why .why1 .t_body .t_bodyimg .bb img{
  width: 100%;
}
.why .why1 .t_body .t_bodytab{
  width: 35%;
  border-top: 1px solid #e3e3e3;
}
.why .why1 .t_body .t_bodytab .aa{
  width: 100%;
  height: 33%;
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #757575;
  font-size: 26px;
  position: relative;
}
.why .why1 .t_body .t_bodytab .aa .img{
  margin-left: 60px;
  margin-right: 20px;
}
.why .why1 .t_body .t_bodytab .aa .img1{
  position: absolute;
  left: -16px;
  display: none;
}
.why .why1 .t_body .t_bodytab .aa.on{
  color: #518ff4;
}
.why .why1 .t_body .t_bodytab .aa.on .img1{
  display: block;
}

.why .why1 > h1{
  color: #333;
  font-size: 36px;
  text-align: center;
}
.why .why1 > p{
  color: #757575;
  font-size: 18px;
  margin-top: 15px;
  text-align: center;
}
.why .why1 .hexin{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.why .why1 .hexin .hexin1{
  width: 29%;
  border:1px solid #f2f2f2;
  padding-bottom: 15px;
}
.why .why1 .hexin .hexin1 img{
  width: 100%;
}
.why .why1 .hexin .hexin1 h2{
  color: #333;
  font-size: 20px;
  padding: 15px 20px 10px;
}
.why .why1 .hexin .hexin1 p{
  position: relative;
  color: #8b8b8b;
  font-size: 14px;
  padding: 0 20px;
  line-height: 24px;
  overflow:hidden; 
  position: relative; 
}
.why .why1 .hexin .hexin1 p i{
  position: absolute;
  bottom: 0;
  right: 20px;
  padding-left: 20px;
  font-style: normal;
  background: -webkit-linear-gradient(left, transparent, #fff 55%);
  background: -o-linear-gradient(right, transparent, #fff 55%);
  background: -moz-linear-gradient(right, transparent, #fff 55%);
  background: linear-gradient(to right, transparent, #fff 55%);
  display: none;
}
.why .why1 .hexin .add{
  width: 10%;
  background: #eee;
}
.why .why1 .hexin .add a{
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.why .why1 .hexin .add a div{
  color: #999;
  font-size: 16px;
}
.why .why1 .hexin .add a div img{
  margin-bottom: 10px;
}

.hangye{
  width: 928px;
  margin:40px auto 0;
}
.hangye .hangyetop{
  display: flex;
}
.hangye .hangyetop .hangye1{
  width: 217px;
  height: 251px;
  margin: 0 8px;
  position: relative;
}
.hangye .hangyetop .hangye1 em{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;left: 0;
  background: url(../webimages/pqart/liubg.png) no-repeat;
  background-size: 100% 100%;
}
.hangye .hangyetop .hangye1 > img{
  width: 100%;
  height: 100%;
}
.hangye .hangyetop .hangye1 div{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}
.hangye .hangyetop .hangye1 div h2{
  color: #fff;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.hangye .hangyetop .hangye1 div h2 a{
  display: block;
  width: 83px;
  height: 32px;
  line-height: 32px;
  color: #518ff4;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
  margin: 20px auto 0;
}
.hangye .hangyebottom{
  width: 696px;
  display: flex;
  margin:15px auto 0;
}
.hangye  .hangye4{
   width: 696px;
  display: flex;
  margin:15px auto 0;
    margin-left: 8px;
    position: relative;
    margin-top: -63px;
}

.hangye .hangyebottom .hangye2{
    height:126px;
    width: 217px;
    position: relative;
    background: url('../images/pic7.png') 50% 50% no-repeat; 
    background-size: auto 252px; margin: 0 8px;
}
.hangye .hangyebottom .hangye3{
    height:126px;
    width: 217px;
    position: relative;
    background: url('../images/tua.png') 50% 50% no-repeat; 
    background-size: auto 252px; margin: 0 8px;
}
.common{
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    left:0;

}
.hangye .hangyebottom .hangye2 .common:before{
    content:'';
    position: absolute;
    /* background:url('../images/pic7.png') 50% 50% no-repeat; */
    /* background-size: auto 252px; */
    height:252px;
    width: 217px;
}
.hangye .hangyebottom .hangye3 .common:before{
    content:'';
    position: absolute;
    background:url('../images/tua.png') 50% 50% no-repeat;
    background-size: auto 252px;
    height:252px;
    width: 217px;
}
.left{
    transform: rotate(60deg);
}
.left:before{
    transform: rotate(-60deg) translate(54px,-32px);
}
.right{
    transform: rotate(-60deg);
}
.right:before{
     transform: rotate(60deg) translate(54px,32px);
     bottom: 0;
}


.hangye  .hangye4 > img{
  width: 100%;
  height: 100%;
}
.hangye  .hangye4 div{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}
.hangye  .hangye4 div h2{
  color: #fff;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.hangye  .hangye4 div h2 a{
  display: block;
  width: 83px;
  height: 32px;
  line-height: 32px;
  color: #518ff4;
  font-size: 14px;
  font-weight: 500;
  background: #fff;
  margin-top: 20px;
}

.hangye  .hangye4 > a{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}
.hangye  .hangye4 > a p{
  color: #999;
  font-size: 16px;
  text-align: center;
}
.hangye  .hangye4 > a p img{
  margin-bottom: 10px;
}
.ziliao{
  width: 100%;
}
.ziliao > img{
  margin: 40px auto;
}
.ziliao a{
  display: block;
  width: 346px;
  height: 46px;
  background: #518ff4;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 46px;
  margin: 0 auto;
}


.price{
  width: 100%;
}
.price .price1{
  padding: 60px 0;
  border-bottom: 1px solid #e5e5e5;
}
.price .price1 > h1{
  color: #333;
  font-size: 36px;
  text-align: center;
}
.price .price1 > p{
  color: #757575;
  font-size: 18px;
  margin-top: 15px;
  text-align: center;
}
.price .price1 .line{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.price .price1 .line .linefl{
  width: 49%;
  border: 1px solid #518ff4;
  border-radius: 5px;
  background: #f2f6fe;
  box-sizing: border-box;
  padding: 35px;
}
.price1 .line .linefl h2{
  color: #518ff4;
  font-size: 18px;
  font-weight: 500;
}
.price1 .line .linefl p{
  display: flex;
  align-items: center;
  color: #666;
  font-size: 14px;
  margin-top: 15px;
}
.price1 .line .linefl p img{
  margin-right: 10px;
}
.price1 .line .linefl p .become {
  width: 200px;
  height: 35px;
  font-size: 16px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  border-radius: 20px;
  background: #518ff4;
  cursor: pointer;
}
.price1 .line .linefl.linefr{
  border: 1px solid #f57206;
  background: #fef4ec;
}
.price1 .online{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.price1 .online .online1{
  width: 24%;
  border:1px solid #e5e5e5;
}
.price1 .online .online1 .online1_1{
  padding: 17px;
  background: url(../webimages/pqart/bg1.png) no-repeat;
  width: 100%;
  background-size: 100% 100%;
  box-sizing: border-box;
  border-bottom:1px solid #e5e5e5;
}
.price1 .online .online1 .online1_1 p{
  display: flex;
  color: #666;
  font-size: 18px;
  align-items: center;
}
.price1 .online .online1 .online1_1 p img{
  margin-right: 5px;
}
.price1 .online .online1 .online1_1 h2{
  font-size: 36px;
  color: #666;
  text-align: center;
  margin-top: 35px;
}
.price1 .online .online1 .online1_1 span{
  display: block;
  color: #999;
  font-size: 14px;
  text-align: center;
  margin-top: 7px;
}
.price1 .online .online1 .online1_1 i{
  display: block;
  font-style: normal;
  color: #666;
  font-size: 20px;
  text-align: center;
  margin: 35px 0;
}
.price1 .online .online1 .online1_1 i em{
  font-style: normal;
  font-size: 34px;
}
.price1 .online .online1 .online1_1 a{
  display: block;
  width: 220px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border:1px solid #c2c2c2;
  border-radius: 3px;
  color: #333;
  font-size: 16px;
  margin:0 auto 30px;
  background: #fff;
}
.price1 .online .online1 .online1_2{
  padding: 30px;
}
.price1 .online .online1 .online1_2 p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666;
  font-size: 14px;
  margin-bottom: 25px;
}
.price1 .online .online1.online2 .online1_1{
  background: url(../webimages/pqart/bg2.png) no-repeat;
  background-size: 100% 100%;
}
.price1 .online .online1.online2 .online1_1 p{
  color: #333;
}
.price1 .online .online1.online2 .online1_1 h2{
  color: #333;
  margin-top: 45px;
}
.price1 .online .online1.online2 .online1_1 i{
  color: #333;
  margin: 45px 0;
}
.price1 .online .online1.online2 .online1_1 a{
  border:none;
}
.price1 .online .online1.online3 .online1_1{
  background: url(../webimages/pqart/bg3.png) no-repeat;
  background-size: 100% 100%;
}
.price1 .online .online1.online3 .online1_1 p{
  color: #fff;
}
.price1 .online .online1.online3 .online1_1 h2{
  color: #fff;
  margin-top: 45px;
}
.price1 .online .online1.online3 .online1_1 i{
  color: #fff;
  margin: 45px 0;
}
.price1 .online .online1.online3 .online1_1 a{
  border:none;
}
.price1 .online .online1.online4 .online1_1{
  background: url(../webimages/pqart/bg4.png) no-repeat;
  background-size: 100% 100%;
}
.price1 .online .online1.online4 .online1_1 p{
  color: #fff;
}
.price1 .online .online1.online4 .online1_1 h2{
  color: #fff;
  margin-top: 46px;
}
.price1 .online .online1.online4 .online1_1 i{
  color: #fff;
  margin: 55px 0;
  font-size: 18px;
}
.price1 .online .online1.online4 .online1_1 a{
  border:none;
}


.tankbg{
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  z-index: 888;
  top: 0;
  display: none;
  align-items: center;
  justify-content: center;
}
.tankbgbox{
  background: #fff;
  width: 600px;
  border-radius: 8px;
  position: relative;
}
.tankbgbox h1{
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
  height: 79px;
  line-height: 79px;
}
.tankbgbox > span{
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
}
.tankbgbox ul{
  width: 360px;
  margin: 40px auto;
}
.tankbgbox ul li{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}
.tankbgbox ul li span{
  color: #666;
  font-size: 14px;
  line-height: 40px;
}
.tankbgbox ul li .input{
  width: 298px;
  height: 38px;
  border:1px solid #ddd;
  border-radius: 3px;
  text-indent: 15px;
  color: #666;
  font-size: 14px;
}
.tankbgbox ul li textarea{
  width: 298px;
  height: 123px;
  border:1px solid #ddd;
  border-radius: 3px;
  padding:15px;
  color: #666;
  font-size: 14px;
  box-sizing: border-box;
  resize: none;
}
.tankbgbox ul li a{
  display: block;
  width: 100%;
  height: 54px;
  border-radius: 54px;
  background: #518ff4;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 54px;
  margin-bottom: 10px;
  margin-top:30px;
}


/* 招募合伙伙伴 */
.partner {
    width: 1200px;
    margin: 0 auto 0;
    /* padding: 0 170px; */
}
.parContent {
    width: 100%;
}
.parTop {
    padding: 50px 250px;
    border-bottom: 1px solid #e5e5e5;
}
.agent {
    font-size: 36px;
    color: #333;
    font-weight: 700;
    text-align: center;
}
.parTop ul {
    margin: 50px 0;
}
.parTop ul li {
    position: relative;
}
.parTop ul  li div {
    font-size: 26px;
    color: #fff;
}
.divleft {
    position: absolute;
    top: 20px;
    left: 80px;
}
.divright {
    position: absolute;
    top: 20px;
    right: 130px;
}
.parTop ul  li span {
    position: absolute;
    top: 0;
    display: inline-block;
    font-size: 14px;
}
.parTop ul  li .spanleft {
    left: 5px;
    width: 40%;
    color: #666;
}
.parTop ul  li .spancon {
    top: 10px;
    left: 305px;
    color: #f5442b;
}
.parTop ul  li .spanconTwo {
    left: 323px;
}
.parTop ul  li .spanright {
    right: 20px;
    width: 40%;
    color: #518ff4;
}
.parServer {
    display: flex;
    margin-top: 30px;
}
.serverLeft {
    margin-left: 60px;
}
.listone {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}
.listmore {
    margin-top: 20px;
}
.serverLeft span {
    display: inline-block;
    font-size: 16px;
    color: #333;
}
.listmore .parcircle {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #518ff4;
    color: #fff;
}
.parServer .liang {
    width: 120px;
    height: 71px;
    margin: 30px 0 0 30px;
}
.lastone {
    font-size: 16px;
    color: #333;
}
.lastmore span {
    font-size: 16px;
    color: #333;
    margin-top: 5px;
}
.agentlast {
    margin-left: 310px;
    margin-top: 20px;
}
.agentlast div {
    width: 250px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #518ff4;
    margin-top: 10px;
    font-size: 16px;
}
.borderLast {
    border-bottom: none;
}
/* 招募合伙伙伴结束 */



@media screen and (max-width:1366px) {
	.index2 .index2_1{ width:100%;}
	.index2 .index2_1 .index2_1_2 .index2_1_2_2,.index2 .index2_1 .index2_1_2 .index2_1_2_3{ width:31%;}
	.index2 .index2_1 .index2_1_1{ width:35%;}
}