@charset "UTF-8";
/* 清除浮动类 */
.cleafix:after {
	clear: both;
	content: "\200B";
	display: block;
	height: 0;
}

.cleafix {
	*zoom: 1;
}
/* 定点扶智 */
.list_fp{width: 100%;background:#fff;padding: 10px 0;min-height:650px;}
.list_fp .fp_li{width:860px;height:80px;padding:15px; border-bottom: 1px solid #f3f3f4;}
.list_fp .fp_li .fp_riqi{ width: 62px; height: 50px; background:#f1f1f4; padding: 12px 0; float: left;}
.fp_riqi .fp_day{ line-height: 28px;display: inline-block; text-align: center;font-size: 20px; width: 100%; font-weight: bold; color: #8d735a;;}
.fp_riqi .fp_year{ line-height: 22px;display: inline-block; text-align: center;font-size: 12px; width: 100%; color: #9e8a84;}
.fp_text{ width: 720px;float: left; margin-left: 30px;}
.fp_text .fp_title{ height: 36px;line-height: 36px; overflow: hidden; font-size: 16px; color:#0453a4; font-weight: bold;}
.fp_text .fp_zhaiyao{ font-size: 13px; color:#908e98; height: 40px;line-height: 20px; overflow: hidden;}
.list_fp .fp_li:hover .fp_riqi{ background: #0453a4;}
.list_fp .fp_li:hover .fp_year{ color: #fff;}
.list_fp .fp_li:hover .fp_day{ color: #fff;}
.list_fp .fp_li:hover .fp_zhaiyao{ color: #0453a4;}
.fp_js{width: 100%;margin:0 auto;padding-bottom:20px;height:auto;}
.fp_js_tit{ font-size: 20px; font-weight: bold; line-height: 40px; height:44px;border-bottom: 1px solid #efefef; background:url(../images/fp_bg.png) no-repeat left center; padding-left:20px;}
.fp_js_jianjie { padding:18px 0; font-size:16px; line-height:32px;}
.fp_js_jianjie p{text-indent:2em;}
.fp_zt li{float:left;margin-right:20px;width: 280px;height:180px;margin-bottom: 25px;}
.fp_zt li img{width:100%;height: 180px;object-fit: cover;}
.fp_js_jianjie ul li{float:left;margin-right:20px;width: 430px;height: 245px;margin-bottom: 25px;}
.fp_js_jianjie ul li a video{width:100%;height:100%;}


/* 证书查询 */
.zs_content{ width: 100%; height: auto; background: url(../images/zscontent_bg.jpg) no-repeat left top; background-size: 100% 100%;}
.lqcx_con{overflow: hidden;width: 934px;margin: 0 auto;padding:90px 0;}
.lqcx_sm{ width: 444px; height: 478px; float: left; background: url(../images/zscx_smbg.png) no-repeat left top; border-radius: 50px 0 0 50px; box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.lqcx_form{width: 490px;height: 478px;float: left;background: #fff;border-radius: 0 50px 50px 0;box-shadow:5px 5px 5px rgba(0,0,0,0.2);}
.sm_text{ padding: 160px 0 0 33px;}
.sm_text h2{ color: #fff; font-size: 40px; line-height: 60px;}
.sm_text p{ color: #fff; font-size: 24px; line-height: 44px;}
.cx_form{ width: 414px; margin: 36px 0 0 23px;}
.cx_form .name{ background: url(../images/cx_name.png) no-repeat 10px 12px; }
.cx_form .card{ background: url(../images/lqcx_cardbg.png) no-repeat 10px 14px; }
.cx_form .pwd{ background: url(../images/lqcx_pwd.png) no-repeat 10px 14px; }
.cx_form input{ margin-bottom: 14px; width: 350px; height: 50px; line-height: 50px; border: 1px solid #d1d1d1; font-size: 16px; padding-left: 50px; border-radius: 5px;}
.cx_form .zslb{ margin-bottom: 14px; width: 400px; height: 50px; background: url(../images/zscx_zslb.png) no-repeat 10px 14px; line-height: 50px; border: 1px solid #d1d1d1; font-size: 16px; padding-left: 50px; border-radius: 5px;}
.cx_form .cx_code{ float: left; background: url(../images/lqcx_yambg.png) no-repeat 10px 12px; width: 205px!important; margin-right: 13px; }
.cx_form .cx_yzm{ float: left; width: 130px; height: 50px; border: 1px solid #d1d1d1; border-radius: 5px; overflow: hidden;}
.cx_form .cx_yzm img{width: 100%;height: 100%;object-fit: contain;cursor: pointer;}
.cx_form .btn_cx{ width: 400px; height: 52px; background: #1a2153; border: none; cursor: pointer; margin: 0 auto; border-radius: 50px; color: #FFFFFF; font-size: 24px;}
.cx_tip{ width: 400px; border-top: 1px solid #d1d1d1; margin: 15px auto 0 auto;}
.cx_tip p{ font-size: 13px; color: #b2b2b2;}
.cx_foot{ width: 100%; height: auto;background: #191d3d;}
.cx_foot1{ width: 1200px; margin: 0 auto; padding: 55px 0;}
.foot_1{ width: 360px; float: left;}
.cx_foot1 p{ font-size: 16px; color: #d0e2f5; line-height: 40px;}
.foot_p { color: #ffffff; font-size: 18px; font-weight: normal; line-height: 40px;}
.foot_2{ width: 300px; height: 182px; padding-left: 50px; float: left; border-left: 1px solid #396598; border-right: 1px solid #396598;}
.foot_3{ float: left;}
.cx_foot2{ width: 100%; height: 50px; text-align: center; background: #0d112b; font-size: 12px; line-height: 50px;color: #FFFFFF;}
.zscx_jieguo{padding-top: 160px; padding-bottom:50px;}
.zscx_jieguo .zs_jg{border:none;background: #fff;}
.zscx_jieguo .zs_jg td{ border-bottom: 1px solid #fff; padding-left:20px;}
.zscx_jieguo .zs_jg div{ font-size:18px; color:#000;}
.fh{ width: 120px;height: 36px; background: #17426f; color: #fff; margin: 20px 0; font-size:18px; text-decoration: none; display: inline-block; line-height: 36px; border-radius: 5px;}
.cxtable_jg div{ font-size:18px; padding-right:20px;color:#000;}
.cxtable_jg{font-size:18px;color:#000;background: #fff;}
.cxtable_jg td{ border-bottom:1px solid #ffffff;}
.font1 {color: #ffffff; font-size: 20px; font-weight: bold; background: #17426f;}
.bt_short{ width:180px; overflow:hidden;
text-overflow:ellipsis; white-space:nowrap;display:inline-block;
}

/* 援外项目动效 */
 .svg-ara {transform: translateZ(0); }
  .svg-ara .map-point path {animation-name: draw;animation-duration: 4s;animation-delay: 0s, 4.5s;animation-iteration-count: infinite; animation-timing-function: linear, ease-out; animation-fill-mode: forwards; stroke-width: 1px;stroke-dasharray: 1291.271240234375px;stroke-dashoffset: 1291.271240234375px; stroke-dashoffset:0\0;}
  .svg-ara .point-circle {opacity: 0;transform-origin: 30px 30px}
  .svg-ara .point-circle.point-10 { animation: ripple 4.5s ease-out 225ms infinite}
  .svg-ara .point-circle.point-40 { animation: ripple 4.5s ease-out .6s infinite}  
  .svg-ara .point-circle.point-60 { animation: ripple 4.5s ease-out 1s infinite}
  .svg-ara .point-circle.point-80 { animation: ripple 4.5s ease-out 1.6s infinite}
  .svg-ara .point-circle.point-100 { animation: ripple 4.5s ease-out 2.8s infinite}
  @keyframes ripple {
   0% {
    opacity: 0;
    transform: scale(.1)
   }
   5% {
    opacity: 1
   }
   to {
    opacity: 0;
    transform: scale(1)
   }
  }
  @keyframes draw {
   to {
    stroke-dashoffset: 0
   }
  }
  .map-area,.point-area {position: relative; margin: 0 auto;}  
  .point-area {width: 60px;height: 60px}  
  .point-area .point {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: 100%}  
  .point-area .point.point-dot {width: 6px;height: 6px;border-radius: 50%;background: #0098fe;border: 1px solid rgba(0, 205, 236, .37)}  
  .point-area .point-circle:after {content: "";position: absolute;
   border-radius: 50%;top: 0;left: 0;right: 0;bottom: 0;border: 2px solid #0098fe;opacity: 0}
  .point-area .point-circle.point-10:after {
   animation: ripple1 4.5s ease-out 225ms infinite
  }
  .point-area .point-circle.point-40:after {
   animation: ripple1 4.5s ease-out .9s infinite
  }
  .point-area .point-circle.point-80:after {
   animation: ripple1 4.5s ease-out 1.8s infinite
  }
  @keyframes ripple1 {
   0% {
    opacity: 0;
    transform: scale(.1)
   }
   5% {
    opacity: 1
   }
   to {
    opacity: 0;
    transform: scale(1)
   }
  }
  .box-aboutus {
   display: -ms-flexbox;
   display: flex
  }