@charset "utf-8";

.header_box{position: relative;height: 455px;width: 100%;margin: 0 auto;background: url(../Image/jszt/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: 34px;}
.header_box .header>.p2{font-size: 16px;color: #ffffff;line-height: 34px;margin-top: 15px;}
.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{
  height:756px;
  background: #fff;
}
.section_1 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:66px;
  padding-bottom:60px;
  text-align: center;
}
.section_1 > ul{
  width:1080px;
  margin:auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_1 > ul li{
  width:525px;
  height:242px;
  margin-bottom:26px;
  box-shadow: 2px 0 54px rgba(0, 0, 0, .06);
  background-size: cover;
}
.section_1 > ul li:nth-child(1){background: url(../Image/jszt/s1_bg1.png) center center no-repeat;}
.section_1 > ul li:nth-child(2){background: url(../Image/jszt/s1_bg2.png) center center no-repeat;}
.section_1 > ul li:nth-child(3){background: url(../Image/jszt/s1_bg3.png) center center no-repeat;}
.section_1 > ul li:nth-child(4){background: url(../Image/jszt/s1_bg4.png) center center no-repeat;}
.section_1 > ul li h3{
  font-size:17px;
  font-weight: 600;
  color:#0c0c0c;
  line-height: 1;
  height:37px;
  padding-top:30px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_1 > ul li h3 i{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width:39px;
  height:100%;
  margin-left:38px;
  margin-right:18px;
}
.section_1 > ul li p{
  font-size:15px;
  color:#6d788e;
  line-height: 25px;
  padding-top:20px;
  margin-left:40px;
}

.section_2{
  height:658px;
  background: #1a62e1;
  text-align: center;
}
.section_2 h2{
  font-size:23px;
  color:#fff;
  line-height: 1;
  padding-top:57px;
  text-align: center;
}
.section_2 > img{
  margin-top:36px;
}

.section_3{
  min-height:500px;
  background: #fff;
}
.section_3 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:72px;
  text-align: center;
}
.section_3 ul{
  width:1080px;
  margin:55px auto 0;
}
.section_3 ul li{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_3 ul li h3{
  font-size:22px;
  color:#0c0c0c;
  line-height: 1;
}
.section_3 ul li p{
  font-size:15px;
  color:#6d788e;
  line-height: 28px;
  margin-top:20px;
}
.section_3 ul li > div{width: 50%;}
.section_3 ul li.li_1{height:343px;}
.section_3 ul li.li_1 img{margin-left:62px;}
.section_3 ul li.li_1 h3{margin-left:30px;margin-top:99px}
.section_3 ul li.li_1 p{margin-left:30px;}

.section_3 ul li.li_2{height:317px;flex-direction: row-reverse;}
.section_3 ul li.li_2 img{margin-left:46px;}
.section_3 ul li.li_2 h3{margin-left:76px;margin-top:71px;}
.section_3 ul li.li_2 p{margin-left:76px;}

.section_3 ul li.li_3{height:343px;margin-top:-19px;}
.section_3 ul li.li_3 img{margin-left:47px;}
.section_3 ul li.li_3 h3{margin-left:56px;margin-top:115px;}
.section_3 ul li.li_3 p{margin-left:56px;}

.section_3 ul li.li_4{height:354px;flex-direction: row-reverse;}
.section_3 ul li.li_4 img{margin-left:-2px;}
.section_3 ul li.li_4 h3{margin-left:62px;margin-top:110px;}
.section_3 ul li.li_4 p{margin-left:62px;}

.section_3 ul li.li_5{height:295px;}
.section_3 ul li.li_5 img{margin-left:64px;}
.section_3 ul li.li_5 h3{margin-left:50px;margin-top:113px;}
.section_3 ul li.li_5 p{margin-left:50px;}


.section_4{
  min-height:733px;
  background: #fbfbfc;
}
.section_4 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:65px;
  text-align: center;
}
.section_4 ul.tabbar{
  width:1080px;
  height:52px;
  margin:37px auto 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_4 ul.tabbar li{
  padding:0 53px;
  line-height: 52px;
  font-size:17px;
  color:#0c0c0c;
  position: relative;
  cursor: pointer;
}
.section_4 ul.tabbar li.active i{
  width: 75px;
  height:3px;
  background: #1a62e1;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.section_4 ul.content{
  width:1080px;
  height:453px;
  margin:30px auto 0;
  position: relative;
}
.section_4 ul.content li{
  width:1080px;
  height:453px;
  position: absolute;
  top:0;
  left: 0;
  opacity: 0;
  transition: all 1s;
}
.section_4 ul.content li.active{
  opacity: 1;
}
.section_4 ul.content li h3{
  font-size:23px;
  color:#fff;
  line-height: 1;
  font-weight: 600;
  padding-top:106px;
  margin-left:77px;
}
.section_4 ul.content li p{
  font-size:15px;
  color:#fff;
  line-height: 30px;
  margin-top:22px;
  margin-left:77px;
}
.section_4 ul.content li a{
  display: inline-block;
  box-sizing: border-box;
  width: 118px;
  height:40px;
  line-height: 40px;
  border:1px solid #fff;
  border-radius: 3px;
  font-size:15px;
  color:#fff;
  text-align: center;
  position: absolute;
  left:77px;
  bottom:95px;
}
.section_4 ul.content li.item1{background: url(../Image/jszt/s4_item1.png) center center no-repeat;}
.section_4 ul.content li.item2{background: url(../Image/jszt/s4_item2.png) center center no-repeat;}
.section_4 ul.content li.item3{background: url(../Image/jszt/s4_item3.png) center center no-repeat;}
.section_4 ul.content li.item4{background: url(../Image/jszt/s4_item4.png) center center no-repeat;}