@charset "utf-8";
/* CSS Document */
.sb3{width: 100%;background-image: url(../images/zyly/k86.jpg);height: 557px;background-size: 1920px 557px;background-repeat: no-repeat;background-position: center;}
	.sb3 .hxh4{ padding-top: 43px}
	.commen{width: 1300px;margin: 0 auto;}
	.sb3a{width: 88%;margin: 0 auto;margin-top: 52px;}
	.sb3aa{width: 34.965%;}
	.sb3aa_a{width: 100%;}
	.sb3aa_a:nth-child(2){margin-top: 88px;}
	.sb3aa_a p{width: 82.25%;height: 122px; box-sizing:border-box; background-color: #f6f7fd;text-align: right;font-size: 14px;color: #454a56;border-radius: 8px;padding: 28px 42px 0 37px;cursor: context-menu;transition: all ease 0.3s;}
	.sb3aa_a p span{font-size: 18px;color: #505050;line-height: 26px; font-weight: bold;display: block;margin-bottom:8px;}
	.sb3aa_a h6{background-image: url(../images/zyly/k118.png);width: 38px;height: 38px;text-align: center;line-height: 38px;border-radius: 50%;background-size: 100% 100%;font-size: 18px;color: #fff;font-weight: bold;margin-top: 28px;}
	.sb3ac .sb3aa_a p{text-align: left;padding: 28px 20px 0 36px;}
	.sb3aa_a p:hover{background-color: #fff;box-shadow: 0 0 50px 7px #aecef6;}
	.sb3ab{width: 35.57%;margin-left: -2.75%;margin-right: -2.75%;}
	.sb3ab img{width: 100%;position: relative;top: -30px;}
	
.gx6{width: 100%;padding: 42px 0;background-color: #f7f8fa;}
	.gx6a{width: 84.76%;margin: 0 auto;margin-top: -12px;}
	.gx6_a{width: 20%;position: relative;margin-top: 38px;cursor: context-menu;}
	.gx6_a h4{font-size: 16px;color: #454a56;font-weight: bold;margin-left: 60px;transition: all ease 0.3s;}
	.gx6_a h4 img{display: inline-block;margin-right: 7px;position: relative;top: 3px;}
	.gx6_a h6{width: 22px;height: 22px;background-color: #b5c1da;margin: 0 auto;border-radius: 50%;text-align: center;line-height: 18px;border: 2px solid #f7f8fa;font-size: 12px;color: #fff;font-weight: bold;margin-top: 6px;position: relative;z-index: 2;transition: all ease 0.3s;}
	.gx6_a p{text-align: center;font-size: 12px;color: #848484;line-height: 22px;height: 22px;}
	.gx6_a::after{content: "";position: absolute;width: 100%;height: 2px;background-color: #b5c1da;left: 0;top: 40px;transition: all ease 0.3s;}
	.gx6_ab::before{content: "";position: absolute;width: 10px;height: 116px;border: 2px solid #b5c1da;right: -6px;bottom: 38px;border-left: none;border-bottom-right-radius: 8px;border-top-right-radius: 8px;}
	.gx6_aa::before{content: "";position: absolute;width: 10px;height: 110px;border: 2px solid #b5c1da;left: -6px;top: 40px;border-right: none;border-bottom-left-radius: 8px;border-top-left-radius: 8px;}
	.gx6_a:hover::after{background-color: #2688f4;}
	.gx6_a:hover h6{background-color: #2688f4;}
	.gx6_a:hover h4{color: #2688f4;}
	.gx6_m{width: 428px;margin: 0 auto;margin-top: 28px;}
	.gx6_m img{width: 100%;transition: all ease 0.3s;}
	.gx6_m img:hover{transform: scale(0.95);}

.gx9111111{ margin-top:40px; margin-bottom:40px;}


.teamlist {
  width: 100%;
  height: 478px;
  background: url(../images/zyly/team.jpg) center -1px no-repeat;
  padding-top: 50px;
}
.zyly-tit{ margin-bottom:40px;}
.teamlist .zyly-tit .hxh4{ color:#fff;;}
.common_title_b {
  font-size: 14px;
  color: #a4a6ab;
  text-align: center;
}
.teamlist .team-l{  width: 320px;
  height: 320px;
  float: left;
  margin-right: 10px;
  background: url(../images/zyly/team_pic1.jpg) center no-repeat;
  text-align: center;
  padding-top: 22px;
  box-sizing:border-box;
}
.teamlist .team-l .team_star_t {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.teamlist .team-l .team_star_pic {
  margin: 10px auto 6px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  overflow: hidden;
}

.teamlist .team-l .team_star_pic img {
  width: 100%;
  border-radius: 50%;
}
.teamlist .team-l .team_star_exp {
  font-size: 14px;
  color: #ffd3bf;
  margin: 8px 0 12px;
}
.teamlist .team-l a {
  display: inline-block;
  width: 100px;
  height: 26px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2b051), to(#f2b051)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: linear-gradient(#f2b051, #f2b051), linear-gradient(#ffffff, #ffffff);
  -webkit-box-shadow: 1px 1px 8px 0 rgba(129, 80, 59, 0.23);
  box-shadow: 1px 1px 8px 0 rgba(129, 80, 59, 0.23);
  border-radius: 13px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  line-height: 26px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.teamlist .team-l  a:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.teamlist .team-r .team_person {
  width: 141px;
height: 158px;
float: left;
position: relative;
margin: 0 0 4px 4px;
overflow: hidden;
}

.teamlist .team-r .team_person:hover .team_person_contact {
  width: 100%;
  height: 100%;
}

.team_person_pic {
  width: 100%;
  height: 100%;
  background:#15181D;
}
.teamlist .team-r .team_person_pic img {
  max-width: none;
}

.teamlist .team-r .team_person_contact {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.teamlist .team-r .team_person_contact > div {
  width: 144px;
  height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -72px;
  margin-top: -80px;
}

.teamlist .team-r .team_person_contact i {
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-left: 2px solid #3d3d3d;
  border-top: 2px solid #3d3d3d;
}

.teamlist .team-r .team_person_contact p {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 66px 0 24px;
}

.teamlist .team-r .team_person_contact a {
  display: inline-block;
  width: 100px;
  height: 26px;
  background-color: #fa753c;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(129, 80, 59, 0.23);
  box-shadow: 1px 1px 8px 0 rgba(129, 80, 59, 0.23);
  border-radius: 13px;
  font-size: 14px;
  color: #fff;
  line-height: 26px;
  -webkit-transition: box-shadow 0.2s;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}


.caselist{ padding-top: 42px; background:#ebebf3; padding-bottom:10px;}
.caselist .zyly-tit{ text-align:center; margin-bottom:-50px;}
.case_l {
  width: 1200px;
  height: 240px;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);
  padding: 12px;
}

.case_l li {
  float: left;
  width: 180px;
  height: 104px;
  background-color: #f2f3f7;
  text-align: center;
  line-height: 104px;
  margin: 8px;
}

.case_l li img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: middle;
}

.case_l li:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* 咨询 */
.zyly-zx {  padding: 14px 0 37px;}
.zyly-zx li {
  float: left;
  width: 391px;
  height: 231px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.02);
  margin-left: 13px;
  text-align: center;
}
.zyly-zx  li:first-child {
  margin-left: 0;
}

.zyly-zx li i {
  width: 74px;
  height: 58px;
  display: inline-block;
  border-radius: 10px;
  text-align: center;
  line-height: 67px;
  margin-top: 33px;
  padding-top:15px;
}

.zyly-zx li p {
  font-size: 16px;
  color: #292929;
  margin: 14px 0 30px;
}

.zyly-zx li a {
  display: inline-block;
  width: 136px;
  height: 34px;
  background-color: #ffffff;
  border-radius: 17px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  line-height: 34px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.contact_l1 i {
  background-image: linear-gradient(30deg, #98e32c 0%, #639453 0%, #2e447a 0%, #516aa6 54%, #748fd1 100%);
}

.contact_l1 a {
  color: #3d5391;
  border-color: #3d5391;
}

.contact_l1 a:hover {
  color: #fff;
  background-color: #354b86;
  border-color: #354b86;
}

.contact_l2 i {
  background-image: linear-gradient(30deg, #f555e4 0%, #de5888 0%, #c75b2c 0%, #e36716 54%, #ff7200 100%);
}

.contact_l2 a {
  color: #fc7102;
  border-color: #fc7102;
}

.contact_l2 a:hover {
  color: #fff;
  background-color: #fc7102;
}

.contact_l3 i {
  background-image: linear-gradient(30deg, #e068e3 0%, #9a6ec4 0%, #5374a5 0%, #62a2b2 54%, #70d0bf 100%);
}

.contact_l3 a {
  color: #5378a6;
  border-color: #5d9eaf;
}

.contact_l3 a:hover {
  color: #fff;
  background-color: #5d9eaf;
}