.divbox{width: 1200px;margin:0 auto;margin-bottom:30px}
.sork{display: none}
.cyghlb{padding-bottom: 40px;border-bottom: 2px solid #bbb}
.cyghlb ul{margin-top: 36px;font-size: 0;overflow:hidden }
.cyghlb ul li{vertical-align: top;box-sizing: border-box;width: 32%;margin-right: 2%;margin-bottom: 18px;background: #f1f5f6;border-radius: 9px;
  font-size: 0;cursor: pointer;float:left;display:flex;align-items: center;height:140px;
}
.wp,.divbox{overflow:hidden}
.cyghlb ul li:nth-of-type(3n){margin-right: 0;}
.cyghlb ul li h4,.cyghlb ul li h3{display: inline-block;vertical-align: middle;box-sizing: border-box;padding: 40px 0;}
.cyghlb ul li h4{width: 26.5%;text-align: center;border-right: 1px dashed #dce1e8;font-size: 48px;color: #265b9f;font-family: Arial;font-weight: bold;}
.cyghlb ul li h3{width: 73.5%;border-left: 1px dashed #fff;padding-left: 10px;font-size: 20px;color: #333;}
.cyghlb ul li h3 i{display: block;font-size: 14px;color: rgba(51,51,51,.3);line-height: 18px;font-style: normal;height: 30px;}
.cyghlb ul li:hover{background: #235eac;}
.cyghlb ul li:hover h4,.cyghlb ul li:hover h3{color: #fff;}
.cyghlb ul li:hover h3 i{color: rgba(255,255,255,.3);}
.cyghlb ul li:hover h4{border-right: none;}

.cyghnr{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,.2);display: none;z-index: 9999;}
.cyghnr.ac{display: block;}
.cyghxq{position: absolute;top: 50%;left: 0;width: 100%;background: #fff;padding: 100px 0;box-shadow: 0 0 10px 3px #e0e9f2;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.soro{font-size:0}
.cyghxqt{margin-bottom: 45px;font-size: 0;}
.cyghxqtl,.cyghxqtr{display: inline-block;vertical-align: top;box-sizing: border-box;width: 50%;}
.cyghxqtr{text-align: right;}
.icon-guanbi:before{display: table;content: "";width: 36px;height: 36px;background: url(close.png) no-repeat;}
.cyghxqtltxt{background: #265b9f;border-radius: 9px;font-size: 0;width: 490px;}
.cyghxqtl h4,.cyghxqtl h3{display: inline-block;vertical-align: middle;box-sizing: border-box;padding: 48px 0;}
.cyghxqtl h4{width: 28.5%;text-align: center;font-size: 48px;color: #fff;font-family: Arial;font-weight: bold;}
.cyghxqtl h3{width: 71.5%;border-left: 1px dashed #fff;padding-left: 40px;font-size: 20px;color: #fff;}
.cyghxqtl h3 i{display: block;font-size: 14px;color: rgba(255,255,255,.3);line-height: 18px;font-style:normal}
.cyghxqtr span{cursor: pointer;font-size: 40px;color: #13458c;display: inline-block;}
.cyghxqb h3{font-size: 18px;color: #fff;border-radius: 5px;padding-left: 30px;line-height: 53px;box-sizing: border-box;display: block;
  background-image: linear-gradient(to right, #265b9f, #eee);background-size: 100% 100%;margin-bottom: 38px;
}
.cyghxqb p{font-size: 18px;color: #333;line-height: 36px;margin-bottom: 55px;padding-left: 30px;padding-right: 170px;}


.yyal{font-size: 0;padding-bottom: 100px;}
.yyallb{display: inline-block;width: 23.5%;margin-right: 2%;margin-bottom: 35px;vertical-align: top;}
.yyallb:nth-of-type(4n){margin-right: 0;}
.yyallb a{display: block;position: relative;padding: 12px;background: #fff;box-sizing: border-box;height: 400px;box-shadow: 0 0 10px 3px #edf1f6;}
.yyallb a img{width: 100%;}
.yyallb a::before{content: '';display: block;width: 100%;height: 0;background: rgba(28,102,208,.8);position: absolute;top: 0;left: 0;transition:  0.6s ease-in-out;}
.yyallb a:hover::before{height: 100%;}
.yyallb a:hover h3,.yyallb a:hover p{color: #fff;}
.yyallb a:hover p{display: block !important;}
.yyallb a:hover .s5txt{margin-top: -88px;}
.yyallb a h5 img{width: auto;}
.yyallb a h5{position: absolute;bottom: -35px;left: 0;width: 100%;text-align: center;z-index: 2;opacity: 0;}
.yyallb a:hover h5{opacity: 1;}
.yyallb a h6{    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;}
.yyallb a img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
  width:auto;
}
.yyallb a:hover .s5txt p:last-of-type{display: none !important;}
.yyal_l,.yyal_r{display: inline-block;vertical-align: middle;box-sizing: border-box;width: 50%;margin-bottom: 35px;}
.yyal_r{text-align: right;}
.yyal_l h2{font-size: 30px;color: #333;}
.yyal_r a{display: inline-block;font-size: 18px;color: #13458c;}


.seo{padding-top:40px;}
.s5txt{padding: 35px 28px;box-sizing: border-box;position: relative; transition:  0.6s ease-in-out;}
.s5txt h3{font-size: 18px;color: #333;line-height: 32px;margin-bottom: 20px;position: relative;
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.s5txt p{font-size: 14px;color: #333;position: relative;}
.s5txt p strong{font-size: 14px;color: #333;}
.s5txt p::before{content: '';display: inline-block;vertical-align: middle;box-sizing: border-box;width: 5px;height: 5px;background: #ccd2dc;border-radius: 50%;margin-right: 8px;}
.s5txt p:last-of-type::before{display: none;}
.s5txt p:nth-of-type(4),.s5txt p:nth-of-type(5){display: none;}
.s5b a::before{content: '';display: block;width: 100%;height: 0;background: rgba(28,102,208,.8);position: absolute;top: 0;left: 0;}
.s5b a:hover::before{height: 100%;}
.s5b a:hover h3,.s5b a:hover p{color: #fff;}
.s5b a:hover p{display: block !important;}
.s5b a:hover .s5txt{margin-top: -88px;}
.s5b a h5 img{width: auto;}
.s5b a h5{position: absolute;bottom: -35px;left: 0;width: 100%;text-align: center;z-index: 2;opacity: 0;}
.s5b a:hover h5{opacity: 1;}
.s5b a:hover .s5txt p:last-of-type{display: none !important;}
.yyallb a:hover .s5txt p strong{color: #fff;}

@media screen and (max-width: 750px) {
  main #headerPage ul .hiddenPath{justify-content: start !important;}
  .m-desc-a1{margin-top:50px !important}
  .divbox{padding:0 5%}
  .divbox,.cyghlb ul li{width:100%}
  .yyallb a h6{height:auto;}
  .yyallb a{height:auto}
  .yyallb{width:100%;margin-right:0}
  .yyal_l{margin-bottom:10px}
  }