@keyframes list{0%{left:-100%} 100%{left:0} } html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;box-sizing:border-box} body,html{font-family:'microsoft yahei','microsoft yahei',helvetica,sans-serif;-webkit-tap-highlight-color:transparent; background-color:#fff;color:#000;-webkit-text-size-adjust:100%;font:14px;line-height:1.4286;font-weight:300} html{margin:0;padding:0} body{overflow-x:hidden;font-family:"microsoft yahei";margin:0;padding:0;font-size:14px;line-height:1.5;color:#000; font-weight:300;overflow-x:hidden} em,i{font-style:normal} .fl{float:left} .fr{float:right} .clear{clear:both} .fl{float:left} .fr{float:right} .fx,.fxrow{display:flex;flex-direction:row;align-items:center} .fjsb{justify-content:space-between} .fjsa{justify-content:space-around} .fjfe{justify-content:flex-end} .fjce{justify-content:center} .fafe{align-items:flex-end} .fafs{align-items:flex-start} .fwp{flex-wrap:wrap} .ti2{text-indent:2em} .ovh{overflow:hidden} .dn{display:none} a{text-decoration:none;outline:0;color:#666;transition:.2s} p{text-align:justify;text-justify:inter-ideograph;margin:0} li{list-style-type:none;vertical-align:top;margin:0;padding:0} ul{margin:0;padding:0} img{margin:0;padding:0} img{border:0;vertical-align:top} h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;margin:0;padding:0} .container{width:1200px;margin:0 auto} .mt20{margin-top:20px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt50{margin-top:50px} .mt60{margin-top:60px} .mb40{margin-bottom:40px} /*导航栏*/ header .header{background-color: #0d6fb8; } .logo img{width:272px;height:87px;} nav {position: relative;z-index: 1000;} nav > ul {height: 100px;} nav > ul { display:flex;flex-direction:row;align-items:center ;justify-content:flex-end ; } nav > ul > li {line-height:60px;text-align: center;position: relative;;} nav > ul > li >a {display: block;color: #fff;font-size:18px;padding:0 15px} nav > ul > li:hover{ background: url(/uploads/image/thdpimages/navicon.png) no-repeat bottom center;} nav > ul > li.active{ background: url(/uploads/image/thdpimages/navicon.png) no-repeat bottom center; } nav > ul > li:hover a{font-weight: 600;} nav > ul > li.active a{font-weight: 600;} /* banner */ .banner{border: none;position: relative; } .flexslider{margin:0 auto 0;position:relative;width:100%;height:640px;overflow:hidden;zoom:1} .flexslider .slides li{width:100%;height:100%} .flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px} .flex-direction-nav .flex-next{background-position:0 -70px;right:0} .flex-direction-nav .flex-prev{left:0} .flexslider:hover .flex-next{opacity:.8} .flexslider:hover .flex-prev{opacity:.8} .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1} .flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center} .flex-control-nav li{margin:0 2px;display:inline-block;zoom:1} .flex-control-paging li a{background:rgba(19, 79, 191, 0.5);display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px} .flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#134fbf} .flexslider .slides a img{width:100%;height:640px;display:block} /* 电话 */ .topdes{position: absolute;width: 100%;bottom: 0;} .topdes .logo1{ background-color: #2aa474; padding: 20px ; } .topdes .tel{ background-color:rgba(13, 111, 184, 0.75)} .topdes .tel p{font-size: 18px;color: #fff;} .topdes .tel span{font-size: 30px;font-family: impact;color: #fff;} .topdes .num{border-right: 1px solid rgba(255, 255, 255, 0.32);padding: 20px 50px ;} .topdes .logo2{ padding: 0 40px ; } .topdes .line{border-bottom: 5px solid #2aa474;height: 50px; background:rgba(255, 255, 255, 0);width: 50%; } /* #about */ #part1{background:#ededed;} #about {margin: 50px 0; border-right: 1px dashed #a7a9aa;padding: 0 15px 0 0; } #about .des{width:620px;} #about .des .tit{margin-bottom: 30px;} #about .des em{width:30px;background-color: #91b531;height: 3px;display: block;margin: 20px 0;} #about .des h1{color:#333;font-size: 24px;line-height: 35px; } #about .des h3{color:#333;font-size: 16px; opacity: 0.6; } #about .des p{color: #262d34; font-size:15px;line-height: 2; } #about .des .img{width:240px!important;height: 150px;margin-right: 20px;} #about .des .img img{width:240px!important;height: 150px; display:block;} /* 2 */ #adv{padding: 0 0 0 15px;margin: 50px 0; } #adv ul li{background-color:#e1e2e6 ; padding: 20px 8px ;margin-right: 10px; } #adv ul li:nth-child(4){margin-right:0; } #adv ul li img{display: block; width:50px; height:50px ;margin: 0 auto; } #adv ul li span{display: block;text-align: center;color: #010101;line-height: 40px; } #adv ul li p{display: block;text-align: center;color: #010101;opacity: 0.6;font-size: 12px; } /* title */ .title {text-align: left;margin-bottom: 30px;} .title em{display: block;height:20px; background: url(/uploads/image/thdpimages/line.png) no-repeat left center;width: 8px; } .title h2{color:#020206;font-size: 18px;font-weight: 600;text-indent: 0.5rem; } .title img{display: block;width:144px;height: 42px;} /* more */ .viewmore{ background:#0d6fb8 ; display: inline-block;/* margin: 140px 0 50px 0;*/transition: all .5s ease;position: relative;cursor: pointer; width:90px;line-height:25px;text-align:center;color:#fff;font-size:14px; border-radius: 50px;padding: 0 5px;} .viewmore:hover{ background:#0d6fb8 ; } .viewmore:after , .viewmore a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff} .viewmore:hover{z-index:1;background:0 0;color:#fff} .viewmore:before{transition:.5s;background: #0d6fb8;z-index:-1;color:#fff} .viewmore:hover:after , .viewmore a.more:hover:before{width:100%;background:#2aa474; border-radius: 50px; -webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease; } /* 第一部分轮播和新闻 */ #part2 .container {overflow: hidden;} #part2{background-color:#f7f7f7; padding: 30px 0; overflow: hidden; } #part2 .slidebox{ width:530px; height:380px; overflow:hidden; position:relative; } #part2 .slidebox .bd{ position:relative; height:100%; z-index:0; } #part2 .slidebox .bd li{ zoom:1; vertical-align:middle; } #part2 .slidebox .bd img{ width:530px; height:380px; display:block; } #part2 .slidebox li{position: relative;} #part2 .slidebox li p{position: absolute; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background-color: rgba(0, 0, 0, 0.6);color: #fff;line-height: 50px; text-align: left; bottom: 0; width: 100%; text-indent: 2rem;font-size: 16px;} #part2 .slidebox .prev, #part2 .slidebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/uploads/image/thdpimages/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; } #part2 .slidebox .next{ left:auto; right:3%; background-position:8px 5px; } #part2 .slidebox .prev:hover, #part2 .slidebox .next:hover{ filter:alpha(opacity=100);opacity:1; } #part2 .slidebox .prevstop{ display:none; } #part2 .slidebox .nextstop{ display:none; } #newsimg{margin-right: 20px;width: 530px; } /* 右侧新闻 */ #newspart{width: 660px;} #newspart .titlist{text-align: center; margin-bottom: 30px;height: 42px;} #newspart .titlist li{ margin:0 8px;line-height:30px;padding: 0 20px;background-color: #dfdfdf;border-radius: 20px;} #newspart .titlist li:hover{background-color: #0d6fb8;} #newspart .titlist li a{ color: #0b2242;font-size: 14px;} #newspart .titlist li:hover a{ color: #fff;font-weight: 600;} #newspart .titlist li:last-child{ background-color:rgba(13, 111, 184, 0); border-radius:0; } #newspart .titlist li:last-child a{color: #020206; font-size: 18px; } #newspart .titlist li:last-child:hover a{ color: #0d6fb8;font-weight: normal;} /* 左边区域 */ #newspart .left li{background-color: #fff; margin-bottom: 13px;padding: 18px 35px;width: 320px;} #newspart .left li h3{display: block;color: #1d1d1d;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 24px; } #newspart .left li p.sum{ color: #8a8a8a;font-size: 12px;padding-bottom: 15px;border-bottom:1px solid #ccc;margin-bottom: 15px; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #newspart .left li p.date{ color: #959595;font-size:24px;font-weight: 600; } #newspart .left li p.year{ color: #afafaf;} #newspart .left li img{display: block;width: 28px;height: 28px;} #newspart .left li:hover{background-color: #9cb0bf;transition: all 0.3s ease-in; } #newspart .left li:hover h3{color: #fff;} #newspart .left li:hover p.sum{ color: #f7f7f7;border-bottom:1px solid #fff;} #newspart .left li:hover p.date{ color: #fff; } #newspart .left li:hover p.year{ color: #fff;} /* 右边区域 */ #newspart .right{margin-left: 15px;} #newspart .right li{background-color: #fff; margin-bottom: 13px;padding:17px 15px;width: 312px } #newspart .right li h3{color: #fff;display: block;width: 64%; padding-bottom:20px;color: #1d1d1d;line-height: 24px; background: url(/uploads/image/thdpimages/njt.png) no-repeat bottom left; } #newspart .right li p.sum{ color: #8a8a8a;font-size: 12px;padding-bottom: 15px;border-bottom:1px solid #ccc;margin-bottom: 15px; } #newspart .right li p.date{ color: #959595;font-size:24px;font-weight: 600; } #newspart .right li p.year{ color: #afafaf;} #newspart .right li img{display: inline-block;width: 15px;height:11px;} #newspart .right li:hover{background-color: #9cb0bf;transition: all 0.3s ease-in; } #newspart .right li:hover h3{color: #fff;} #newspart .right li:hover p.sum{ color: #f7f7f7;border-bottom:1px solid #fff;} #newspart .right li:hover p.date{ color: #fff; } #newspart .right li:hover p.year{ color: #fff;} #newspart .right li .rq{border-right: 1px solid #ccc;padding-right: 10px;margin-right: 10px;} #newspart .right li .rq em{display: block;width: 20px;background-color: #ccc;height: 1px;margin:5px 0; } #newspart .right li:nth-child(1) {display: none;} #newspart .right li:nth-child(2) {display: none;} /* footer */ footer{padding:10px 0 60px 0;background:#e7e7e7;} footer .fnav{background: url(/uploads/image/thdpimages/fline.png) no-repeat bottom center; } footer .fnav li a{color: #333;font-size: 16px;padding: 0 34px;line-height:60px; } footer .fnav li:hover a {color: #0d6fb8;} footer .nr .tit{margin-bottom: 20px; display: block; } footer a.ftlogo{width: 240px;height: 106px;display: block;} footer .nr .tit b{color: #0d6fb8;font-size:25px;font-weight: 600;display: block; } footer .nr ul li a{ color: #333;line-height:30px; font-size: 16px;} footer .part li{color: #8d8d8d;} footer h1{width: 196px;height: 176px;} footer h1 img{width:100%;height:100%;} footer .nr{margin-top: 40px;} footer .nr .container > div:nth-of-type(2) > ul > li{margin-bottom: 12px;width: 100%!important; font-size: 16px; line-height: 30px;margin-right:15px;padding-right:15px;} footer .nr .container > div:nth-of-type(2) > ul > li a{line-height: 45px;color: #333;} footer .nr .container > div:nth-of-type(2) > ul > li a:hover{color: #0d6fb8;} footer .nr .tit span{ display: block;text-transform: uppercase; opacity: 0.4; } footer .part li {margin-right: 30px;} footer .part li p {text-align: center;font-size: 15px;line-height: 30px;} footer .part li img{width: 90px; height: 90px;} footer .part li:nth-child(2) img{width:50px; height: 50px;margin: 0 5px 0 0;} footer .part li:nth-child(2) p{color: #8d8d8d;font-size: 16px;text-align: left; } footer .part li:nth-child(2) span{color: #8d8d8d;font-size: 24px; } #nav_box { display:flex;flex-direction:row;align-items:center ;justify-content:flex-end ; } /* 版权 */ .cop{background:#0d6fb8;color: #fff;text-align: center;line-height: 50px; } .cop a{color: #fff; } .cop a:hover{color: #2aa474; }