.notice-wrap{ width: 100%; padding: 40px 0; background: #fff; } .notice-img{ float: left; width:240px; height: 120px; background: url("/images/nite.png") no-repeat center center; } .noticepa{ margin-left: 25px; } .noticepa h4{ padding: 25px 0; font-size: 24px; color:#fff; } .noticepa>a{ width: 94px; height: 24px; line-height: 24px; border:1px solid #fff; font-size: 14px; color:#fff; text-align: center; } .noticepa>a em{ width: 12px; height: 11px; background: url("/images/icon.png") no-repeat center center; margin-right: 4px; } .notice-ul{ width: 75%; float: right; } .notice-ul li{ position: relative; float: left; width: 33%; padding-right: 6%; } .notice-ul li h6{ height: 80px; font-size: 18px; color:#333; font-weight: 400; } .notice-ul li span{ margin-bottom: 20px; width: 30px; height: 1px; background: #00adef; } .notice-ul li p{ font-size: 14px; color:#666; } .newpa{ position: absolute; top:0; right:10%; width: 29px; height: 15px; background: url("/images/new.png") no-repeat center center; } .article-wrap{ padding: 50px 0; background: #f0f0f0; } .yaowen-big{ width: 100%; height: 380px; } .yaowenleft{ position: relative; float: left; width: 50%; height: 380px; background: #00adef; overflow: hidden; } .picScroll-top .hd { position: absolute; top:0; right:4%; z-index: 20; overflow: hidden; } .picScroll-top .hd .prev, .picScroll-top .hd .next { display: block; width: 30px; height:30px; float: right; margin-right: 10px; margin-top: 10px; overflow: hidden; cursor: pointer; } .picScroll-top .hd .next { right:0; background: url("/images/top.png") no-repeat center center; } .picScroll-top .hd .prev{ right:10%; background: url("/images/down.png") no-repeat center center; } .picScroll-top .bd ul { width: 100%; height: 380px; overflow: hidden; } .picScroll-top .bd ul li { width: 100%; height: 380px; overflow: hidden; padding: 0 4%; } .picScroll-top .bd ul li h4{ padding: 30px 0; font-size: 24px; color:#fff; font-weight: 400; text-align: left; } .picScroll-top .bd ul li h1{ font-size: 30px; color:#fff; text-align: left; } .picScroll-top .bd ul li p{ padding: 30px 0 70px; font-size: 14px; color:#fff; font-weight: 600; } .yanwenbtn{ width: 100%; } .yanwenbtn>a{ padding: 16px 30px; font-size: 14px; color:#fff; } .yanwenbtn>a em{ width: 14px; height: 10px; background: url("/images/arrwhite-left.png") no-repeat center center; margin-left: 10px; } .yanwenbtn>a.active{ color:#00adef; background: #fff; } .yanwenbtn>a.active em{ background: url("/images/arrblue-left.png") no-repeat center center; } .yaowenright{ float: left; width: 50%; height: 380px; background: #01437d; overflow: hidden; position: relative; } .picScroll-left .hd { position: absolute; bottom:10%; left:50%; z-index: 20; transform: translateX(-50%); overflow: hidden; } .picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; } .picScroll-left .hd ul li { float: left; width: 10px; height: 10px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; border:2px solid #358eac; background: #358eac; border-radius: 6px; } .picScroll-left .hd ul li.on { background: none; } .picScroll-left .bd ul { width: 100%; } .picScroll-left .bd ul li { width: 100%; } .picScroll-left .bd ul li a{ width: 100%; } .picScroll-left .bd ul li a img{ width: 100%; vertical-align: middle; } .yaowen-down{ margin-top: 30px; } .yaowen-down>div{ width: 49%; padding: 20px; height: 300px; background: #fff; } .work-img{ float: left; width: 40%; } .work-img img{ width: 100%; vertical-align: middle; } .work-cont{ float: right; width: 54%; } .work-tle{ padding: 10px 0 20px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .work-tle h4{ font-size: 24px; color:#333; font-weight: 400; } .work-tle>a{ font-size: 14px; color:#00adef; } .work-tle>a em{ width: 12px; height: 11px; background: url("/images/blueicon.png") no-repeat center center; margin-right: 6px; } .workul{ width: 100%; } .workul li{ width: 100%; padding: 12px 0 ; border-bottom: 1px dashed #dfdfdf; } .workul li a{ font-size: 16px; color:#333; } .workul li:hover a{ color:#00adef; } .mien-wrap{ width: 100%; padding-bottom: 50px; } .mien-bg{ background: -webkit-linear-gradient(#fff,#f2f2f2); background: -o-linear-gradient(#fff,#f2f2f2); background: -moz-linear-gradient(#fff,#f2f2f2); background: linear-gradient(#fff,#f2f2f2); } .voice-bg{ background: #fff; } .mien-big { width: 100%; overflow: hidden; position: relative; } .mienvoice-tle{ padding: 38px 0; display: flex; justify-content: space-between; align-items: center; } .mienvoice-tle h4{ font-size: 24px; color:#333; font-weight: 400; } .mienvoice-tle .hd { width: 70px; } .mienvoice-tle .hd .prev, .mienvoice-tle .hd .next { width: 30px; height: 30px; cursor: pointer; } .mienvoice-tle .hd .prev { background: url("/images/right.png") no-repeat center center; } .mienvoice-tle .hd .next { background: url("/images/left.png") no-repeat center center; } .mien-big .bd { width: 100%; } .mien-big .bd ul { width: 100%; overflow: hidden; } .vipfengcaiul li{ position: relative; width: 100%; height: 380px; _display: inline; overflow: hidden; margin-right: 30px; display:block; } .vipfengcaiul li>a { position: relative; width: 100%; } .vipfengcaiul li>a .imgpa{ position: absolute; z-index: 10; bottom:100%; left:0; width: 100%; height: 100%; background: rgba(0,143,213,.5); } .vipfengcaiul li>a img{ width: 100%; } .vipfengcaiul li .pic img { width: 100%; height:290px; display: block; } .vipfengcaiul li .mien-cont{ position: absolute; bottom:0; left:0; z-index: 20; width: 100%; padding:0 20px 20px; } .vipfengcaiul li .mien-cont h6{ padding: 16px 0 8px; font-size: 14px; color:#fff; font-weight: 400; } .vipfengcaiul li .mien-cont h6 span{ font-size: 18px; } .vipfengcaiul li .mien-cont p{ font-size: 17px; color:#999; } .vipfengcaiul li .mien-cont>.miendeta{ display: block; width: 100%; height: 26px; line-height: 26px; font-size: 14px; color:#999; margin-top: 16px; } .vipfengcaiul li:hover .mien-cont>.miendeta{ display: block; } .vipfengcaiul li:hover>a .imgpa{ bottom:0; } .voice-big .bd { width: 100%; } .voiceul { width: 100%; overflow: hidden; } .voiceul li{ position: relative; float: left; width: 31.5%; height: 380px; _display: inline; overflow: hidden; margin-right: 30px; } .voiceul li>a { position: relative; width: 100%; height: 140px; font-size: 16px; color:#fff; } .voiceul li .voice-cont{ width: 100%; padding: 30px; height: 67px; line-height: 30px; background: #00adef; } .voiceul li .indexheight:before{ content:""; position:absolute; left:0; width:40px; height:40px; background: url("/images/bluearr.png") no-repeat center center; } .indexheight:before{ top:67px; } .voiceul li .radiocont{ margin-top: 50px; display: flex; justify-content: left; align-items: center; } .voiceul li .radioimg{ width: 60px; height: 60px; border:2px solid #00adef; border-radius: 30px; overflow: hidden; text-align: center; } .voiceul li .radioimg img{ width: 100%; text-align: center; } .voiceul li .radiocont>em{ font-size: 18px; color:#00adef; margin-left: 20px; } .huaxia-wrap{ width: 100%; padding: 50px 0; background: #f0f0f0; } .huaxialeft{ float: left; width: 66.25%; height: 600px; } .hualefttop{ width: 100%; height: 290px; overflow: hidden; } .hualefttop>div{ position: relative; width: 49%; } .hualefttop>div img{ width: 100%; vertical-align: middle; } .huaxiadown{ position: relative; width: 100%; margin-top: 20px; } .huaxiadown img{ width: 100%; vertical-align: middle; } .huaxiaright{ position: relative; float: right; width: 32.17%; } .huaxiaright img{ width: 100%; vertical-align: middle; } .huaxiapa{ position: absolute; top:20px; left:20px; z-index: 20; width: 100px; height: 36px; line-height: 36px; background: #00adef; font-size: 18px; color:#fff; text-align: center; } .hualefttop>div .maskhuaxia,.huaxiadown .maskhuaxia,.huaxiaright .maskhuaxia{ display: none; position: absolute; bottom:0; left:0; z-index: 10; width: 100%; height: 100%; background: rgba(0,143,213,.5); } .hualefttop>div:hover .maskhuaxia{ display: block; } .huaxiadown:hover .maskhuaxia{ display: block; } .huaxiaright:hover .maskhuaxia{ display: block; } .masksize{ position: absolute; bottom:0; left:0; z-index: 30; width: 100%; padding: 0 2%; } .masksize p{ font-size: 14px; color:#fff; } .masksize h5{ padding: 16px 0 30px; font-size: 22px; color:#fff; font-weight: 400; } .zxz-wrap{ padding: 50px 0; background: #fff; } .zxzul{ width: 100%; } .zxzul li{ float: left; width: 32%; margin-right: 2%; } .zxzul li:nth-child(3n){ margin-right: 0; } .zxzul li .zxzimg{ width: 100%; } .zxzul li .zxzimg img{ width: 100%; vertical-align: middle; } .zxzul li h4{ padding: 30px 0; font-size: 24px; color:#00adef; font-weight: 400; } .zxzulcont{ height: 250px; overflow: hidden; } .zxzulcont span{ font-size: 14px; color:#999; } .zxzulcont p{ padding: 6px 0 20px; font-size: 16px; color:#333; } .zxzseemore{ width: 100%; text-align: right; } .zxzseemore>a{ font-size: 14px; color:#00adef; } .zxzseemore>a em{ width: 12px; height: 11px; background: url("/images/blueicon.png") no-repeat center center; margin-right: 6px; } .zjfl-wrap{ width: 100%; padding: 50px 0; background: #f0f0f0; } .zjfl-big>div{ width: 48.75%; height: 150px; overflow: hidden; background: #00adef; } .zjfl-big>div .zjfy-img{ float: left; width: 50%; } .zjfl-big>div .zjfy-img img{ width: 100%; vertical-align: middle; } .zjfy-cont{ float: left; width: 50%; padding: 0 5%; } .zjfy-cont h4{ padding: 24px 0 8px; font-size: 24px; color:#fff; font-weight: 400; } .zjfy-cont p{ font-size: 16px; color:#fff; } .yplbt-wrap{ width: 100%; padding: 50px 0; background: #fff; } .yplbt-big { width: 100%; z-index: 20; height: 80px; overflow: hidden; position: relative; } .yplbt-big .hd { position: absolute; z-index: 30; top:50%; transform: translateY(-50%); width: 100%; } .yplbt-big .hd .prev, .yplbt-big .hd .next { width: 30px; height: 30px; cursor: pointer; } .yplbt-big .hd .prev { right:0; background: url("/images/cright.png") no-repeat center center; } .yplbt-big .hd .next { left:0; background: url("/images/cleft.png") no-repeat center center; } .yplbt-big .bd { width: 92%; margin: 0 auto; height: 80px; } .yplbt-big .bd ul { width: 100%; z-index: 10; overflow: hidden; } .yplbt-big .bd ul li{ float: left; width: 14.4%; height: 80px; _display: inline; overflow: hidden; margin-right: 30px; } .yplbt-big .bd ul li a{ width: 100%; border:1px solid #00adef; padding: 9px; } .yplbt-big .bd ul li a img{ width: 100%; vertical-align: middle; } .dynamic-bg{ background: #f0f0f0; } .dynamicdetalis{ width: 100%; padding: 40px 0; } .dydetatle{ width: 100%; padding: 40px 4% 20px; background: #fff; border-bottom: 1px solid #e4e4e4; } .dynamicdetalis{ } .dynamicdetalis h1{ font-size: 30px; color:#333; font-weight: 400; } .dynamicdetalis span{ padding: 20px 0 0; font-size: 14px; color:#666; } .dydetacont{ padding: 0 4% 60px; background: #fff; } .dydetacont p{ padding-top: 30px; line-height: 26px; font-size: 16px; color:#585858; } .dydetacont p span{ float: left; width: 50%; } .dydetacont p span img{ width: 100%; vertical-align: middle; } .dydetadown{ padding: 0 4%; margin-top: 20px; height: 100px; background: #fff; display: flex; justify-content: space-between; align-items: center; font-size: 14px; color:#6d6d6d; } .dydetadown .yipain{ font-size: 14px; color:#6d6d6d; } .dydetadown .yipain em{ width: 31px; height: 17px; margin-bottom: -4px; } .bigleft{ background: url("/images/bigleft.png") no-repeat center center; margin-right: 6px; } .bigright{ background: url("/images/bigright.png") no-repeat center center; margin-left: 6px; } .dydetadown a{ font-size: 14px; color:#00adef; } .dydetadown .fanhuib em{ width: 12px; height: 12px; background: url("/images/blueicon.png") no-repeat center center; margin-left: 6px; } .dynamicsub{ width: 100%; padding: 12px 0; background: #e4e4e4; text-align: center; } .dynamicsub>a{ font-size: 16px; color:#333; margin: 0 22px; padding: 10px 28px; } .dynamicsub>a.active{ background: #00adef; color:#fff; border-radius: 4px; } .fynamicdiv{ padding: 30px 0 40px; } .fynamicdiv>div{ display: none; } .fynamicdiv>div.block{ display: block !important; } .hdgg-tle{ padding: 40px 50px; background: #fff; } .hdgg-tle h4{ font-size: 24px; color:#333; font-weight: 400; } .hdgg-tle span{ padding: 20px 0 30px; font-size: 16px; color:#999; } .hdgg-tle p{ line-height: 25px; font-size: 16px; color:#585858; } .hdggbtn{ width: 100%; text-align: right; } .hdggbtn a{ padding: 6px 20px; font-size: 14px; color:#00adef; border:1px solid #00adef; border-radius: 3px; } .hdgg-cont{ padding:0 50px; width: 100%; margin-top: 20px; background: #fff; } .hdgg-cont .hdggul li{ width: 100%; padding: 24px 0; border-bottom: 1px solid #e4e4e4; } .hdgg-cont .hdggul li span{ font-size: 14px; color:#666; margin-right: 40px; } .hdgg-cont .hdggul li a{ font-size: 16px; color:#4e4d4d; } .hdgg-cont .hdggul li:hover a{ color:#00adef; text-decoration: underline; } .hdggpage{ padding: 40px 0 60px; } .ggkx-big{ padding:0 50px; background: #fff; } .ggkx-big h4{ padding: 40px 0 20px; font-size: 24px; color:#000; font-weight: 400; } .ggkxul{ width: 100%; } .ggkxul li{ width: 100%; padding: 30px 0; border-bottom: 1px solid #e4e4e4; } .ggkxul li a{ width: 100%; } .ggkxul li .ggkximg{ float: left; width: 21%; } .ggkxul li .ggkximg img{ width: 100%; vertical-align: middle; } .ggkxul li .ggkxcont{ float: right; width: 76%; } .ggkxul li .ggkxcont h6{ padding-top: 6px; font-size: 18px; color:#303030; font-weight: 400; } .ggkxul li:hover .ggkxcont h6{ color:#00adef; text-decoration: underline; } .ggkxul li .ggkxcont span{ padding: 10px 0; font-size: 14px; color:#585858; } .ggkxul li .ggkxcont p{ line-height: 30px; font-size: 16px; color:#585858; } .fynamicdiv .surveybig{ padding: 0 50px 40px; background: #fff; } .fynamicdiv .surveybig>h4{ padding: 40px 0 20px; font-size: 24px; color:#333; font-weight: 400; } .fynamicdiv .surveybig>p{ padding-bottom: 30px; line-height: 30px; font-size: 16px; color:#666; } .fynamicdiv .surveybig .zongzhi{ background: #f3f3f3; padding: 30px; margin-bottom: 30px; } .fynamicdiv .surveybig .zongzhi h6{ padding-bottom: 10px; font-size: 16px; color:#00adef; font-weight: 400; } .fynamicdiv .surveybig .zongzhi p{ line-height: 26px; font-size: 16px; color:#00adef; } .surveybig .surveytle{ text-align: center; padding: 20px 0; } .surveybig .surveytle>p{ font-size: 16px; color:#00adef; } .surveybig .surveytle>span{ display: block; font-size: 14px; color:#00adef; } .surveybig table{ width: 100%; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; } .surveybig table tr{ width: 100%; } .surveybig table tr th{ padding: 20px 0; line-height: 30px; border:1px solid #e4e4e4; border-right:0; border-bottom: none; font-size: 16px; color:#333; font-weight: 400; } .surveybig table tr th:first-child{ width: 18%; background: #f7f7f7; text-align: center; } .surveybig table tr th:last-child{ width: 82%; padding: 20px 3%; text-align: left; } .surzhangchen{ width: 100%; } .surzhangtop{ padding: 26px 4%; border:1px solid #dcdcdc; border-bottom: none; background: #f7f7f7; cursor: pointer; } .bdbm{ border-bottom:1px solid #dcdcdc; } .surzhangtop h6{ float: left; font-size: 16px; color:#00adef; font-weight: 400; } .surzhangtop em{ float: right; width: 16px; height: 16px; background: url("/images/jia.png") no-repeat center center; margin-top: 4px; } .surzhangtop em.cuo{ background: url("/images/cuo.png") no-repeat center center!important; } .surzhangcont{ display: none; padding: 26px 4%; border:1px solid #dcdcdc; } .surzhangcont p{ line-height: 30px; font-size: 16px; color:#585858; margin-bottom: 30px; } .surveyjgimg{ width: 62%; margin: 0 19%; padding-bottom: 60px; } .surveyjgimg img{ width: 100%; } .rhzn-cont{ width: 100%; } .rhzn-cont p{ padding: 12px 0; font-size: 16px; color:#333; } .rhznimg{ width: 100%; margin-top: 20px; } .rhznimg img{ width: 100%; } .downloadbtn{ margin: 40px 0; padding: 16px 24px; font-size: 16px; color:#fff; text-align: center; background: #00adef; border-radius: 3px; } .downloadbtn em{ width: 16px; height: 18px; background: url("/images/download.png") no-repeat center center; margin: 0 0 -4px 6px; } .minglvul{ width: 100%; } .minglvul li{ float: left; width: 22.5%; margin-right: 3.2%; margin-bottom: 3.3%; } .minglvul li:nth-child(4n){ margin-right: 0; } .minglvul li .minglvimg{ width: 100%; border:1px solid #e4e4e4; border-bottom: none; } .minglvul li .minglvimg img{ width: 100%; vertical-align: middle; } .minglvul li a{ width: 100%; } .minglvul li p{ width: 100%; height: 50px; line-height: 50px; padding: 0 4%; font-size: 14px; color:#343434; text-align: center; background: #e4e4e4; overflow: hidden; } .minglvul li:hover .minglvimg{ border:1px solid #00adef; border-bottom: none; } .minglvul li:hover p{ color:#fff; background:#00adef; } .fengcaicont{ width: 100%; } .fengcaicont .fengcaitle{ padding-bottom: 20px; } .fengcaicont .fengcaitle h1{ font-size: 30px; color:#333; font-weight: 400; } .fengcaicont .fengcaitle h1 strong{ font-size: 16px; color:#999; font-weight: 400; margin-left: 20px; } .fengcaicont .fengcaitle h4{ padding: 12px 0 14px; font-size: 24px; color:#333; font-weight: 400; } .fengcaitle .addfengcai{ } .fengcaitle .addfengcai em{ font-size: 14px; color:#999; margin-right: 5%; } .fengcaitle .addfengcai em i{ color:#00adef; } .fengcont{ padding: 20px 0 30px; } .fengcont p{ padding-bottom: 30px; line-height: 25px; font-size: 16px; color:#585858; } .vipfengcaiul.ayfcai li{ height: 40px; margin-right: 2.5%; } .vipfengcaiul.ayfcai li:nth-child(4n){ margin-right: 0; } .hyglicont{ width: 100%; } .hyglicont p{ padding: 10px 0; line-height: 30px; font-size: 16px; color:#333; } .voiceul.hydsyul li{ float: initial; width: 100%; height: auto; padding-bottom: 30px; } .voiceul.hydsyul li .voice-cont{ padding: 30px 50px 30px 30px; } .hydspa{ position: absolute; top:35px; right:30px; width: 20px; height: 20px; background: url("/images/shenblue.png") no-repeat center center; cursor: pointer; } .hydspa.cuo{ background: url("/images/cuo.png") no-repeat center center; } .hydapabtn{ padding: 13px 35px; font-size: 14px; color:#00adef; border:1px solid #00adef; } .hydapabtn em{ width: 12px; height: 11px; background: url("/images/blueicon.png") no-repeat center center; margin: 0 10px 0 0; } .radiocont>span{ display: block; text-align: right; font-size: 14px; color:#999; } .fynamicdiv .surveybig.contactfs{ padding: 0 0; } .fynamicdiv .surveybig.contactfs h4{ padding: 40px 50px; } .contactfsul{ width: 100%; padding: 0 50px; } .contactfsul li{ float: left; padding: 6px 0; width: 50%; font-size: 14px; color:#999; } .contactfsul li span{ color:#333; } .mapimg{ width: 100%; padding-top: 20px; } .mapimg img{ width: 100%; vertical-align: middle; } .mzsmcont p{ padding-bottom: 20px; line-height: 25px; font-size: 16px; color:#4e4e4e; } .mzsmcont h6{ padding: 30px 0 20px; font-size: 16px; color:#4e4e4e; font-weight: 600; } .dynamicdetalis.qudiaog{ padding: 0 0 40px; } .ayheightarr{ position:absolute; left:0; bottom:40px; width:40px; height:40px; background: url("/images/bluearr.png") no-repeat center center; }