@charset "utf-8"; /* CSS Document */ /*通用类*/ *{ margin:0; padding:0;} body{ margin:0 auto; font-size:14px; font-family:arial,Microsoft Yahei; background:#fff; color:#333; } h1,h2,h3{ font-weight:500;} img{ border:none;} a{ cursor:pointer; color:#333; text-decoration:none; outline:none; } a:hover{ color:#008866;} ul{ list-style-type:none; border:0; width:auto; } em{ font-style:normal;} span{ float:none; margin:0;} input.sub,label{ border:none; cursor:pointer; } input,textarea{ font-family:"Microsoft Yahei"; outline:none;} table{ border-collapse:collapse;} table td,table th{ padding:0;} div.clear{ font: 0px Arial; line-height:0; height:0; overflow:hidden; clear:both;} div,a,ul,li,span,header,footer,section{ box-sizing:border-box;} /*wrapin 主体容器宽度*/ .wrapin{ width:1300px; margin-left:auto; margin-right:auto; } .prev a{ font-size:15px; line-height:33px; color:#444444; } .prev a:hover{ color:#f0871c; } .prev h2{ font-size:15px; line-height:33px; font-weight:normal; color:#068358; } .fl { float: left; } /*公用CSS 开始*/ header{ width:100%; height:auto; float:left; position:absolute; top:0px; z-index:9;} .header1{width:100%; height:auto; background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.5)); overflow:hidden; font-size:12px;} .header2{width:100%; height:90px; background-color:transparent; background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0))} .logo{ float:left; margin-top:0px; max-height:46px;} .nav{ width:auto; float:right; height:auto; text-align:center; font-size:18px; color:#fff; margin-top:0px; } .nav>li{ display:inline-block;position:relative; width:auto; text-align:center; height:60px; margin-left:20px; } .nav li>a{ display:block;width:100%; height:60px; line-height:60px; vertical-align:middle; font-size:16px; font-weight:bold; color:#fff; text-align:center; box-sizing:border-box;} .nav li>a img{ margin-left:5px; display:inline-block;} .nav li>.nav-c{ display:none; width:140px; height:auto;position:absolute; z-index:9999999; background:rgba(68, 121, 82, 0.65); top:60px; border-radius:0px; margin-left:-70px; left:50%; } .nav li:hover>a,.nav .hover>a{ position:relative;color:#fff; font-weight:bold; border-bottom:3px solid #447952;} /*.nav li:hover>a:after,.nav .hover>a:after{display:inline-block; content:"";left:50%; margin-left:-8px; width: 0; position:absolute; bottom:0px; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid rgba(244, 160, 36, 1);}*/ .nav li>.nav-c a{ line-height:40px; vertical-align:middle; color:#fff; float:left; text-align:center; display:inline-block; width:100%; font-size:14px; font-weight:normal;}.nav li>.nav-c a:hover{ color:#fff; background:rgba(0,0,0,0.3)} .nav li:hover>.nav-c{ display:block;} .nav-d:after{ content:url(../images/arrow8.png); display:inline-block; margin-left:5px; vertical-align:top; } .wap-search{display:none;} .header4{ width:100%; height:auto; background:#45a890; padding-top:20px; padding-bottom:20px; overflow:hidden; position:fixed; top:0px;} .header4 .wrapin{ padding-left:40px; box-sizing:border-box; position:relative;} .q{ height:40px; position:absolute; left:0px;} .ip1{ width:80%; height:45px; border:0px; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box;} .ip2{width:20%; height:45px; border:0px;float:left;} .header4{ padding-top:10px; padding-bottom:10px;} .header4 .ip1{ height:40px;} .header4 .ip2{ height:40px;} .q{ height:30px; margin-top:5px;} .c{ font-size: 26px; margin-top: 11px; margin-left: 10px;} .ss{ margin-top:9px; height:17px;} .mnav{ width:100%; height:auto;} .mnav>li{ width:100%; height:auto; float:left;} .mnav>li>a{} .mnav dl{width:100%; height:auto; float:left;} .mnav dl dt{width:100%; height:auto; float:left; line-height:30px; font-size:15px; padding:10px 10px 10px 20px; box-sizing:border-box;} .mnav dl dt:before{ content:""; display:inline-block; width:5px; height:5px; background:#003399; margin-right:10px; vertical-align:middle;} .mnav dl dd{width:100%; height:auto; float:left;} .mnav-c{width:100%; height:auto; float:left;} .mnav-c>a{width:100%; height:auto; float:left;} .mnav>li{ width: 100%; float: left; height: auto; overflow: hidden; border-bottom: 1px solid rgba(206,206,206,0.4); margin-left: 0px; box-sizing: border-box;} .mnav>li>a{padding: 15px; box-sizing: border-box; display: block; font-size: 18px; color: #333; width: 100%; height: auto; line-height: 30px; text-align: left; font-weight: normal;} .mnav-c{left: 0px; margin-left: 0px; display: none; position: relative; height: auto; width: 100%; float: left; background: none; top: 0px; padding-top: 0px; border: 0px; box-shadow: none; padding: 0px;background:#e4efec;} .mnav-c a{ width: 100%; display: block; float: left; line-height: 30px; padding-top: 5px; padding-bottom: 5px; vertical-align: middle; padding-left: 30px; padding-right: 10px; color: #7d7d7d; box-sizing: border-box; text-align: left; } .mnav>li:hover>a, .mnav .hover>a { color: #FFF; border: 0px; background: #45a890; border-radius: 0px; overflow: hidden;} .mnav-c>a:before{ content:url(../images/arrw8.png); display:inline-block; margin-right:5px;} .manvv{} .manvv:after{content:url(../images/arrw9.png); float:right;} .manv-cc{ float:left; float:left; width:100%; background:#d0e4df; display:none;} .manv-cc a{ display:inline-block; color:#45a890; padding-left: 45px;} .manv-cc a:before{ content:""; width:4px; height:4px; background:#45a890; margin-right:5px; display:inline-block; border-radius:50%; } .wap-nav{ display:none;} .pc-nav{ display:block;} .mob-nav{ display:none;position:fixed;left:0px; top:90px;width:100%; overflow:auto; z-index:99999; left:0px;background:rgba(237,237,237,1);} .ss2{ float:right; margin-left:20px; width:40px; height:40px; background:#007457; text-align:center; line-height:40px; vertical-align:middle; display:inline-block; border-radius:50%; margin-top:10px;} .ss2 img{ display:inline-block; max-height:25px; vertical-align:middle;} footer{width:100%; float:left; padding-top:40px; padding-bottom:40px; height: auto; background: url(../images/logo3.png) 87% center no-repeat #007457; margin-top: 60px} footer .wrapin{ position:relative;} /*footer 底部开始*/ .footer{ width:100%; background:#393b45; height:auto; overflow:hidden; padding:20px 0 20px 0; } .footer a{ color:#fff !important;} .ewm{ position:absolute; top:-250px; z-index:5; right:0; box-shadow:0px 0px 10px #dddcdc; overflow:hidden;} .ewm img{ display:inline-block; max-width:230px;} .logo2{ float:left;} .footer-1{ width:auto; float:left; line-height:30px; font-size:14px; color:rgba(255,255,255,0.8);margin-left:30px; margin-top:10px;} .m2{ margin-bottom:40px;} .header3 { width: 100%; position:fixed; top:0; height: 90px; background: #003399; padding-top:20px; padding-bottom:20px; } .s2{ float:right;width:230px; height:auto; margin-top:0px;} .s2 select{ border:0px; width:100%; height:48px; line-height:48px; vertical-align:middle; background:#006249; margin-bottom:15px; padding-left:20px; padding-right:20px; color:#fff; text-align:center;} .se{ width:60%; height:45px;} .back{ float:left; height: 38px; margin-right:10px; } .inp1{ width:500px; height:45px; line-height:45px; vertical-align:middle; background:none; border:0px; float:left; color:#fff; font-size:12px;border: 1px solid rgba(255,255,255,0.4); border-radius: 5px; padding: 0px 10px; margin-right:10px;} .inp2{ width:100px; height:45px; background:none; border-radius: 5px; border:0px; float:left; cursor:pointer; background:#ffd400; color:#fff; font-size:18px;} .inp1::-webkit-input-placeholder{ color:rgba(255,255,255,0.5);} .list0{ float:right;} .list0 li{ width:auto; float:left; color:#FFFFFF; line-height:35px; vertical-align:middle; } .list0 li a{color:rgba(255,255,255,0.7);} .list0 li a:hover{color:rgba(255,255,255,1);} .line{ width:1px; height:10px; background:rgba(255,255,255,0.7); float:left; display:inline-block; margin-top:13px; margin-left:15px;margin-right:15px;} .t3{ width:100%; height:auto; float:left; font-size:20px; line-height:40px; vertical-align:middle; margin-top:20px; margin-bottom:20px;} .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity:0.5;} .swiper-pagination-bullet-active{opacity:0.9;} .mySwiper2 .swiper-button-prev,.mySwiper2 .swiper-rtl .swiper-button-next{ top:auto; left:auto; right:35px; bottom:15px; height:20px; z-index:999;} .mySwiper2 .swiper-button-next,.mySwiper2 .swiper-rtl .swiper-button-prev{ top:auto; left:auto;right:10px; bottom:15px;height:20px;z-index:999;} .mySwiper2 .swiper-button-next:after,.mySwiper2 .swiper-button-prev:after{ color:#fff; font-size:22px;} .mySwiper3 .swiper-pagination{ text-align:right;} .mySwiper3 .swiper-pagination-bullet{ width:10px; height:10px; bottom:5px;} .mySwiper3 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper3 .swiper-pagination-custom,.mySwiper3 .swiper-pagination-fraction{ bottom:5px;} .banner{ width:100%; height:auto; overflow:hidden; float:left;} .banner-img{ width:100%; height:550px; background-position:center top; background-repeat:no-repeat;} section{ width:100%; height:auto; padding-top:40px; overflow:hidden; float:left;} .col-1{ width:40%; height:auto; float:left;} .col-1-1{ width:100%; float:left;} .col-1-2{width:100%; float:right;} .col-2{ width:60%; float:left; } .col-5{ width:45%; margin-left:5%; float:left;} .col-6{ width:27%; margin-left:3%; float:left;} .newsBox{ position:relative; width:100%; height:auto; overflow:hidden;} .newsBox-1{ width:100%; height:332px; background-position:center center; background-repeat:no-repeat; background-size:cover; } .newsBox-2{ width:100%; position:absolute; bottom:0px; text-align:left;} .newsBox-2 h1{ text-align:left; font-size:20px; color:#fff; background:rgba(0,0,0,0.5); line-height:60px; vertical-align:middle; padding-left:20px; padding-right:78px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .newsBox-2 span{font-size:14px; color:#fff; display:inline-block; background:#008866; padding-left:20px; padding-right:20px; line-height:25px; vertical-align:middle;} .list1{ width:100%; height:auto; float:left; background:#f5f5f5; padding-top:30px; } .list1 li{ width:100%; height:auto; overflow:hidden; font-size:16px; border-bottom:1px solid #e8e8e8; padding:15px 20px;position:relative;} .list1 li div{ float:left; width:80%;display: block; line-height:25px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;height:50px; text-overflow: ellipsis; position:relative; padding-left:0px;} .list1 li div a{ } .list1 li span{font-size:14px; color:#b3b3b3; display:inline-block;line-height:25px; float:right;} .t{width:100%; height:auto; float:left; line-height:40px; vertical-align:middle; margin-bottom:0px; border-bottom:1px solid #ededed;} .t span{ font-size:22px; float:left; color:#008866; font-weight:bold; border-bottom:4px solid #008866;} .t a{ font-size:12px; color:#aaa; float:right;} .t a:after{ content:url(../images/arrow1.png); display:inline-block; margin-left:3px; vertical-align:middle;} .t a:hover{color:#008866;} .t a:hover:after{ content:url(../images/arrow9.png);} .m{margin-bottom:53px;} .list30{ width:100%; height:auto; overflow:hidden; } .list30 li{ width:100%; height:auto; box-sizing:border-box; float:left; position:relative; padding:15px; transition:all 0.4s; margin-bottom:5px; border-bottom:1px solid #ededed; overflow:hidden;} .list30 li a{ display:block;} .list30-1{ width:80px; height:60px; position:absolute; top:9px; left:0px; text-align:center; vertical-align:middle; background:#f5f5f5; padding:5px; } .list30-1 .span1{ width:100%; float:left; line-height:30px; display:inline-block; color:#008866; font-size:26px; font-weight:bold; margin-top:2px;} .list30-1 .span2{ float:left;display:inline-block; width:28px; height:3px; background:#2448a0; vertical-align: middle; margin-left:24px; margin-top:3px; margin-bottom:3px;} .list30-1 .span3{ float:left;width:100%; display:inline-block; font-size:12px; color:#7f938e;} .list30-2{ width:100%; height:50px; line-height:25px; vertical-align:middle; float:left; padding-left:85px; box-sizing:border-box; font-size:16px; transition:all 0.4s; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight:bold;} .t5{ width:100%; height:auto; line-height:40px; font-size:24px; margin-top:40px; margin-bottom:20px; font-weight:bold; color:#008866;} .list12{ width:100%; float:left;} .list12 li{ width:21%; float:left; margin-right:3%; margin-bottom:30px; padding: 10px 20px; background: #edf4f2;} .list12 li:nth-child(4n){ margin-right:0px;} .list12 li .list12-1{ width:100%; height:500px; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left;} .list12 li .list12-2{width:100%; height:; float:left; padding:0px 0px 0px 0px; } .list12 li .list12-2 h1{ font-size:22px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; line-height:40px; color:#45a890;} .list12 li .list12-2 h2{ font-size:14px; line-height:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list12 li .list12-2 p{ font-size:14px; line-height:25px;white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #efefef; margin-bottom:20px; padding-bottom:20px;} .list12 li .list12-2 a{ border:1px solid #ffbf00;color:#ffbf00; line-height:35px; display:inline-block; width:100px; height:35px; float:right; text-align:center;} .list12 li .list12-2 a:hover{ background:#ffbf00; color:#127960;} .b{ font-size:28px; font-weight:bold; line-height:35px; margin-bottom:15px; text-align:center;} .teach-1{ width:100%; height:auto; float:left; margin-bottom:40px;} .teach-img{width:220px; height:auto; float:left; box-sizing:border-box; } .teach-img img{ width:100%; height:auto;} .teach-txt{ width:73%; height:auto; float:right; padding-top:40px;} .teach-txt h1{ font-size:26px; color:#008866; margin-bottom:10px; font-weight:bold; line-height:40px;} .teach-txt h2{ font-size:16px;color:#008866; margin-bottom:15px;} .teach-txt .teach-con{ width:100%; height:auto; float:left; border-top:1px solid #EDEDED; padding-top:20px;} .teach-txt .teach-con p{ margin-bottom:10px; font-size:14px; line-height:22px;} .teachCon{ width:100%; height:auto; float:left; margin-bottom:30px;} .teachCon-t{width:100%; height:auto; float:left; font-size:20px; font-weight:bold; margin-bottom:10px; color:#008866; line-height: 40px;} .teachCon-t:before{ content:""; width:8px; height:20px; background:#008866; display:inline-block; margin-right:15px;} .teachCon-x{width:100%; height:auto; float:left; background:#eff6f4; padding:30px; box-sizing:border-box; line-height:30px;} .col-3{ width:48%; float:left; height:auto;} .list2{ width:100%; height:auto; float:left;} .list2 li{width:100%; height:auto; float:left;border-bottom:1px solid #ededed; padding-bottom:15px; padding-top:15px;} .list2-1{width:80%; height:50px; float:left; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow:hidden; line-height: 25px; vertical-align: middle; font-size:16px;} .list2-2{width:auto; height:auto; float:right; text-align:right; vertical-align:middle; line-height:25px; vertical-align:middle;} .list2-2 .span4{ font-size:32px; color:#003399; display:inline-block; line-height:40px; margin-right:5px; } .list2-2 .span5{ text-align:center; font-size:14px; color:#adb4c2; line-height:15px;display:inline-block;} .list2 li:before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#a7a7a7; margin-right:10px; float:left; margin-top:10px;} .list22{ width:100%; height:auto; float:left;} .list22 li{width:100%; height:auto; float:left;border-bottom:1px solid #ededed; padding-bottom:15px; padding-top:15px;} .list22-1{width:80%; height:50px; float:left; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow:hidden; line-height: 25px; vertical-align: middle; font-size:16px;} .list22-2{width:auto; height:auto; float:right; text-align:right; vertical-align:middle; line-height:25px; vertical-align:middle;} .list22-2 .span4{ font-size:32px; color:#003399; display:inline-block; line-height:40px; margin-right:5px; } .list22-2 .span5{ text-align:center; font-size:14px; color:#adb4c2; line-height:15px;display:inline-block;} .list22 li:before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:#a7a7a7; margin-right:10px; float:left; margin-top:10px;} .col-4{ width:48%; float:right; height:auto;} .xx{ width:48%; height:auto; float:left;} .xx-1{ width:100%; height:239px; float:left; margin-bottom:10px; overflow:hidden;} .xx-1 div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .xx h1{ font-size:18px; font-weight:bold; width:100%; height:auto;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:15px;} .xx span{ font-size:14px; color:#bebebe; display:inline-block; } .xx:hover .xx-1 div{ transform:scale(1.2);} .list3{width:100%; float:right;} .list3 li{ width:100%; height:auto; float:left; border-bottom: 1px solid #ededed; padding-top:15px; padding-bottom:15px;} .list3 li .list3-1{ position:absolute;float:left; width:85px; height:50px; overflow:hidden; } .list3 li .list3-1 div{ width:100%; height:100%;background-position:center center; background-size:cover; transition:all 0.4s;} .list3 li .list3-2{ width:100%; float:right;padding-left:100px} .list3 li .list3-2 h1{ font-size:16px; line-height:25px;transition:all 0.4s; display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width:100%; } .list3 li .list3-2 span{ font-size:14px; color:#bebebe;} .list3 li:hover .list3-1 div{ transform:scale(1.2);} .list8{ width:100%; height:auto; float:left;} .list8 li{ width:100%; height:auto; float:left;border:1px solid #ececec; padding:15px 20px; margin-bottom:5px; position:relative;} .list8-1{ width:100%; height:auto; float:left; font-size:18px; font-weight:bold; color:#007457; line-height:30px; margin-bottom:8px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;} .list8-2{ width:100%; height:auto; float:left; font-size:12px; line-height:20px; color:#89b1a4; background-repeat:no-repeat; background-position:left center; padding-left:25px;} .list8 li:hover{ background:#eff6f4;} .list8 li:before{ content:""; width:3px; height:76px; background:#008866; position:absolute; left:0px;} .list8 li:after{content:""; position:absolute; right:0px; bottom:0px; width: 0; height: 0; border-bottom: 6px solid #008866; border-left: 6px solid transparent;} .list15{ width:100%; height:auto; float:left; background:#f3f3f3; padding:15px; margin-top:15px;} .list15 li{ width:50%; float:left; text-align:center; box-sizing:border-box; height:auto; padding-top:10px; padding-bottom:10px; position:relative;} .list15 li h1{ font-size:14px; margin-top:5px; } .list15 li:nth-child(2n-1):after{ content:""; display:inline-block; width:1px; height:36px; background:#c3c3c3; top:20%;} .list15 li:nth-child(2n-1):before{ position:absolute; left:0px;} .list15 li:nth-child(2n-1):after{ position:absolute; right:0px;} .list15 li:hover h1{color:#3f5a28;} .list31{ width:100%; height:auto; float:left;} .list31 li{ float:left; width:23%; margin-right:2.5%; position:relative; height:auto; overflow:hidden;} .list31 li:nth-child(4n){ margin-right:0px;} .list31-1{ width:100%; height:217px; float:left;} .list31-1 div{width:100%; height:217px; background-repeat:no-repeat; background-size:cover; background-position:center center; transition:all 0.4s;} .list31-2{ width:100%; height:auto; position:absolute; bottom:0px; z-index:6; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); line-height:30px; vertical-align:middle; text-align:center; color:#fff; font-weight:bold; padding-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list31 li:hover .list31-1 div{ transform:scale(1.2);} .t6{ width:100%; height:auto; float:left; font-size:20px; margin-bottom:20px;} .t6:before{ content:""; display:inline-block; width:6px; height:12px; background:#45a890; margin-right:10px;} .m3{ margin-bottom:20px; border:0px;} .xc{ width:48%; height:auto; float:left; position:relative;} .xc .xc-1{ width:100%; height:410px;overflow:hidden; } .xc .xc-1 div{width:100%; height:100%;background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s; } .xc img{ display:block; position:absolute; top:50%; left:50%; margin-top:-46px; margin-left:-46px;} .xc span{ display:block;position:absolute; bottom:30px; left:30px; padding:20px; background:rgba(60,89,166,0.3); font-size:24px; color:#fff;} .xc:hover .xc-1 div{ transform:scale(1.2);} .kk{ width:25%; height:auto; float:left; margin-left:2%;} .video { width: 100%; height: 100%;} .ztbox{width:100%; float:left; height:auto; } .zt{ width:100%; height:auto; float:left; } .zt img{ width:100%; height:auto;} .ewmlist{ width:100%; height:auto; float:left; background:#edeff0; padding:2px 20px 0px 20px; margin-top:30px; } .ewmlist li{ width:50%; height:auto; float:left; text-align:center; padding:20px;} .ewmlist li img{ max-width:100%; height:auto; border:1px solid #003399;} .ewmlist li h1{ font-size:12px; color:#003399; line-height:18px; margin-top:5px;} .kj{width:23%; height:auto; float:right; background:#003399; padding:40px;} .kj ul{} .kj ul li{ width:100%; height:auto; float:left; line-height:64px; vertical-align:middle; border-bottom:1px solid rgba(255,255,255,0.15); background-position: left center; background-size: 30px auto; padding-left:50px; background-repeat:no-repeat; transition:all 0.4s;} .kj ul li a{ display:block; color:#fff; font-size:16px; } .kj ul li:hover{ padding-left:60px; } .dl{width:125px; height:auto; float:left; overflow:hidden; } .dl dt{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; vertical-align:middle; margin-bottom:5px;} .dl dt a{ color:#fff;} .dl dd{ width:100%; height:auto; float:left; font-size:14px; line-height:30px;} .dl dd a{ color:rgba(255,255,255,0.6)} /*.dl dd a:before{ content:""; display:inline-block; width:3px; height:3px; background:rgba(255,255,255,0.6); margin-right:10px; vertical-align:middle;}*/ .dl dd a:hover{color:rgba(255,255,255,0.9)} .ewmlist2{ width:auto; height:auto; float:right; } .ewmlist2 li{ width:122px; height:auto; float:left; text-align:center; padding:10px; border:1px solid rgba(255,255,255,0.2); margin-left:20px;} .ewmlist2 li img{ max-width:100%; height:auto; border:1px solid #003399;} .ewmlist2 li h1{ font-size:12px; color:rgba(255,255,255,0.7); line-height:18px; margin-top:5px;} .t2{ width:100%; height:auto; float:left; color:rgba(255,255,255,1); margin-top:40px;margin-bottom:15px; font-size:22px; line-height:40px; vertical-align:middle; position:relative;} .t2 span{ display:inline-block; background:#393b45; padding-right:20px; position:relative; z-index:2;} .t2:before{ content:""; display:inline-block; width:5px; height:18px; background:#fff; margin-right:10px; vertical-align:middle; font-size:22px; } .t2:after{ content:""; display:inline-block; width:98%; height:1px; background:rgba(255,255,255,0.1); position:absolute; right:0px; top:50%; z-index:0; } .link{ width:100%; height:auto; float:left;} .link a{ float:left; width:18%; font-size:14px; display:inline-block; margin-right:2%; line-height:35px; color:rgba(0,0,0,0.6); border-bottom:1px solid #ececec; padding-top:10px; padding-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .link a:hover{} .m4{ width:70%; float:left;} .footer3{ width:100%; height:auto; line-height:25px; padding-top:20px; padding-bottom:20px; font-size:14px; color:rgba(255,255,255,0.4); background:#33353f; text-align:center;} .aban{ width:100%; height:445px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px;} .aban img{ max-width:100%;} .abanTxt{ width:auto; color:#fff; margin-top:8%;} .abanTxt h1{ font-size:30px; font-weight:bold;} .abanTxt h2{ font-size:24px; font-weight:bold; } .abnav{ width:100%; height:auto; color:#fff; background:url(../images/abnbg.jpg) rgb(183,136,51) ; vertical-align:middle; padding-top:40px; padding-bottom:40px; box-sizing:border-box; line-height:40px; text-align:center; position:relative;overflow: hidden;background-size: cover;} .abnav .span3{ font-size:28px; line-height:30px; color:#fff;font-weight: bold;} .abnav .span4{ display:inline-block; width:100%; font-size:30px; line-height:70px; text-transform:uppercase; color:rgba(255,255,255,0.15); position:absolute; left:0px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;} .abnav .img2{ position:absolute; max-width:100%; left:0px; top:18px;} .m3{ position:relative; z-index:1;} .right{ width:74%; height:auto;float:right; overflow:hidden; margin-bottom:30px; margin-top:0px;} .left{ width:20%; height:auto; float:left; overflow:hidden;margin-bottom:30px; margin-top:-100px; position:relative;} .left::before { content: ""; position: absolute; background: url(../images/nylemenumas.png) no-repeat 0 0; width: 2.43rem; height: 2.95rem; left: -1.2rem; top: 0px; z-index: -1; } .left::after { content: ""; position: absolute; background: url(../images/nylemenumas.png) no-repeat 0 0; width: 2.43rem; height: 2.95rem; right: -1.2rem; top: 0px; z-index: -1; transform: rotate(-180deg); } .t1{ width:auto; height:auto; float:left; font-size:30px; color:#333; margin-bottom:20px; margin-top:10px; color:#ba8a37;} .t1:before{ content:url(../images/arrow10.png); display:inline-block; margin-right:13px;} .position{ width:100%; height:auto; float:right; font-size:14px; box-sizing:border-box; padding-top:15px; padding-bottom:15px; color:#c2c2c2; margin-bottom:20px; border-bottom:1px solid #ededed; line-height:45px; vertical-align:middle;} .position a{ color:#c2c2c2; } .position a:hover{color:#008866;} .position a,.position span{margin-left:8px; margin-right:8px;} .position img{ display:inline-block; margin-right:8px;} .position h1{ float:left; width:auto; font-weight:bold; color: #41a69c;} .position span{ float:right;line-height: 45px;} .title{ width:100%; height:auto; float:left; background:url(../images/5.png) center top no-repeat; line-height:30px; font-size:30px; color:#294a70; text-align:center; margin-bottom:40px;} .con{ width:100%; height:auto; float:left; min-height:400px; padding-bottom:10px; padding-top:0px;} .txt{ line-height:30px; font-size:16px;} .txt p{ margin-bottom:20px;} .txt img{ max-width:100%;} .s1{ max-width:100%; float:left;} .list77{width:100%; height:auto; float:left;box-sizing:border-box; background:#d3dcd7; } .list77 li{ width:100%; height:auto; float:left;font-size:18px; border-bottom:1px dashed #b7ccc0; vertical-align:middle; box-sizing:border-box;} .list77 li a{ box-sizing:border-box;color:#000; display:block;padding-left:20px; padding-right:20px; text-align:center;} .list77 li:hover .list77-1,.list77 .currtq .list77-1{color:#008866;} .list77 li:hover .list77-1 a,.list77 .currtq .list77-1 a{color:#008866;} .list77 li .list77-1{width:100%; height:auto; float:left; line-height:66px;} .list77 li .list77-1 i{ vertical-align:middle; width:10px; height:58px; float:right; display:inline-block; background:url(../images/d1.png) center center no-repeat;} .list77 li:hover .list77-1 i,.list77 .currtq .list77-1 i{ background:url(../images/d2.png) center center no-repeat;} .list77 li .list77-1 a{ display:block; font-size:16px;} .list77 li .list77-2{ display:none;width:100%; height:auto; float:left; text-align: left;width: 100%; height: auto; line-height: 22px; background:#e0edea;} .list77 li .list77-2 a{ width:100%; font-size:14px; box-sizing:border-box; color:#7f9f97; padding-right:5px; padding-left:0px; line-height:35px;} .list77 li .list77-2 a:first-child{ margin-top:10px;} .list77 li .list77-2 a:last-child{ margin-bottom:10px;} .list77 li .list77-2 a:before{ content:""; display:inline-block; width:5px; height:5px; background:#7f9f97; margin-right:10px; vertical-align:middle; border-radius:50%; overflow:hidden;} .list77 li .list7-2 a:hover,.list77 li .list77-xx .currt{ color:#02453c;} .list77 li .list7-2 a:hover:before,.list77 li .list7-xx .currt:before{ background:#02453c;} .list16{ width:100%; height:auto; float:left;} .list16 li{ width:100%; float:left; padding-bottom:30px; padding-top:30px; border-bottom:1px solid #efefef; } .list16 li:nth-child(4n){ margin-right:0px;} .list16-1{width:320px; height:215px; float:left; margin-bottom:10px; overflow:hidden;} .list16 li .list16-1 div{ width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; transition:all 0.4s;} .list16 li .list16-2{width:62%; height:auto; float:right; vertical-align:middle; margin-top:20px;} .list16 li .list16-2 h1{font-size:22px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px;color: #333; font-weight:bold; transition:all 0.4s;} .list16-2 p{ font-size:16px; line-height:30px; color:#a5a5a5; margin-bottom:30px;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .list16-2 span{ font-size:14px; color:#45a890; display:inline-block; margin-right:20px; padding-left:25px; line-height:40px; vertical-align:middle;} .list16-2 i{ display:inline-block; width:1px; height:15px; margin-left:10px; margin-right:10px; background:#4a81a8;} .list16 li:hover .list16-1 div{ transform:scale(1.2);} .list16 li:hover .list16-2 h1{ color:#008866;} .sj { background: url(../images/icon16.png) left center no-repeat; } .list9{ width:100%; height:auto; float:left;} .list9 li{ width:31.33%; height:auto; margin-right:3%; margin-bottom:20px; box-sizing:border-box; float:left; overflow:hidden; } .list9 li:nth-child(3n){ margin-right:0px;} .list9 li .list9-1{ float:left; width:100%; font-size:14px; color:#858484; background:url(../images/pic18.png) left center no-repeat; padding-left:30px; box-sizing:border-box; line-height:40px; vertical-align:middle;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .list9 li h1{float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; font-size:16px; font-weight:bold; color:#000; line-height:30px; margin-bottom:10px; text-align:center;} .list9 li p{float:left; width:100%; font-size:14px; color:#7c7c7c; line-height:25px; height:50px; overflow:hidden; margin-bottom:10px;} .list9 li .list9-2{float:left; width:100%; height:282px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; border-top:8px solid #dbe6e3; border-right: 8px solid #efefef;} /*.list9 li .list9-2:after{ content:""; display:inline-block; width:55px; height:8px; background:#ba8a37; position:absolute; bottom:0px; left:0px;}*/ .list9 li .list9-2 img{ width:100%; height:auto; transition:all 0.6s;} .list9 li .list9-3{ width:100%; height:auto; float:left; background:#fff; padding:15px 0px; box-sizing:border-box; transition:all 0.4s;} .list9 li:hover .list9-3 h1{ color:#008866; } .list9 li:hover h1{ } .list9 li:hover .list9-2 img{ transform:scale(1.2);} .list9 li:hover p{ color:rgba(255,255,255,0.8)} .list9 li:hover .list9-1{color:rgba(255,255,255,0.7)} .list4{ width:100%; height:auto; float:left; border-bottom:1px solid #efefef;} .list4 dt{width:100%; height:auto; float:left; font-size:24px; line-height:40px; padding-top:10px; padding-bottom:10px; vertical-align:middle;cursor:pointer;} .list4 dt:before{ content:""; display:inline-block; width:8px; height:8px; background: #3a62b1; margin-right:10px; vertical-align:middle;} .list4 dt:hover{ color:#003399;} .list4 dd{ display:none;width:100%; height:auto; float:left; padding-top:10px; padding-bottom:10px; padding-left:20px; box-sizing:border-box;} .list4 dd ul{width:100%; height:auto; float:left;} .list4 dd ul li{width:100%; height:auto; float:left; } .list4 dd .list4-1{width:100%; height:auto; float:left; line-height:30px; font-size:18px; padding-top:5px; padding-bottom:8px; cursor:pointer;} .list4 dd .list4-1:before{ content:url(../images/arrow11.png); display:inline-block; margin-right:5px; vertical-align: middle; } .list4 dd .list4-2{ display:none;width:100%; height:auto; float:left; line-height:25px; padding-top:10px; padding-bottom:10px; background:#efefef; padding:20px;margin-bottom: 10px; color:#7d7d7d;} .blue{ color:#003399 ; font-weight:bold;} .left2{ width:70%; float:left;} .right2{ width:25%; float:right; height:auto; overflow:hidden;border-left:5px solid #efefef;border-right:5px solid #efefef; background:; box-sizing:border-box; padding-top:30px; border-top: 8px solid #007457;} .t4{ width:100%; height:auto; float:left; font-size:24px; font-weight:bold; line-height:40px; padding-bottom:10px; padding-left:20px; padding-right:20px;color: #007457;} .line2{ width:100%; height:115px; background:url(../images/aban-6.jpg) center top; margin-top:0px;} .wz{ margin-top:20px;} .list25{ width:100%; height:auto; float:left;padding-bottom: 30px} .list25 li{ width:100%; height:auto; float:left; background:#fff; line-height:50px; vertical-align:middle; padding:16px 20px; box-sizing:border-box; margin-bottom:0px; border-bottom:1px solid #eeebe7;} .list25 li .list25-1{ width:70%; float:left; font-size:16px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list25 li .list25-1:before{ content:url(../images/arrw11.png); display:inline-block; margin-right:10px; vertical-align: middle;} .list25 li .list25-1 .iconfont{ font-size: 24px; margin-right: 10px;} .list25 li .list25-2{ float:right; font-size:24px; color:#38a3e8;} .list25 li .list25-3{ float:right;margin-left:16px; color:#999; } .list26{ width:100%; height:auto; float:left;} .list26 li{ width:100%; height:auto; float:left; vertical-align:middle; padding:15px 20px 15px 20px; box-sizing:border-box; margin-bottom:0px; border-bottom:1px solid #eeebe7;} .list26 li .list26-1{ width:100%; float:left; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px; } .list26 li .list26-2{ float:left; color:#3fa097; width:auto; margin-bottom:5px; padding-left: 10px; padding-right: 10px; line-height:25px; font-size: 12px; border-radius:3px; background:#f0f1f1;} /*.list26 li .list26-2:before{ content:""; display:inline-block; width:20px; height:1px; background:#ccc; margin-left:-20px;} */ .list27{ width:100%; height:auto; float:left;} .list27 li{ width:49%; height:auto; float:left; padding:20px;padding-left:50px; position:relative; margin-right:2%; margin-bottom:20px;background:#eef6f4;} .list27 li:nth-child(2n){ margin-right:0px;} .list27 li .list27-1{ width:100%; height:auto; float:left; line-height:30px; vertical-align:middle; font-size:16px;color:#008866;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list27 li:before{ content:url(../images/cg.png); display:inline-block; margin-right:5px; position:absolute; left:20px; top: 24px;} .list27 li .list27-2{ width:100%; height:auto; float:left; line-height:25px; vertical-align:middle;color: #a2a2a2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list27 li .list27-2 span{ display:inline-block; margin-right:15px;} .pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:20px; margin-bottom:30px;} .pagelist .curPage,.pagelist a:hover{ background:#008866; color:#fff; } .pagelist a{ font-size:12px; cursor:pointer; display:inline-block; line-height:35px; margin-left:1px; margin-right:1px; color:#008866; background:#fff; box-sizing:border-box; width:40px; height:35px; padding-left:10px; padding-right:10px; border:1px solid #008866;} .pagelist .noclick{ cursor:no-drop; color:#008866;} .pagelist .noclick:hover{cursor:no-drop;background:#ccc; color:#008866;} .szjy{ overflow: hidden; display: block; margin-bottom: 70px; } .szjy li{ display: block; margin-right:2%; background: url(../images_v18/szjy-libg.png) no-repeat right top; width:18.4%; height: auto; overflow: hidden; position: relative; float: left;padding-bottom: 40px; } .szjy li:nth-of-type(5n){ margin-right: 0; } .szjy li .text{ position: absolute; top: 0px; width: 100%; background: rgba(43,125,225,0.85); height: 220px; opacity: 0; transition: all 0.5s; left:20px; } .szjy li:hover .text{ opacity: 1; transition: all 0.5s; } .szjy li .text p{ color: #ffffff; font-size: 12px; } .szjy li img{ width: 100%; height: auto; margin-left:0px; } .szjy li .name{ color: #000000; border-bottom: 1px solid #2b7de1; width: 100%; height: 30px; margin: 25px auto 5px; text-align: center; } .szjy li p{ text-align: center; color: #999999; line-height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 14px; } .img1{ max-width:350px; height:auto; float:left; margin-right:20px; margin-bottom:20px;} .list5{ width:100%; height:auto; float:left;} .list5 li{ width:100%; float:left; padding-bottom:30px; padding-top:30px; border-bottom:1px solid #efefef; } .list5 li:nth-child(4n){ margin-right:0px;} .list5-1{width:200px; height:130px; float:right; margin-bottom:10px;} .list5-1 div{ width:100%; height:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;} .list5-2{width:75%; height:auto; float:left; vertical-align:middle;} .list5-2 h1{font-size:20px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;color: #003399;} .list5-2 p{ font-size:14px; line-height:25px; color:#a5a5a5; margin-bottom:15px;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .list5-2 span{ font-size:14px; color:#e1e1e1;} .ntitle{width:100%; height:auto; float:left; font-size:24px; text-align:center; color:#000; margin-bottom:30px; line-height:35px; font-weight: bold;} .ntime{width:100%; height:auto; float:left; font-size:14px; color:#C5C5C5;text-align:center;margin-bottom:30px;} .nnnext{ float:left; width:100%; height:auto; float:left;margin-bottom:0px; margin-top:30px; border-top:1px solid #e8e8e8; padding-top:40px;} .nnnext li{padding:0px 10px 0px 65px; border:0px; position:relative; line-height:35px; vertical-align:middle; width:100%; float:left; } .nnnext li div{ float:left; width:100%;} .nnnext li b{ position:absolute; left:0px; top:0px;background:url(../images/arrw7.png) right center no-repeat; display:inline-block; color:#fff; padding-left:10px; padding-right:15px; font-weight:normal;} .nnnext a{ display:inline-block; padding-left:25px; font-size:16px; color:#222; width:85%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .nnnext a:hover{ color:#003399;} .nnnext li span{ float:right; color:#b2b2b2;} .ntt{} .ntt li{ display:inline-block;text-align:center; margin-left:10px; margin-right:10px;} .ntt span{ cursor:pointer;} .ntt span:hover{ color:#222;} .ntt .redfont{ color:#222;} @media only screen and (max-width: 1350px){ .wrapin{ width:1200px;} .teach-txt { width: 850px;} .dl { width: 105px; } } @media only screen and (max-width: 1200px){ .wrapin{ width:1024px;} .wap-nav{ display:block; float:right; margin-top:31px;} .pc-nav{ display:none;} .header1{ display:none;} .header2{ position:fixed; top:0px; z-index:999;background: #008866; padding-top:10px; padding-bottom:10px;} body{ padding-top:90px;} .banner-img{ height:485px; background-size:auto 100%;} .aban{height:250px; background-size:auto 100%;} .ss2{ display:block; float:right; margin-right:5px; margin-top:25px;} .list2-1 { width: 76%;} .list22-1 { width: 76%;} .list3 li .list3-2 { width: 50%;} .m4{ width:100%;} .xc .xc-1{ height:357px;} .xc img{ height:70px; margin-left:-35px; margin-top:-35px;} .ewmlist li{ padding:10px;} .ewmlist { padding:10px;} .kj{ padding:15px;} .col-1{margin-bottom:20px;} .col-5,.col-6{ width:100%; margin-left:0px; margin-bottom:20px;} .list31 li{ width:48%; margin-bottom:20px;} .list31 li:nth-child(2n){ margin-right:0px;} .footer-1{ width:100%; margin-left:0px; margin-bottom:20px; text-align:center;} .logo2{ display:none;} .ewm{ position:relative; top:auto; right:auto; width:100%; text-align:center; box-shadow:none;} .s2{ width:100%;} .dl{ width:128px; } .ewmlist2 { width:100%; margin-top:20px;text-align:center;} .ewmlist2 li{ float:none; display:inline-block;} .szjy li{ width:23%; margin-right:2.5%;} .szjy li:nth-child(5n){margin-right:2.5%;} .szjy li:nth-child(4n){margin-right:0;} .teach-txt { width: 66%;} .list12 li{ width:46%; } .con{ padding-bottom:0px;} .left2,.right2{width:100%;} } @media only screen and (max-width: 1024px){ .wrapin{ width:768px;} .banner-img{ height:368px;} .col-1,.col-2,.col-3,.col-4,.xc{ width:100%;} .list3 li .list3-2 { width: 100%;} .kk{ width:100%; margin-left:0px; margin-top:15px;} .kj{ width:100%;} .dl{ display:none;} footer{ padding-top:30px; padding-bottom:30px;} .aban{ height:205px;} .teach-txt { width: 54%;} .list5-2 { width: 64%;} .list31 li{ width:100%;} .link a{ width:31.3%;} .left{ display:none;} .right{ width:100%;} .list16-1{ width:100%;} .list16 li .list16-2{ width:100%;} .list9 li { width: 100%;} .list27 li{width: 100%;} .position{ padding-top:0px;} .position h1{ font-size:24px;} .position span{ float:left;line-height: 25px;line-height:45px;} } @media only screen and (max-width: 768px){ .wrapin{ width:640px;} .inp1 { width: 73%;} .banner-img{ height:303px;} .list3 li .list3-2{ width:100%;} } @media only screen and (max-width: 640px){ .wrapin{ width:90%;} .newsBox-2 h1{ font-size:16px;} .logo{ max-height:30px; margin-top:0px;} .header2{ height:60px; position:relative;} .mob-nav{ top:55px;} .wap-nav{ margin-top:6px; } .wap-nav img{ max-height:35px;} .ss2{ margin-top:-5px; background:none;} body{ padding-top:0px;} .banner-img{ height:210px;} .col-1-1{ width:100%; margin-bottom:20px;} .newsBox-1{ height:240px;} .col-1-2{ width:100%;} .list2-1{ width:80%;} .list22-1{ width:80%;} .xx{ width:100%; margin-bottom:20px;} .list3{ width:100%;} .xc .xc-1{ height:215px;} .inp1{ width:57%;} .inp2{ width:20%;} .list5-1{ width:115px; height:100px;} .aban{ height:140px;} .t1{ display:none;} .position{ float:left; } .abanTxt h1{ font-size:28px;} .abanTxt h2{ font-size:18px;} .list4 dt{ font-size:20px;} .list4 dd .list4-1{ font-size:16px;} .szjy li{ width:48%; margin-right:4%;} .szjy li:nth-child(5n){ margin-right:4%;} .szjy li:nth-child(2n){ margin-right:0px;} .teach-img{ width:100%;} .teach-txt{ width:100%; margin-top:20px;} .nnnext a{ width:70%;} .list1 li div{width:72%;} footer{background: url(../images/logo3.png) center center no-repeat #007457;background-size: contain;} .ewm{position:absolute;top:0px;} .footer-1{/* padding-top:200px; */} .ewm img{ display:inline-block; max-width:160px;} } @media only screen and (max-width: 380px){ .logo { max-height: 26px; } .wap-nav img { max-height: 15px; } .ss2 { margin-top: -7px; } .ss2 img{ max-height: 23px; } }