@charset "utf-8";
/* CSS Document */
/*主页*/
.ls-cjsfwbox{ background: #fff; padding: 32px 20px 20px; }
.ls-cjsfw-title{ background: url("../images-cjsfw/cjsfw-titbg.png") center bottom no-repeat; height: 46px; text-align: center;}
.ls-cjsfw-list{ padding-top: 7px; }
.ls-cjsfw-list ul li{ width: 370px; height: 140px; margin: 25px 25px 0px 0; float: left;position: relative;}
.ls-cjsfw-list ul li .img_title{ display: none;}
.ls-cjsfw-list ul li img{width: 100%; height: 100%;}
.ls-cjsfw-list ul li:nth-of-type(3n){ margin-right: 0px;}
.child-list{position:absolute;width:100%;height:auto; min-height: 140px; background: rgba(133, 182, 255, 0.9);top: 0px;left:0px;z-index: 999;padding: 16px 0;box-sizing: border-box;}
.child-list a{width:50%; float:left; line-height:28px; color:#fff;font-size:16px; padding:0 10px 0 16px; box-sizing:border-box; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow:hidden;}
.child-list a:hover{ color:yellow; }
@media (min-width: 992px) and (max-width:1199px) {
    .ls-cjsfw-list ul li{ width: 300px; height: 114px;}
    .child-list{min-height: 114px; }
}
@media (max-width: 991px) {
    .ls-cjsfwbox{ padding: 15px;}
    .ls-cjsfw-list ul li{ width: 361px; height: 137px;margin: 16px 16px 0px 0;}
    .ls-cjsfw-list ul li:nth-of-type(3n){ margin-right: 16px;}
    .ls-cjsfw-list ul li:nth-of-type(2n){ margin-right: 0px;}
    .child-list{min-height: 137px;}
}
@media (max-width: 767px) {
    .ls-cjsfwbox{ padding: 10px;}
    .ls-cjsfw-list ul li{ width:100%; height: auto;margin: 0;}
    .ls-cjsfw-list ul li:nth-of-type(3n){ margin-right: 0;}
    .ls-cjsfw-list ul li:nth-of-type(2n){ margin-right: 0px;}
    .child-list{position: static; display: block!important;padding: 10px;width: auto; overflow: hidden;}
    .child-list a{ width: auto; white-space: normal;float: none;}
}
/*************场景式服务内页**********************/
.ls-cjsfwcontent{ background: #fff;}
.ls-cjsfw-banner{ height: 400px; background: url("../images-cjsfw/jy-bannerbg.png") center no-repeat;}
.ls-cjsfw-ban{ padding: 101px 0 0 191px; text-align: left;overflow: hidden;}
.ls-cjsfw-ban .img_title{ display: none;}
.ls-hysy{ background: url("../images-cjsfw/hysy-bannerbg.png") center no-repeat;}
.ls-shbz{ background: url("../images-cjsfw/shbz-bannerbg.png") center no-repeat;}
.ls-jycy{ background: url("../images-cjsfw/jycy-bannerbg.png") center no-repeat;}
.ls-jtys{ background: url("../images-cjsfw/jtys-bannerbg.png") center no-repeat;}
.ls-qtly{ background: url("../images-cjsfw/qtly-bannerbg.png") center no-repeat;}
.ls-zf{ background: url("../images-cjsfw/zf-bannerbg.png") center no-repeat;}
.ls-shjzfl{ background: url("../images-cjsfw/shfl-bannerbg.png") center no-repeat;}
.ls-ylws{ background: url("../images-cjsfw/ylws-bannerbg.png") center no-repeat;}
.ls-whty{ background: url("../images-cjsfw/whty-bannerbg.png") center no-repeat;}
.ls-zscq{ background: url("../images-cjsfw/zscq-bannerbg.png") center no-repeat;}
.ls-sfgz{ background: url("../images-cjsfw/sfgz-bannerbg.png") center no-repeat;}
#ban-tit{border-radius: 30px;float: left;margin-top: 16px; background: linear-gradient(180.00deg, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0) 100%);color: rgba(27, 80, 160, 1);font-size: 26px;padding: 8px 39px; font-weight: 600;  line-height: 34px;   letter-spacing: 18px;    text-align: center;}
.ls-cjsfw-tab{ overflow: hidden; padding: 33px 0 40px;position: sticky;top: 0px;z-index: 99;}
.ls-cjsfw-tab ul li{float:left; width: 156px; height: 60px;text-align: center; margin-right: 18px;padding-bottom: 9px;}
.ls-cjsfw-tab ul li:last-child{ margin-right: 0px;}
.ls-cjsfw-tab ul li a{border-radius: 12px;color: rgba(27, 80, 160, 0.8); font-size: 24px; background: rgba(228, 239, 255, 1); display: block;line-height: 60px;}
.ls-cjsfw-tab ul li.active{ background: url("../images-cjsfw/jtico.png") no-repeat center bottom;}
.ls-cjsfw-tab ul li.active a{background:#1B50A0; color: #fff; }
/*是什么*/
.ls-name-title{height: auto;background: url("../images-cjsfw/listico.png") no-repeat left top;padding-left: 64px; font-size: 36px; font-weight: bold; color: #1B50A0; line-height: 42px; margin-bottom: 34px;}
.ls-name-tit{ display:inline-block;height: 32px; line-height: 32px;position: relative;z-index: 0}
.ls-name-tit span{z-index: 2; position: relative; font-size: 24px; font-weight: bold; color: #1B50A0;}
.ls-name-tit:after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: linear-gradient(270.00deg, rgba(255, 212, 88, 0),rgba(255, 212, 88, 1) 100%); z-index: 1;}
.ls-fw-l{width: 800px;}
.ls-fw-info{border: 1px solid #E4EFFF; background: #F0F6FF;border-radius: 10px; margin-top: 18px; margin-bottom: 32px; padding: 28px; font-size: 16px; line-height: 32px; position: relative;}
.ls-fw-info:before{content: ''; position: absolute; top: -18px; left: 81px;   width:42px; height: 20px; background: url("../images-cjsfw/con-jt.png") no-repeat center center;}
.ls-fw-info p{ text-indent: 2em;}
.ls-fw-con{ margin: 16px 0 32px; line-height: 32px; font-size: 16px; text-indent: 2em;}
.ls-fw-r{width: 370px;}
.ls-zcbox{ border: 1px solid #E4EFFF;border-radius: 12px; margin-bottom: 20px;padding: 20px 20px 13px; overflow: hidden;}
.ls-zclist ul li{ height: 38px; line-height: 38px;font-size: 16px; background: url("../images-cjsfw/dot.png") left center no-repeat; padding: 2px 0 2px 18px; overflow: hidden;position: relative;}
.ls-zclist ul li a{ float: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mb40{ margin-bottom: 40px;}
/*谁能办*/
.ls-fw-info01{ padding: 19px; }
.ls-who-tab{/*width: 348px; float: left;*/}
.ls-who-tab:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
.ls-who-tab ul{ margin-right: -20px; display: block;}
.ls-who-tab ul li{ margin-bottom: 20px; width: 373px; margin-right: 20px; float: left; text-align: center;}
.ls-who-tab ul li a{ color:#1B50A0; font-size: 20px; background: #fff; border-radius: 35px;display: block; height: 30px;  line-height: 30px;padding: 10px;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-who-tab ul li.active a{ background: #1B50A0; color: #fff; font-weight: bold;}
.ls-who-content{ /*margin-left: 400px;*/ padding: 8px 0; line-height: 32px; font-size: 16px;}
.ls-who-content p{ text-indent: 0px;}
/*怎么办*/
.ls-sx-tab{ text-align: center; margin-bottom: 14px;}
.ls-sx-tab ul li{ display: inline-block; margin: 0 16px 10px; width: 348px;}
.ls-sx-tab ul li a{background: #E4EFFF;color:#1B50A0; font-size: 20px;border-radius: 35px;display: block; line-height: 30px;padding: 10px;}
.ls-sx-tab ul li.active a{ background: #1B50A0; color: #fff; font-weight: bold;}
.ls-sxcontent{border-radius: 12px; border: 1px solid #E4EFFF; padding:30px 20px; font-size: 16px; line-height: 2em; margin-bottom: 40px;overflow: hidden;}
.ls-sxcontent p{ text-indent: 2em;}
/*在哪办*/
.ls-zxcontent{border-radius: 12px; border: 1px solid #E4EFFF; padding:19px;margin-bottom: 40px;}
.ls-zx-head{height: 45px; position: relative;}
.ls-zx-head p{  line-height: 45px; background: #E4EFFF;color: #1B50A0;font-size: 16px; position: absolute; top:0px;text-align: center;}
.ls-zx-head .p1{ width: 200px; left:0px;}
.ls-zx-head .p2{ width: auto; position: static; margin: 0 676px 0 204px;}
.ls-zx-head .p3{ width: 180px; right:492px;}
.ls-zx-head .p4{ width: 180px; right:308px;}
.ls-zx-head .p5{ width: 304px; right:0px;}
.ls-zx-body table{ border-collapse: collapse;}
.ls-zx-body table tr{  border-bottom: 1px solid #E4EFFF; }
.ls-zx-body table td{ line-height: 20px;padding: 20px 2px; font-size: 16px; text-align: center;}
.ls-zx-body .p1{ width: 200px;}
.ls-zx-body .p2{ width: 240px;padding: 0 20px;}
.ls-zx-body .p3{ width: 180px;text-align: left;}
.ls-zx-body .p4{ width: 180px;}
.ls-zx-body .p5{ width: 300px; word-break: break-all;text-align: center;}
.ls-zx-body .p5 .bl-btn{   padding: 0 20px;background: #E4EFFF; border-radius: 20px; line-height: 32px;display: inline-block;color: #1B50A0; text-align: center;}
.ls-zx-body .p5 .bl-btn:hover{ background: #1B50A0; color: #fff;}
/*咨询反馈*/
.ls-zxzxlist{ margin: 24px 0px; }
.ls-zxzxlist ul li{float: left;width: 576px;}
.ls-zxzxlist ul li.num2{ float: right;}
.ls-zxzxlist ul li img{width: 100%; height: auto;}
.ls-zxzxlist ul li .img_title{ display: none;}
.ls-listbox{ width: 578px;}
.ls-cjwtlist{ padding: 5px 0 30px;}
.ls-cjwtlist ul li{ height: 38px; line-height: 38px;font-size: 16px; background: url("../images-cjsfw/dot.png") left center no-repeat; padding: 2px 0 2px 18px; overflow: hidden;position: relative;}
.ls-cjwtlist ul li a{ float: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*相关事项*/
.ls-relativelist{ padding: 16px 0 10px;overflow: hidden;}
.ls-relativelist ul li{width: 386px; height: auto; float: left;  margin: 0 20px 20px 0;}
.ls-relativelist ul li:nth-of-type(3n){ margin-right: 0;}
.ls-relativelist ul li a{ background-image: url("../images-cjsfw/sxdot.png");background-position: 336px center; background-repeat: no-repeat; background-color:#E4EFFF;  border-radius: 4px;padding: 15px 60px 15px 20px;  display: block; height: auto; line-height: 35px; font-size: 20px; color: #1B50A0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ls-relativelist ul li a:hover{background-image: url("../images-cjsfw/sxdoth.png");background-color:#1B50A0; color: #fff;}
@media (min-width: 992px) and (max-width:1199px) {
    .ls-cjsfw-ban{padding-left: 100px;}
    .ls-cjsfw-tab{ padding: 20px 0px;}
    .ls-cjsfw-tab ul li{width: 128px; margin-right: 16px;}
    .ls-who-tab ul li{ width:303px;}
    /*是什么*/
    .ls-name-title{ margin-bottom: 22px;}
    .ls-fw-l{ width: 672px;}
    .ls-fw-info{ padding: 20px; margin-bottom: 20px;}
    .ls-fw-con{ margin-bottom: 20px;}
    .ls-fw-r{width: 300px;}
    .mb40{ margin-bottom: 20px;}
    /*在哪办*/
    .ls-zxcontent{margin-bottom: 20px;}
    .ls-zx-head .p1{ width: 160px;}
    .ls-zx-head .p2{   margin: 0 548px 0 164px;}
    .ls-zx-head .p3{ width: 140px; right:404px;}
    .ls-zx-head .p4{ width: 140px; right:260px;}
    .ls-zx-head .p5{ width:256px;}
    .ls-zx-body .p1{ width: 160px;}
    .ls-zx-body .p2{ width: 240px;padding:0px;}
    .ls-zx-body .p3{ width: 140px;}
    .ls-zx-body .p4{ width: 140px;}
    .ls-zx-body .p5{ width: 253px; }
    /*咨询反馈*/
    .ls-zxzxlist ul li{width: 486px;}
    .ls-listbox{width: 486px;}
    /*相关事项*/
    .ls-relativelist ul li{width: 317px;  margin: 0 20px 20px 0;}
    .ls-relativelist ul li a{background-position: 270px center;}
}
@media (max-width: 991px) {
    .ls-row{ padding: 0 10px;}
    .ls-cjsfw-banner{ height: auto; background-size: 100% 100%;}
    .ls-cjsfw-ban{ padding: 20px;}
    .ls-cjsfw-tab{ padding: 15px 0px;}
    .ls-cjsfw-tab ul li{ width: 23%; margin: 0 1%}
    /*是什么*/
    .ls-name-title{ margin-bottom: 20px;font-size: 32px;}
    .ls-fw-l{ width: auto;float: none;}
    .ls-fw-info{ padding: 15px; margin-bottom: 15px;}
    .ls-fw-con{ margin-bottom: 15px;}
    .ls-fw-r{width: auto;float: none;}
    .mb40{ margin-bottom: 15px;}
    .ls-zcbox{ padding: 15px; margin-bottom: 15px;}
    /*谁能办*/
    .ls-who-tab{width: auto; float: none;text-align: center;}
    .ls-who-tab ul{ margin-right: 0;}
    .ls-who-tab ul li{ display: inline-block; margin: 0 10px 10px;width: 218px;}
    .ls-who-content{ margin: 0px; padding: 0px;}
    /*怎么办*/
    .ls-sx-tab ul li{width: 248px;}
    .ls-sxcontent{ padding: 15px; margin-bottom: 15px;}
    /*在哪办*/
    .ls-zxcontent{margin-bottom: 15px;}
    .ls-zx-head .p1{ width: 140px;}
    .ls-zx-head .p2{   margin: 0 428px 0 144px;}
    .ls-zx-head .p3{ width: 140px; right:284px;}
    .ls-zx-head .p4{ width: 140px; right:140px;}
    .ls-zx-head .p5{ width:136px;}
    .ls-zx-body .p1{ width: 140px;}
    .ls-zx-body .p2{ width: 136px;padding:0px;}
    .ls-zx-body .p3{ width: 140px;}
    .ls-zx-body .p4{ width: 140px;}
    .ls-zx-body .p5{ width: 133px; }
    /*咨询反馈*/
    .ls-zxzxlist{ margin: 15px 0 0;}
    .ls-zxzxlist ul li{width: auto;float: none!important;margin-bottom: 15px;}
    .ls-listbox{width: auto;float: none;}
    /*相关事项*/
    .ls-relativelist ul li{width: 366px;  margin: 0 16px 16px 0;}
    .ls-relativelist ul li a{background-position: 305px center;}
    .ls-relativelist ul li:nth-of-type(3n){ margin-right: 16px;}
    .ls-relativelist ul li:nth-of-type(2n){ margin-right: 0;}
}
@media (max-width: 767px) {
    .ls-cjsfw-banner{ background-size: 120% 100%;}
    .ls-cjsfw-ban img{  max-width: 100%; height: auto;}
    #ban-tit{ padding: 8px 15px;letter-spacing: 5px;}
    .ls-cjsfw-tab{ padding: 10px 5px;}
    /*是什么*/
    .ls-name-title{ font-size: 28px; padding-left: 54px; height:auto; background-position: left top;}
    .ls-fw-info{ padding: 10px; margin-bottom: 10px;}
    .ls-fw-con{ margin-bottom: 10px;}
    .mb40{ margin-bottom: 10px;}
    .ls-zcbox{ padding: 10px; margin-bottom: 10px;}
    /*谁能办*/
    .ls-who-tab ul li{ width: auto;}
    .ls-who-tab ul li a{ padding: 0 20px; height: auto;  white-space:normal;}
    /*怎么办*/
    .ls-sxcontent{ padding: 10px; margin-bottom: 10px;}
    .ls-sx-tab{ margin-bottom: 0px;}
    .ls-sx-tab ul li{ width: auto; margin: 0 10px 10px;}
    .ls-sx-tab ul li a{ padding: 0 20px;}
    /*在哪办*/
    .ls-zxcontent{margin-bottom: 10px;}
    .ls-zx-main{overflow: auto;}
    .ls-zx-head,.ls-zx-body{ width: 708px;}
    /*咨询反馈*/
    .ls-zxzxlist{ margin: 10px 0 0;}
    .ls-zxzxlist ul li{margin-bottom: 10px;}
    .ls-cjwtlist{padding: 5px 0 10px;}
    /*相关事项*/
    .ls-relativelist{ padding: 0px;}
    .ls-relativelist ul li{width: auto;  margin: 0 0 10px !important;float: none; }
    .ls-relativelist ul li a{background-position: 95% center;padding: 20px 46px 20px 15px;}
}
@media (max-width: 567px) {
    .ls-cjsfw-banner{ background-size: auto 100%;}
}
@media (max-width: 489px) {
    .ls-cjsfw-tab ul li a{ font-size: 20px;}
}
@media (max-width: 389px) {
    .ls-cjsfw-tab ul li{width: 31.33%;}
}