.erji .leftNav{width:25%;float:left;} .erji .rightList{width:74%;float:right;} .bannerPic img{display:block;width:100%;} body{background:#f6f6f6;} .ej_part{padding:2em 0;} /*二级左侧导航*/ .erjiLeft_Nav{max-width:240px;position:relative;/*top:-132px;*/} .erjiLeft_Nav .navTitle h2{height:100px;line-height:100px;text-align:center;color:#fff;background:url(/hlgj/uiFramework/commonResource/image/2019111215080176819.png) repeat 0 0;font-size:28px;font-weight:normal;} .erjiLeft_Nav .oneUl .oneLi{background:#e5e5e5;border-bottom:1px solid #d5d5d5;} .erjiLeft_Nav .oneUl .oneLi .menuA a{line-height:50px;font-size:18px;color:#333;padding-left:40px;display:block;border-left:4px solid transparent;} .erjiLeft_Nav .oneUl .num1 .menuA a{border-color:#1058a2;} .erjiLeft_Nav .oneUl .num2 .menuA a{border-color:#0b6f9d;} .erjiLeft_Nav .oneUl .num3 .menuA a{border-color:#05aaa0;} .erjiLeft_Nav .oneUl .num4 .menuA a{border-color:#6fb151;} .erjiLeft_Nav .oneUl .num5 .menuA a{border-color:#e0b413;} .erjiLeft_Nav .oneUl .num6 .menuA a{border-color:#e75718;} .erjiLeft_Nav .oneUl .num7 .menuA a, .erjiLeft_Nav .oneUl .num8 .menuA a, .erjiLeft_Nav .oneUl .num9 .menuA a, .erjiLeft_Nav .oneUl .num10 .menuA a, .erjiLeft_Nav .oneUl .num11 .menuA a, .erjiLeft_Nav .oneUl .num12 .menuA a{border-color:#d30021;} .erjiLeft_Nav .oneUl .oneLi.col{background:#fff;} /*二级页面右边*/ .erjiTitle{padding:10px 0;border-bottom:1px solid #bcbcbc;} .erjiTitle h2{font-size:20px;color:#333;font-weight:normal;} .erjiTitle .lujing, .erjiTitle .lujing span a{font-size:14px;color:#666;line-height:2;} .erjiTitle .lujing span a:hover{color:#1058a2;} /*新闻列表*/ .listNews{margin-top:1em;} .listNews li a, .listNews li span{line-height:40px;} .listNews li{border-bottom:1px dashed #cccccc} /*领导*/ .chooseTab{background:url(/hlgj/uiFramework/commonResource/image/2019112917573591370.png) repeat 0 0;margin-top:20px;} .chooseTab li{float:left;width:50%;text-align:center;line-height:45px;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;} .chooseTab li.col{background:#fff;color:#005bac;} .lindaoListbanzi .Li{width:25%;float:left;display:inline-block;} .lindaoListdongshi .Li{width:33.3%;float:left;} .lindaoList .Li .box{padding:20px; min-height: 88px;} .lindaoList .Li .box .pic a, .lindaoList .Li .box .pic a img{display:block;} .lindaoList .Li .box .pic a img{width:100%;height:200px;object-fit:cover;} .lindaoList .Li .box{text-align:center;} .lindaoList .Li .box .name{margin:10px 0;font-weight:bold;font-size: 20px;} .lindaoList .Li .box .name a, .lindaoList .Li .box .shorttitle a{font-size:16px;color:#333;text-align:center;} .lindaoList .Li .box .shorttitle a { cursor: default; } .lindaoList .Li:hover .box .name a{color:#1058a2;} /*.lindaoList .Li .box .shorttitle a:hover { color: #666; }*/ .danpianWZ{line-break: anywhere;} .lindaoListbanzi h3, .lindaoListjianshi h3, .lindaoListdongshi h3{font-size:20px;color:#333;text-align:center;margin-top:1em;} .lindaoListjianshi{text-align:center;} .lindaoListjianshi .Li{float:none;display:inline-block;*float:left;*display:block;} .lindaoListbanzi .Li1{width:50%;height:150px;} .lindaoListbanzi .Li1 .box{width:44%;margin:0 auto;position: relative; left: 111px;} .lindaoListbanzi .Li2{width:50%;height:150px;} .lindaoListbanzi .Li2 .box{width:44%;margin:0 auto;position: relative; left: -111px;} .lindaoListdongshi .Lid1{width:100%;display:block;} .lindaoListdongshi .Lid1 .box{width:88%;margin:0 auto;} /*图片展示*/ .picNEWlIST li{width:33.33333333333333%;float:left;} .picNEWlIST li .box{margin:10px;padding:10px;background:#fff;} .picNEWlIST li .box .pic a, .picNEWlIST li .box .pic a img{display:block;} .picNEWlIST li .box .pic a{overflow:hidden;} .picNEWlIST li .box .pic a img{width:255px;height:168px;object-fit:cover; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .picNEWlIST li .box .pic a img:hover{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .picNEWlIST li .box .txr{text-align:center;margin-top:10px;} .picNEWlIST li .box .txr a{font-size:16px;color:#333;line-height:2;} /*大事记*/ .shijianzhou{padding-top:1em;} .shijianzhou .left, .shijianzhou .timer, .shijianzhou .right{float:left;} .shijianzhou .left, .shijianzhou .right{width:40px;height:54px;background:url(/hlgj/uiFramework/commonResource/image/2019111216522814386.png) no-repeat center center;} .shijianzhou .right{background-image:url(/hlgj/uiFramework/commonResource/image/2019111216524781495.png);} .shijianzhou .timer{width:735px;height:auto;margin:0 26px;overflow:hidden;background:url(/hlgj/uiFramework/commonResource/image/2019042411324451399.jpg) no-repeat center 50px;} .shijianzhou .timer ul{width:9999999999999999px;} .shijianzhou .timer ul li{width:105px;height:60px;float:left;text-align:center;cursor:pointer;} .shijianzhou .timer ul li .txt{font-size:16px;color:#333;height:21px;} .shijianzhou .timer ul li .point{width:10px;height:10px;border-radius:50%;margin:20px auto 0;background:#707070;} .shijianzhou .timer ul li input{display:none;} .shijianzhou .timer ul li:hover .txt, .shijianzhou .timer ul li.on .txt{font-weight:bold;color:#0091db;font-size:18px;} .shijianzhou .timer ul li:hover .point, .shijianzhou .timer ul li.on .point{background:#0091db;} /*图文结合*/ .tuAndTxt{margin-top:1em;} .tuAndTxt li .box{padding:1em;background:#fff;} .tuAndTxt li .pic{width:260px;overflow:hidden;} .tuAndTxt li .Box{width:560px;} .tuAndTxt li .pic a img{ -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .tuAndTxt li:hover .pic a img{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);} .tuAndTxt li .Box .title a{font-size:16px;color:#333;font-weight:bold;} .tuAndTxt li .Box .title{padding-bottom:10px;} .tuAndTxt li .Box .summary{font-size:14px;color:#444;line-height:26px;margin-bottom:10px;height:104px;overflow:hidden;} .tuAndTxt li .Box .date{font-size:14px;color:#333;} .tuAndTxt li .Box .date a{font-size:14px;color:#005bac;} /*技术特点*/ .tex{border-left:1px dotted #ccc;} .tex h3{font-size:18px;color:#fff;line-height:36px;text-indent:20px;} .tex h3{background:#005bac;} .tex02 h3{background:#00aea9;} .tex03 h3{background:#f9be00;} .tex .texTxt{padding:1em;} .tex .texTxt p{font-size:14px;color:#333;line-height:28px;} /*站点地图*/ .map h2{font-size:16px;color:#666;margin:10px 0;border-left:5px solid #1058a2;padding-left:20px;} .map .UL li{width:20%;float:left;margin:1em 0;} .map .UL li a{display:block;font-size:14px;color:#999;display:inline-block;} @media only screen and (max-width:1400px){ .tuAndTxt li .Box{width:410px;} .shijianzhou .timer{width:600px;} } @media only screen and (max-width:1080px){ .erjiLeft_Nav .navTitle h2{font-size:25px;} .erji .leftNav{width:200px;} .erji .rightList{width:76%;} .tuAndTxt li .Box{width:60%;} .shijianzhou .timer{width:80%;} } @media only screen and (max-width:980px){ .erji .leftNav, .erji .rightList{float:none;width:auto;} .erjiLeft_Nav{top:0;} .erjiLeft_Nav .navTitle h2{height:50px;line-height:50px;font-size:20px;} .erjiLeft_Nav{max-width:none;} .erjiLeft_Nav .oneUl .oneLi{width:33.333333333%;float:left;} .erji .rightList{margin-top:1em;} } @media only screen and (max-width:860px){ .erjiLeft_Nav .oneUl .oneLi{width:50%;} .erjiLeft_Nav .oneUl .oneLi .menuA a{line-height:35px;padding-left:20px;font-size:16px;} .erjiLeft_Nav .navTitle h2{height:40px;line-height:40px;font-size:18px;} .tuAndTxt li .Box{width:calc(100% - 280px);width:-ms-calc(100% - 280px);width:-webkit-calc(100% - 280px);width:-moz-calc(100% - 280px);width:-o-calc(100% - 280px);} .lindaoList .Li{width:33.33333333333%;} .lindaoListbanzi .Li1 .box{width:auto; position: static;} .lindaoListbanzi .Li2 .box{width:auto; position: static;} .lindaoListdongshi .Lid1 .box{width:auto;} } @media only screen and (max-width:750px){ .erjiLeft_Nav .oneUl{margin-top:1em;} .erjiLeft_Nav .navTitle h2, .tex h3, .erjiTitle h2{font-size:1.8rem;} .tuAndTxt li .Box .title a, .lindaoList .Li .box .name a, .lindaoList .Li .box .shorttitle a, .erjiLeft_Nav .oneUl .oneLi .menuA a{font-size:1.6rem;} .tuAndTxt li .Box .summary, .tuAndTxt li .Box .date, .tuAndTxt li .Box .date a, .tex .texTxt p, .erjiTitle .lujing, .erjiTitle .lujing span a{font-size:1.4rem;} .ej_part{padding:1em 0;} .shijianzhou .right, .shijianzhou .left{display:none;} .shijianzhou .timer, .shijianzhou .timer ul{width:auto;} .shijianzhou .timer ul li .point{display:none;} .shijianzhou .left, .shijianzhou .timer, .shijianzhou .right{float:none;} .shijianzhou .timer ul li{height:auto;} .shijianzhou .timer{margin:0 auto;} .shijianzhou .timer ul li{width:50%;} .shijianzhou .timer ul li .box{background:#fff;padding:5px 0;margin:5px;border:1px solid #eee;} .shijianzhou .timer ul li:hover .txt, .shijianzhou .timer ul li.on .txt, .shijianzhou .timer ul li .txt{font-size:1.6rem;font-weight:normal;} .map .UL li{width:50%;text-align:center;margin:.5em 0;} .bannerPic img{height:160px;object-fit:cover;} } @media only screen and (max-width:680px){ .picNEWlIST li{width:50%;} } @media only screen and (max-width:580px){ .tuAndTxt li .pic{width:185px;} .tuAndTxt li .pic a img{height:130px;object-fit:cover;} .tuAndTxt li .Box{width: calc(100% - 200px);width: -ms-calc(100% - 200px);width: -webkit-calc(100% - 200px);width: -moz-calc(100% - 200px);width: -o-calc(100% - 200px);} .tuAndTxt li .Box .summary{height:50px;line-height:16px;} .tuAndTxt li .Box .date a{display:none;} .lindaoList .Li{width:50%;} .lindaoList .Li .box{padding:1em;} .lindaoListjianshi .Li{float:left;display:block;} } @media only screen and (max-width:460px){ .tuAndTxt li .pic, .tuAndTxt li .Box{float:none;width:auto;} .tuAndTxt li .pic a img{width:100%;height:200px;} .tuAndTxt li .Box{margin-top:1em;} .lindaoList .Li .box .pic{width:180px;margin:0 auto;} .lindaoList .Li{width:100%;float:none;} .lindaoList .Li .box{padding:0;margin:1em 0;} .picNEWlIST li{width:auto;float:none;} .picNEWlIST li .box .pic a img{width:100%;height:auto;} } @media \0screen { .bannerPic img{height:auto;} }