@charset "utf-8";

.header_box{position: relative;height: 465px;width: 100%;margin: 0 auto;background: url(../Image/szppg/header.png) center bottom space;overflow: hidden;}
.header_box .header{box-sizing: border-box;top: 47%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header .header_r { z-index: 0; right: -103px; top: 72%; transform: translateY(-50%); margin-top: -20px;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>h1 span {font-size: 36px;font-weight: 900;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 30px;display: flex;flex-direction: row;align-items: center;}
.header_box .header>p>i{display: block;width: 13px;height:9px;background: url(../Image/szppg/head_icon.png) center center no-repeat;margin-right:7px;}
.header_box .header>.p2{font-size: 16px;color: #ffffff;line-height: 1;margin-top: 35px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 145px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;}
.header_box .header>span { display: block; color: #ffffff; font-size: 18px;margin-top: 17px;}

.section_1{
  min-height:684px;
  background: #fff;
  text-align: center;
}
.section_1 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:76px;
  text-align: center;
}
.section_1 h3{
  font-size:15px;
  color:#495970;
  line-height: 1;
  padding-top:29px;
  text-align: center;
}
.section_1 > img{margin-top:22px;}
.section_1 ul{
  width:1080px;
  margin:27px auto 0;
  display: flex;
  flex-direction: row;
}
.section_1 ul li{
  flex: 1;
  min-height:68px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section_1 ul li h4{
  font-size:17px;
  color:#1f2b43;
  font-weight: 600;
  line-height: 1;
  height:38px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_1 ul li h4 i{
  display: block;
  width:40px;
  height:38px;
  margin-right:14px;
}
.section_1 ul li h4 i.icon1{background: url(../Image/szppg/s1_icon1.png) center center no-repeat;}
.section_1 ul li h4 i.icon2{background: url(../Image/szppg/s1_icon2.png) center center no-repeat;}
.section_1 ul li h4 i.icon3{background: url(../Image/szppg/s1_icon3.png) center center no-repeat;}
.section_1 ul li h4 i.icon4{background: url(../Image/szppg/s1_icon4.png) center center no-repeat;}
.section_1 ul li p{
  font-size:15px;
  color:#55647a;
  line-height: 1;
  text-align: left;
}


.section_2{
  min-height:688px;
  background-color: #f4f7fa;
  background-image: url(../Image/szppg/s2_bg.png);
  background-position: center bottom;
  background-repeat:space;
}
.section_2 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:67px;
  text-align: center;
}
.section_2 h3{
  font-size:15px;
  color:#495970;
  line-height: 1;
  padding-top:31px;
  text-align: center;
}
.section_2 .box{
  width:1080px;
  height:448px;
  margin:55px auto 0;
  position: relative;
}
.section_2 .box > img{
  position: absolute;
  bottom:0;
  left:37px;
}
.section_2 .box ul{
  width:377px;
  height: 100%;
  position: absolute;
  top:0;
  right:47px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section_2 .box ul li{
  width:100%;
  height:132px;
  box-shadow: 0 0 18px rgba(190,190,190,.11);
  background: url(../Image/szppg/s2_li_bg.png) center center no-repeat;
  position: relative;
}
.section_2 .box ul li i{
  display: block;
  width:68px;
  height:67px;
  box-shadow: 0 0 18px rgba(190,190,190,.11);
  position: absolute;
  top:-17px;
  right:29px;
}
.section_2 .box ul li i.icon1{background: url(../Image/szppg/s2_li_icon1.png) center center no-repeat;}
.section_2 .box ul li i.icon2{background: url(../Image/szppg/s2_li_icon2.png) center center no-repeat;}
.section_2 .box ul li i.icon3{background: url(../Image/szppg/s2_li_icon3.png) center center no-repeat;}
.section_2 .box ul li h4{
  font-size:17px;
  color:#1f2b43;
  font-weight: 600;
  line-height: 1;
  padding-top:26px;
  padding-left:37px;
}
.section_2 .box ul li p{
  width: 286px;
  font-size:15px;
  color:#495970;
  line-height: 24px;
  padding-top:18px;
  padding-left:37px;
}


.section_3{
  min-height:763px;
  background: #fff;
}
.section_3 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:74px;
  text-align: center;
}
.section_3 .box{
  width:1080px;
  height:474px;
  margin:30px auto 0;
  position: relative;
}
.section_3 .box > img{
  position: absolute;
  bottom:0;
  left:-21px;
}
.section_3 .box ul{
  width:468px;
  min-height: 100px;
  position: absolute;
  top:50px;
  right:24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.section_3 .box ul li{
  width:100%;
  min-height:100px;
  margin-bottom:34px;
}
.section_3 .box ul li h4{
  font-size:17px;
  color:#1f2b43;
  font-weight: 600;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_3 .box ul li h4 i{
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 11px;
}
.section_3 .box ul li h4 i.icon1{background: url(../Image/szppg/s3_li_icon1.png) center center no-repeat;}
.section_3 .box ul li h4 i.icon2{background: url(../Image/szppg/s3_li_icon2.png) center center no-repeat;}
.section_3 .box ul li h4 i.icon3{background: url(../Image/szppg/s3_li_icon3.png) center center no-repeat;}
.section_3 .box ul li p{
  font-size:15px;
  color:#495970;
  line-height: 24px;
  margin-top:14px;
}


.section_4{
  min-height:680px;
  background: #fff;
  position: relative;
}
.section_4 .top_bg{width:100%;height:411px;background: #1a62e1;position: absolute;top:0;left:0;right:0;margin:auto;z-index: 1;}
.section_4 ul.content{width: 1080px;position: absolute;top:0;left:0;right:0;margin:auto;z-index: 5;}
.section_4 h2{
  font-size:23px;
  color:#fff;
  line-height: 1;
  padding-top:79px;
  text-align: center;
}
.section_4 li.item1{
  width: 100%;
  height:523px;
  box-shadow: 7px 0 38px rgba(190,190,190,.24px);
  background: url(../Image/szppg/s4_item1.png) center bottom no-repeat;
  margin-top:55px;
  position: relative;
}
.section_4 li h3{
  font-size:23px;
  color:#151514;
  line-height: 1;
  text-align: center;
}
.section_4 li.item1 h3{padding-top:48px;}
.section_4 li.item1 > img{
  position: absolute;
  top:109px;
  left:51px;
}
.section_4 li.item1 .box{
  position: absolute;
  top:147px;
  left:459px;
  width:589px;
  min-height:320px;
}
.section_4 li.item1 .box h4{
  font-size:20px;
  color:#1f2b43;
  line-height: 1;
  margin-bottom:22px;
}
.section_4 li.item1 .box > p{
  font-size:15px;
  color:#495970;
  line-height: 33px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_4 li.item1 .box > p i{
  display: block;
  width:12px;
  height:10px;
  background: url(../Image/szppg/s4_gou_icon.png) center center no-repeat;
  margin-left:6px;
  margin-right:9px;
}
.section_4 li.item1 .box > ul{
  width: 100%;
  height:58px;
  display: flex;
  flex-direction: row;
  padding-top:45px;
}
.section_4 li.item1 .box > ul li{
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  margin-right:75px;
}
.section_4 li.item1 .box > ul li p{
  font-size:23px;
  color:#1a62e1;
  line-height: 1;
  font-weight: 600;
  white-space:nowrap;
}
.section_4 li.item1 .box > ul li h5{
  font-size:15px;
  color:#1f2b43;
  line-height: 1;
  white-space:nowrap;
}

.section_4 li.item2{
  width: 100%;
  height:472px;
  background: url(../Image/szppg/s4_item2.png) center bottom no-repeat;
  position: relative;
}
.section_4 li.item2 h3{padding-top:67px;}
.section_4 li.item2 > img{
  position: absolute;
  top:105px;
  right:5px;
}
.section_4 li.item2 .box{
  position: absolute;
  top:150px;
  left:63px;
  width:484px;
  min-height:236px;
}
.section_4 li.item2 .box h4{
  font-size:20px;
  color:#1f2b43;
  line-height: 30px;
  margin-bottom:22px;
}
.section_4 li.item2 .box > p{
  font-size:15px;
  color:#495970;
  line-height: 33px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_4 li.item2 .box > p i{
  display: block;
  width:12px;
  height:10px;
  background: url(../Image/szppg/s4_gou_icon.png) center center no-repeat;
  margin-left:6px;
  margin-right:9px;
}

.section_4 li.item3{
  width: 100%;
  height:556px;
  margin-top:29px;
  background: url(../Image/szppg/s4_item3.png) center bottom no-repeat;
  position: relative;
}
.section_4 li.item3 h3{padding-top:45px;}
.section_4 li.item3 > img{
  position: absolute;
  top:124px;
  left:302px;
}
.section_4 li.item3 h4{
  font-size:17px;
  color:#1f2b43;
  line-height: 30px;
  position: absolute;
}
.section_4 li.item3 .text1{top:164px;left:78px;width:236px;}
.section_4 li.item3 .text2{top:164px;left:775px;width:236px;}
.section_4 li.item3 .text3{top:379px;left:54px;width:232px;}
.section_4 li.item3 .text4{top:379px;left:791px;width:232px;}

.section_4 li.item4{
  width: 100%;
  height:702px;
  background: url(../Image/szppg/s4_item4.png) center bottom no-repeat;
  position: relative;
}
.section_4 li.item4 h3{padding-top:70px;}
.section_4 li.item4 .left{
  width: 328px;
  height:394px;
  position: absolute;
  top:140px;
  left:12px;
  box-shadow: 0 0 35px rgba(155,164,179,.23);
  background: url(../Image/szppg/s4_item4_left.png) center center no-repeat;
}
.section_4 li.item4 .center{
  width: 402px;
  height:394px;
  position: absolute;
  top:140px;
  left:341px;
  /* box-shadow: 6px 0 32px rgba(10,114,255,.52); */
  background: url(../Image/szppg/s4_item4_center.png) center center no-repeat;
}
.section_4 li.item4 .right{
  width: 328px;
  height:394px;
  position: absolute;
  top:140px;
  left:745px;
  box-shadow: 0 0 40px rgba(155,164,179,.38);
  background: url(../Image/szppg/s4_item4_right.png) center center no-repeat;
}
.section_4 li.item4 .text h4{
  font-size:20px;
  color:#1f2b43;
  line-height: 1;
  padding-top:41px;
  padding-left:30px;
  margin-bottom:27px;
}
.section_4 li.item4 .text p{
  font-size:15px;
  color:#1f2b43;
  line-height: 38px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left:30px;
}
.section_4 li.item4 .text p i{
  display: block;
  width:7px;
  height:7px;
  margin-right:11px;
  margin-left:2px;
  background: url(../Image/szppg/blue.png) center center no-repeat;
}
.section_4 li.item4 .text.center h4{color:#fff;}
.section_4 li.item4 .text.center p{color:#fff;}
.section_4 li.item4 .text.center p i{background: url(../Image/szppg/white.png) center center no-repeat;}
.section_4 li.item4 .round{
  width:100px;
  height:100px;
  position: absolute;
  left:282px;
  top:292px;
  border-radius: 50%;
}
.section_4 li.item4 .round .rd{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; 
}

.section_4 li.item4 .round2{
  width:100px;
  height:100px;
  position: absolute;
  right:294px;
  top:292px;
  border-radius: 50%;
}
.section_4 li.item4 .round2 .rd{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; 
}

@keyframes scaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.5);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(0.5);
  }
}

.section_4 li.item4 .round .three{
  width: 80px;
  height:80px;
  z-index: 1;
  -webkit-animation-name: scaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3.2s;
}
.section_4 li.item4 .round .two{
  width: 70px;
  height:70px;
  z-index: 2;
  -webkit-animation-name: scaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3.1s;
}
.section_4 li.item4 .round .one{
  width: 60px;
  height:60px;
  z-index: 3;
  -webkit-animation-name: scaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
}

.section_4 li.item4 .round2 .three{
  width: 80px;
  height:80px;
  z-index: 1;
  -webkit-animation-name: scaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3.2s;
}
.section_4 li.item4 .round2 .two{
  width: 70px;
  height:70px;
  z-index: 2;
  -webkit-animation-name: scaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3.1s;
}
.section_4 li.item4 .round2 .one{
  width: 60px;
  height:60px;
  z-index: 3;
  -webkit-animation-name: scaleDraw;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 3s;
}


.section_5{
  min-height:821px;
  background: #fff;
}
.section_5 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:70px;
  text-align: center;
}
.section_5 .tabbar{
  width: 1080px;
  height:62px;
  margin:27px auto 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}
.section_5 .tabbar li{
  padding:0 14px;
  font-size:16px;
  color:#1f2b43;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.section_5 .tabbar li.active{color:#1a62e1;}
.section_5 .tabbar i{
  display: block;
  width:74px;
  height:3px;
  background: #1a62e1;
  position: absolute;
  bottom:0;
  left:363px;
  transition: all .4s;
}
.section_5 .box{
  height:637px;
  background: url(../Image/szppg/s5_bg.png) center bottom space;
  padding-top: 56px;
  box-sizing: border-box;
}
.section_5 .content{
  width:1080px;
  height:491px;
  box-shadow: 7px 0 21px rgba(232,232,232,.41);
  background: url(../Image/szppg/s5_content.png) center center no-repeat;
  background-size: cover;
  margin:auto;
  box-sizing: border-box;
  padding-top:30px;
  padding-left:48px;
  position: relative;
}
.section_5 .content h3{
  font-size:17px;
  color:#1f2b43;
  line-height: 1;
  font-weight: 600;
  padding-bottom:14px;
  padding-top:29px;
}
.section_5 .content p{
  font-size:15px;
  color:#495970;
  line-height: 26px;
  width: 486px;
}
.section_5 .content .img{
  width:450px;
  height:400px;
  position: absolute;
  top:44px;
  left:610px;
}