/* 前端金饶玲 */
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.maodian{width: 100%;height: 1px;position: absolute;left: 0;top: -80px;}
.maodt{width: 100%;background: #f5f9fa;height: 60px;position: relative;}
.maodt .mao_con{display: flex;justify-content: space-between;height: 100%;}
.maodt .mao_con .con_le{display: flex;}
.maodt .mao_con .con_le a{display: block;margin-right: 40px;line-height: 60px;color: #555555;position: relative;}
.maodt .mao_con .con_le  a::after{content: "";width:0;height: 2px;background: #007bc7;position: absolute;left: auto;right: 0; bottom: 0;transition: all 0.6s;}
.maodt .mao_con .con_le  a:hover::after{width: 100%;left: 0;right:auto;transition: all 0.6s;}
.maodt .mao_con .con_le  a:hover{color: #007bc7;}
.maodt .mao_con .con_le  a.act::after{width: 100%;}
.maodt .mao_con .con_le  a.act{color: #007bc7;}
.maodt .mao_con .con_re{display: flex;align-items: center;}
.maodt .mao_con .con_re a{color: #555555;margin-left: 3px;}
.maodt .mao_con .con_re img{margin-right: 5px;}
.maodt .mao_con .con_re a:hover{color: #007bc7;}
.voc_1{width: 100%; position: relative;}
.voc_1 .tops{display: flex;justify-content: space-between;}
.voc_1 .tops .t_{width: 47.85%;height: 240px;border:1px solid #cccccc;line-height: 30px;color: #323232;padding: 10px 15px 30px 30px;font-weight: 400;}
.voc_1 .tops.tops1{justify-content: center;}
.voc_1 .tops1{text-align: justify;line-height: 35px;color: #555555;}
.voc_1 s{margin: 20px auto 60px;}
.voc_1 .tops .le_t{display: flex;align-items: flex-end; margin:10px 0 15px;text-align: justify;}
.voc_1 .tops .tx{height: 150px;overflow-y: auto;padding-right: 15px;}
.voc_1 .tops .tx::-webkit-scrollbar{ width:2px;height: 1px;}
.voc_1 .tops  .tx::-webkit-scrollbar-thumb{ background:#007bc7;}
.voc_1 .tops  .tx::-webkit-scrollbar-track{ background:#fff;} 
.voc_1 .tops span{display: block;transform: translateY(6px);margin-left: 15px;color: #555555;font-weight: bold;}
.ship{width: 100%;position: relative;margin-top: 60px;}
.ship img{width: 100%;}
.ship .vida{width: 80px;height: 80px;}
.voc2{width: 100%;position: relative;background: #f7f7f7;margin-bottom: 10px;}
.case_new .voc2:last-child{margin-bottom: 0;}
.voc2 .voc2_tt{margin-bottom: 30px;color: #111111;}
.voc2 .v2_con{position: relative;}
.voc2 .top_sp{display: flex;justify-content: center;align-items: center;margin-bottom: 80px;}
.voc2 .top_sp p{display: block;font-weight: bold;color: #bdbdbd;display: flex; align-self:center;line-height: 35px;cursor: pointer;}
.voc2 .top_sp p.act{color: #222222;}
.voc2 .top_sp p span.sps{margin: 0 5px;}
.voc2 .ul{display: flex;flex-wrap: wrap;transition: all 0.6s;}
.voc2 .uls{display: none;}
.voc2 .uls.act{display: block;}
.voc2 .ul.acth{padding-top: 30px;transition: all 0.6s}
.voc2 .ul .li{width: 32.14%;margin-right: 1.79%;position: relative;margin-bottom: 55px;}
.voc2 .ul .li:nth-child(3n){margin-right: 0;}
.voc2 .ul .li .li_b{height: 80px;padding: 0 30px;line-height: 80px;background: #fff;font-weight: bold;color: #333333;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.voc2 .ul .li a{display: block;}
.voc2 .ul .li .img {overflow: hidden;position: relative;}
.voc2 .ul .li .img img{width: 100%;transition: all 0.6s;}
.voc2 .ul .li::after{content: "";width: 0%;height: 4px;position: absolute;left: auto;right: 0;transition:all 0.6s;bottom: 0;background: #333333;}
.voc2 .ul .li:hover::after{width: 100%;transition: all 0.6s;left: 0;right: auto;}
.voc2 .ul .li:hover .img img{transform:scale(1.1);transition: all 0.6s;}
.voc2 .fenye .us .ls input{background:#f7f7f7 ;}
.mao_t{margin-top: 120px;}
.mao_t1{margin-top: 100px;}
.p_top{text-align: center;color: #111111;font-weight:bold;}
.p_s{display: block;margin: 60px auto ;height: 1px;background: #999999;width: 60px;}
.fenye{width: 100%;}
.fenye .us{display: flex;justify-content: center;align-items: center;color: #333333;}
.fenye .us .ls a{width: 38px;height: 40px;border-radius: 2px; border:1px solid #dddddd;text-align: center;line-height: 38px;margin: 0 5px;color: #333333;font-weight: 400;}
.fenye .us .ls a.act{color: #fff;background: #0771af;border: 1px solid #0771af;}
.fenye .us .ls.sy a{width: auto;border: none;font-weight: 400;margin: 0 30px;display: block;}
.fenye .us .ls input{width: 40px;height: 40px;border-radius: 2px;outline: none;border:1px solid #dddddd;padding-left: 15px;margin: 0 5px;}
.fenye .us .ls a:hover{color: #fff;background: #0771af;border:1px solid #0771af}
.fenye .us .ls.sy a:hover{color: #0771af;background: #fff;border: none;}
.fenye .us .ls:last-child{margin-left: 5px;}

.feny{display: none;}

.p_80_60{padding: 80px 0 60px;}
.p_100_60{padding: 100px 0 60px;}

.ab_con1{padding: 0 0 60px;background: url(../images/co2.jpg) center top no-repeat;background-size: cover;}

.ab_con1 .aox{background: #fff;border-radius: 0 0 12px 12px;padding:90px 0 50px;}

.ab_con1 .tt{text-align: center;}

.ab_con1 .tc{text-align: center;line-height: 1.5;margin: 20px 0 30px;}

.ab_con1 .aox .ul1{display: flex;justify-content: space-between;flex-wrap: wrap;}

.ab_con1 .aox .ul1 li{width: 49.5%;height: 60px;display: flex;align-items: center;align-content: center;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 20px;margin-bottom: 25px;overflow: hidden;position: relative;}

.ab_con1 .aox .ul1 li .wz{width: 50px;}

.ab_con1 .aox .ul1 li .wz span{color: #f00;}

.ab_con1 .aox .ul1 li input{width: calc(100% - 50px);height: 100%;border: 0;outline: none;}

.ab_con1 .aox .ul1 .li2 .wz{width: 90px;}

.ab_con1 .aox .ul1 .li3{width: 100%;height: 140px;}

.ab_con1 .aox .ul1 .li3 textarea{display: block;width: 100%;height: 100%;font-family: Arial, Helvetica, sans-serif;border: 0;padding: 10px 0;line-height: 1.5;resize: none;}

.ab_con1 .aox .ul1 .li4 .img{width: 145px;height: 100%; position: absolute;top: 0;right: 0;z-index: 2;}

.ab_con1 .aox .ul1 .li4 .img img{height: 100%;}

.ab_con1 .aox .ty{display: flex;align-items: center;align-content: center;cursor: pointer;}

.ab_con1 .aox .ty span{display: block;width: 16px;height: 16px;border: 1px solid #ddd;margin-right: 10px;}

.ab_con1 .aox .ty span s{display: block;width: 6px;height: 6px;background: #ff5900;margin: 4px;opacity: 0;}

.ab_con1 .aox .ty a{color: #ff5900;}

.ab_con1 .aox .ty.act span{border: 1px solid #ff5900;}

.ab_con1 .aox .ty.act span s{opacity: 1;}

.ab_con1 .aox .tj{display: block;width: 180px;line-height: 50px;background: #007bc7;color: #fff;text-align: center;border-radius: 30px;cursor: pointer;margin: 25px auto 0;}

.ab_con1 .aox .tj:hover{opacity: 0.8;}

.pgg{display: flex;justify-content: center;align-items: center;align-content: center;}

.pager {text-align: center;display: inline-block;}

.pager a{cursor: pointer;}

.pager a,.pager span {display: block;  color:#999;  width: 40px;height: 40px;line-height: 40px;margin: 0 4px; text-decoration:none;font-size: 16px;border-radius:50%;background: rgba(0, 0, 0, 0);border: 1px solid #ddd;font-family: arial;float: left;}

.pager a:hover,.pager span:hover {border-color: #007bc7;color: #007bc7;position: relative;z-index: 1;}

.pager span.current {background-color: #007bc7;color: #fff;border-color: #007bc7;position: relative;z-index: 1;}

.pager .pg-first{background: rgba(0, 0, 0, 0)  url(../images/svg/jt_h2.svg)  center no-repeat;}

.pager .pg-first:hover{background: #007bc7  url(../images/svg/jt_b2.svg)  center no-repeat;}

.pager .pg-prev{background: rgba(0, 0, 0, 0)  url(../images/svg/jt_h.svg)  center no-repeat;}

.pager .pg-prev:hover{background: #007bc7  url(../images/svg/jt_b.svg)  center no-repeat;}

.pager .pg-last{background: rgba(0, 0, 0, 0)  url(../images/svg/jt_h2.svg)  center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.pager .pg-last:hover{background: #007bc7  url(../images/svg/jt_b2.svg)  center no-repeat;}

.pager .pg-next{background: rgba(0, 0, 0, 0)  url(../images/svg/jt_h.svg)  center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.pager .pg-next:hover{background: #007bc7  url(../images/svg/jt_b.svg)  center no-repeat;}

.pager span.els{	border-color: transparent;}

.pagerHtmlWrap{width: 800px;margin: 30px auto;}

.pagerHtmlWrap .cc_cells{width: 100%;height: 35px;padding: 5px 0;border-bottom: 1px #cccccc solid;}

.pagerHtmlWrap .cc_cells a{color: #454545;font-size: 14px;line-height: 35px;text-decoration: none;}

.pagerHtmlWrap .cc_cells a span{display: inline-block;width: 25%;text-align: left; margin: 0;}

.pgg .pagne{display: flex;align-items: center;align-content: center;text-align: center;color: #999;margin-left: 20px;}

.pgg .pagne .tz {display: block;  color:#999;  width: 40px;height: 40px;line-height: 40px;margin: 0 10px; text-decoration:none;font-size: 16px;border-radius:50%;background: rgba(0, 0, 0, 0);border: 1px solid #ddd;font-family: arial;float: left;}

.pgg .pagne span input{display: block;width: 100%;height: 100%;border-radius: 50%;border: 0;background: rgba(0, 0, 0, 0);padding: 0 5px;text-align: center;outline: none;}

.pgg .pagne .tz a{color: #999;}

.pgg .pagne .tz2:hover{background: #007bc7;}

.pgg .pagne .tz2:hover a{color: #fff;}

@media screen and (max-width:1600px) {
  .p_80_60{padding: 50px 0 40px;}
  .p_100_60{padding: 60px 0 40px;}
}
@media screen and (max-width:960px) {

	.p_80_60{padding: 30px 0 ;}
  .p_100_60{padding: 30px 0 20px;}
  .maodt{display: none;}
  .voc_1 .tops .t_{padding: 10px 20px 20px;}
  .voc_1 s{margin: 25px auto;}
  .voc_1 .tops{flex-wrap: wrap;}
  .voc_1 .tops .t_{width: 100%;margin-bottom: 20px;}
  .ship{margin-top: 30px;}
  .ship .vida{width: 50px;height: 50px;}
  .voc2 .top_sp{margin-bottom: 25px;}
  .voc2 .ul .li{width: 100%;margin-right: 0;}
  .voc2 .ul .li .img img{width: 100%;}
  .voc2 .ul .li{margin-bottom: 20px;}
  .fenye{display: none;}
  .pgg{display: none;}
  .feny{display: block; width: 130px;height: 44px;background: #0771af;color: #fff;margin: 0 auto;text-align: center;line-height: 44px;border-radius: 30px;}

  .ab_con1 .aox{padding: 50px 0;}
  
  .ab_con1{padding: 0;}

  .ab_con1 .tc{margin: 15px 0;}

  .ab_con1 .aox .ul1 li{width: 100%;margin-bottom: 10px;}

  .ab_con1 .aox .ul1 .li4 .img{padding: 5px 0;width: 80px;}

  .ab_con1 .aox .ul1 .li4 .img img{width: 100%;}
}