@charset "utf-8";
/* CSS Document */
.ls-sceneService-bodybg{background:#011d75 url(../images-cjfw/cjfw-bodybg.png) no-repeat center -20px;}
.container{width:1400px;}
/*底部*/
.footer{ border-top:0 none;background:#041f74 url(../images-cjfw/cjfw-footer-line.png) no-repeat center top;padding-top:1px;color:#fff;}
.footer a{color:#fff;}
.footer a:hover{color:#0c58c1;}
.linkbg{border-color:#1e3682;}
a.footer_link_a{background-image: url(../images-cjfw/linkbg.png);}
.footer_link_list ul li a{color:#fff;}
.footer_link_list ul li a:hover,a.footer_link_a:hover{color:#0c58c1;}
/*banner*/

.ls-sceneService-banner .container{position: relative;}

.ls-logo{  position: absolute; left:5px; top:5px;}
.ls-logo li span{display: none;}
.ls-logo img{ height: 30px; width: auto;}

.ls-topserver{  position: absolute; right:0; top:0;}
.ls-topserver li{ float: left; line-height: 40px; margin-left: 10px;  height: 40px; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px;   background: rgba(255, 255, 255, 0.1);font-size: 16px; color: #fff;}
.ls-topserver li:hover{background: rgba(255, 255, 255, 0.2);}
.ls-topserver li a{ color: #fff; display: block; padding: 0 20px; }
.ls-topserver li.backhome a{background:no-repeat 20px center;background-image: url(../images-cjfw/backhome.png) !important;padding-left:52px;}
.ls-service-banner{height:102px;padding:26px 0 46px;text-align: center;}
.ls-service-banner img{vertical-align: top;max-width:100%;}
.rotation3D-main{width:1529px;height: 800px;margin:22px auto 0;background:url(../images-cjfw/cjfw-mainbg.png) no-repeat center;overflow: hidden;}

/*
  椭圆会使内部失真    transform: rotateX(50deg);
*/
.rotation3D{
    position: relative; width: 1000px; height: 1000px; user-select: none;
    margin: 0 auto;
}
.rotation3D-logo{width:406px;height: 323px;background: url(../images-cjfw/cjfw-mainlogo.png);position: absolute;left:50%;top:146px;margin:0 0 0 -210px;z-index: 11;}
.rotation3D .center{
    display: none;
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
}

.rotation3D .itemList{ position: absolute; width: 100%; height: 100%; z-index: 20;transform: translateY(-140px) scale(1.25); }
.rotation3D .lineList{position: absolute; width: 100%; height: 100%; z-index: 10;transform-style: preserve-3d;transform: translateY(-140px) scale(1.25);}

/*---------------------------点样式---------------------------*/
.rotation3D__item{
    position: absolute; display: block; cursor: pointer; width: 207px; height: 215px;
    text-align: center; line-height: 30px; font-size: 24px; color: white;
    /*background: #2292ef; border-radius: 4px;*/
}
.rotation3D__item .scale{ position: absolute; top: 0; width: 100%; height: 100%; }
.rotation3D__item .cont{ position: absolute;bottom:20px; z-index: 2;width: 100%;}
.rotation3D__item .cont .iconfont { font-size: 28px; margin-top: 30px; margin-bottom: 60px; display: block; }
.rotation3D__item .cont p{ color: #fff; }


/*底座*/
.rotation3D__item .baseImg{ position: absolute; width: 100%; height: 100%; z-index: 1; }

/*---------------------------
    线样式
    线高为总高的一般
---------------------------*/
.rotation3D__line{
    position: absolute; left: 50%; top: 50%;
    display: block; width: 2px; height: 50%;
    padding-top: 60px; color: #fff; font-size: 50px;
    /*background: #fff;*/
    /*原点设置在中间*/
    transform-origin: 50% 0;
    transform-style: preserve-3d;
}
.rotation3D__line .pos{ position: absolute; top: 0; }
.rotation3D__line svg { position: absolute; top: 0; }
.rotation3D__line svg path {
    stroke: #79ecec; fill: none;
    stroke-width: 3;
    animation: path-animation 10s linear 0s infinite normal;
}
@keyframes path-animation {
    0% { stroke-dashoffset:500; }
    100% { stroke-dashoffset:0; }
}
.rotation3D__line .dot {
    position: absolute; top: 0; left: 0; text-align: center;
    /*width: 35px; height: 35px; font-size: 35px; */
    width: 24px; height: 24px; font-size: 24px;
}
.rotation3D__line .dot1,.rotation3D__line .dot3,.rotation3D__line .dot4{
    animation: svg-path-animation 6s ease-in-out 0s infinite normal;
}
.rotation3D__line .dot1{
    offset-path: path("M0 400, 0 0"); offset-distance: 0%;
}
.rotation3D__line .dot2{
    offset-path: path("M0 200, 0 0"); offset-distance: 0%;
    background: #ffd200; border-radius: 100%;
    font-size: 22px; color: #000;
}
.rotation3D__line .dot3{
    offset-path: path("M20 400 S 0 200, 20 0"); offset-distance: 0%;
}
.rotation3D__line .dot4{
    offset-path: path("M20 0 S 40 200, 20 400"); offset-distance: 0%;
}
@keyframes svg-path-animation {
    from {offset-distance: 0%;}
    to {offset-distance: 100%;}
}

/*颜色*/
.rotation3D__line.blue { color: #07b2f9; }
.rotation3D__line.green { color: #00ff5b; }
.rotation3D__line.yellow { color: #ffd500; }

.rotation3D__line.blue svg path { stroke: #07b2f9; }
.rotation3D__line.green svg path { stroke: #00ff5b; }
.rotation3D__line.yellow svg path { stroke: #ffd500; }


/*栏目页*/
.ls-sceneService-columnMain{padding:165px 0 50px;}
.ls-sceneService-columnTit{height:35px;background: no-repeat right center;background-image:url(../images-cjfw/cjfw-lm-titlebg.png) !important;}
.ls-sceneService-columnTit .title{display:block;line-height:35px;font-size:24px;color:#fff;font-weight:bold;padding-left:66px;background: no-repeat left center;background-image:url(../images-cjfw/cjfw-lm-titleico.png) !important;}

.ls-sceneService-columnList{margin-top:20px;min-height: 500px;}
.ls-sceneService-columnList ul{margin:0 -10px;}
.ls-sceneService-columnList ul li{float: left; width: 333px;height: 81px;margin:24px 10px 0;}
.ls-sceneService-columnList ul li a{display: block;float:none;height: 81px;padding:0 10px;background:no-repeat center;background-image: url(../images-cjfw/cjfw-lm-listbg1.png) !important;background-size: 100%; line-height: 81px;text-align: center; font-size: 18px; color: #0FA2FF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ls-sceneService-columnList ul li a:hover{font-weight: bold;}
.ls-sceneService-columnList ul li:nth-child(2n) a{background-image: url(../images-cjfw/cjfw-lm-listbg2.png) !important;;color: #8288FF;}
.ls-sceneService-columnList ul li:nth-child(3n) a{background-image: url(../images-cjfw/cjfw-lm-listbg2.png) !important;;color: #DFB559;}
.ls-sceneService-columnList ul li:nth-child(5n) a{background-image: url(../images-cjfw/cjfw-lm-listbg2.png) !important;;color: #0AC7C7;}
.ls-sceneService-columnList ul li:nth-child(7n) a{background-image: url(../images-cjfw/cjfw-lm-listbg2.png) !important;;color: #0AC7C7;}

/*弹框*/
.ls-shadowmask{position: fixed;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(0,0,0,.7);z-index: 99;}
.ls-bomb-box{position: absolute;width: 536px;height: 272px;top: 211px;left: 50%;margin:0px 0 0 -268px; background:url("../images-cjfw/tk-bg.png") center no-repeat;}
.ls-bomb-close{display: block;width: 32px;height: 32px;background:url("../images-cjfw/tk_icon_close.png") center no-repeat;position: absolute;right: -16px;top: -16px;z-index: 9; }
.ls-robot-img{position: absolute;top: 41px;right: -155px;z-index: 99;}
.ls-bomb-arrow{width: 146px;height: 165px;background:url("../images-cjfw/tk-jt.png") 0 0 no-repeat;  position: absolute;bottom: -165px;left: 50%;margin-left: -73px;  z-index: 99;}

.ls-bomb-info{padding:40px 40px 30px;font-family:'宋体',"Microsoft YaHei",tahoma,Verdana,arial,sans-serif;}
.time-tit{font-size: 28px;line-height: 40px; color: #1AF9FF;text-align: center;}
.ls-bomb-info .info{font-size: 24px;line-height: 36px;margin-top: 10px; color: rgba(255, 255, 255, 0.8);text-align: center;}
.ls-bomb_btn{width: 126px;height: 34px;padding:18px 24px 0 0;margin:20px auto 0;background:url("../images-cjfw/tk_btn-bg.png") 0 0 no-repeat; }
.ls-bomb_btn a{display: block;line-height: 34px;text-align: center;font-size: 24px;color: #fff;}


/*详细页*/
.w1180{width: 1180px;margin:0 auto;}
.section-one{background:url("../images-cjfw/detail_lhbl_topimg.jpg") top center no-repeat;padding-top: 150px; }
.event-fnformation{min-height: 100px;font-size: 16px;color: #fff;line-height: 30px;}
.now-handle{margin-top: 20px;}
.now-handle .inner .center, .now-handle .inner .left-radius{
    position: absolute;
    height: 36px;
    background: #ffd237;
    -webkit-box-shadow: 0 8px #7d93e6;
    box-shadow: 0 8px #7d93e6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffc437),color-stop(#e9ca60),to(#ffb437));
    background-image: linear-gradient(#ffc437,#e9ca60,#ffb437);
}
.now-handle .inner .left-radius{
    left: 0;
    z-index: 10;
    width: 36px;
    border-radius: 50%;
}
.now-handle .inner{position: relative;
    width: 136px;
    height: 36px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    -webkit-box-shadow: 0 8px #7d93e6;
    box-shadow: 0 8px #7d93e6;
    cursor: pointer;}

.now-handle .inner .center{    left: 15px;
    z-index: 15;
    width: 100px;
    line-height: 36px;
    text-align: center;
    text-indent: 6px;
    color: #5a1515;
    font-size: 16px;
    font-family: "\5B8B\4F53";
    font-weight: 700;}
.now-handle .inner .right-radius{
    position: absolute;
    right: 0;
    z-index: 10;
    width: 36px;
    height: 36px;
    background: #ffd237;
    border-radius: 50%;
    -webkit-box-shadow: 0 8px #7d93e6;
    box-shadow: 0 8px #7d93e6;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffc437),color-stop(#e9ca60),to(#ffb437));
    background-image: linear-gradient(#ffc437,#e9ca60,#ffb437);
}

.certificates-wrap{margin-top: 550px;position: relative;}
.certificates-top{text-align: center;}
.certificates-top .certificates-title{margin: 0 auto;
    width: 335px;
    height: 70px;
    font-size: 34px;
    font-weight: 700;
    color: #000;
    text-align: center;
    text-indent: 25px;
    background: url(../images-cjfw/title_bor.png) no-repeat center 28px;
    background-size: 100%;}
.certificates-top .certificates-title .fcor-blue{color: #60a3f2;}
.certificates-top .certificates-dsc{margin-top: 10px;font-size: 15px;color: #333;}
.certificates-wrap .certificates-main{height: 265px;margin:45px auto 0;}

.position-handle{position: absolute;bottom: -60px;right: 0;width: 130px;height: 95px;font-size: 14px; color: #fff;text-align: center;padding-top: 25px; background:rgb(78, 149, 241); z-index: 99;overflow: hidden;border-radius: 20px;cursor: pointer;}
.position-handle .img_title{display: block;margin-top: 10px;}

.handleFixed{position: fixed;top: 60px;right: 2.5%;}
/*温馨提示*/
.necessary-condition-title{margin: 0 auto;width: 220px;height: 70px;line-height: 70px;font-size: 34px;font-weight: bold; text-align: center;background: url(../images-cjfw/necessaryCondition_title_bg.png) no-repeat center 40px;background-size: 100%;}
.necessary-item{background: #fff;border-radius: 10px;}
.necessary-item-title{padding: 20px 0 5px;width: 190px;height:130px;float: left; border-top-left-radius: 10px;border-bottom-left-radius: 10px;background-image: linear-gradient(rgb(58, 139, 241), rgb(30, 109, 217));text-align: center;}
.necessary-item-title .img_title{display: block; padding: 2px 10px 0;text-align: center;font-size: 18px;color: #fff;}
.necessary-item-content{margin-left: 190px;padding:42px 55px;font-size: 16px;}
.necessary-item-content .one-cor{display: block;float: left;
    vertical-align: top;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border-radius: 50%;
    text-align: center;
    text-indent: -4px;
    color: #fff;background:#3a8bf1;}
.necessary-item-content span{display: block;margin-left: 26px;}

/*线下办理-线下办理*/
.online-underline{margin-top: 100px;}
.online-handle{width: 48%;height: 670px;}
.online-underline .top{height: 126px;}
/*线下办理*/
.underline-handle{width: 48%;}
.underline-inner{height: 540px;padding:10px;background: #f3a56e;border-radius: 10px 10px 0 0;}
.underline-con { overflow: hidden;padding:22px 38px;}
.underline-con .city span{display: inline-block; padding: 0 40px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: #ed6e46;border-radius: 20px;margin-left: 20px;}
.underline-con .information{margin-top: 18px;padding: 45px 35px 0;min-height: 400px;background: #fff;-webkit-box-shadow: 20px 20px #e8915c;box-shadow: 20px 20px #e8915c;}
.underline-con .information li{padding-bottom: 35px;}
.underline-con .information li .ico{width: 30px;height: 30px;float: left;}
.underline-con .information li .underline-info-right{margin-left: 30px;padding-left: 15px;}
.underline-con .information li .underline-info-right .title{font-size: 16px;color: #000;font-weight: 700;}
.underline-con .information li .underline-info-right .value{margin-top: 5px;font-size: 14px;color: #333;}
.underline-con .information li .underline-info-right .f_bold{font-size: 22px;color: #000;font-weight: 700;}

.underline-inner .slimScrollBar{background-color: #fff !important;}

.section-two{background:#f0f8ff url("../images-cjfw/detail_bg01.jpg") bottom center no-repeat;}

/*推荐服务*/
.section-three{background:url("../images-cjfw/detail_bg02.jpg") top center no-repeat;padding-top: 170px;}
.recommend-service-title{font-size: 34px;font-weight: 700;color: #fff;text-align: center;}
.recommend-service{margin-top: 30px; padding-top: 30px; background: #fff;}
.recommend-service-slide{margin: 0 40px 0;height: 182px;}
.recommend-service .bd li{width: 226px;height: 135px;float: left;}
.recommend-service .bd li img{display: block;width: 100%;height: 100%;}
.recommend-service .bd li a{display: block;position: relative;margin-right: 30px;}
.recommend-service .bd .img_title{display: block; position: absolute; top:30px;left: 15px; color: #fff;}
.recommend-service .hd{width:100%;z-index:1;height:15px;line-height:15px;margin:24px auto 0;text-align:center;overflow:hidden;*width:235px;_width:235px;}
.recommend-service .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:15px;height:15px;margin:0 5px;background:#c9d2f1 !important;border-radius:16px;text-indent:-999em;overflow:hidden;vertical-align:top;*display:block;_display:block;*float:left;_float:left;transition: all .4s;}
.recommend-service .hd ul li.on,.recommend-service .hd ul li:hover{background-color:#4c6bd0 !important;}


.question-and-policy{margin-top: 24px;padding: 35px;width: 100%;height: 330px;background: #fff;}
.question-and-policy .question,.question-and-policy .policy{width: 506px;}
.module-title{height: 40px;}
.module-title .title{width: 110px;
    height: 45px;
    line-height: 45px;
    font-size: 24px;
    color: #000;
    text-align: center;
    background: url("../images-cjfw/question_and_policy_title.png") no-repeat center 22px;
    background-size: 100%;}
.question-and-policy .content-list{margin-top: 30px;border-bottom: 1px dashed #d5e6f2;}
.question-and-policy .content-list li{position: relative;font-size: 14px;padding-left: 15px; border-top: 1px dashed #d5e6f2;height: 42px;line-height: 42px;cursor: pointer;background:url("../images/dot.jpg") left center no-repeat; }

.question-and-policy .content-list .tips{display: none;position: absolute;left: 0;bottom: 42px;
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
    background: -webkit-gradient(linear,left top,left bottom,from(#657de2),to(#5ba2f4));
    background: linear-gradient(#657de2,#5ba2f4);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#657de2",endColorstr="#5ba2f4",gradientType="0");
    overflow: inherit;
    z-index: 10;}
.question-and-policy .content-list .xsj_our{display: none;position: absolute;left:50%;margin-left: 11px;bottom: 32px;width: 23px;height: 11px;z-index: 15;background: url(../images-cjfw/xsj.png) no-repeat 50%;}
.content-list .list-item .tips .inner-tips{margin: 12px;
    padding: 0 18px 0 13px;
    scrollbar-face-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-track-color: #5ba2f4;
    color: #fff;}
.content-list .list-item .tips .inner-tips .icon{margin-top: 5px;
   float: left;
    vertical-align: top;
    width: 26px;
    height: 26px;
    line-height: 26px;
    background: #78b4fc;
    color: #fff;
    border-radius: 50%;
    text-align: center;}
.content-list .list-item .tips .inner-tips span{margin: 3px 0 0 56px;
    padding-bottom: 6px;
    display: block;
    vertical-align: top;
    line-height: 25px;
    word-wrap: break-word;
    border-bottom: 1px dashed #b7cbf5;}
.question-and-policy .content-list li:hover .tips {display: block;}
.question-and-policy .content-list li:hover .xsj_our {display: block;}


.ls-body{height: 100vh;overflow-y: auto;}
.sceneService-fiximg{position: absolute;bottom:-417px;left: 134px;z-index: 999;}
.sceneService-fiximg .img_title{position: absolute;width: 100%;left: 0; bottom: 16px;text-align: center;font-size: 26px;color: #fff;}