@charset "utf-8";

.header_box{background:#1a62e1;position: relative;height: 455px;background-size: cover;width: 100%;margin: 0 auto;background: url(../Image/hyglscrm/header.png) center center no-repeat;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: 0; top: 82%; 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: inline-block; color: #ffffff; font-size: 18px;}

.section_1{
  height:796px;
  background: #fff;
  background-image: url(../Image/hyglscrm/s1_bg.png);
  background-position: center bottom;
  background-repeat: space;
}
.section_1 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:95px;
  text-align: center;
}
.section_1 .center{
  width:1080px;
  height:535px;
  margin:53px auto 0;
}
.section_1 ul{
  width:661px;
  height:535px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_1 ul li{
  width:320px;
  height:168px;
  margin-bottom:16px;
  box-shadow: 0 0 38px rgba(140,154,168,.15);
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding-top:45px;
  padding-left:76px;
}
.section_1 ul li:nth-child(1){background-image: url(../Image/hyglscrm/s1_item1.png);}
.section_1 ul li:nth-child(2){background-image: url(../Image/hyglscrm/s1_item2.png);}
.section_1 ul li:nth-child(3){background-image: url(../Image/hyglscrm/s1_item3.png);padding-top:41px;}
.section_1 ul li:nth-child(4){background-image: url(../Image/hyglscrm/s1_item4.png);padding-top:35px;}
.section_1 ul li:nth-child(5){background-image: url(../Image/hyglscrm/s1_item5.png);padding-top:33px;}
.section_1 ul li:nth-child(6){background-image: url(../Image/hyglscrm/s1_item6.png);padding-top:38px;}
.section_1 ul li h3{
  font-size:17px;
  color:#1f2b43;
  line-height: 1;
}
.section_1 ul li p{
  font-size:15px;
  color:#7e838f;
  line-height: 25px;
  margin-top:11px;
}


.section_2{
  height:1374px;
  background: #fff;
  text-align: center;
 
}
.section_2 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:92px;
  text-align: center;
}
.section_2 .center{
  width:1080px;
  margin:70px auto 0;
  text-align: center;
  position: relative;
}
.section_2 .center .img2{margin-top:-24px;position: relative;z-index: 5;}
.section_2 .center .img3{margin-top:-31px;margin-left:-26px;}
.section_2 .tabbar{
  width:100%;
  height:55px;
  border-bottom:1px solid #e7edf6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.section_2 .box{
  width:100%;
  box-shadow: 0 0 49px rgb(177 186 239 / 25%);
  margin-top:30px;
  padding-top:14px;
}
.section_2 .tabbar li{
  width:auto;
  margin:0 25px;
  cursor:pointer;
}
.section_2 .tabbar li h4{
  font-size:15px;
  color:#1f2b43;
  line-height: 55px;
  text-align: center;
  white-space: nowrap;
}
.section_2 .tabbar li.action h4{color:#1a62e1;}
.section_2 .tabbar i{
  display: block;
  width: 106px;
  height:2px;
  background-color: #1a62e1;
  position: absolute;
  bottom:0px;
  left:254px;
  transition: all .3s;
}
.section_2 .itembox{
  width:100%;
  height:560px;
  text-align: left;
}
.section_2 .itembox img{display: none;}
.section_2 .itembox img:nth-child(1){display: inline-block;margin-top:39px;margin-left:76px;}
.section_2 .itembox img:nth-child(2){margin-top:39px;margin-left:15px;}
.section_2 .itembox img:nth-child(3){margin-top:0;margin-left:40px;}
.section_2 .itembox img:nth-child(4){margin-top:0;margin-left:40px;}

.section_3{
  height:930px;
  background: #fff;
  text-align: center;
 
}
.section_3 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:65px;
  text-align: center;
}
.section_3 ul{
  width: 1080px;
  margin:70px auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_3 ul li:nth-child(1){
  width: 508px;
  height:286px;
  margin-left:27px;
  box-shadow: 0 0 16px rgba(144,166,178,.23);
}
.section_3 ul li:nth-child(2){
  width: 50%;
  height:286px;
}
.section_3 ul li div{
  margin-left:74px;
  margin-bottom:26px;
  padding-left:46px;
  text-align: left;
}
.section_3 ul li div h3{
  font-size:16px;
  color:#1f2b43;
  line-height: 1;
  font-weight: 600;
}
.section_3 ul li div p{
  font-size:15px;
  color:#7e838f;
  margin-top:6px;
  line-height: 22px;
}
.section_3 ul li div:nth-child(1){background: url(../Image/hyglscrm/s3_icon1.png) 0 0 no-repeat;}
.section_3 ul li div:nth-child(2){background: url(../Image/hyglscrm/s3_icon2.png) 0 0 no-repeat;}
.section_3 ul li div:nth-child(3){background: url(../Image/hyglscrm/s3_icon3.png) 0 0 no-repeat;}
.section_3 ul li div:nth-child(4){background: url(../Image/hyglscrm/s3_icon4.png) 0 0 no-repeat;}
.section_3 .img2{margin-top:23px;}

.section_4{
  height:710px;
  background: #f5f6ff;
  text-align: center;
}
.section_4 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:74px;
  text-align: center;
}
.section_4 > img{margin-top:51px;}

.section_5{
  height:626px;
  background: #fff;
  position: relative;
}
.section_5 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  padding-top:75px;
  text-align: center;
}
.section_5 ul.tabbar{
  width:100%;
  height:50px;
  margin-top:40px;
  display: flex;
  flex-direction:row;
  justify-content: center;
}
.section_5 ul.tabbar li{
  width:240px;
  line-height: 50px;
  background: #f1f5ff;
  border-radius: 4px;
  margin:0 3px;
  font-size: 15px;
  color:#1f2b43;
  text-align: center;
  font-weight: 500;
  cursor:pointer;
}
.section_5 ul.tabbar li.active{background: #1a62e1;color:#fff;}

.section_5 .swiper-container{width: 100%;height:366px;margin-top:36px;}
.section_5 ul.content{width: 100%;height:366px;display: flex;flex-direction: row;}
.section_5 ul.content li{flex:1}
.section_5 ul.content li:nth-child(1){background: #1a62e1;}
.section_5 ul.content li:nth-child(1) .text{
  width:470px;
  height:366px;
  float: right;
  box-sizing: border-box;
  padding-top:48px;
}
.section_5 ul.content li:nth-child(1) .text h3{
  font-size:21px;
  color:#fff;
  line-height: 1;
  margin-top:42px;
}
.section_5 ul.content li:nth-child(1) .text p{
  font-size:15px;
  color:#b6cef7;
  line-height: 24px;
  margin-top:27px;
}
.section_5 ul.content li:nth-child(2).bg0{background: url(../Image/hyglscrm/s5_img1.png) left top space;}
.section_5 ul.content li:nth-child(2).bg1{background: url(../Image/hyglscrm/s5_img2.png) left top space;}
.section_5 ul.content li:nth-child(2).bg2{background: url(../Image/hyglscrm/s5_img3.png) left top space;}
.section_5 .swiper-pagination{
  width: 100%;
  height: auto;
  text-align: center;
  position: absolute;
  top: 138px;
}
.section_5 .swiper-pagination .swiper-pagination-bullet{
  margin:0 3px;
  border-radius: 0;
  opacity: 0;
  width: 240px;
  height:50px;
}

.section6_local{
  width: 100%;
  height:712px;
  background-color: #fff;
  position: relative;
}
.section6_local h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  text-align: center;
  padding-top:55px;
  padding-bottom:55px;
}
.section6_local .box{
  width:1080px;
  margin:auto;
  box-shadow: 0 0 24px rgba(163, 176, 200, .2);
  background-color: #fff;
  position: relative;
  z-index: 5;
}
.section6_local .box > ul{
  width:100%;
  height:112px;
  box-sizing: border-box;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex-direction: row;
}
.section6_local .box > ul:last-child{border: none;}
.section6_local .box > ul li{
  width: 20%;
  height:100%;
  box-sizing: border-box;
  border-right: 1px solid #e1e1e1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section6_local .box > ul li:last-child{border: none;}

.section6_local .content{
  width:100%;
  height:268px;
  background-color: #115ee5;
  position: absolute;
  left: 0;
  bottom:0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.section6_local .content ul{
  width:1080px;
  height:130px;
  display: flex;
  flex-direction: row;
  padding-top:95px;
}
.section6_local .content ul li{
  width:25%;
  height:100%;
  text-align: left;
}
.section6_local .content ul li h3{
  font-size:50px;
  color:#fff;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-left:47px;
}
.section6_local .content ul li h3 span{
  font-size:18px;
  line-height: 1;
}
.section6_local .content ul li p{
  font-size: 16px;
  color:#8eb3f3;
  line-height: 1;
  margin-top:24px;
  padding-left:45px;
}

.section7{
  width: 100%;
  height:365px;
  background-color: #fff;
}
.section7 h2{
  font-size:23px;
  color:#1f2b43;
  line-height: 1;
  text-align: center;
  padding-top:74px;
  padding-bottom:69px;
}
.section7 ul{
  width:1080px;
  margin:auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section7 ul li{
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section7 ul li span{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:57px;
}
.section7 ul li p{
  font-size:18px;
  color:#444b57;
  line-height: 1;
  margin-top:42px;
  white-space: nowrap;
}