@charset "utf-8";

.header_box{background:#1a62e1;position: relative;height: 455px;background-size: cover;width: 100%;margin: 0 auto; overflow: hidden;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header .header_r { z-index: 0; right: 46px; top: 50%; transform: translateY(-50%); margin-top: 0;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;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: inline-block; color: #ffffff; font-size: 18px;}


.section h2{
  font-size:26px;
  color:#212c42;
  line-height: 1;
  text-align: center;
}

.section_1{
  width:100%;
  min-height:580px;
  background-color: #fff;
}
.section_1 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
}
.section_1 h2{
  padding-top:86px;
}
.section_1 .img_box{
  width:100%;
  height:354px;
  margin-top:113px;
  position: relative;
}
.section_1 .img_box .ct{margin-left:263px;}
.section_1 .img_box .img1{position: absolute;top:4px;left:73px;}
.section_1 .img_box .img2{position: absolute;top:4px;right:127px;}
.section_1 .img_box .img3{position: absolute;top:119px;left:1px;}
.section_1 .img_box .img4{position: absolute;top:115px;right:47px;}
.section_1 .img_box .img5{position: absolute;top:239px;left:58px;}
.section_1 .img_box .img6{position: absolute;top:244px;right:104px;}

.section_2{
  width:100%;
  min-height:580px;
  background-color: #fff;
}
.section_2 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
  padding-bottom: 125px;
}
.section_2 h2{
  padding-top:132px;
}
.section_2 .item1 {width:100%;height:147px;display: flex;flex-direction: row;margin-top:182px;}
.section_2 .item1 div{flex:1;}
.section_2 .item1 div img{margin-top:-88px;margin-left:27px;}
.section_2 .item1 div h3{font-size:18px;color:#404957;line-height: 1;margin-left:84px;}
.section_2 .item1 div p{font-size:15px;color:#757f92;line-height: 28px;margin-top:46px;margin-left:84px;}
.section_2 .item2 {width:100%;height:147px;display: flex;flex-direction: row-reverse;;margin-top:276px;}
.section_2 .item2 div{flex:1;}
.section_2 .item2 div h3{font-size:18px;color:#404957;line-height: 1;margin-left:0;}
.section_2 .item2 div p{font-size:15px;color:#757f92;line-height: 28px;margin-top:46px;margin-left:0;}
.section_2 .item2 div img{margin-top:-190px;margin-left:47px;}
.section_2 .item3 {width:100%;height:145px;display: flex;flex-direction: row;margin-top:172px;}
.section_2 .item3 div{flex:1;}
.section_2 .item3 div img{margin-top:-55px;margin-left:16px;}
.section_2 .item3 div h3{font-size:18px;color:#404957;line-height: 1;margin-left:91px;}
.section_2 .item3 div p{font-size:15px;color:#757f92;line-height: 28px;margin-top:46px;margin-left:91px;}
.section_2 .item4 {width:100%;height:142px;display: flex;flex-direction: row-reverse;;margin-top:248px;}
.section_2 .item4 div{flex:1;}
.section_2 .item4 div img{margin-top:-180px;margin-left:93px;}
.section_2 .item4 div h3{font-size:18px;color:#404957;line-height: 1;margin-left:0;}
.section_2 .item4 div p{font-size:15px;color:#757f92;line-height: 28px;margin-top:46px;margin-left:0;}

.section_3{
  width:100%;
  min-height:616px;
  background-color: #f8fcff;
}
.section_3 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
}
.section_3 h2{
  padding-top:74px;
}
.section_3 ul{
  width:100%;
  height:401px;
  margin-top:75px;
  display: flex;
  flex-direction: row;
}
.section_3 ul li{
  width:177px;
  height:401px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(141,158,189,0.2);
  border-radius: 4px;
  margin-right:7px;
  position: relative;
  transition: all .3s;
  cursor: pointer;
}
.section_3 ul li:last-child{margin-right:0;}
.section_3 ul li i{display: block;height:37px;margin-top:126px;padding-left:26px;}
.section_3 ul li:nth-child(1) i img {margin-top:3px;}
.section_3 ul li:nth-child(3) i img {margin-top:2px;}
.section_3 ul li:nth-child(4) i img {margin-top:7px;}
.section_3 ul li i img:nth-child(2) {display: none;}
.section_3 ul li h3{font-size:15px;font-weight:600;color:#404957;line-height: 20px;padding-left:22px;margin-top:15px;}
.section_3 ul li h3 span{font-size:20px;color:#12233e;}
.section_3 ul li .right_icon{margin-top:31px;margin-left:34px;}
.section_3 ul li b{display: block;width:28px;height:2px;background-color: #fff;margin-left:20px;margin-top:38px;display: none;}
.section_3 ul li .drawer{
  width:348px;
  height:100%;
  position: absolute;
  right:-348px;
  top:0;
  background-color: #f8fcff;
  border-radius: 4px;
  box-shadow: 0 0 6px rgba(141,158,189,0.2);
  display: none;
}
.section_3 ul li .drawer .tri{
  position: absolute;
  top:165px;
  left:-13px;
}
.section_3 ul li .drawer .top_img{
  height:187px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.section_3 ul li:nth-child(1) .drawer .top_img img{width:259px;height:169px;}
.section_3 ul li:nth-child(2) .drawer .top_img img{width:273px;height:168px;}
.section_3 ul li:nth-child(3) .drawer .top_img img{width:248px;height:185px;}
.section_3 ul li:nth-child(4) .drawer .top_img img{width:267px;height:183px;}
.section_3 ul li .drawer p{
  line-height: 27px;
  margin-top: 27px;
  padding-left:72px;
  background: url(../Image/qywxdg/s3_txt_icon.png) 32px 7px no-repeat;
  font-size:15px;
  color:#757f92;
}
.section_3 ul .hover{margin-right:355px;background-color: #397ee3;}
.section_3 ul .hover .drawer{display: block;}
.section_3 ul .hover i img:nth-child(1) {display: none;}
.section_3 ul .hover i img:nth-child(2) {display: block;}
.section_3 ul .hover h3,.section_3 ul .hover h3 span{color:#fff;}
.section_3 ul .hover .right_icon{display: none;}
.section_3 ul .hover b{display: block;}


.section_4{
  width:100%;
  min-height:475px;
  background-color: #fff;
}
.section_4 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
}
.section_4 h2{
  font-size:26px;
  color:#212c42;
  line-height: 1;
  text-align: center;
  padding-top:68px;
}
.section_4 ul{
  width:100%;
  min-height:298px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:49px;
}
.section_4 ul li{
  width:252px;
  height:138px;
  margin-bottom:22px;
  position: relative;
  overflow: hidden;
}
.section_4 ul li img{transition: all .3s;}
.section_4 ul li:hover img{transform: scale(1.10);}
.section_4 ul li h3{
  width:100%;
  height:29px;
  line-height: 29px;
  text-align: center;
  background-color: rgba(0,0,0,0.5);
  font-size:17px;
  color:#fff;
  position: absolute;
  bottom:0;
  left:0;
}