@charset "utf-8";
body img{user-select:none;}

.it_tit{padding: 100px 0 60px;text-align: center;}
.it_tit .p1{font-size: 34px;color: #333;}
.it_tit .p2{font-size: 16px;color: #666;line-height: 180%;padding:10px 6% 0 6%;}


.about_item01{}
.about_item01  ul{overflow: hidden;}
.about_item01  li{width: 25%;float: left;overflow: hidden;position: relative;}
.about_item01  li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.about_item01  li img{display: block;width: 100%;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;}
.about_item01  li div{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.about_item01  li dl{display: table;text-align: center;width:100%;height: 100%;}
.about_item01  li dl dt{display: table-cell;vertical-align: middle;color: #fff!important;}
.about_item01  li dl b{font-size: 50px;font-weight: 300}
.about_item01  li dl b span{font-size: 20px;margin-left:4px;}
.about_item01  li dl p{font-size: 16px;}

.about_item01 .info{padding: 20px 0;}
.about_item01 .info p{font-size: 16px;color: #555;line-height: 34px;text-indent: 2em;}

.about_item02{background: #f4f4f4;}
.about_item02 ul{overflow: hidden;}
.about_item02 li{background: #fff;width: 290px;padding: 50px 40px 0;text-align: center;float: left;margin-right: 43px;}
.about_item02 li:last-child{margin-right: 0;}
.about_item02 img{width: 144px;height: 144px;display: block;margin: 0 auto;}
.about_item02 .dt{font-size: 20px;color: #333;border-bottom: 1px #e1e1e1 solid;padding: 20px 0 24px;margin-bottom: 24px;display: inline-block;}
.about_item02 .dd{font-size: 16px;color: #666;line-height: 34px;min-height: 149px;padding-bottom: 20px;}

.about_item03,.about_item02{overflow: hidden;padding-bottom: 100px;}
.about_item03 dl{float: left;width: 31.3%;text-align: center;padding: 0 1%;}
.about_item03 dt{font-size: 20px;color: #333;padding: 18px 0;}
.about_item03 dd{font-size: 16px;color: #888;}


/*新增*/
.about_item01 ul{display: none;}
.about_img1{display: block;width: 100%;}

.globalLayout{margin-bottom: 100px;}
.globalLayout .it_tit{padding: 50px 0 50px; }
.globalLayout img:hover{}
.globalLayout .mediaWidth{box-shadow: 0 0 22px #ccc;border: 1px #eee solid;border-radius: 10px;}
.globalLayout dl{padding-top: 20px;}
.globalLayout dt{font-size:24px;font-weight: 300;color: #555;text-align: center;padding:40px 0;position: relative;}
.globalLayout dt span{background: #fff;padding: 0 20px;position: relative;z-index: 2;}
.globalLayout dt i{position:absolute;left:3%;top:50%;width:94%;height: 1px;line-height: 1px;background: #ededed;overflow: hidden;z-index: 1;}
.globalLayout dd{width: 94%;margin: 0 auto;overflow: hidden;}


.globalLayout .dl_1{}
.globalLayout .dl_1 li{width: 33.3%;float: left;text-align: center;}
.globalLayout .dl_1 li div{width: 90%;display: inline-block;text-align: center;position: relative;}
.globalLayout .dl_1 li:first-child{text-align: left;}
.globalLayout .dl_1 li:last-child{text-align: right;}
.globalLayout .dl_1 li img{border-radius:20px;border-bottom:6px #fff solid;display: block;width: 100%;}
.globalLayout .dl_1 li .tit{}
.globalLayout .dl_1 li p{width: 90%;height: 90%;position: absolute;left:5%;top:5%;border-radius: 20px;border:1px solid rgba(238, 238, 238, 0.37);background: rgba(29, 131, 236, 0.23);}
.globalLayout .dl_1 li p span{display: table;width: 100%;height: 100%;vertical-align: middle;text-align: left;}
.globalLayout .dl_1 li p i{display: table-cell;vertical-align: middle;width: 100%;height: 100%;color: #fff;font-size: 16px;}
.globalLayout .dl_1 li p i b{display: block;padding: 0 20px;font-weight: 300;}
.globalLayout .dl_1 li p i .b1{font-size:30px;}
.globalLayout .dl_1 li p i .b2{font-size:18px;margin: 10px 0}
.globalLayout .dl_1 li p i .b2_1{font-size:14px;}
.globalLayout .dl_1 li p i .b3{font-size:20px;}

.globalLayout .dl_2{padding-bottom: 50px;}
.globalLayout .dl_2 li{width: 25%;float: left;text-align: center;}
.globalLayout .dl_2 li *{width: 95%;display: inline-block;text-align:left;}
.globalLayout .dl_2 li:first-child{text-align: left;}
.globalLayout .dl_2 li:last-child{text-align: right;}
.globalLayout .dl_2 li img{border-radius:10px;}
.globalLayout .dl_2 .tit{color: #0c55c9;font-size:20px;padding-top: 4px;}
.globalLayout .dl_2 .add{color:#555;font-size: 14px;padding:5px 0}
.globalLayout .dl_2 .tell,.globalLayout .dl_2 .phone{color:#333;font-size: 14px;}


@media screen and (max-width:1220px){
    .it_tit{padding:50px 0 30px;}
    .it_tit .p1{font-size: 26px;}
    .it_tit .p2{font-size: 14px;line-height: 150%;}

    .globalLayout .it_tit{padding: 30px 0 30px;}
    .globalLayout dt{font-size: 24px;padding:30px 0;}
    .globalLayout .dl_1 li p i{font-size: 24px;}
    .globalLayout .dl_2 .tit{font-size: 18px;}
    .globalLayout .dl_2 .add,.globalLayout .dl_2 .tell, .globalLayout .dl_2 .phone{font-size: 14px;}
    .globalLayout .dl_2 li{width:280px;margin: 0 auto; margin-bottom:20px;float: none;}

    .about_item01 .info p{line-height:190%;}
    .about_item01  li dl b{font-size: 38px;}
    .about_item01  li dl b span{font-size:20px;}
    .about_item01  li dl p{font-size: 14px;}

    .about_item02 li{width: 100%;margin-right: 0;webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding: 30px 40px 0;margin-bottom: 20px;}
    .about_item02 img,.about_item03 dl img{width: 100px;height: 100px;}
    .about_item02 .dt{font-size: 18px;padding: 16px 0 14px; margin-bottom:14px;}
    .about_item02 .dd{min-height: auto;padding-bottom:30px;line-height: 160%;}
    .about_item03,.about_item02{overflow: hidden; padding-bottom: 54px;}

}

@media screen and (max-width:801px){
    .it_tit{font-size: 18px;padding:30px 0 30px;}
    .it_tit .p1{font-size: 19px;}
    .it_tit .p2{font-size: 12px;}

    .globalLayout dt{font-size: 19px;padding:20px 0;}
    .globalLayout .dl_1 li p i{font-size: 19px;}

    .about_item01 li{width: 50%;}
    .about_item03 dl{}
    .about_item01 .info{padding:10px 0 0 0}
    .about_item01  li dl b{font-size: 24px;}
    .about_item01  li dl b span{font-size:16px;}
    .about_item01  li dl p{font-size: 12px;}

    .about_item03 dl{width: 100%;margin-bottom: 20px;}
    .about_item03 dl img,.about_item02 img{width: 70px;height: 70px;}
    .about_item03 dt,.about_item02 .dt{font-size: 16px;padding: 10px 0;}
    .about_item03 dl{font-size: 12px;}

}
@media screen and (max-width:710px) {
    .globalLayout .dl_1 li {width: 280px;float: none;margin: 0 auto;text-align: center!important;margin-bottom: 20px;}
   
}





.lx {
  width: 1200px;
  margin: auto;
  background-color: #fff;
  padding: 60px 0;
  margin-top: 5%;
  box-shadow: 0 60px 60px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 5%;
}

.lx .title p a {
  font-size: 16px;
}

.lx .lian01 {
  display: none;
}

.lx .lian {
  width: 100%;
  text-align: center;
  margin: 40px auto;
  margin-bottom: 0;
}

.lx .lian li {
  width: 16.44%;
  margin: 0 4.28%;
  display: block;
  float: left;
}

.lx .lian li strong {
  display: block;
  height: 58px;
}

.lx .lian li strong img {
  height: 100%;
  display: block;
  margin: auto;
}

.lx .lian li span {
  display: block;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0.86px;
  line-height: 34px;
  height: 34px;
  margin-top: 8%;
}

.lx .lian li p {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  letter-spacing: 0.57px;
  text-align: center;
  margin-top: 3%;
}
.cler:after { content:""; display:block; height:0; visibility:hidden; clear:both; }
 .titlef span {
    display: block;
    font-size: 30px;
    line-height: 42px;
    height: 42px;
    color: #333;
}
 .titlef p {
    display: block;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
}
 .lx .titlef p a {
    font-size: 16px;
}
 .titlef p a {
    height: 17px;
    display: inline-block;
    line-height: 17px;
    color: #999;
    margin-left: 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 10px;
}
 .titlef p b {
    width: 19px;
    height: 1px;
    display: inline-block;
    background-color: #999;
    vertical-align: middle;
}



@media screen and (max-width:710px) {

.lx{
    width: 100%
}
.lx .lian li {
    width: 49%;
    margin: 0 ;
    display: block;
    float: left;margin-right: 2%;margin-bottom: 30px;
}
.lx .lian li:nth-child(2n){
    margin-right: 0%;
}
.lx .lian li span{
    font-size: 18px;
}

   
}