/*公用css*/ body,div,span,h1,h2,h3,h4,h5,h6,p,i,img,ol,ul,li,input,button {margin:0;padding:0;font-family:'Microsoft YaHei',Helvetica, Arial,sans-serif;color: #000;font-size: 15px;} *{font-family:Arial,"Microsoft YaHei",sans-serif;color:#000;margin: 0; padding: 0;font-size: 15px;} html,body{width:100%;height:100%;} a{text-decoration:none;} img{border:none;} i{font-style:normal;} b{font-weight: normal;} ul,li{list-style-type:none;} .clear{clear: both;} input{border: none;} @font-face { font-family:'DIN'; src:url('../fonts/DIN Condensed Bold.ttf'); } .container{width: 100%;margin: 0 auto;} .mtop30{margin-top: 30px;} /* header */ .header{display:flow-root;padding: 20px 0;} .header-left{float: left;} .header-left img{float: left;/*background: url(../images/logo-line1.png) no-repeat center right/2px 24px;*/padding-right: 25px;height:60px;} .header-left span{color: #000;margin: 0 20px;line-height:4;font-size: 18px;} .header-left span.header-ico1{background: url(../images/header-ico1.png) no-repeat bottom right/auto 86%;padding-right:22px;} .header-left span.header-ico2{background: url(../images/header-ico2.png) no-repeat bottom right/auto 82%;padding-right:34px;} .header-right{float: right;margin-top: -10px;} .header-right-cc{display: flex;margin-top:6px;margin-right: -10px;} .header-right-cc a{font-size: 16px;color: #000;padding:6px 14px;background: url(../images/menu-line1.png) no-repeat right center/1px auto;border-radius: 50px;} .header-right-cc a:last-child{background: none;} .header-right-cc a:hover{background:#f7f8fc url(../images/menu-line1.png) no-repeat right center/1px auto;} .header-right-cc a img{height:20px;margin-right: 6px;float: left;} .header-right-search input{display: block;width:120%;padding:8px 12px;border-radius: 4px;background:#f7f8fc url(../images/search.png) no-repeat center right 12px/auto 40%;box-sizing: border-box;margin-top:6px;margin-left: -20%;} .header-right-search input:focus{outline:2px solid rgba(166, 215, 255, 0.8);} /* bottom */ .bottom{background-color: #137ad7;} .bottom-one{background-color: #959595;height:62px;} .bottom-one .con-width{text-align: center;} .bottom-one .con-width select{border: 1px solid #d8cfcf;height: 42px;background-color: #959595;color: #fff; margin: 10px;padding: 0 8px 0 4px;width:220px;border-radius: 2px;} .bottom-two{height:165px;} .bottom-two-left{float: left;margin-top: 40px;display: flex;} .bottom-two-left img{margin: 0 20px;} .bottom-two-left p{color: #fff;line-height:2;font-size: 14px;margin-top: 10px;} .bottom-two-left p a{color: #fff;margin: 0 10px;} .bottom-two-right{float: right;display: flex;} .bottom-two-right div{margin:0 10px;text-align: center;} .bottom-two-right div p{color: #fff;} .bottom-two-right div img{width: 80px;height: 80px;margin-top: 0px; border:8px solid #fff;border-radius: 10px} /* 大连政务网-首页 */ .home-header{background: url(../images/home-banner.png) no-repeat center/auto 100%;height:400px;background-size:cover;} .header-menu{display:flow-root;padding: 30px 0;} .header-menu-logo{float: left;} .header-menu-logo img{float: left;padding-right: 25px;height: 41px;} .header-menu-logo span{background: url(../images/dw-ico.png) no-repeat bottom right/auto 86%;color: #fff;padding-right:22px;margin: 0 20px;line-height:2.2;font-size: 18px;} .header-menu-con{float: left;display: flex;} .header-menu-con a{font-size: 20px;color: #fff;padding:8px 14px;background: url(../images/menu-line.png) no-repeat right center/1px auto;border-radius: 50px;} .header-menu-con a:last-child{background: none;} .header-menu-con a:hover,.header-menu-con a.hov{background:rgba(255, 255, 255, 0.1) url(../images/menu-line.png) no-repeat right center/1px auto;} .header-menu-cc{float: right;display: flex;margin-top:6px;margin-right: -10px;} .header-menu-cc a{font-size: 16px;color: #fff;padding:6px 10px;background: url(../images/menu-line.png) no-repeat right center/1px auto;border-radius: 50px;} .header-menu-cc a:last-child{background: none;} .header-menu-cc a:hover{background:rgba(255, 255, 255, 0.1) url(../images/menu-line.png) no-repeat right center/1px auto;} .header-txt{margin-top:20px;display:flow-root;} .header-search{width:70%;margin: 0 auto;} .header-search h3{font-size:48px;color: #fff;line-height: 1;} .header-search input{display: block;margin:30px 0 20px 0;width: 80%;float:left;padding:20px 25px;border-radius: 4px; background:rgba(255, 255, 255, 0.8);border-top-right-radius: 0px;border-bottom-right-radius: 0px;} .header-search input:focus{outline:2px solid rgba(166, 215, 255, 0.8);} .header-search button{display: block;margin:30px 0 20px 0;width: 10%;float:left;padding:20px 25px;border-radius: 4px;background:rgba(255, 255, 255, 0.8) url(../images/search.png) no-repeat center right 25px/auto 40%; border:none;border-top-left-radius: 0px;border-bottom-left-radius: 0px; height:60px;cursor: pointer;} .header-search p{color: #fff;clear: both;} .header-tab{float: right;width: 525px;background-color: rgba(255, 255, 255, 0.8);border-radius: 4px;} .header-tab .centera{padding:15px 30px;overflow:hidden;} .header-tab .centera #oranger{display: flex;} .header-tab .centera #oranger a{width: 50%;font-size:1.4rem;text-align: center;line-height: 2;} .header-tab .centera #oranger a.hover{color:#2590f2;} .header-tab .centera #oranger a.hover::after{content: '';position: relative;left: 50%;transform:translate(-50%,0);height: 2px;width:5.8rem;background-color: #2590f2;display: block;} .header-tab .tablea{} .header-tab .tablea .box{display:none} .header-tab .tablea .box ul{overflow: hidden;padding:20px 0 10px 0;} .header-tab .tablea .box ul li{width:50%;float:left;list-style:disc;white-space: nowrap;list-style-position: inside;overflow:hidden;text-overflow:ellipsis;line-height:2.6;} .header-tab .tablea .box ul li a{line-height: 2;font-size: 1.2rem;} .header-tab .tablea .box ul li a:hover{color:#2590f2;} .menu{background-color: #2590f2;} .menu-txt{display: flex;padding:12px 0;margin: 0 -24px;} .menu-txt > a{color: #fff;padding:8px 50px;background: url(../images/menu-line.png) no-repeat right center/1px auto;border-radius: 50px;} .menu-txt > a:last-child{background: none;} .menu-txt > a:hover{background: #3b9bf3 url(../images/menu-line.png) no-repeat right center/1px auto;} .home{} .home-tit{text-align: center;font-size:2.2rem;position: relative;padding:3rem 0;font-weight: bolder;letter-spacing:2px;} .home-tit span{position: absolute;left: 50%;transform:translate(-50%,0);bottom:1.5rem;font-size:2.8rem;text-transform:uppercase;background: linear-gradient(to bottom, #d8d9e0, #83859b);-webkit-background-clip: text;color: transparent;opacity:0.1;} .home-xtit{font-size: 26px;background:url(../images/home-xtit.png) no-repeat left top/auto 5px;padding:15px 0 30px 0;} .home-xtit p{float: right;} .home-xtit p span{color: #f72424;} /* home-办事服务 */ .home-bs{} .home-bs #oranger{text-align: center;} .home-bs #oranger a{margin: 0 36px;font-size: 1.6rem;color: #9ea1b4;padding-bottom:20px;} .home-bs #oranger a.hover{color:#000000;font-size: 1.7rem;background: url(../images/bs-tab-line.png) no-repeat bottom center/auto 9px;} .home-bs .tablea{margin-top:0;} .home-bs .tablea .box{display:none} .six-icon{display: flex;margin:0 -15px 32px -15px;} .six-icon a{background-color: #fff;box-shadow:0 0 30px #e9edff;display: inline-block;padding:22px 20px;margin: 0 16px;width: calc(27% - 30px);text-align: center;} .six-icon a:hover{background-color: #2590f2;color: #fff;} .six-icon a p{padding:105px 0 6px 0;font-size: 20px;background-position:top center;background-repeat: no-repeat;background-size:80% auto;} .six-icon a:hover p{color: #fff;} /* .gr .six-icon a:nth-child(1) p{background-image: url(../images/banshi1.png);} .gr .six-icon a:nth-child(1):hover p{background-image: url(../images/banshi2.png);} .gr .six-icon a:nth-child(2) p{background-image: url(../images/banshi3.png);} .gr .six-icon a:nth-child(2):hover p{background-image: url(../images/banshi4.png);} .gr .six-icon a:nth-child(3) p{background-image: url(../images/banshi5.png);} .gr .six-icon a:nth-child(3):hover p{background-image: url(../images/banshi6.png);} .gr .six-icon a:nth-child(4) p{background-image: url(../images/banshi7.png);} .gr .six-icon a:nth-child(4):hover p{background-image: url(../images/banshi8.png);} .gr .six-icon a:nth-child(5) p{background-image: url(../images/banshi9.png);} .gr .six-icon a:nth-child(5):hover p{background-image: url(../images/banshi10.png);} */ .six-1 a:nth-child(1) p{background-image: url(../images/six-1-ico1.png);} .six-1 a:nth-child(1):hover p{background-image: url(../images/six-1-ico1-hov.png);} .six-1 a:nth-child(2) p{background-image: url(../images/six-1-ico2.png);} .six-1 a:nth-child(2):hover p{background-image: url(../images/six-1-ico2-hov.png);} .six-1 a:nth-child(3) p{background-image: url(../images/six-1-ico3.png);} .six-1 a:nth-child(3):hover p{background-image: url(../images/six-1-ico3-hov.png);} .six-1 a:nth-child(4) p{background-image: url(../images/six-1-ico4.png);} .six-1 a:nth-child(4):hover p{background-image: url(../images/six-1-ico4-hov.png);} .six-1 a:nth-child(5) p{background-image: url(../images/six-1-ico5.png);} .six-1 a:nth-child(5):hover p{background-image: url(../images/six-1-ico5-hov.png);} .six-1 a:nth-child(6) p{background-image: url(../images/six-1-ico6.png);} .six-1 a:nth-child(6):hover p{background-image: url(../images/six-1-ico6-hov.png);} .six-2 a:nth-child(1) p{background-image: url(../images/six-2-ico1.png);} .six-2 a:nth-child(1):hover p{background-image: url(../images/six-2-ico1-hov.png);} .six-2 a:nth-child(2) p{background-image: url(../images/six-2-ico2.png);} .six-2 a:nth-child(2):hover p{background-image: url(../images/six-2-ico2-hov.png);} .six-2 a:nth-child(3) p{background-image: url(../images/six-2-ico3.png);} .six-2 a:nth-child(3):hover p{background-image: url(../images/six-2-ico3-hov.png);} .six-2 a:nth-child(4) p{background-image: url(../images/six-2-ico4.png);} .six-2 a:nth-child(4):hover p{background-image: url(../images/six-2-ico4-hov.png);} .six-2 a:nth-child(5) p{background-image: url(../images/six-2-ico5.png);} .six-2 a:nth-child(5):hover p{background-image: url(../images/six-2-ico5-hov.png);} .six-2 a:nth-child(6) p{background-image: url(../images/six-2-ico6.png);} .six-2 a:nth-child(6):hover p{background-image: url(../images/six-2-ico6-hov.png);} .six-3 a:nth-child(1) p{background-image: url(../images/six-3-ico1.png);} .six-3 a:nth-child(1):hover p{background-image: url(../images/six-3-ico1-hov.png);} .six-3 a:nth-child(2) p{background-image: url(../images/six-3-ico2.png);} .six-3 a:nth-child(2):hover p{background-image: url(../images/six-3-ico2-hov.png);} .six-3 a:nth-child(3) p{background-image: url(../images/six-3-ico3.png);} .six-3 a:nth-child(3):hover p{background-image: url(../images/six-3-ico3-hov.png);} .six-3 a:nth-child(4) p{background-image: url(../images/six-3-ico4.png);} .six-3 a:nth-child(4):hover p{background-image: url(../images/six-3-ico4-hov.png);} .six-3 a:nth-child(5) p{background-image: url(../images/six-3-ico5.png);} .six-3 a:nth-child(5):hover p{background-image: url(../images/six-3-ico5-hov.png);} .six-3 a:nth-child(6) p{background-image: url(../images/six-3-ico6.png);} .six-3 a:nth-child(6):hover p{background-image: url(../images/six-3-ico6-hov.png);} .fr .six-icon a:nth-child(1) p{background-image: url(../images/six-ico1.png);} .fr .six-icon a:nth-child(1):hover p{background-image: url(../images/six-ico1-hov.png);} .fr .six-icon a:nth-child(2) p{background-image: url(../images/six-ico2.png);} .fr .six-icon a:nth-child(2):hover p{background-image: url(../images/six-ico2-hov.png);} .fr .six-icon a:nth-child(3) p{background-image: url(../images/six-ico3.png);} .fr .six-icon a:nth-child(3):hover p{background-image: url(../images/six-ico3-hov.png);} .fr .six-icon a:nth-child(4) p{background-image: url(../images/six-ico4.png);} .fr .six-icon a:nth-child(4):hover p{background-image: url(../images/six-ico4-hov.png);} .fr .six-icon a:nth-child(5) p{background-image: url(../images/six-ico5.png);} .fr .six-icon a:nth-child(5):hover p{background-image: url(../images/six-ico5-hov.png);} /* .six-icon a:nth-child(6) p{background-image: url(../images/six-ico6.png);} .six-icon a:nth-child(6):hover p{background-image: url(../images/six-ico6-hov.png);} */ .bs-con{display: flex;margin-top: 50px;} .bs-con-hot{width: 375px;} .bs-con-hot ul{overflow: hidden;} .bs-con-hot ul li{line-height:70px;border: 2px solid #ecf0f8;margin-bottom: 15px;padding: 0 15px;display: flex;border-radius: 4px;} .bs-con-hot ul li img{height:20px;margin:25px 0 0 5px;} .bs-con-hot ul li:hover{background-color: #f5faff;cursor: pointer;} .bs-con-hot ul li a{font-size: 1.2rem;} .bs-con-hot ul li:hover a{color: #2590f2;} .gr-con-sx{margin-left: 65px;width: calc(100% - 440px);} .gr-con-sx ul{display: flex;flex-wrap: wrap;align-content: flex-start;} .gr-con-sx ul li{width:calc(20% - 20px);margin:12px 10px;} .gr-con-sx ul li a{text-align: center;display: block;font-size: 1.2rem;line-height: 1.4;} .gr-con-sx ul li:hover a{color: #2590f2;} .gr-con-sx ul li span{background-position:center;background-repeat: no-repeat;background-size:80% auto;width:54%;padding-bottom:54%;margin: 0 auto;border: 1px solid #ddd;border-radius: 100px;display: block;} .gr-con-sx ul li:hover span{cursor: pointer;border: 1px solid #2590f2;} .gr-con-sx ul li:nth-child(1) span{background-image:url(../images/shixiang1.png);} .gr-con-sx ul li:nth-child(1):hover span{background-image:url(../images/shixiang1h.png);} .gr-con-sx ul li:nth-child(2) span{background-image:url(../images/shixiang2.png);} .gr-con-sx ul li:nth-child(2):hover span{background-image:url(../images/shixiang2h.png);} .gr-con-sx ul li:nth-child(3) span{background-image:url(../images/shixiang3.png);} .gr-con-sx ul li:nth-child(3):hover span{background-image:url(../images/shixiang3h.png);} .gr-con-sx ul li:nth-child(4) span{background-image:url(../images/shixiang4.png);} .gr-con-sx ul li:nth-child(4):hover span{background-image:url(../images/shixiang4h.png);} .gr-con-sx ul li:nth-child(5) span{background-image:url(../images/shixiang5.png);} .gr-con-sx ul li:nth-child(5):hover span{background-image:url(../images/shixiang5h.png);} .gr-con-sx ul li:nth-child(6) span{background-image:url(../images/shixiang6.png);} .gr-con-sx ul li:nth-child(6):hover span{background-image:url(../images/shixiang6h.png);} .gr-con-sx ul li:nth-child(7) span{background-image:url(../images/shixiang7.png);} .gr-con-sx ul li:nth-child(7):hover span{background-image:url(../images/shixiang7h.png);} .gr-con-sx ul li:nth-child(8) span{background-image:url(../images/shixiang8.png);} .gr-con-sx ul li:nth-child(8):hover span{background-image:url(../images/shixiang8h.png);} .gr-con-sx ul li:nth-child(9) span{background-image:url(../images/shixiang9.png);} .gr-con-sx ul li:nth-child(9):hover span{background-image:url(../images/shixiang9h.png);} .gr-con-sx ul li:nth-child(10) span{background-image:url(../images/shixiang10.png);} .gr-con-sx ul li:nth-child(10):hover span{background-image:url(../images/shixiang10h.png);} .gr-con-sx ul li:nth-child(11) span{background-image:url(../images/sx-ico11.png);} .gr-con-sx ul li:nth-child(11):hover span{background-image:url(../images/sx-ico11-hov.png);} .gr-con-sx ul li:nth-child(12) span{background-image:url(../images/sx-ico12.png);} .gr-con-sx ul li:nth-child(12):hover span{background-image:url(../images/sx-ico12-hov.png);} .gr-con-sx ul li:nth-child(13) span{background-image:url(../images/sx-ico13.png);} .gr-con-sx ul li:nth-child(13):hover span{background-image:url(../images/sx-ico13-hov.png);} .gr-con-sx ul li:nth-child(14) span{background-image:url(../images/sx-ico14.png);} .gr-con-sx ul li:nth-child(14):hover span{background-image:url(../images/sx-ico14-hov.png);} .gr-con-sx ul li:nth-child(15) span{background-image:url(../images/sx-ico15.png);} .gr-con-sx ul li:nth-child(15):hover span{background-image:url(../images/sx-ico15-hov.png);} .fr-con-sx{margin-left: 65px;width: calc(100% - 440px);} .fr-con-sx ul{display: flex;flex-wrap: wrap;align-content: flex-start;} .fr-con-sx ul li{width:calc(20% - 20px);margin:12px 10px;} .fr-con-sx ul li a{text-align: center;display: block;font-size: 1.2rem;line-height: 2;} .fr-con-sx ul li:hover a{color: #2590f2;} .fr-con-sx ul li span{background-position:center;background-repeat: no-repeat;background-size:80% auto;width:54%;padding-bottom:54%;margin: 0 auto;border: 1px solid #ddd;border-radius: 100px;display: block;} .fr-con-sx ul li:hover span{cursor: pointer;border: 1px solid #2590f2;} .fr-con-sx ul li:nth-child(1) span{background-image:url(../images/fr-ico1.png);} .fr-con-sx ul li:nth-child(1):hover span{background-image:url(../images/fr-ico1-hov.png);} .fr-con-sx ul li:nth-child(2) span{background-image:url(../images/fr-ico2.png);} .fr-con-sx ul li:nth-child(2):hover span{background-image:url(../images/fr-ico2-hov.png);} .fr-con-sx ul li:nth-child(3) span{background-image:url(../images/fr-ico3.png);} .fr-con-sx ul li:nth-child(3):hover span{background-image:url(../images/fr-ico3-hov.png);} .fr-con-sx ul li:nth-child(4) span{background-image:url(../images/fr-ico4.png);} .fr-con-sx ul li:nth-child(4):hover span{background-image:url(../images/fr-ico4-hov.png);} .fr-con-sx ul li:nth-child(5) span{background-image:url(../images/fr-ico5.png);} .fr-con-sx ul li:nth-child(5):hover span{background-image:url(../images/fr-ico5-hov.png);} .fr-con-sx ul li:nth-child(6) span{background-image:url(../images/fr-ico6.png);} .fr-con-sx ul li:nth-child(6):hover span{background-image:url(../images/fr-ico6-hov.png);} .fr-con-sx ul li:nth-child(7) span{background-image:url(../images/fr-ico7.png);} .fr-con-sx ul li:nth-child(7):hover span{background-image:url(../images/fr-ico7-hov.png);} .fr-con-sx ul li:nth-child(8) span{background-image:url(../images/fr-ico8.png);} .fr-con-sx ul li:nth-child(8):hover span{background-image:url(../images/fr-ico8-hov.png);} .fr-con-sx ul li:nth-child(9) span{background-image:url(../images/fr-ico9.png);} .fr-con-sx ul li:nth-child(9):hover span{background-image:url(../images/fr-ico9-hov.png);} .fr-con-sx ul li:nth-child(10) span{background-image:url(../images/fr-ico10.png);} .fr-con-sx ul li:nth-child(10):hover span{background-image:url(../images/fr-ico10-hov.png);} .fr-con-sx ul li:nth-child(11) span{background-image:url(../images/fr-ico11.png);} .fr-con-sx ul li:nth-child(11):hover span{background-image:url(../images/fr-ico11-hov.png);} .fr-con-sx ul li:nth-child(12) span{background-image:url(../images/fr-ico12.png);} .fr-con-sx ul li:nth-child(12):hover span{background-image:url(../images/fr-ico12-hov.png);} .fr-con-sx ul li:nth-child(13) span{background-image:url(../images/fr-ico13.png);} .fr-con-sx ul li:nth-child(13):hover span{background-image:url(../images/fr-ico13-hov.png);} .fr-con-sx ul li:nth-child(14) span{background-image:url(../images/fr-ico14.png);} .fr-con-sx ul li:nth-child(14):hover span{background-image:url(../images/fr-ico14-hov.png);} .fr-con-sx ul li:nth-child(15) span{background-image:url(../images/sx-ico15.png);} .fr-con-sx ul li:nth-child(15):hover span{background-image:url(../images/sx-ico15-hov.png);} .xl-title{width: 100%;text-align: left;overflow: hidden;font-size: 20px;font-weight: bold;margin-bottom: 20px;} .xl-box a{background-color: #fff;box-shadow: 0 0 30px #e9edff;display: inline-block;padding: 22px 20px;margin: 0 16px;width: calc(21% - 30px);text-align: center;margin-bottom: 20px} .xl-box a:hover{ background-color: #2590f2;color: #fff;} .xl-box{margin: 0 -15px 32px -15px;} .small{font-size: 18px!important;} .xl-icon{float: left!important;width: 40%!important;} .xl-box a p{width: 54%;float: right;text-align: left;font-size: 18px;margin-top: 24px;} .xl-box a:hover p{width: 54%;float: right;text-align: left;font-size: 18px;color: #fff;margin-top: 24px;} .xl-box a:nth-child(1) span{background:url(../images/six-1-ico4.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(1):hover span{background-image:url(../images/six-1-ico4-hov.png);} .xl-box a:nth-child(2) span{background:url(../images/six-1-ico5.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(2):hover span{background-image:url(../images/six-1-ico5-hov.png);} .xl-box a:nth-child(3) span{background:url(../images/six-1-ico6.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(3):hover span{background-image:url(../images/six-1-ico6-hov.png);} .xl-box a:nth-child(4) span{background:url(../images/six-2-ico1.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(4):hover span{background-image:url(../images/six-2-ico1-hov.png);} .xl-box a:nth-child(5) span{background:url(../images/six-2-ico2.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(5):hover span{background-image:url(../images/six-2-ico2-hov.png);} .xl-box a:nth-child(6) span{background:url(../images/six-2-ico4.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(6):hover span{background-image:url(../images/six-2-ico4-hov.png);} .xl-box a:nth-child(7) span{background:url(../images/six-2-ico5.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(7):hover span{background-image:url(../images/six-2-ico5-hov.png);} .xl-box a:nth-child(8) span{background:url(../images/six-3-ico1.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(8):hover span{background-image:url(../images/six-3-ico1-hov.png);} .xl-box a:nth-child(9) span{background:url(../images/six-2-ico6.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(9):hover span{background-image:url(../images/six-3-ico1-hov.png);} .xl-box a:nth-child(10) span{background:url(../images/six-2-ico3.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(10):hover span{background-image:url(../images/six-2-ico3-hov.png);} .xl-box a:nth-child(11) span{background:url(../images/3-5.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box a:nth-child(11):hover span{background-image:url(../images/3-5h.png);} .xl-box2 a{background-color: #fff;box-shadow: 0 0 30px #e9edff;display: inline-block;padding: 22px 20px;margin: 0 16px;width: calc(21% - 30px);text-align: center;margin-bottom: 20px} .xl-box2 a:hover{ background-color: #2590f2;color: #fff;} .xl-box2{margin: 0 -15px 32px -15px;} .xl-icon{float: left!important;width: 40%!important;} .xl-box2 a p{width: 54%;float: right;text-align: left;font-size: 18px;margin-top: 24px;} .xl-box2 a:hover p{width: 54%;float: right;text-align: left;font-size: 18px;color: #fff;margin-top: 24px;} .xl-box2 a:nth-child(1) span{background:url(../images/banshi3.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(1):hover span{background-image:url(../images/banshi4.png);} .xl-box2 a:nth-child(2) span{background:url(../images/six-3-ico2.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(2):hover span{background-image:url(../images/six-3-ico2-hov.png);} .xl-box2 a:nth-child(3) span{background:url(../images/3-6.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(3):hover span{background-image:url(../images/3-6h.png);} .xl-box2 a:nth-child(4) span{background:url(../images/yw1.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(4):hover span{background-image:url(../images/yw1h.png);} .xl-box2 a:nth-child(5) span{background:url(../images/yw2.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(5):hover span{background-image:url(../images/yw3h.png);} .xl-box2 a:nth-child(6) span{background:url(../images/yw1.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(6):hover span{background-image:url(../images/yw3h.png);} .xl-box2 a:nth-child(7) span{background:url(../images/yw4.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(7):hover span{background-image:url(../images/yw4h.png);} .xl-box2 a:nth-child(8) span{background:url(../images/yw5.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(8):hover span{background-image:url(../images/yw5h.png);} .xl-box2 a:nth-child(9) span{background:url(../images/yw6.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(9):hover span{background-image:url(../images/yw6h.png);} .xl-box2 a:nth-child(10) span{background:url(../images/yw7.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(10):hover span{background-image:url(../images/yw7h.png);} .xl-box2 a:nth-child(11) span{background:url(../images/yw8.png) no-repeat;float: left;width: 38%;height: 120px;background-size: 100% 100px;} .xl-box2 a:nth-child(11):hover span{background-image:url(../images/yw8h.png);} /* home-特色创新 */ .home-ts{background-color: #f7f8fc;padding-bottom:10px;margin-top: 50px;} .home-ts-pic{overflow: hidden;margin: 0 -23px 0 -21px;} /* home-通办服务 */ .home-tb{margin-bottom:60px;} .home-tb-pic{display: flex;} .home-tb-pic a{margin-right:30px;} .home-tb-pic a:last-child{margin-right: 0;} .home-tb-pic a:hover img{border: 1px solid #2590f2;} .home-tb-pic img{width:100%;border: 1px solid #bfdfff;border-radius: 4px;} /* home-专题专栏 */ .home-zt{overflow: hidden;margin-bottom:60px;} .home-banner{width:560px;height:350px; position:relative;float: left;} .home-banner .hd{position:absolute;overflow:hidden;left:50%;bottom:20px;z-index:1;transform:translate(-50%,0);} .home-banner .hd ul li{float:left;width:12px; height:6px;background:rgba(255, 255, 255, 0.6);margin:0 3px;border-radius: 5px;} .home-banner .hd ul li.on{background:#fff;width:18px;} .home-banner .bd img{ width:560px; height:350px;border-radius: 4px;} .home-zt-tab{margin-left: 65px;float: left;width: calc(100% - 625px);height:350px;} .home-zt-tab .centera{} .home-zt-tab .centera #oranger{margin-top:11px;} .home-zt-tab .centera #oranger a{margin-right: 20px;font-size: 22px;color: #9ea1b4;} .home-zt-tab .centera #oranger a.hover{font-size: 26px;background:url(../images/home-xtit.png) no-repeat left top/auto 5px;padding:15px 0 30px 0;color: #000;} .home-zt-tab .tablea .box{display:none} .home-zt-tab .tablea{margin-top: 20px;} .home-zt-tab .tablea ul{overflow: hidden;} .home-zt-tab .tablea ul li{width:320px;float: left;height: 135px;padding:20px 15px;box-sizing: border-box;margin: 0 15px 15px 0;border-radius: 4px;display: flex;} .home-zt-tab .tablea ul li:nth-child(2),.home-zt-tab .tablea ul li:nth-child(4){margin: 0 0 15px 0;} .home-zt-tab .tablea ul li img{width: 52px;height: 52px;border-radius: 50%;background-color: #fff;margin-right: 18px;} .home-zt-tab .tablea ul li a{line-height: 2.2;} .home-zt-tab .tablea ul li p{color: #9ea1b4;font-size:14px;line-height:1.6;} .home-zt-tab .tablea ul li:nth-child(1){background-color: #e1f0fe;} .home-zt-tab .tablea ul li:nth-child(2){background-color: #def8ee;} .home-zt-tab .tablea ul li:nth-child(3){background-color: #fffaea;} .home-zt-tab .tablea ul li:nth-child(4){background-color: #f1eefd;} .home-zt-tab .tablea ul li:hover{background-color: #2590f2;} .home-zt-tab .tablea ul li:hover a{color:#fff;} .home-zt-tab .tablea ul li:hover p{color:rgba(255, 255, 255, 0.8);} .home-zt-tab-2{display: flex;flex-wrap: wrap;align-content: flex-start;margin: 0 -10px;} .home-zt-tab-2 a{display: inline-block;border: 2px solid #ecf0f8;line-height:56px;padding:0 15px 0 35px;border-radius: 4px;margin:6.4px 10px;width:calc(33.33% - 20px);background:#fff url(../images/dian.png) no-repeat left 15px center/9px 9px;box-sizing: border-box;} .home-zt-tab-2 a:hover{background-color: #f5faff;color: #2590f2;} /* home-数字 */ .home-sz{background: url(../images/home-sz.png) no-repeat center/100% 100%;height: 250px;margin-bottom: 60px;border-radius: 4px;padding: 17px 20px;box-sizing: border-box;} .home-sz ul{display: flex;} .home-sz ul li{margin: 15px;width: calc(25% - 30px);padding: 35px;box-sizing: border-box;border-radius: 4px;height: 186px;background-image: linear-gradient(#fff,rgba(255,255,255,0.4));} .home-sz ul li p:nth-child(1){} .home-sz ul li p span{color: #2590f2;font-size:58px;font-family:'DIN';margin-right: 4px;} .home-sz ul li p:nth-child(2){background: url(../images/home-sz-line.png) no-repeat top left/auto 2px;padding-top:10px;line-height:1.5;} .home-sz ul li:hover{cursor: pointer;background: #e1f0fe;} .home-sz ul li{position: relative;} /* home-数字-弹框 */ .home-sz ul li > div{ position: absolute; display: none; z-index:100; width:1280px; padding: 25px; box-sizing: border-box; bottom: 210px; border: 10px solid rgba(166, 215, 255, 0.8); background-color:rgba(255, 255, 255, 0.8); } .dialog_bg1{left:-35px;} .dialog_bg2{left:-345px;} .dialog_bg3{left:-655px;} .dialog_bg4{left:-965px;} .home-sz ul li > div::after{ content: ''; height: 0; width: 0; border-width:12px; border-color:rgba(166, 215, 255, 0.8) transparent transparent; border-style: solid; position: absolute; bottom: -34px; } .dialog_bg1::after{left:160px;} .dialog_bg2::after{left:470px;} .dialog_bg3::after{left:780px;} .dialog_bg4::after{left:1090px;} .dialog_bg1-con{display: flex;flex-wrap: wrap;align-content: flex-start;margin: 0 -10px;} .dialog_bg1-con a{display: inline-block;border: 2px solid #ecf0f8;line-height:56px;padding: 0 15px 0 35px;border-radius: 4px;margin:6.4px 10px;width:calc(20% - 20px);box-sizing: border-box; background:#fff url(../images/dian.png) no-repeat left 15px center/9px 9px;list-style: disc;white-space: nowrap;list-style-position: inside;overflow: hidden;text-overflow: ellipsis;} .dialog_bg1-con a:hover{background-color: #f5faff;color: #2590f2;} /* footer */ .footer{background-color: #137ad7;padding:40px 0;} .footer-con{display:flex;} .footer-nav{display:flex;width: 160px;margin-top: 30px;} .footer-nav a{margin-right:35px;} .footer-txt{width: calc(100% - 160px);} .footer-txt-1{display:flex;} .footer-txt-1 div:first-child{width:60%;} .footer-txt-1 div p{color: #fff;line-height: 1.8;} .footer-txt-1 div p span{margin-left: 20px;} .footer-ba{margin:0 8px 0 0;top:3px;position: relative;} .footer-tx-2{border-top: 1px solid #4295df;border-bottom: 1px solid #4295df;margin: 20px 0;} .footer-tx-2 a{color: #fff;line-height:3;margin-right:16px;} .footer-tx-2 a:first-child{border-right: 1px solid #71afe7;padding-right: 20px;} .footer-tx-2 a:hover{opacity: 0.8;} .footer-txt-3{color: #fff;line-height: 1.8;} /* 右边滚动小菜单 */ .scrollup{position: fixed;bottom: 90px;right:0;z-index:101;display: block; background-color:#2590f2;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);border-radius:6px 0 0 6px;} .scrollup a{display: block;padding:12px;color: #fff;text-align:center;font-size:0.8rem;} .scrollup a::after{content: '';position: relative;bottom: -12px;left: 50%;transform:translate(-50%,0);height: 2px;width:48px;background-color: #48a2f4;display: block;} .scrollup a:last-child::after{height: 0;} .scrollup a:hover{background-color: rgba(255, 255, 255, 0.1);} .scrollup a img{display: block;margin:0 auto 6px auto;width:2rem;} .scrollup a:first-child img{padding-top: 10px;} /* 一件事办理 */ .yjs{} .yjs .centera p{line-height:3;margin: 30px -15px;} .yjs .centera p a{color:#000;font-size:26px;border:2px solid #ecf0f8;width:calc(50% - 37px);display: inline-block;margin:0 15px;text-align: center;border-radius: 4px;position: relative;} .yjs .centera p a.hover{font-weight: bold;border:2px solid #fff;box-shadow: 0 0 20px #e9edff;} .yjs .centera p a.hover::before{content: '';position: absolute;left:-2px;top:-2px;background: url(../images/yjs-qb-hov.png) no-repeat left top/100% 100%;width: 72px;height: 72px;} .yjs .centera p a img{width: 46px;top: 12px;position: inherit;margin-right: 4px;opacity: 0.4;} .yjs .centera p a.hover img{opacity: 1;} .yjs .box {display:none;} .yjs .tablea{margin-top:45px;} /* 一件事办理-热门 */ .yjs-rm{} .yjs-rm .tab-little{width: 100%;} .yjs-rm .tab-little .btn{display: block;} .yjs-rm .tab-little .btn span{margin-right: 20px;} .yjs-rm .tab-little .btn span.hov{background-color: #137ad7;color: #fff;} .yjs-rm .tab-little .con{display:none;margin-top: 10px;} .yjs-rm .con{background-color: #f5faff;padding: 40px;} .yjs-rm .con ul{overflow: hidden;} /* 一件事办理-全部 */ .yjs-qb{} .yjs-qb .tab-little{width: 100%;} .yjs-qb .tab-little .btn{display: block;} .yjs-qb .tab-little .btn span{margin-right: 20px;font-size:1.1rem;color: #9ea1b4;cursor: pointer;} .yjs-qb .tab-little .btn span.hov{font-size:1.32rem;padding: 15px 0 30px 0;color: #000;background: url(../images/home-xtit.png) no-repeat left top/auto 5px;} .yjs-qb .tab-little .con{display:none;margin-top: 10px;} .yjs-qb .con ul{overflow: hidden;} .yjs-qb .con ul li{border-bottom: 1px solid #ecf0f8;line-height:4;background: url(../images/yjs-qb-jt.png) no-repeat left center/auto 12px;padding-left:25px;} .yjs-qb .con ul li button{float: right;background: none;border: none;line-height:4;color: #2590f2;cursor: pointer;} .yjs-qb .con ul li:hover{color: #2590f2;cursor: pointer;} .yjs-qb .con ul li:hover button{color: #137ad7;} /* 一件事办理-公示 */ .yjs-gs{margin-top: -10px;} .yjs-gs ul{overflow: hidden;} .yjs-gs ul li{border:2px solid #ecf0f8;border-radius: 4px;padding:20px 30px;margin-bottom: 15px;} .yjs-gs ul li h4{font-size: 1.4rem;line-height:2;} .yjs-gs ul li table{width: 100%;} .yjs-gs ul li table tr td{line-height: 2;font-size: 1.1rem;} .yjs-gs ul li table tr td strong{font-weight: bold;} .yjs-gs ul li:hover{border:2px solid #71afe7;background-color: #f5faff;cursor: pointer;} /* menu-弹框 */ #menu-tkbtn{position:relative;} .menu-txt-tk{ position: absolute; top:50px; left:50%; transform:translate(-50%,0); display: none; z-index: 9999; background-color: #fcfdff; border: 2px solid #a6d7ff; padding: 0 20px; width: fit-content; box-shadow:0 0 20px rgba(0, 0, 0, 0.05); } .menu-txt-tk ul{} .menu-txt-tk ul li{display: block;line-height: 3;padding: 0 10px;border-bottom: 1px solid #e8edf7;} .menu-txt-tk ul li:last-child{border-bottom: none;} .menu-txt-tk ul li:hover,.m-tk-hov{color: #2590f2;} .menu-txt-tk::after{ content: ''; height: 0; width: 0; border-width:8px; border-color:transparent transparent #a6d7ff transparent; border-style: solid; position: absolute; top: -18px; left:50%; transform:translate(-50%,0); } /* 页码 */ .page{text-align: center;color: #000; margin:20px auto 40px auto;padding:10px 0;} .page a{font-size: 16px;border: 1px solid #ecf0f8; padding:6px 12px;color: #000;background-color: #fff;border-radius: 2px;} .page a.page-prev{background-color: #fff;} .page a.page-current{background-color: #2590f2;border: 1px solid #2590f2;color: #fff;} .page a:hover{border:1px solid #71afe7;} /* >=1440的设备 */ @media (min-width:1440px){ body,div,span,h1,h2,h3,h4,h5,h6,p,i,img,ol,ul,li,input,button{font-size: 16px;} *{font-size: 16px;} .home-header{height: 440px;} .header-txt{margin-top:30px;} } /* >=1920的设备 */ @media (min-width:1920px){ body,div,span,h1,h2,h3,h4,h5,h6,p,i,img,ol,ul,li,input,button{font-size: 18px;} *{font-size: 18px;} .home-header{height: 490px;} .header-txt{margin-top: 60px;} } .tz-left{/*margin-left: 65px;width: calc(100% - 440px);*/width:600px;margin-bottom: 20px;} .home-xtit span{float: right;color: #666;} .tz-left ul{overflow: hidden;} .tz-left ul li{line-height:36px;margin-bottom: 5px;/*padding: 0 10px;*/display: flex;border-radius: 4px;} .tz-left ul li:hover{/*background-color: #f5faff;*/cursor: pointer;} .tz-left ul li a{font-size: 1rem;float: left;width: 70%;text-align: left;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; } .tz-left ul li:hover a{color: #2590f2;} .tz-left ul li span{float: right;color: #666;width: 30%;text-align: right;} .tz-right{margin-left: 65px;width: calc(100% - 540px);margin-bottom: 20px;} .tz-right ul{overflow: hidden;} .tz-right ul li{line-height:36px;margin-bottom: 5px;/*padding: 0 10px;*/display: flex;border-radius: 4px;} .tz-right ul li:hover{/*background-color: #f5faff;*/cursor: pointer;} .tz-right ul li a{font-size: 1rem;float: left;width: 70%;text-align: left;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; } .tz-right ul li:hover a{color: #2590f2;} .tz-right ul li span{float: right;color: #666;width: 30%;text-align: right;} /* 政策匹配 */ .xmpp_main{background: url(../images/xmpp_bg1.png) no-repeat bottom/100% auto ; width: 100%;height: calc(100vh - 103px);} .xmpp-details{width: 1280px;margin:0 auto 0 auto;min-height: 600px; border-top: 1px solid #2590f2; position:relative;height: calc(100vh - 153px);} .xmpp-centera1{overflow:hidden; padding: 30px 0 30px 235px; font-size: 18px; color: #000} .xmpp-centera1 > p{background:#fff; width:205px; float: left; width:205px;height: 100% ;position: absolute; left: 0; top: 0;} .xmpp-centera1 > p a{font-size: 16px;color: #626262; width: 140px; height: 130px; background: #fff; text-align: center; display: block;line-height: 44px; margin: 30px auto 0 auto;box-shadow:0px 0px 2px #00000030;padding-top: 10px;} .xmpp-centera1 > p a.hover1{background: #2590f2; color: #fff;padding-top: 10px;} .xmpp-centera1 > p a.hover1::after{content: '';background-color: #2590f2;height:3px;bottom:-16px;width:50px;display:inline-block;position: absolute;left: 50%;transform: translate(-50%,0);} .xmpp-centera1 > p a:nth-child(2){margin-top:20px;} .xmpp-centera1 > p a img{display: block;margin: 5px auto;width: 50px;} .xmpp-centera1 > p a.hover1 img::after{display: block;margin: 5px auto;width: 50px;} .cl{ clear: both} .RadioStyle { } .xmpp-twbox { margin-bottom:20px} .RadioStyle input {display: none} .RadioStyle label {border: 1px solid #dadee9; background: #fff; color: #000000;line-height: 40px;text-align: left;float: left;border-radius:100px; padding: 0 25px 0 75px; position: relative; margin: 25px 30px 25px 0;cursor: pointer;} .RadioStyle input:checked + label {background: #6374a1;color: #fff;border: 1px solid #6374a1;} .RadioStyle input:disabled + label {opacity: 0.7;} .RadioStyle #model1-1 + label:after {background: url(../images/inco_zcpp1_1.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model1-1:checked + label:after {background: url(../images/inco_zcpp1_1_hover.png) no-repeat right bottom; background-size: 100%} .RadioStyle #model1-2 + label:after {background: url(../images/inco_zcpp1_2.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model1-2:checked + label:after {background: url(../images/inco_zcpp1_2_hover.png) no-repeat right bottom; background-size: 100%} .RadioStyle #model2-1 + label:after {background: url(../images/inco_zcpp2_1.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model2-1:checked + label:after {background: url(../images/inco_zcpp2_1_hover.png) no-repeat right bottom; background-size: 100%} .RadioStyle #model2-2 + label:after {background: url(../images/inco_zcpp2_2.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model2-2:checked + label:after {background: url(../images/inco_zcpp2_2_hover.png) no-repeat right bottom; background-size: 100%} .RadioStyle #model3-1 + label:after {background: url(../images/inco_zcpp3_1.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model3-1:checked + label:after {background: url(../images/inco_zcpp3_1_hover.png) no-repeat right bottom; background-size: 100%} .RadioStyle #model3-2 + label:after {background: url(../images/inco_zcpp3_2.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model3-2:checked + label:after {background: url(../images/inco_zcpp3_2_hover.png) no-repeat right bottom; background-size: 100%} .RadioStyle #model3-3 + label:after {background: url(../images/inco_zcpp3_3.png) no-repeat right bottom; position: absolute; left: -2px ;top: 50%; margin-top: -32px; width: 64px; height: 64px; content: ""; background-size: 100%} .RadioStyle #model3-3:checked + label:after {background: url(../images/inco_zcpp3_3_hover.png) no-repeat right bottom; background-size: 100%} .xmpp-button{ width: 120px;height: 50px; background: #2590f2; border: 1px solid #fff; border-radius:50px; color:#FFF; font-size: 18px;} .RadioStyle2 { } .RadioStyle2 input {display: none} .RadioStyle2 label {color: #000000;line-height: 40px;min-width: 124px;text-align: center;float: left;border-radius:100px; padding: 100px 0 0 0; position: relative; margin:45px 70px 25px 0; cursor: pointer;} .RadioStyle2 input:disabled + label {opacity: 0.7;} .RadioStyle2 #modeld1-1 + label:after {background: url(../images/inco_zcppd1_1.png) no-repeat right bottom #dadee9; position: absolute; left: 0 ;top: 50%; margin-top: -100px; width: 124px; height: 124px; content: ""; background-size: 100%; border-radius: 40px} .RadioStyle2 #modeld1-1:checked + label:after {background: url(../images/inco_zcppd1_1.png) no-repeat right bottom #2590f2; background-size: 100%} .RadioStyle2 #modeld1-2 + label:after {background: url(../images/inco_zcppd1_2.png) no-repeat right bottom #dadee9; position: absolute; left: 0 ;top: 50%; margin-top: -100px; width: 124px; height: 124px; content: ""; background-size: 100%; border-radius: 40px} .RadioStyle2 #modeld1-2:checked + label:after {background: url(../images/inco_zcppd1_2.png) no-repeat right bottom #2590f2; background-size: 100%} .RadioStyle2 #modeld1-3 + label:after {background: url(../images/inco_zcppd1_3.png) no-repeat right bottom #dadee9; position: absolute; left: 0 ;top: 50%; margin-top: -100px; width: 124px; height: 124px; content: ""; background-size: 100%; border-radius: 40px} .RadioStyle2 #modeld1-3:checked + label:after {background: url(../images/inco_zcppd1_3.png) no-repeat right bottom #2590f2; background-size: 100%} .tb-right { background: #f5faff; width: 1000px; padding: 20px; } /* 政策匹配 end*/ /* 市情简介 */ .sqjj{} .map{width: 96%;background-color: #fff;height:auto;text-align: center;overflow: hidden;border: 1px solid #eaeaea;padding: 10px 2%;margin-top: 20px;} .map img{width: 60%;float: left;} .sqjj-txt{line-height: 2;color: #333333;font-size:20px;text-indent:1.2vw; margin-top: 1vh;width: 36%;float: right; text-align: left;margin-top: 30px;} .sqjj-txt a{color: #579bee;text-align: left;} .sqjs{overflow: hidden;} .sqjs h2{font-size: 24px; color: #282626;text-align: center;position: relative; line-height:90px;z-index:2;margin-top: 10px;margin-bottom: 10px;} .sqjs h2 span{font-size: 51px;color:#f5f5f5; position: absolute;z-index:-1;left: 50%;top: 56%;transform: translate(-50%, -50%);text-transform: uppercase;width: 100%;} .sqjs div{margin-bottom:20px;} .sqjs div ul{display: flex;flex-wrap: wrap;align-content: flex-start;} .sqjs div ul li{background: url(../images/sqjs-ico-bg.png) no-repeat bottom right; height: 220px;margin-right:1.5%;width:13%; text-align: center;color: #000;border-radius:10px;font-size:20px;} .sqjs div ul li:hover{cursor: pointer;opacity: 0.7;} .sqjs div ul li:last-child{margin-right: 0;} .sqjs div ul li img{display: block;width:104px;height:104px;background-color: #fff;border-radius: 50%;margin:30px auto;} .sqjs div ul li:nth-child(1){background-color: #fff;box-shadow:0 0 30px #e9edff;} .sqjs div ul li:nth-child(2){background-color: #fff;box-shadow:0 0 30px #e9edff;} .sqjs div ul li:nth-child(3){background-color: #fff;box-shadow:0 0 30px #e9edff;} .sqjs div ul li:nth-child(4){background-color: #fff;box-shadow:0 0 30px #e9edff;} .sqjs div ul li:nth-child(5){background-color: #fff;box-shadow:0 0 30px #e9edff;} .sqjs div ul li:nth-child(6){background-color: #fff;box-shadow:0 0 30px #e9edff;} .sqjs div ul li:nth-child(7){background-color: #fff;box-shadow:0 0 30px #e9edff;} .zjdl{overflow: hidden;} .zjdl h2{font-size: 24px; color: #282626;text-align: center;position: relative; line-height:90px;z-index:2;margin: 10px 0} .zjdl h2 span{font-size: 51px;color:#f5f5f5; position: absolute;z-index:-1;left: 50%;top: 56%;transform: translate(-50%, -50%);text-transform: uppercase;width: 100%;} .zjdl div{} .zjdl div ul{display: flex;flex-wrap: wrap;align-content: flex-start;} .zjdl div ul li{width: calc(25% - 12px);background-color: #fff;text-align: center;line-height: 3;font-size: 26px;margin-bottom: 20px;} .zjdl div ul li:nth-child(4){margin-right:0px;} .zjdl div ul li:nth-child(1){margin-right: 1%;} .zjdl div ul li:nth-child(2){margin-right: 1%;} .zjdl div ul li:nth-child(3){margin-right: 1%;} .zjdl div ul li img{display: block;width: 100%;} .zjdl div ul li:hover{cursor: pointer;opacity: 0.7;} /*网办大厅*/ dl, dd { margin: 0; } #box { width:100%; background: rgba(255, 255, 255, 0.8); margin: 20px auto; border: 1px solid #E5E5E5; } #box dl { /*height: 50px;*/ line-height: 50px; border-bottom: 1px solid #eaeaea; margin: 0 20px;overflow: hidden; } #box dt { float: left; color: #1f95e2; background: #eef5f8; height: 30px; line-height: 30px; border-radius: 20px; font-size: 14px; padding: 0 10px; text-align: center; margin-top: 10px; } #box dd { float: left; color: #252525; margin: 0 20px; font-size: 14px; cursor: pointer;height: 30px;line-height: 30px;margin-top: 10px;padding: 0 10px; } #box dd.active { color: #fff; background: #1f95e2;border-radius: 50px;height: 30px;line-height: 30px;margin-top: 10px;padding: 0 10px; } #box dl.select { background: #fff; margin: 0; padding: 0 20px;border-top: 1px solid #eaeaea } #box dl.select dd{ border: 1px solid #eaeaea; height: 25px; line-height: 25px; margin-top: 13px; padding: 0 2px 0 10px;color: #1f95e2; border-radius: 3px;background-color: #fff; } #box dl.select dd span{ width: 16px; height: 16px;font-size: 12px; display: inline-block; text-align: center; line-height: 16px; background: #1f95e2; color: #fff; margin-left: 10px; cursor: pointer;border-radius: 5px;margin-top: 2px; } .qk{font-size: 12px;color: #de1818;position: absolute;right: 18%;} .jieguo{ height: 50px; line-height: 50px; border: 1px solid #eaeaea;padding: 0 2%;width: 96%; } .jieguo p{font-size: 14px;float: left;margin-right: 10%;} .search { width: 290px; height: 32px; margin-top: 5px; float: right; } .search .search-input1 { width: 160px; border: 1px solid #ccc; background: #fff; height: 36px; float: left; line-height: 30px; font-size: 13px; color: #999; padding-left: 14px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .search .search-btn { width: 40px; float: left; height:38px; background: url(../images/sous.png) left top no-repeat; overflow: hidden; border: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px;margin-left: 4%; } .sousuo-jg{border: 1px solid #eaeaea;overflow: hidden;margin: 20px 0} .ss-title{width: 100%;height: 40px;color: #000;line-height: 40px;background: #f9f9f9;padding-left: 2%;} .ss-jg{width:96%;overflow: hidden;padding: 20px 2%;border-bottom: 1px solid #eaeaea;} .ss-left{width: 60%;float: left;font-size: 14px;line-height: 24px;color: #000;} .ss-right{float: right;width: 16%;} .ss-bt1{width: 45%;height: 28px;color: #1f95e2;border: 1px solid #1f95e2;background: #eef8ff;border-radius: 5px;text-align: center;font-size: 13px;margin-right: 3%;margin-top: 10px} .ss-bt2{width: 45%;height: 28px;color: #fff;border: 1px solid #1f95e2;background: #1f95e2;border-radius: 5px;text-align: center;color: #fff;font-size: 13px;margin-top: 10px;} .zt-r { width: 100%; display: block;overflow: hidden;height: 40px; margin-top: -60px;} .it-rk { width: 100%;float: left; display: inline; z-index: 2; background: #fff;} .link { padding-top: 0px;height: 30px;width: 90px; float: right;margin-top: 7px;} .link li { width: 40px; height:30px;background:#fff;color: #000; font-size: 12px; line-height: 50px;float: left;text-align: center;border:1px solid #f1f1f1;} .link li.current { width: 40px; height: 30px;background:#f1f1f1;color: #000; font-size: 12px;line-height:50px;text-align: center; border:1px solid #f1f1f1;} .rc-llist{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px dashed #d0d0d0;} .rc-llists{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px dashed #d0d0d0;background: #f6f6f6;margin-top: 15px;} .rc-llist p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .linq { padding-top: 0px;height: 30px;width: 90px; float: right;margin-top: 7px;} .linq li { width: 40px; height:30px;background:#fff;color: #000; font-size: 12px; line-height: 50px;float: left;text-align: center;border:1px solid #f1f1f1;} .linq li.current { width: 40px; height: 30px;background:#f1f1f1;color: #000; font-size: 12px;line-height:50px;text-align: center; border:1px solid #f1f1f1;} .rr5{float: left;font-size: 14px;color: #F40004;width: 15%;} .rr6{float: left;font-size: 12px;color: #3D3D3D;width: 10%;text-align: right;} .rr7{float: left;font-size: 14px;color: #000;width: 10%;text-align: right;} .rr8{float: left;font-size: 14px;color: #000;width: 15%;} .rr9{float: left;font-size: 14px;color: #000;width: 22%;padding-left: 1%;} .rr10{float: left;font-size: 14px;color: #000;width: 15%;} .rr11{float: left;font-size: 14px;color: #000;width: 35%} .lind { padding-top: 0px;height: 30px;width: 90px; float: right;margin-top: 7px;} .lind li { width: 40px; height:30px;background:#fff;color: #000; font-size: 12px; line-height: 50px;float: left;text-align: center;border:1px solid #f1f1f1;} .lind li.current { width: 40px; height: 30px;background:#f1f1f1;color: #000; font-size: 12px;line-height:50px;text-align: center;border:1px solid #f1f1f1; } .cc1{width: 14%;float: left;font-size: 14px;color: #000;padding-left: 1%;} .cc2{width: 10%;float: left;font-size: 14px;color: #000;} .cc3{width: 14%;float: left;font-size: 14px;color: #000;} .cc4{width: 10%;float: left;font-size: 14px;color: #000;} .cc5{width: 14%;float: left;font-size: 14px;color: #000;} .cc6{width: 14%;float: left;font-size: 14px;color: #000;} .cc7{width: 22%;float: left;font-size: 14px;color: #496eb2;} .text-tree{width: 255px;overflow:hidden; height: 38px; border-radius: 2px; border:1px solid #ccc; float: left; margin-right: 15px; font-size:14px; line-height: 38px; padding-left: 15px;} .aa{} .rno{margin-right: 0!important;} .gwshop ul li{width: 32.75%; float: left; display: inline; height: 120px; overflow: hidden; margin-right: 0.6%; margin-top: 15px; border:1px solid #ddd; } .shop-top{height: 40%;border-bottom: 1px dashed #e0e0e0;padding: 12px;} .mc-t{font-size: 16px;color: #000;float: left;margin-right: 5px;max-width: 240px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .mct{font-size: 12px;color: #999;line-height: 20px; margin-top: 6px;text-align: right;} .xs{font-size: 18px;color: #dc1d02;float: right; margin-right: 10px;text-align: right; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;max-width: 100px;} .jy{font-size: 12px;color: #666;float: left;line-height: 23px;width: 70%;margin-top: 6px;} .gw-biaoqian{ min-width: 60px; height: 19px; float: left; margin-top: 6px; margin-right: 10px; border-radius: 3px; background: #ebebeb; padding-left: 5px; padding-right: 5px; line-height: 19px; font-size: 12px; color: #333; } .shop-bot{padding-top: 12px;} .mn-t{font-size: 14px;color:#000;margin-top: 0px; padding-left: 15px; } .jy-z{font-size: 12px;color:#999; padding-left: 15px; } .rcshop{overflow: hidden;width: 100%;} .rcshop ul li{width: 32%; float: left; display: inline; height: 72px; overflow: hidden; margin-left: 0.5%; margin-right: 0.6%; margin-top: 15px; border:1px solid #ddd; } .rct-title{font-size: 16px;color: #000; padding-left: 15px; padding-top: 10px;} .rct-test{font-size: 12px;color: #999;margin-top: 7px; padding-left: 15px;} .zp-nav{background: #fff;height: 30px;margin-top: 15px;} .zp-nav img{float: left;margin-left: 10px;margin-top: 0px;margin-right: 10px;} .gw-search{width:60%; margin-top: 15px; margin-left: auto; margin-right: auto;} .gw-search .gws-input{width:90%; float: left; height: 42px; background: #f1eeee; line-height: 42px; font-size: 14px;} .gw-search .gws-input input{width:100%; height: 42px; padding-left: 15px; border:none; font-size: 14px; color: #666; background: none;} .gw-search .gws-btn{width:10%; height: 42px; line-height: 42px; text-align: center; background: #3171b6; cursor: pointer; float: right; } .gw-search .gws-btn img{ height:100%;} .gw-search .gws-test{padding-top: 10px; font-size: 14px; color:#174073;} .gw-search .gws-test a{ color:#666; padding-right: 10px;} .gw-sx{ padding:16px; background: #f8fafd; margin-top: 15px; } .remen-jg{overflow: hidden;margin: 20px 0} .linq li p{margin-top: -10px;} .dl-banner img{width: 100%} .bm-zx{margin: 20px 0;overflow: hidden;} .bm-le{float: left;width: 48%;} .bm-re{float: right;width: 48%;} .bm-le img{width: 100%;} .bm-re img{width: 100%;} /* 人才之家 */ .mtop30{margin-top: 30px;} .rczj{background-color: #e0ecff; padding-bottom: 0;} .rczj-banner{width: 100%;height: 178px;background: url(../images/rczj-banner.png) no-repeat center/100%;} .rczj-con{background-color: #fff;border-radius: 10px 10px 0 0; padding: 50px;} .rczj-tit{font-size: 26px;background:url(../images/home-xtit.png) no-repeat left top/auto 5px;padding:15px 0 15px 0;} .rczj-tit span{font-size: 24px; font-weight: bold;position: relative;} /*.rczj-tit span::after{content: ""; display: inline-block; width:96px; height:10px;background:rgba(53,103,237,0.2);position: absolute;left:0;bottom:2px;}*/ .rczj-tit a{float: right; font-size: 20px; border: 1px solid #2590f2; color: #2590f2; margin-top: 6px; padding: 2px 20px; border-radius: 20px;} .rczj-tit a:hover{opacity: 0.6;} .aczd{} .aczd-con{overflow: hidden;} .aczd-con h4{font-size: 18px; line-height:2.4;font-weight:500;} .aczd-con h4 img{width: 33px;margin-bottom: -3px;} .aczd-con p{font-size: 15px;line-height:1.6;color: #868686;} .aczd-con h6{font-size: 13px; line-height:2;color: #868686;margin: 0;font-weight: normal;} .aczd-con-1{width:calc(35% - 26px);float: left; margin-right:26px;} .aczd-con-1 img{width: 100%;} .aczd-con-1:hover,.aczd-con ul li:hover{cursor: pointer;} .aczd-con-1:hover h4,.aczd-con ul li:hover h4{color: #2590f2;} .aczd-con ul{width:65%;float:left;} .aczd-con ul li{width:calc(50% + 13px);float: left;padding:12px 26px 16px 26px; box-sizing: border-box;border-left: 1px solid #dadee9;} .aczd-con ul li:nth-child(1),.aczd-con ul li:nth-child(2){border-bottom: 1px solid #dadee9;padding-top:0;} .aczd-con ul li:nth-child(2),.aczd-con ul li:nth-child(4){width: calc(50% - 13px);padding-right:0;} .aczd-con ul li h6{margin-top: 20px;} .jczd{} .jczd-con{background-color: #f6f7fb;padding:50px;} .focus{text-align:left; height:210px; position:relative; overflow:hidden; } .focus .bd{padding: 0 90px;overflow: hidden;} .focus .bd img{ width:280px; height:190px;background: url(../images/jczd-pic-bg.png) no-repeat center bottom/100% 60%;padding:0 20px 20px 20px;float: left;margin-right:40px;} .focus .bd ul li h4{font-size: 18px; line-height: 2;font-weight: normal;} .focus .bd ul li:hover{cursor: pointer;} .focus .bd ul li:hover h4{color: #2590f2;} .focus .bd ul li p{font-size: 15px; line-height:2;color: #868686;} .focus .bd ul li a.ckgd{color: #2590f2;background: url(../images/rczj-arrow-hov.png) no-repeat center right/auto 60%; padding-right: 20px; margin-top:30px;display:inline-block;font-size: 16px;} .focus .prev{background:url(../images/prev.png) no-repeat center/100%; position:absolute; top:50%; left:0; margin-top:-25px; display:block; width:40px; height:40px; opacity:0.5; } .focus .next{background:url(../images/next.png) no-repeat center/100%; position:absolute; top:50%;right:0; margin-top:-25px; display:block; width:40px; height:40px; opacity:0.5; } .focus .prev:hover,.focus .next:hover{opacity:1;cursor: pointer;} .cczc{} .cczc-con{} .cczc-con ul{display: flex;flex-wrap: wrap;align-content: flex-start;} .cczc-con ul li{position: relative;padding:0 36px 16px 0;box-sizing: border-box;width:calc(33% + 18px);} .cczc-con ul li:nth-child(3),.cczc-con ul li:nth-child(6){padding:0 0 16px 0;width: calc(34% - 36px);} .cczc-con ul li img{width: 90px;height: 128px;float: left; margin-right: 18px;border:2px solid #f6f7fb;} .cczc-con ul li h4{font-size: 18px; line-height: 2;font-weight: normal;} .cczc-con ul li:hover h4{color: #2590f2;cursor: pointer;} .cczc-con ul li h4 img{width: 33px;margin-bottom: -3px;float: none;height: auto;} .cczc-con ul li h6{font-size: 13px; line-height:2;color: #868686;font-weight: normal;margin: 0;} .sczf{width: 302px;float: left;} .sczf img{width: 100%;} .djyl{width: calc(100% - 604px);float: left; padding: 0 50px; box-sizing: border-box;} .djyl-con ul{margin-top: -6px;} .djyl-con ul li{background: url(../images/djyl-ico.png) no-repeat left center/auto 40%; padding-left:26px;font-size: 18px;line-height: 2.4;} .djyl-con ul li img{width: 33px;margin-bottom: -3px;} .djyl-con ul li:hover{cursor: pointer;color: #2590f2;} .djyl a.ckgd{color: #2590f2;background: url(../images/rczj-arrow-hov.png) no-repeat center right/auto 60%; padding-right: 20px; margin-top: 10px;display:inline-block;} .dyjh{width: 302px;float: left;} .dyjh img{width: 100%;} .dyjh-con a{font-size: 30px;color: #fff;width:302px;height: 50px;display: block;line-height: 50px;padding-left:83px;box-sizing: border-box;margin-bottom:5px;font-weight: bold;} .dyjh-con a.dyjh-ico1{background: url(../images/dyjh-ico1.png) no-repeat center/100% auto;} .dyjh-con a.dyjh-ico2{background: url(../images/dyjh-ico2.png) no-repeat center/100% auto;} .dyjh-con a.dyjh-ico3{background: url(../images/dyjh-ico3.png) no-repeat center/100% auto;} .dyjh-con a.dyjh-ico4{height: 77px;width:302px;margin: 0;padding: 0;} /* 鸿雁联盟 */ .hylm{background-color: #e0ecff;padding-bottom: 0;} .hylm-banner{width: 100%;height:200px;background: url(../images/hylm-banner.png) no-repeat center/100%;} .hylm-con{background-color: #fff;border-radius: 10px 10px 0 0;padding: 50px;margin-top: 20px;} .hylm-tit{font-size: 26px;background:url(../images/home-xtit.png) no-repeat left top/auto 5px;padding:15px 0 15px 0;} .hylm-tit img{padding: 0 12px 9px 0;float: left;border-bottom:4px solid #153eda;width: 45px;height: 45px;margin-top: -2px;} .hylm-tit span{font-size:30px;bcolor: #333333;padding-bottom: 10px;} .hylm-tit span em{color: #989898;font-style: normal;font-size: 20px;} .hylm-tit a{float: right;font-size:20px;border: 1px solid #2590f2;color: #2590f2;margin-top:6px;padding:2px 20px;border-radius: 20px;} .hylm-tit a:hover{opacity: 0.6;} /* 专家风采 */ .zjfc{} .zjfc-con{margin:0px -15px 30px -15px;overflow: hidden;} .zjfc-con ul{display: flex;position: relative; padding: 20px 0;} .zjfc-con ul li{/*box-shadow: 0 0 10px #f0f0f0;*/border-radius: 10px;padding: 20px 0;/*margin: 0 15px;*/} .zjfc-con ul li img{margin:10px auto 20px auto;display: flex;} .zjfc-con ul li p{line-height:1.6;font-size: 14px;color: #666;} .zjfc-con ul li:hover{opacity: 0.8;cursor: pointer;} .Box {position: relative;} .Box .Box_con .conbox ul li {float: left;margin-left:2%;overflow: hidden;width:23%} /* 工作站点 */ .gzzd{} .gzzd-con{margin:40px 0 50px 0;} .gzzd-con ul{display: flex;margin: 0 -30px;} .gzzd-con ul li{padding: 0 30px;width:calc(33.33% - 60px) ;border-right: 1px dashed #e8e8e8;} .gzzd-con ul li:last-child{border-right: none;} .gzzd-con ul li img{width: 100%;height: 220px;margin-bottom: 20px;} .gzzd-con ul li h4{font-size: 22px;} .gzzd-con ul li p{line-height:1.6;font-size: 18px;} .gzzd-con ul li:hover{opacity: 0.8;cursor: pointer;} /* 工作动态 */ .gzdt{} .gzdt-con{display: flex;margin:40px 0 50px 0;} .gzdt-con-left{width:42%;margin-right: 30px;} .gzdt-con-left img{width: 100%;height: 200px;margin-bottom: 20px;} .gzdt-con-left h4{font-size: 22px;} .gzdt-con-left h6{margin:10px 0;font-weight: normal;font-size: 18px;background: url(../images/time-ico.png) no-repeat left center; padding-left: 30px;} .gzdt-con-left p{line-height:1.6;font-size: 18px;margin-top: 10px;} .gzdt-con-right{width: calc(58% - 30px);} .gzdt-con-right ul li{border-bottom: 1px solid #e8e8e8;line-height:63px;font-weight: bolder;background: url(../images/gzdt-con-right-ico.png) no-repeat left center;padding-left:30px;} .gzdt-con-right ul li:hover{color: #153EDA;cursor: pointer;} .gzdt-con-right ul li span{float: right;font-weight: normal;} /* 人才咖啡活动 */ .rckfhd{} .rckfhd-con{display: flex;margin:40px 0 0 0;} .rckfhd-con-left{width:42%;margin-right: 30px;} .rckfhd-con-left img{width: 100%;height: 272px;} .rckfhd-con-right{width: calc(58% - 30px);} .rckfhd-con-right h4{font-size: 22px;} .rckfhd-con-right p{line-height:1.6;font-size: 18px;} .rckfhd-con-right button{border: none;border-radius: 50px;width: 50%;line-height:56px;font-size: 24px;font-weight: bolder;background: #2590f2;color: #fff;margin-top: 10px;} /* 政策匹配-个人-外籍人才 */ .talent{} .talent-tab{} .talent-tab p{display: flex;text-align: center;padding: 0 142.5px;width: 1000px;} .talent-tab p a{width: 205px;height: 175px;display: inline-block; margin: 0 64px;} .talent-tab p a.talent-tab-ico1{background: url(../images/talent-tab-ico1-hh.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico2{background: url(../images/talent-tab-ico2-hh.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico3{background: url(../images/talent-tab-ico3-hh.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico1:hover,.talent-tab p a.talent-tab-ico1.hover2{background: url(../images/talent-tab-ico1.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico2:hover,.talent-tab p a.talent-tab-ico2.hover2{background: url(../images/talent-tab-ico2.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico3:hover,.talent-tab p a.talent-tab-ico3.hover2{background: url(../images/talent-tab-ico3.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico4{background: url(../images/talent-tab-ico4-hh.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico5{background: url(../images/talent-tab-ico5-hh.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico6{background: url(../images/talent-tab-ico6-hh.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico4:hover,.talent-tab p a.talent-tab-ico4.hover2{background: url(../images/talent-tab-ico4.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico5:hover,.talent-tab p a.talent-tab-ico5.hover2{background: url(../images/talent-tab-ico5.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico6:hover,.talent-tab p a.talent-tab-ico6.hover2{background: url(../images/talent-tab-ico6.png) no-repeat center/100%;} .talent-tab p a.talent-tab-ico7{background: url(../images/talent-tab-ico7.png) no-repeat center/100%;} .talent-tab .box2{background: url(../images/talent-tab-line.png) no-repeat center top 52px/100% auto;width: 1200px; margin: 0 auto;position: relative;min-height: 340px;} .talent-tab .box2 ul{display: flex;margin:30px 80px;width: calc(100% - 160px);} .talent-tab .box2 ul li{width:calc(25% - 30px); margin: 0 15px;color: #868686;font-size: 14px;text-align: center;cursor: pointer;} .talent-tab .box2 ul li span{font-size: 18px;color: #212121;display: block;} .talent-tab .box2 ul li em{display: block;margin:15px auto;width:27px; height:27px;background: url(../images/talent-tab-dian.png) no-repeat center/100%;} .talent-tab .box2 ul:nth-child(2){position:absolute;top:136px} .talent-tab .box2 ul li:hover,.talent-tab .box2 ul li:hover span{color: #3567ed;} .talent-tab .box2 ul.width-33 li{width:calc(33.33% - 30px);} /* 面包屑 */ .crumbs{line-height: 69px;color: #868686;font-size: 14px;} .crumbs span{font-weight:600; padding:0 20px 0 12px;background: url(../images/crumbs.png) no-repeat left center/auto 70%;color:#212121;font-size: 18px;} .crumbs a{color: #868686;} .crumbs a:hover{color: #2590f2;} .crumbs a.home{background: url(../images/crumbs-ico.png) no-repeat left center/auto 70%; padding-left:22px;} /* 创新创业*/ .cycx-details{width: 1280px;margin:0 auto 0 auto;min-height: 600px; position:relative} .cycx-details-dh{ height:50px; background: #f0f2f6; line-height:50px; padding: 0 20px; font-size: 14px; color: #0e0d0d} .cycx-details-dh span{color: #2590f2; margin: 0 10px} .cycx-details-dh .fhsyb{ float: right;color: #2590f2;} .cycx-details_box{ padding: 30px 8px 30px 78px} .inco_cxcy{ background: url(../images/inco_zcpp.png) no-repeat; width: 78px; height: 78px; background-size: 100%; position: absolute;left: 0} .cxcy_box{ position: relative; height:109px; } .cxcy_box_line{ background: url(../images/cxcy_line.png) repeat; height:2px; position: absolute; left: 0px; top:39px; right:10px; } .cxcy_box:after{ background: url(../images/cxcy_line_right.png); width:13px; height: 111px; position: absolute;right: 0;top: 39px;content: "";} .cxcy_box:before{ background: url(../images/cxcy_line_left.png); width:13px; height: 111px; position: absolute;left: -10px;top: 39px;content: "";} .cxcy_box:nth-child(2n):before{ display: none} .cxcy_box:nth-child(2n+1):after{ display: none} .cxcy_box:last-child:after{ display: none} .cxcy_box:last-child:before{ display: none} .cxcy_boxnr{ width: 16%; margin: 60px 1.2% 0 1.2%; position: relative; display: inline-block;font-size: 14px; text-align: center;background: #fff ; padding: 10px 0.5%; border: 1px solid #2590f2; border-radius:4px;cursor: pointer} .cxcy_boxnr:nth-child(5n){ margin: 54px 0 0 1.2%;} .cxcy_boxnr:after{ content: ""; background: #2590f2; width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 50%; margin-left: -6px; top: -27px } .cxcy_boxnr:before{ content: ""; border: solid #2590f2;border-width: 0 1px 1px 0;display: inline-block;padding: 5px; display: inline-block;background: #fff; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);position: absolute; left: 50%; margin: 0 0 0 -5px;top: -6px} .cxcy_boxnr:hover{ background: #2590f2; color: #fff} .cxcy_boxnr:hover:before{background: #2590f2;border: solid #2590f2;} /* 创新创业 end*/ /* 政策快查 */ .Policyqc{} .Policyqc-search{background-color: #f0f2f6;padding:45px 200px 25px 200px;} .Policyqc-search input{width:calc(100% - 94px);height: 50px;border: none;float: left;padding:0 0 0 10px;font-size: 16px;} .Policyqc-search button{height: 50px;background-color: #2590f2; border: none;width: 84px; color: #fff;font-size: 18px;} .Policyqc-search p{line-height: 55px;font-size: 14px;color: #626262;} .Policyqc-search p a{color: #2590f2; margin-right: 10px;} /* .centera{padding:20px 0 0 0;overflow:hidden;} .centera > p{display: flex;border-bottom:1px solid #2590f2;} .centera p a{border: 1px solid #dadee9;border-bottom: none; margin-right: 4px; padding: 12px 24px;font-size: 16px;color: #626262;} .centera p a.hover{background-color:#2590f2;border: 1px solid #2590f2;color: #fff;font-size: 18px;} */ .box,.box1,.box2{display:none;} .Policyqc .tablea{width: 1200px; margin:10px auto 0 auto;} .Policyqc-list{width: 1280px; margin:0 auto;} .Policyqc-list ul{display: flex;flex-wrap: wrap;align-content: flex-start;} .Policyqc-list ul li{width:calc(50% - 10px);box-shadow:0 0 8px rgba(0,0,0,0.1); margin:10px 0; padding:20px;box-sizing: border-box;position: relative;border:1px solid #dadee9;} .Policyqc-list ul li:nth-child(odd){margin-right:20px;} .Policyqc-list ul li h4{font-size: 20px;} .Policyqc-list ul li p{font-size: 16px;color: #868686; margin-top:6px; line-height: 1.8;} .Policyqc-list ul li a{position: absolute; bottom: 20px;right: 20px;width:84px;height:34px; border-radius:42px;border: 1px solid #dadee9;text-align: center;font-size: 14px;color: #6374a1; background: url(../images/lits-ico.png) no-repeat center top 16px/40% auto; padding-top:50px;} .Policyqc-list ul li a:hover,.Policyqc-list ul li:hover a{background:url(../images/lits-ico-hov.png) no-repeat center top 16px/40% auto #2590f2;border: 1px solid #2590f2;color: #fff;} .Policyqc-list ul li:hover{background-color: #f1f8ff;cursor: pointer;} .Policyqc-list ul li:hover h4{color: #2590f2;} /* 政策详情页-业务办理 */ .bg1{background: url(../images/bg1.png) no-repeat top/100% auto;} .bg1 .header{background-color: rgba(12,88,237,0.3);} .bg1 .crumbs,.bg1 .crumbs a{color: #fff;} .bg1 .crumbs a.home{background: url(../images/crumbs-ico-2.png) no-repeat left center/auto 70%; padding-left:22px;} .Policy-details{width: 1280px;background: url(../images/con-bg.png) no-repeat top center/100% auto;margin:-15px auto 20px auto;padding:24px 15px;min-height:calc(100vh - 220px);} .centera1{overflow:hidden;margin:5px 25px;} .centera1 > p{border-bottom:1px solid #dadee9;text-align: center;line-height:3;} .centera1 > p a{font-size: 18px;color: #626262; margin:0 20px; } .centera1 > p a.hover1{color: #2590f2;font-size:20px;position: relative;} .centera1 > p a.hover1::after{content: '';background-color: #2590f2;height:3px;bottom:-16px;width:50px;display:inline-block;position: absolute;left: 50%;transform: translate(-50%,0);} .Policy-details .centera > p{display: flex;border-bottom:none;} .Policy-details .centera p a{border: 1px solid #dadee9;margin-right: 4px; padding: 10px 20px;font-size: 14px;color: #626262;text-indent: 0;} .Policy-details .centera p a.hover{background-color:#2590f2;border: 1px solid #2590f2;color: #fff;font-size: 16px;} .box1 h2{text-align: center; margin-top: 20px;} .box1 h6{margin: 0;text-align: center;color: #868686;font-size: 16px;font-weight: normal;line-height: 2;} .box1 p{font-size: 16px;line-height: 1.5; text-indent: 32px; margin: 10px 0;} .box1 h4{background-color: #f0f2f6; line-height: 50px; padding-left: 20px;margin-top:20px;} /* 政策内容展示 */ .Policy-content{} .Policy-content-cc{ width: 1280px; background: url(../images/con-bg.png) no-repeat top center/100% auto; margin: -15px auto 0 auto; padding: 24px 60px; min-height:calc(100vh - 156px); box-sizing: border-box; } .Policy-content-cc h4{text-align: center; line-height: 3;font-size: 24px;} .Policy-content-cc div{width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start; margin-top: 10px;} .Policy-content-cc div p{width: 100%;text-align: left;font-weight: normal;color: #212121;text-indent: 0;display:table;border-top: 1px solid #f0f2f6; padding: 10px 0; line-height: 2;} .Policy-content-cc div p.line{border-bottom: 1px solid #f0f2f6;} .Policy-content-cc div span{color: #626262;display: inline-block;width:144px; text-align: right;display:table-cell;} .width100{width: 100% !important;} .Policy-content-cc div > input[type=submit] { background-color: #2590f2; line-height: 48px; border: 0; color: #fff; padding: 0 30px; border-radius: 5px; font-size: 18px; margin:20px auto; } /*0816*/ .centera2{overflow:hidden;margin:5px 0px;width: 100%} .centera2 > p{border-bottom:1px solid #dadee9;text-align: center;line-height:3;background: #efefef;} .centera2 > p a{font-size: 16px;color: #626262; margin:0 0px;float: left;padding: 0 10px} .centera2 > p a.hover1{color: #fff;font-size:16px;position: relative;float: left; margin:0 0px;background: #2590f2;padding: 0 10px} .centera2 > p a.hover1::after{content: '';background-color: #2590f2;height:3px;bottom:-16px;width:50px;display:inline-block;position: absolute;left: 50%;transform: translate(-50%,0);} .cru-top{width: 100%;line-height: 24px;color: #333;font-size: 30px; background-color: #fff;box-shadow: 0 0 30px #e9edff;;padding: 10px 20px} .yanse{width: 100%;background:#edf5f7} .con-widths{width: 100%;background: #efefef;overflow: hidden;margin-top: 20px;} .set-box{width: 98%;background: #fff;padding: 20px;margin-bottom: 20px;} .set-t{width: 100%;overflow: hidden;} .set-t img{float: left;width: 30px;margin-right: 10px;} .set-t p{float: left;font-size: 22px;color: #2590f2;margin-top: 5px;} .set-n{width: 98%;overflow: hidden;font-size: 20px;color: #333;margin-top: 10px;} .set-n img{width: 12px;height: 12px;margin-right: 4px;} .set-s{width: 100%;overflow: hidden;font-size: 20px;color: #6f89a4;margin-top: 10px;} .set-s img{width: 14px;height: 16px;margin-right: 4px;} .set-s span a{float: right;font-size: 20px;;color: #438edf;} .set-a{color: #fff;background-color: #2590f2;margin-right:5%;float: right;font-size: 25px}