/*------------------------ solution_box解决方案 ------------------------*/
#solution_box{
	width:100%;
	height:100%;
	background:#fff;
}
.solution_banner_box{
	width:100%;
	height:652px;/*965px*/
	background-image:url("../../img/index/solution/solution_banner.png");
	background-repeat: no-repeat;
	background-position:center;
	background-size:cover;
}
.solution_banner_title{
	text-align:center;
	font-size:47px;
	font-weight:700;
	color:#343434;
	padding:70px 0 30px 0;
}
.solution_banner_wrap{
	/*width:50%;*/
	margin:0 auto;
	padding-bottom:36px;
}
.solution_banner_description{
	width:42%;
	margin:0 auto;
	font-size:14px;
	line-height:31px;
	color:#6E6C6D;
	text-align:justify;
	text-justify:inter-ideograph;
	padding-bottom:36px;
}
.solution_banner_icons{
	margin:0 auto;
	font-size:18px;
	width:48%;/*620*/
	
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	flex-wrap:nowrap;
	justify-content:center;
}
.solution_banner_icons i{
	font-size:28px;
	margin-right:15px;
}
.solution_banner_icons .fa_box{
	/*margin:0 50px 0 0;*/
	font-size:14px;
	flex: 1;
	width: 33%;
	min-width: 33%;
	max-width: 33%;
	text-align:center;
}
.solution_banner_icons .fa_box i.fa{
	width:66px;
	height:66px;
	border:1px solid #D7D7D4;
	border-radius:50%;
	text-align:center;
	line-height:66px;
	vertical-align:middle;
}
.solution_banner_icons .fa_box span.solution_slogan{
	display:inline-block;
	line-height:68px;
	color:#454545;
}
.solution_banner_icons .last_fa_box{
	margin-right:0;
}
/*.more_solution{
	display:block;
	text-align:center;
	line-height:39px;
	width:232px;
	background:rgba(255,255,255,.3);
	color:#343434;
	font-size:21px;
	border-radius:5px;
	margin:97px auto 75px;
	transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
}*/
.more_solution:hover{
	background:rgba(255,255,255,.6);
}
.solution_banner_slogan{
	font-size:20px;
	text-align: center;
	color:#fff;
	margin-top:164px;
}
.slogan_icon_box .hr{
	margin-top:17px;
	float:left;
	width:94px;
	height:1px;
	background:#fff;
}
.slogan_icon_box i{
	float:left;
	width:63px;
	text-align:center;
	color:#fff;
	line-height:34px;
	font-size:28px;
}
/*.slogan_icon_box{
	width:253px;
	margin:40px auto 0;
}*/
.slogan02{
	font-size:14px;
	padding-top:13px;
	/*line-height:70px;*/
	text-align:center;
	color:#fff;
}
/*.solution_banner_btns a{
	display:inline-block;
	padding:0 30px 0 30px;
	line-height:43px;
	font-size:25px;
	color:#fff;
	border:1px solid #fff;
	margin-right:20px;
	transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
}*/
/*.solution_banner_btns a:hover{
	color:#DE9C23;
	border-color:#DE9C23;
}*/
/*.solution_banner_btns .last_plus{
	margin-right:0;
	width:66px !important;
	text-align: center;
	padding:0;
}*/
/*.solution_banner_btns{
	width:80%;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	
	
	display: -ms-flexbox;
	flex-wrap:nowrap;
	justify-content:center;
}*/
#solution {
  width: 100%;
  height: 852px;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
#solution .solution-wrap {
  width: 1406px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
#solution .solution-wrap .left_description {
  position: absolute;
  top: 0;
  left: 0;
  margin: 90px 0 0 64px;
  width: 50%;
  height: 100%;
}
#solution .solution-wrap .left_description img.top_icon {
  width: 56px;
}
#solution .solution-wrap .left_description div.top_title {
  font-size: 30px;
  font-weight: 600;
  line-height: 77px;
  color: #082a44;
}
#solution .solution-wrap .left_description div.description_detail {
  font-size: 18px;
  color: #717577;
  line-height: 33px;
  text-align: justify;
}
#solution .solution-wrap .left_description a.learn_more {
  display: block;
  width: 103px;
  height: 31px;
  text-align: center;
  line-height: 29px;
  font-size: 16px;
  color: #717577;
  border: 1px solid #717577;
  margin: 30px 0 75px 0;
  position: relative;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
#solution .solution-wrap .left_description a.learn_more span {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../img/Solution/nav_btn_bg.png) center / cover no-repeat;
  position: absolute;
  opacity: 0;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
#solution .solution-wrap .left_description a.learn_more i {
  box-sizing: border-box;
  font-style: normal;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
#solution .solution-wrap .left_description a.learn_more:hover span {
  opacity: 1;
}
#solution .solution-wrap .left_description a.learn_more:hover i {
  color: #fff;
}
#solution .solution-wrap .left_description a.learn_more:hover {
  border-color: transparent;
}
#solution .solution-wrap .left_description ul.three_sides {
  opacity: 0;
  position: absolute;
  top: 440px;
  left: 0;
}
#solution .solution-wrap .left_description ul.three_sides li {
  width: 100%;
  float: left;
  height: 31px;
  margin-bottom: 26px;
}
#solution .solution-wrap .left_description ul.three_sides li span.left_solution_icon {
  width: 31px;
  height: 31px;
  margin-right: 15px;
  background: url(../../img/Solution/spiritSolution_01.png) left top / 93px 155px no-repeat;
}
#solution .solution-wrap .left_description ul.three_sides li span.sides_detail {
  font-size: 16px;
  color: #26292b;
  line-height: 30px;
}
/*------------------------------------- 右边定位区域  -------------------------------------*/
ul.right_img {
  width: 50%;
  height: 634px;
  position: relative;
  top: 128px;
  z-index:1;
  /*background:rgba(11,11,11,0.2);*/
  /*---------- ↓ 每个小li ----------*/
  /*---------- ↓ hover three_btn_box时，背景icon ----------*/
  /*---------- ↓ hover three_btn_box时，背景图片 ----------*/
  /*----- 政府机构  -----*/
  /*----- 律师/律所  -----*/
  /*----- 行业社群  -----*/
}
ul.right_img .three_btn_box {
  cursor: pointer;
  width: 85px;
  height: 85px;
  border: 2px solid #D1D1D1;
  border-radius: 50%;
  text-align: justify;
  background: #fff;
  position: absolute;
  cursor: pointer;
  z-index:9;
  /*---------- ↓ li中文字 ----------*/
  /*---------- ↓ li中背景icon ----------*/
  /*---------- ↓ li中背景color ----------*/
  /*---------- ↓ li中背景circle_dashed ----------*/
  /*------- ↓ lawyer、work、government 三个盒子中，用来移动的bg和icon盒子的公共样式  -------*/
  /* ↓ 波浪特效公共样式*/
}
ul.right_img .three_btn_box div.circle_words {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 17px;
  color: #082a44;
  line-height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: 50%;
  margin-left: -20px;
  z-index: 29;
  transition: all 0.1s;
  -ms-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
}
ul.right_img .three_btn_box img.circle_icon {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  /*-22*/
  left: 50%;
  margin-left: -19px;
  /*-20*/
  z-index:200;
  opacity: 0;
}
ul.right_img .three_btn_box img.circle_bg_color {
  width: 85px;
  height: 85px;
  position: absolute;
  top:50%;
  margin-top: -43px;
  left:50%;
  margin-left: -42px;
  opacity: 0;
  z-index: 100;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
ul.right_img .three_btn_box .circle_dashed {
  display:block;
  width: 85px;
  height:85px;
  position: absolute;
  top:50%;
  margin-top: -43px;
  left:50%;
  margin-left: -42px;
  opacity:0;
  z-index:999;
  transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
}


ul.right_img .three_btn_box .public_style_move_box {
  width: 84px;
  height: 84px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 15;
  opacity: 0;
}
ul.right_img .three_btn_box .public_style_move_box img.circle_icon_move {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  left: 50%;
  margin-left: -20px;
  z-index: 10;
}
ul.right_img .three_btn_box .public_style_move_box img.circle_bg_color_move {
  width: 85px;
  height: 85px;
  position: absolute;
  top: -2px;
  left: -2px;
}
ul.right_img .three_btn_box .wave_public_style {
  box-sizing: border-box;
  width: 85px;
  height: 85px;
  border: 2px solid #D1D1D1;
  border-radius: 50%;
  position: absolute;
  top:50%;
  margin-top: -43px;
  left:50%;
  margin-left: -42px;
  opacity:0;
}
ul.right_img .three_btn_box img.circleIcon{
  opacity: 1;
}
ul.right_img .three_btn_box img.circleBgColor{
  opacity: 1;
}
ul.right_img .government {
  bottom: 22px;
  left: 106px;
}
ul.right_img .court{
  top: -44px;
  left: 210px;
}
ul.right_img .judicial {
  top: 12px;
  right: 81px;
}
ul.right_img .business {
  top: 210px;
  left:-10px;
}
ul.right_img .public{
  top: 330px;
  right:-35px;
}
ul.right_img .industry {
  bottom: -30px;
  right:180px;
}
/*------------------------------------- ↓ 中间的圆  -------------------------------------*/
.center_circle_box {
  width: 354px;
  height: 354px;
  position: absolute;
  top: 50%;
  margin-top: -177px;
  left: 50%;
  margin-left: -177px;
  /*---------- ↓ 用于运动的盒子  ---------- */
}
.center_circle_box .center_bg_icon_box {
  width: 84px;
  height: 84px;
  position: absolute;
  top: 50%;
  margin-top: -42px;
  left: 50%;
  margin-left: -42px;
  z-index: 10;
}
.center_circle_box .center_bg_icon_box img {
  position: absolute;
  top: 50%;
  margin-top: -43px;
  left: 50%;
  margin-left: -43px;
}
.center_circle_box .center_bg_icon_box img.center_icon {
  width: 40px;
  height: 40px;
  z-index: 10;
  margin-top: -20px;
  margin-left: -19px;
}
.center_circle_box .center_bg_icon_box img.center_bg {
  width: 85px;
  height: 85px;
}
.center_circle_box .circle_inside {
  width: 280px;
  height: 280px;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 45px #C0E1FD;
  position: absolute;
  top: 50%;
  margin-top: -140px;
  left: 50%;
  margin-left: -140px;
}
.center_circle_box .circle_outside {
  width: 354px;
  height: 354px;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 0 45px #C0E1FD;
  position: absolute;
  top: 50%;
  margin-top: -177px;
  left: 50%;
  margin-left: -177px;
  transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
.center_circle_box .hr_box {
  overflow: hidden;
  position: absolute;
  top: 50%;
  margin-top: -26px;
  right: 220px;
}
.center_circle_box .hr_box .up_words {
  font-size: 16px;
  text-align: center;
  margin-bottom: -8px;
  margin-right: 14px;
}
.center_circle_box .hr_box img.center_hr {
  position: relative;
  right: 0;
}
.center_circle_box .hr_box .down_words {
  font-size: 24px;
  text-align: center;
  margin-top: -6px;
  margin-right: 14px;
}
.opacityToOne{
	opacity:1 !important;
}