@charset "utf-8";
/* CSS Document */
.pos-rel{position: relative;}
.img-title{display: none;}
.container{width: 1264px;}
.guidang{position: absolute;z-index:999;right: 0;bottom: 0;}
.hide.active{display: block!important;}
.ls-special-header{height: 513px; background: url("../images-zctp/bannerbg.png") no-repeat center center;}
.ls-special-logo{position: absolute;left: 0px;width: auto;height: auto;top: 18px;}
.ls-special-logo .img-title{display: none;}
.ls-special-logo img{width: auto;height: 63px;}
.ls-special-ban{ padding: 158px 0 29px;text-align: center;}
.ls-special-ban img{ max-width: 90%;}
.site-service{position: absolute;right: 0;top: 0px;}
.site-service li{float: left;  margin-left: 12px;padding: 0 18px;border-radius:0 0 6px 6px;background: rgba(18,18,18,.09);color: #fff;font-size: 16px;line-height: 36px;}
.site-service li a{color: #fff;}
.site-service li:hover{background: rgba(18,18,18,0.4);}
.ls-special-search{ margin:0 101px 32px 139px; height: 56px; padding-right: 149px; position: relative;  }
.ls-gjss{ position: absolute; right: 0px;top:0px; }
.ls-gjss a{border-radius: 20px; text-align: center; line-height: 56px; font-size: 24px;color: #fff;   background: rgba(0, 208, 255, 1);width: 132px; display: block;}
.ls-special-search ul{  border: 1px solid rgba(255, 255, 255, 1); height: 54px; border-radius: 20px;position: relative; padding-right: 90px;  backdrop-filter: blur(22px); background: rgba(255, 255, 255, 0.4);}
.ls-special-search ul li input{background: none; border: none;}
.ls-special-search ul li.se_box input{ width: 100%; height: 54px; line-height: 54px; font-size: 16px; color: rgba(255,255,255,0.8);text-indent: 39px;}
.ls-special-search ul li.se_box  input::-webkit-input-placeholder { color: rgba(255,255,255,0.8);}
.ls-special-search ul li.se_box  input:-moz-placeholder { color: rgba(255,255,255,0.8);}
.ls-special-search ul li.se_box  input:-ms-input-placeholder { color: rgba(255,255,255,0.8);}
.ls-special-search ul li.sea_an{ width: 90px; position: absolute; right:1px;top:1px;}
.ls-special-search ul li.sea_an input{width: 100%; background: url("../images-zctp/fdj.png") center no-repeat;height: 54px; font-size: 0px; text-indent: -9999em;}
/* 主内容 */
.policy-map-main{  margin-top: -150px; margin-bottom: 32px;padding: 30px;  border: 2px solid rgba(255, 255, 255, 0.8);    border-radius: 20px;    box-shadow: 0px 3px 40px 0px rgba(100, 123, 166, 0.15);    background: linear-gradient(179.51deg, rgba(199.36363220214844, 231.04544067382812, 255, 1),rgba(248, 252, 255, 1) 34%,rgba(255, 255, 255, 1) 100%);}
.policy-map-title{ height: 112px;}
.policy-map-title ul li{float: left; width: 50%;}
.policy-map-title ul li a{ margin-top: 12px; height: 100px;display: block;}
.policy-map-title ul li a span{ margin: 34px 0 34px 194px; line-height: 32px; font-size: 32px; font-weight: bold; color:rgba(255, 255, 255, 0.6);display: inline-block; }
.policy-map-title ul li.active a{ margin-top: 0px;height: 112px; position: relative;}
.policy-map-title ul li.active a:after{ content: '';width: 14px; height: 12px; position: absolute; right: -14px; top:0; background: url("../images-zctp/jtico.png") center no-repeat;}
.policy-map-title ul li a.m1{ background: url("../images-zctp/grtab.png") center no-repeat; background-size: 100% 100%;}
.policy-map-title ul li.active a.m1{ background: url("../images-zctp/grtabh.png") center no-repeat;background-size: 100% 100%;}
.policy-map-title ul li a.m2{ background: url("../images-zctp/qytab.png") center no-repeat;background-size: 100% 100%;}
.policy-map-title ul li.active a.m2{ background: url("../images-zctp/qytabh.png") center no-repeat;background-size: 100% 100%;}
.policy-map-title ul li.active a.m2:after{right: auto; left:-14px; background: url("../images-zctp/jtico1.png") center no-repeat;}
.policy-map-title ul li.active a span{ margin: 40px 0 40px 170px; color: #fff; position: relative;}
.policy-map-title ul li.active a span:after{content: '';width:85px; height:10px;position:absolute; left:-10px; bottom:-11px;background: linear-gradient(114.44deg, rgba(255, 254, 199, 1),rgba(255, 254, 199, 0) 100%);}
.policy-tab-item-wrapper{  border: 1px solid rgba(217, 230, 253, 1);    overflow: hidden;   border-radius:0 0 20px 20px;   background: linear-gradient(180.00deg, rgba(240, 246, 253, 1),rgba(254, 255, 255, 1) 100%);padding: 28px 0 16px;}
.policy-tab-item ul li{width: 16.66%; float: left; height: 164px;text-align: center;}
.policy-tab-item ul li .icon{ height: 106px; padding-top: 11px;text-align: center;display: block;}
.policy-tab-item ul li .icon img{vertical-align: top;}
.policy-tab-item ul li a{ line-height: 24px; padding-bottom: 23px;letter-spacing: 2px; font-size: 20px; color: rgba(0,0,0,0.6);}
.policy-tab-item ul li.active .icon{background: url("../images-zctp/circlehover.png") center top no-repeat;}
.policy-tab-item ul li.active{ background: url("../images-zctp/jtitem.png") center bottom no-repeat; }
.policy-tab-item ul li.active a{color: #2478FF;}
.policy-tab-item.company-item ul li{width: 20%;}
.policy-map-banner-container{ margin-bottom: 40px; height: 463px; padding: 38px 22px 30px;  border: 2px solid rgba(255, 255, 255, 0.8);    border-radius: 20px;    box-shadow: 0px 3px 40px 0px rgba(100, 123, 166, 0.15);    background: linear-gradient(179.51deg, rgba(228, 243, 255, 1),rgba(248, 252, 255, 1) 27%,rgba(255, 255, 255, 1) 100%);}
.policy-map-banner-container .policy-map-banner {  width: 100%;  position: relative;height: 463px;   overflow: hidden; }
.policy-map-banner .flash-pic  li {  float: left;width: 100%;  height: 463px !important;  background: url("../images-zctp/picbg.png") center top no-repeat;  text-align: center;}
.policy-map-banner .flash-pic  li .con{width: 100%; height: 100%; position: relative;display: block;}
.policy-map-banner .flash-pic  li .title-info {text-align: left; color: #fff;    width: 265px;  margin:63px auto 0;  letter-spacing: 2px; font-size:24px;  display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;    line-clamp: 4;    overflow: hidden;}
.policy-map-banner .flash-pic  li .item-info {  position: absolute;}
.policy-map-banner .flash-pic  li .item-info .slide-btn {  display: inline-block;    width: 166px;    height: 59px;    line-height: 58px;    border: 1px solid rgba(255, 255, 255, 1);letter-spacing: 2px; font-size:24px; color: #fff;    box-shadow: 0px 4px 12px 0px rgba(43, 103, 141, 0.25);
    background: linear-gradient(180.00deg, rgba(79, 217, 237, 1),rgba(104, 197, 245, 1) 100%);   float: left;border-radius: 12px 12px 0 12px; position: relative;}
.policy-map-banner .flash-pic  li .canyu{ left:137px;top:64px;}
.policy-map-banner .flash-pic  li .zx{ left:150px;top:230px;}
.policy-map-banner .flash-pic  li .jc{ right:139px;top:56px;}
.policy-map-banner .flash-pic  li .jd{ right:143px;top:220px;}
.policy-map-banner .flash-pic  li .zx .slide-btn,.policy-map-banner .flash-pic  li .jd .slide-btn{width: 146px;}
.policy-map-banner .flash-pic  li .jc .slide-btn,.policy-map-banner .flash-pic  li .jd .slide-btn{float: right;border-radius: 12px 12px 12px 0;}
.policy-map-banner .flash-pic  li .item-info .more-info {  width: 275px;  min-height: 300px;  display: none;    position: absolute;    z-index: 21;}
.policy-map-banner .flash-pic  li .item-info .show-more-info {     max-height: 180px;overflow: auto;margin-right:5px;   padding: 0 13px;    background: #F9FBFE; border: 1px solid #E8ECF3;    border-radius: 10px;   text-align: left;   font-size: 16px;}
.policy-map-banner .flash-pic  li .item-info .show-more-info::-webkit-scrollbar{ width: 6px;height: auto;}
/* 滚动条轨道 */
.policy-map-banner .flash-pic  li .item-info .show-more-info::-webkit-scrollbar-track {border-radius: 6px;background:#eee;}
/* 滚动条滑块 */
.policy-map-banner .flash-pic  li .item-info .show-more-info::-webkit-scrollbar-thumb{border-radius: 6px;background:rgba(104, 197, 245);}
.policy-map-banner .flash-pic  li .item-info .show-more-info a { display: block;   padding-top: 15px;    margin-top: 18px;    line-height:26px;    border-top: 1px dashed rgba(0, 0, 0, 0.1); }
.policy-map-banner .flash-pic  li .item-info .show-more-info a:first-child {    margin-top: 0;    border-top: none;}
.policy-map-banner .flash-pic  li .item-info .show-more-info a:last-child {    margin-bottom: 15px;}
.policy-map-banner .flash-pic  li .item-info .show-more-info ul{ height: auto!important;}
.policy-map-banner .flash-pic  li .item-info .show-more-info ul li{float:none;height: auto!important;background: none; padding-top: 15px; text-align: left;   margin-top: 18px;    line-height:26px;    border-top: 1px dashed rgba(0, 0, 0, 0.1);}
.policy-map-banner .flash-pic  li .item-info .show-more-info ul li:first-child{ margin-top: 0;    border-top: none;}
.policy-map-banner .flash-pic  li .item-info .show-more-info ul li:last-child {    margin-bottom: 15px;}
.policy-map-banner .flash-pic  li .item-info .show-more-info ul li a{ display: inline-block;padding: 0; margin:0!important;border-top:none;}
.policy-map-banner .flash-pic  li .item-info:hover .more-info {  display: block;}
.policy-map-banner .flash-pic  li .canyu .more-info {  top: 0px;    right: -275px;}
.policy-map-banner .flash-pic  li .zx .more-info {  top: 0px;    right: -275px;}
.policy-map-banner .flash-pic  li .jc .more-info {  top: 0px;    left: -275px;}
.policy-map-banner .flash-pic  li .jd .more-info {  top: -20px;    left: -275px;}
.flash-pic{z-index:0;    overflow: hidden;}
.policy-map-banner .tempWrap,.policy-map-banner .bd ul{height: 100%!important; }
.policy-map-banner .flash-num{height:4px;overflow:hidden; text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;}
.policy-map-banner .flash-num ul{overflow:hidden;zoom:1; height: 4px;}
.policy-map-banner .flash-num ul li{display:inline-block;margin:0 4px;width:42px; vertical-align:top;height:4px;font-size:0;background:#E0E8F3!important;overflow:hidden;cursor:pointer;transition:all .6s;}
.policy-map-banner .flash-num ul li a{display: block;font-size:0;height: 100%;}
.policy-map-banner .flash-num ul li.on{background:#4F96ED !important;}
.policy-map-banner .prev,.policy-map-banner .next{border-radius: 5px; z-index: 999;cursor: pointer; background-position: center; background-repeat: no-repeat;  background-color: rgba(182, 190, 199, 0.5);width: 32px; height: 59px;position: absolute; top:50%; margin-top: -30px;}
.policy-map-banner .prev{left:0px; background-image: url("../images-zctp/prev.png");}
.policy-map-banner .next{right:0px;background-image: url("../images-zctp/next.png");}
.policy-map-banner .prev:hover,.policy-map-banner .next:hover{ background-color: rgba(182, 190, 199, 0.8);}
@media(max-width:1263px) and (min-width:992px){
    .container{ width: 992px;}
    .policy-map-banner .flash-pic  li .canyu{ left:37px;}
    .policy-map-banner .flash-pic  li .zx{ left:50px;}
    .policy-map-banner .flash-pic  li .jc{ right:39px;}
    .policy-map-banner .flash-pic  li .jd{ right:43px;}
}
@media(max-width:991px){
    .container{ width: 768px;}
    .ls-special-search{ margin: 0 32px 32px;}
    .policy-map-title{ height: 92px;}
    .policy-map-title ul li a{   height: 80px; }
    .policy-map-title ul li a span{ margin: 24px 0 24px 94px;  }
    .policy-map-title ul li.active a{  height: 92px;  }
    .policy-map-title ul li.active a span{ margin: 30px 0 30px 70px; }
    .policy-map-banner .flash-pic  li .canyu{ left:0px;}
    .policy-map-banner .flash-pic  li .zx{ left:0px;}
    .policy-map-banner .flash-pic  li .jc{ right:0px;}
    .policy-map-banner .flash-pic  li .jd{ right:0px;}
    .policy-map-banner .flash-pic li{background-size: 80% auto;}
}
@media(max-width:767px){
    .container{ width: 100%;}
    .ls-special-header{ height: auto;}
    .ls-special-logo{ position: static; margin-top: 10px; padding-left: 10px;}
    .ls-special-logo img{ max-width: 96%; text-align: center}
    .site-service{ position: static;padding-right: 0px;}
    .ls-special-ban{ clear: both; padding: 20px 0;}
    .ls-special-search{ padding-right: 0px; margin: 0 10px 40px;}
    .ls-special-search ul{ padding-right: 70px;}
    .ls-special-search ul li.se_box input{text-indent: 10px;}
    .ls-special-search ul li.sea_an{width: 70px;}
    .policy-map-title{ height: auto;}
    .policy-map-title ul li{text-align: center;}
    .policy-map-title ul li a{ margin-top: 0px; height: 50px; background: #9FCAFF!important;}
    .policy-map-title ul li a span{ margin: 9px 0; line-height: 32px; font-size: 26px; text-align: center; }
    .policy-map-title ul li.active a{  height: 50px;background:#4F96ED!important; }
    .policy-map-title ul li.active a:after,.policy-map-title ul li.active a.m2:after{display: none;}
    .policy-map-title ul li.active a span{ margin: 9px 0px; }
    .policy-map-main{ padding: 15px; margin-bottom: 15px; margin-top: -20px;}
    .policy-tab-item ul li,.policy-tab-item.company-item ul li{width: 33.33%;}
    .policy-map-banner-container{ margin-bottom: 10px; padding: 10px; height: auto;}
    .policy-map-banner-container .policy-map-banner{ height: auto; overflow: visible;}
    .flash-pic{ overflow: visible;}
    .policy-map-banner .flash-pic li{background:none;text-align: left;float: none;}
    .policy-map-banner .flash-pic li .title-info{ width: auto;  color: #333; font-size: 16px; margin-top: 0px;display: inline;}
    .policy-map-banner .flash-pic li .item-info{position: relative;display: inline-block;left: auto;top: auto;right: auto;}
    .policy-map-banner .prev, .policy-map-banner .next{ display: none;}
    .policy-map-banner .flash-pic li{ height: auto!important;}
    .policy-map-banner .flash-pic li .item-info .slide-btn{ float: none;width: auto!important;; height: 26px; border-radius:10px!important;line-height: 26px;font-size: 14px; padding: 0 10px;}
    .policy-map-banner .flash-pic  li .canyu .more-info {  top: 26px;    right:auto;left: 0px;}
    .policy-map-banner .flash-pic  li .zx .more-info {  top:26px;    right: auto;left: 0px;}
    .policy-map-banner .flash-pic  li .jc .more-info {  top: 26px;    left: 0px;}
    .policy-map-banner .flash-pic  li .jd .more-info {  top: 26px;    left: 0px;}
    .hide.close{ display: block;width: 20px; height: 20px;cursor:pointer;display: block!important; background: url("../images-zctp/btn_close.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 0px; right: 0px; z-index: 999;}
    .policy-map-banner .flash-pic li .item-info .more-info{ position: fixed; width: 90%; left:5%;top:10%;}
}
@media(max-width:430px){
    .policy-tab-item ul li,.policy-tab-item.company-item ul li{width: 50%;}
}