.product-menu {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 70px;
}
.product-menu a {
  display: block;
}
.product-menu a .pitem {
  width: 160px;
  height: 327px;
  position: relative;
}
.product-menu a .pitem .tit {
  font-size: 12.5px;
  font-family: "Microsoft Yahei";
  color: #000000;
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 222;
}
.product-menu a .pitem img {
  width: 100%;
  height: 351px;
  max-width: 140%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 220;
}
.product-menu a .pitem .meng {
  width: 100%;
  height: 311px;
  background: #242c77;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 221;
  display: none;
}
.product-menu a .pitem .heng {
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 221;
  background-color: #FF9900;
  display: none;
}
.product-menu a:hover .meng {
  display: block;
}
.product-menu a:hover .tit {
  margin-top: 140px;
}
.product-menu a:hover .heng {
  display: block;
}
.pro-box {
  width: 1200px;
  margin: 0 auto;
}
.pro-box .pbox {
  border: 1px solid #CBCBCB;
  width: 272px;
  float: left;
  margin-right: 34px;
  margin-bottom: 40px;
}
.pro-box .pbox a {
  display: block;
}
.pro-box .pbox a .ibox {
  width: 100%;
  height: 200px;
  text-align: center;
}
.pro-box .pbox a .ibox img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.pro-box .pbox a .titbox {
  font-size: 22px;
  width: 100%;
  height: 80px;
  background-color: #242C77;
  color: #fff;
  line-height: 80px;
  text-align: center;
}
.pro-box .pbox:nth-child(4n) {
  margin-right: 0;
}
.pro-box .on {
  border: 1px solid #242C77;
}
.pages {
  width: 1200px;
  margin: 100px auto;
  text-align: center;
}
.pages a {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #999999;
  background-color: #f2f2f2;
  border-radius: 2px;
  margin: 0 5px;
}
.pages .active {
  background-color: #242C77;
  color: #fff;
}
.pro-top {
  width: 1200px;
  margin: 50px auto;
}
.pro-top .le {
  float: left;
  width: 550px;
  height: 380px;
}
.pro-top .le img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.pro-top .ri {
  float: right;
  width: 582px;
}
.pro-top .ri .block-title {
  margin-top: 30px;
}
.pro-top .ri .block-title h2 {
  font-size: 32px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.pro-top .ri .block-title .title {
  margin-top: 26px;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  letter-spacing: 8px;
}
.pro-top .ri .desc {
  margin-top: 47px;
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
}
.pro-top .ri .boxs {
  margin-top: 50px;
}
.pro-top .ri .boxs a {
  display: inline-block;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  width: 243px;
  height: 75px;
  line-height: 75px;
  background: #242c77;
}
.pro-top .ri .boxs .ljzx {
  margin-right: 40px;
}
.lin-box {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  padding: 50px 0;
}
.lin-box h2 {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.lin-box .des {
  letter-spacing: 8px;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.box-p {
  margin: 50px auto;
}
.box-p p {
  text-indent: 2em;
  text-align: left;
  margin: 20px auto;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 28px;
}
.box-p img {
  text-align: center;
  max-width: 100%;
}
.box-p .teambox {
  padding: 25px 0;
}
.box-p .teambox .tbox {
  float: left;
  width: 389px;
  height: 292px;
  margin-right: 15px;
  margin-bottom: 25px;
}
.box-p .teambox .tbox img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.box-p .teambox .tbox:nth-child(3n) {
  margin-right: 0;
}
.service-box {
  width: 1200px;
  margin: 0 auto;
}
.service-box .service-nav {
  text-align: center;
  margin: 70px auto;
}
.service-box .service-nav a {
  text-align: center;
  display: inline-block;
  width: 198px;
  height: 78px;
  border: 1px solid #242c77;
  font-size: 20px;
  font-weight: bold;
  color: #242c77;
  line-height: 78px;
  margin-right: 50px;
}
.service-box .service-nav .active {
  background-color: #242C77;
  color: #fff;
}
.map {
  width: 1200px;
  height: 700px;
  margin: 0 auto;
}
.connect-con {
  width: 1200px;
  margin: 0 auto;
}
.connect-con .txa {
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #D3D3D3;
}
.connect-con .citem {
  padding: 20px 0;
}
.connect-con .citem .txtInput {
  padding-left: 20px;
  width: 548px;
  height: 78px;
  border: 1px solid #D3D3D3;
}
.connect-con .citem .txt1 {
  float: left;
}
.connect-con .citem .txt2 {
  float: right;
}
.tit-block {
  font-size: medium;
  font-weight: bold;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  height: 109px;
  line-height: 109px;
  background-color: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(162, 162, 162, 0.29);
}
.tit-box {
  width: 1200px;
  margin: 80px auto;
}
.tit-box .titem {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.tit-box .titem .provence {
  width: 100px;
}
.tit-box .titem .name {
  width: 100px;
}
.tit-box .titem .tel {
  width: 150px;
}
.tit-box .titem .address {
  width: 700px;
}
.descration {
  text-align: center;
  line-height: 42px;
}
.gjbox {
  width: 1200px;
  margin: 70px auto;
}
.gjbox .gitem {
  display: flex;
  justify-content: space-between;
}
.gjbox .gitem a {
  color: #333333;
  text-align: center;
  font-size: 22px;
  display: block;
  width: 584px;
  height: 109px;
  margin-bottom: 35px;
  line-height: 109px;
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(162, 162, 162, 0.29);
}
.join-box {
  background: #f8f8f8;
}
.join-box .jbox {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}
.join-box .jbox .jul {
  float: left;
}
.join-box .jbox .jul li {
  width: 208px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #ffffff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.join-box .jbox .jul li:nth-child(1) {
  border: 1px solid #e5e5e5;
}
.join-box .jbox .jul li:hover {
  cursor: pointer;
}
.join-box .jbox .jul .active {
  color: #fff;
  width: 238px;
  background: url(../images/psl.png) no-repeat 100%;
}
.join-box .jbox .jbottom {
  width: 960px;
  float: right;
  background-color: #fff;
}
.join-box .jbox .jbottom ul li {
  display: none;
}
.join-box .jbox .jbottom ul li .jb-table .jtitem {
  display: flex;
  justify-content: space-between;
  height: 48px;
  align-items: center;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #242c77;
  border: 1px solid #E5E5E5;
}
.join-box .jbox .jbottom ul li .jb-table .jtitem .name {
  width: 300px;
}
.join-box .jbox .jbottom ul li .jb-table .jtitem .unit {
  width: 200px;
}
.join-box .jbox .jbottom ul li .jb-table .jtitem .gz {
  width: 100px;
}
.join-box .jbox .jbottom ul li .jb-table .jtitem .rs {
  width: 100px;
}
.join-box .jbox .jbottom ul li .jb-table .jtitem .date {
  width: 120px;
}
.join-box .jbox .jbottom ul li .jb-table .jtcon {
  display: flex;
  justify-content: space-between;
  height: 48px;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.join-box .jbox .jbottom ul li .jb-table .jtcon .name {
  width: 300px;
}
.join-box .jbox .jbottom ul li .jb-table .jtcon .unit {
  width: 200px;
}
.join-box .jbox .jbottom ul li .jb-table .jtcon .gz {
  width: 100px;
}
.join-box .jbox .jbottom ul li .jb-table .jtcon .rs {
  width: 100px;
}
.join-box .jbox .jbottom ul li .jb-table .jtcon .date {
  width: 120px;
}
.join-box .jbox .jbottom .active {
  display: block;
}
.t-box {
  width: 100%;
  background-color: #fff;
}
.t-box .tbox {
  width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}
.t-box .tbox .le {
  float: left;
  width: 605px;
}
.t-box .tbox .le .sel {
  padding-left: 20px;
  width: 600px;
  height: 60px;
  border: 1px solid #CBCBCB;
  margin-bottom: 30px;
}
.t-box .tbox .le .txtInp {
  margin-bottom: 30px;
  padding-left: 20px;
  width: 600px;
  height: 60px;
  border: 1px solid #CBCBCB;
}
.t-box .tbox .le .sexbox {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border: 1px solid #CBCBCB;
}
.t-box .tbox .le .sexbox label {
  margin-right: 30px;
}
.t-box .tbox .le .sexbox input[type=radio] {
  margin-right: 20px;
}
.t-box .tbox .le .sexbox .nan {
  margin-left: 20px;
}
.t-box .tbox .ri {
  float: right;
}
.t-box .tbox .ri img {
  width: 570px;
  height: 615px;
}