/*通用类*/ *{ 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:#127960;} ul{ list-style-type:none; border:0; width:auto; } em{ font-style:normal;} span{ float:none; margin:0;} .f_l{ float:left;} .f_r{ float:right;} 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,ul,li,a,section{ box-sizing:border-box;} /*wrapin 主体容器宽度*/ .wrapin{ width:90%; max-width:1400px;margin-left:auto; margin-right:auto;} /*公用CSS 开始*/ /*header 开始*/ .header{ height:auto; width:100%; background:#fff; } .header .logo{ float:left; margin-top:10px;} .nav{ width:850px; float:right; height:auto; text-align:center; font-size:18px; color:#fff; margin-top:15px; } .nav>li{ display:inline-block;position:relative; width:110px; text-align:center; height:45px; } .nav li>a{ display:block;width:100%; height:45px; line-height:45px; vertical-align:middle; font-size:16px; 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:110px; height:auto;position:absolute; z-index:9999999; background:rgba(37, 50, 30, 0.77); top:45px; border-radius:5px; } .nav li:hover>a,.nav .hover>a{ position:relative;color:#fff; font-weight:bold;} nav li.hot>a:after{ content:""; width:34px; height:17px; background:url(../images/hot4.png) right center no-repeat; background-size:100% 100%; position:absolute; right:-10px; top:50%; margin-top:-25px;} .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;} .wap-nav{ display:none;} .wap-search{display:none;} /*header 结束*/ /*footer 底部开始*/ .footer{ width:100%; background:#405033; height:auto; overflow:hidden; padding:20px 0 20px 0; } .footer a{ color:#fff !important;} .header2{ width:100%; height:auto; overflow:hidden; background:#0f735b;} .header1r-1{ float:right; width:auto; line-height:40px; vertical-align:middle; margin-right:10px; } .header1r-1 a{ color:rgba(255,255,255,0.6); display:inline-block; margin-left:10px; margin-right:10px;font-size:12px;} .header1r-1 a:hover{ color:rgba(255,255,255,0.8)} .header1r-2{ float:right; width:185px; background:#086650; height:40px;} .inpu1{ width:140px; height:40px; background:none; border:0px; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box; color:#fff;} .inpu2{ width:45px; height:40px; background:none; border:0px; float:left; background:url(../images/ss3.png) center center no-repeat;} header{ width:100%; height:100px; background:#fff; line-height:40px; vertical-align:middle;} header .logo{ float:left; max-height:100px; margin-top:20px;} nav{ width:auto; float:right; } nav ul{ width:auto; height:auto; text-align:center; font-size:16px; color:#fff; margin-top:0px; } nav ul>li{ float:left; position:relative; width:auto; text-align:center; height:auto; margin-left:10px; margin-right:10px; } nav li>a{ display:block;width:100%; line-height:100px; vertical-align:middle; font-size:18px; font-weight:bold; text-align:center; box-sizing:border-box; color:#333; transition:all 0.4s;} nav li>a img{ margin-left:5px; display:inline-block;} nav li>.nav-c{ display:none; width:100px; height:auto;position:absolute; z-index:9999999; background:#127960; border-radius:0px; border-radius:0px; } nav li:hover>a,.nav .hover>a{ position:relative;color:#127960;border-bottom: 5px solid #127960; line-height:95px; } 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{ background:#ffc600; color:#127960;} 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;} .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;} .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: #003399; border-radius: 0px; overflow: hidden;} .mob-nav{ width:100%; height:100%; position:fixed; top:0px; left:100%; background:rgba(0,0,0,0.7); z-index:99999;} .mob-nav-main{ width:80%;height:100%; background:#fff;padding-top:50px; float:right; overflow:hidden; position:relative;overflow-y:auto; } .navlist{ width:100%; height:auto; float:left; background:#fff; } .navlist ul>li{ width:100%; height:auto; border-bottom:1px solid #efefef;} .navlist ul>li>a{ width:100%; height:auto;display:block; line-height:60px; text-align:center;} .navlist ul>li>div{ display:none; background:#efefef;} .navlist ul>li>div>a{ width:100%; height:auto;display:block; line-height:50px; text-align:center;} .close{ position:absolute; top:0px; text-align:right; right:0px; width:80%; background:#fff; z-index:2;} .close img{ cursor:pointer; margin-right:20px; margin-top:20px;} .nav-btn{display:none; cursor:pointer; right:20px; top:27px; position:absolute;} .nav-btn i{position: relative; width: 24px; height: 24px; display: block;} .nav-btn i:before,.nav-btn i:after,.nav-btn i em { content: ''; display: inline-block; position: absolute; left: 0; height: 2px; top: 50%; margin-top: -1px; border-radius: 2px; background-color: #1a1a1a; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; width: 100%; -webkit-transform-origin: center; transform-origin: center; } .nav-btn i:before{ -webkit-transform: translateY(6px); transform: translateY(6px);} .nav-btn i em { display: inline-block; -webkit-transition-delay: .1s; transition-delay: .1s; } .nav-btn i:after { -webkit-transform: translateY(-6px); transform: translateY(-6px); } .btn-search{ display:none; background:#ffbf00; width:26px; height:26px; text-align:center; line-height:26px; vertical-align:middle; float:right; border-radius:50%; overflow:hidden; position:absolute; right:56px; top:12px;} .btn-search img{ display:inline-block; vertical-align:middle;} .ss2{ display:none;} .banner{ width:100%; height:auto; overflow:hidden; position:relative; z-index:1;} .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%; } .banner-img{ background-position:center center; background-repeat:no-repeat; width:100%;} .banner-img a{display:block;width:100%; height:100%;} .t0{width:230px; height:80px; line-height:80px; vertical-align:middle; text-align:center; font-size:20px; color:#fff; background:url(../images/bg4.png) right no-repeat; position:absolute; left:0px; top:0px;} .list0Box{ width:100%; height:80px; line-height:80px; vertical-align:middle; margin-left:auto; margin-right:auto; z-index:4; position:relative; overflow:hidden; background:#eef4f3; padding-left:230px; position:relative;} .list0{width:100%; height:auto; float:left;} .list0 li{ width:20%; height:auto; float:left; padding:0px; box-sizing:border-box; padding-left:15px; padding-right:15px;} .list0 li a{ display:block;} .list0 li img{ float:left; margin-top:16px; display:inline-block; margin-right:10px; max-height:45px;} .list0 li h1{ font-size:20px; color:#333; vertical-align:middle;} .list0 li h3{ font-size:14px;color:#127960; text-transform:capitalize; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list0 li:hover{ background:#e1eae8;} .t1{ width:100%; height:auto; float:left; font-size:24px; margin-bottom:20px; font-weight:bold; color:#127960; position:relative;background:#f5f5f5; padding-top:5px; padding-bottom:5px;} .t1:before{ content:""; display:inline-block; width:8px; height:18px; background:#127960; margin-right:15px;} .t1:after{ content:""; display:inline-block;width:80%; height:4px; position:absolute; right:0px; top:50%;} .section1{ width:100%; height:auto; overflow:hidden; margin-top:40px; padding-bottom:40px;} .section2{ width:100%; height:auto; overflow:hidden; margin-top:80px; background:#f2f3f9; padding-top:80px; padding-bottom:80px;} .box1{ width:55%; height:auto; float:left; position:relative;} .title{ width:100%; height:auto; float:left;line-height:40px; vertical-align:middle; margin-bottom:20px;} .title span{ font-size:24px; color:#127960; float:left; font-weight:bold; } .title a{ font-size:12px; color:#aaa; float:right;} .title a:after{ content:url(../images/arrow1.png); display:inline-block; margin-left:3px; vertical-align:middle;} .title a:hover{color:#008866;} .title a:hover:after{ content:url(../images/arrow9.png);} .more{ position:absolute; right:0px; top:-55px;} .more a{font-size: 12px; color: #aaa;} .more a:after { content: url(../images/arrow1.png); display: inline-block; margin-left: 3px; vertical-align: middle;} .box1-1{width:100%; height:auto; float:left; } .title2{ width:100%; height:auto; float:left;line-height:40px; vertical-align:middle; margin-bottom:40px;} .title2 span{ font-size:34px; color:#fff; float:left; font-weight:bold; } .title2 a{ display:inline-block; float:right;} .py{ width:100%; float:right;} .t4{ width:100%; float:left; margin-bottom:20px; border-bottom:1px solid #efefef;} .t4 a{ display:inline-block; font-size:24px;font-weight:bold; line-height:45px;color:#a3a3a3; margin-right:20px; cursor:pointer; } .t4 a:hover,.t4 .hh{color:#127960; border-bottom:5px solid #127960;} .t4-con{ width:100%; height:auto; float:left; position:relative;} .box2{ width:45%; height:auto; float:right; padding-left:40px; box-sizing:border-box;} .list3{ width:100%;} .list3 li{ width:100%; height:auto; float:left; box-sizing:border-box; padding-top:15px; padding-bottom:15px;overflow:hidden; border-bottom:1px solid #efefef;} .list3 li:hover{ } .list3 li .list3-1{ float:right; width:65px; height:auto;} .list3 li .list3-1 .span1{ width:100%; background:#e6e6e6; color:#127960; font-size:12px; text-align:center; display:inline-block; line-height:20px; vertical-align:middle; text-transform:uppercase;} .list3 li .list3-1 .span2{width:100%; background:#127960; font-size:20px; text-align:center; display:inline-block; line-height:30px; vertical-align:middle; color:#fff; font-weight:bold;} .list3 li .list3-2{ float:left; width:80%; height:auto; font-size:16px; line-height:25px; font-weight:100;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .list3 li .list3-2 a{color:#333;} #mooc{ width:100%; height:412px; overflow:hidden;} .list20{ width:100%; height:auto; float:left; background:#f6f6f6; padding:0px 30px;} .list20 li{width:100%; height:auto; float:left;border-bottom:1px solid #ededed; padding-bottom:15px; padding-top:15px; position:relative;} .list20-1{width:100%; height:25px; float:right; display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow:hidden; line-height: 25px; vertical-align: middle; font-size:16px; padding-left:55px;} .list20-2{ position:absolute; left:0px;width:auto; height:auto; float:left; text-align:right; vertical-align:middle; line-height:25px; vertical-align:middle;} .list20-2 .span4{ font-size:32px; color:#003399; display:inline-block; line-height:40px; margin-right:5px; } .list20-2 .span5{ text-align:center; font-size:14px; color:#0f735b; line-height:15px;display:inline-block;} .list20 .new2 .list20-1:after{ content:url(../images/new.gif); position:absolute; right:0px; top:0px;} .list2{ width:100%; height:auto; float:left;} .list2 li{ width:23.5%; height:auto; float:left; margin-right:2%;} .list2 li:nth-child(4n){ margin-right:0px;} .list2 li div{ width:100%; height:auto; transition:all 0.3s; margin-bottom:20px; box-sizing:border-box; overflow:hidden;} .list2 li div a{ width:100%; height:100%; display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .list2 li h1{ margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px; font-weight:bold; line-height:30px;} .list2 li h1 a{font-size:18px; color:#333; } .list2 li p{ background:url(../images/1.jpg) left center no-repeat; padding-left:30px; box-sizing:border-box; font-size:16px; color:#294a70;} .list2 li h2,.list2 li h3{font-size:14px; color:#127960; background-repeat:no-repeat; background-position:left center; padding-left:30px; line-height:35px; } .list2 li h2{ background-image:url(../images/icon8.png);} .list2 li h3{background-image:url(../images/icon7.png);} .list2 li:hover div a{ transform:scale(1.2); } .list2 li:hover h1 a{ color:#f4a024;} .list9{ width:100%; height:auto; float:left;} .list9 li{width:100%; height:auto; float:left;border-bottom:1px solid #ededed; padding-bottom:15px; margin-bottom:15px; position:relative; padding-left:100px;} .list9-1{width:100%; float:left; height:48px;line-height: 24px; vertical-align: middle;display: -webkit-box; font-size:16px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .list9-2{width:100px; height:auto; position:absolute; left:0px;text-align:left; vertical-align:middle;} .list9-2 .span6{ font-size: 27px; color: #60978a; display: inline-block; line-height: 40px; margin-right: 5px; background: #f6f5f5; padding: 0px 5px;} .list9-2 .span7{ text-align:center; font-size:12px; color:#adb4c2; line-height:15px;display:inline-block;} .list11{width:100%; float:right;} .list11 li{ width:100%; height:auto; float:left; border-bottom: 1px solid #ededed; padding-bottom:15px; position:relative;} .list11 li .list11-1{ position:absolute; float:left; width:175px; height:125px; overflow:hidden; } .list11 li .list11-1 div{ width:100%; height:100%;background-position:center center; background-size:cover; transition:all 0.4s;} .list11 li .list11-2{ width:100%; float:right; padding-left:200px; margin-bottom:17px;} .list11 li .list11-2 h1{ font-size:16px; font-weight:bold; height:75px; 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%; margin-bottom:10px; } .list11 li .list11-2 h2{ font-size:14px; color:#aeaeae; line-height:25px;} .list11 li:hover .list11-1 div{ transform:scale(1.2);} /*.list11 .new2:before{ z-index:1; content:url(../images/arrow11.png); position:absolute; left:0px; top:0px; }*/ .list19{ width:100%; height:auto; float:left;} .list19 li{width:100%; height:auto; float:left;border-bottom:1px solid #ededed; padding-bottom:15px; padding-top:15px; padding-left:60px; position:relative;} .list19-1{width:100%; height:48px; float:right; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow:hidden; line-height: 24px; vertical-align: middle; font-size:16px;} .list19-2{width:auto; height:auto; position:absolute; left:0px; text-align:right; vertical-align:middle; line-height:24px; vertical-align:middle;} .list19-2 .span4{ font-size:32px; color:#003399; display:inline-block; line-height:40px; margin-right:5px; } .list19-2 .span5{ text-align:center; font-size:14px; color:#127960; line-height:15px;display:inline-block;} .list19 .new .list19-1:after{ content:url(../images/new.gif); display:inline-block; margin-left:10px;} .newsbox{ display:block; width:100%;} .news-img{ width:100%; height:412px; float:left; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;} .news-txt{width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)); padding-top:15px;padding-bottom:5px; } .news-time{ background:#127960; width:80px; height:30px; position:absolute; margin-top:15px;} .news-title{ font-size:20px; font-weight:bold; padding-right:110px;width:100%; color:#fff; line-height:60px; vertical-align:middle; padding-left:108px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .span3{ font-size:14px; color:#fff; text-transform:uppercase; line-height:30px; } .span4{ font-size:30px; font-weight:bold; color:#127960; line-height:30px;} .mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{ color:rgba(0,0,0,0.8);} .mySwiper2,.swiper{ } .mySwiper2 .swiper-button-next,.mySwiper2 .swiper-button-prev{bottom:10px; top:auto; color:#fff; background:#127960; width:35px; height:35px;} .mySwiper2 .swiper-button-prev,.mySwiper2 .swiper-rtl .swiper-button-next{ left:auto; right:60px; } .mySwiper2 .swiper-button-next:after,.mySwiper2 .swiper-button-prev:after{ font-size:20px;} .yw2{ width:90%; margin-left:5%;} .section3{ width:100%; height:auto; overflow:hidden; padding-bottom:40px; } .box3{ width:31.33%; float:left; position:relative;} .midbox3{ margin-left:3%; margin-right:3%;} .box3-con{ width:100%; height:auto;} .list6{ width:100%; height:auto; float:left; border-top:1px solid #ebebeb; } .list6 li{ border-bottom:1px solid #ebebeb; line-height:35px; padding-top:13px; padding-bottom:12px; vertical-align:middle; font-size:16px; width:100%; float:left; } .list6 li span{ display:inline-block; float:right; color:#127960;} .list6 li a{ display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; width:87%;font-weight: 100; font-size:18px;} .s4{ float:left; width:40%;} .list5{ width:100%; height:auto; float:left; border-top:1px solid #ebebeb; } .list5 li{ border-bottom:1px solid #ebebeb; line-height:35px; padding-top:10px; padding-bottom:10px; vertical-align:middle; font-size:16px; width:100%; float:left;} .list5 li span{ display:inline-block; float:left; color:#509b8b;} .list5 li a{ display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:right; width:100%; font-size:18px; font-weight:100;} .list4{width:100%; float:right;} .list4 li{ width:100%; height:auto; float:left; margin-bottom:20px;} .list4 li .list4-1{ float:left; width:140px; height:105px; overflow:hidden; border-bottom:3px solid #127960; } .list4 li .list4-1 div{ width:100%; height:100%;background-position:center center; background-size:cover; transition:all 0.4s;} .list4 li .list4-2{ width:60%; float:right;} .list4 li .list4-2 h1{ font-size:18px; font-weight:bold; line-height:30px;transition:all 0.4s; display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width:100%; margin-bottom:10px; } .list4 li .list4-2 span{ font-size:14px; color:#bebebe;} .list4 li:hover .list4-1 div{ transform:scale(1.2);} .top{ width:100%; height:210px; float:left; position:relative; overflow:hidden;} .topimg{width:100%; height:210px; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .toptxt{ width:100%; height:auto; position:absolute; bottom:0px; padding-left:20px; padding-right:20px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)); line-height:50px; vertical-align:middle; color:#fff; vertical-align: middle; color: #fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .top:hover .topimg{ transform:scale(1.2);} .section4{ width:100%; height:auto; overflow:hidden; padding-top:80px; padding-bottom:80px; position:relative;} .section4mid{ width:90%; height:auto; margin-left:auto; margin-right:auto; overflow:hidden; max-width:1400px;} .section4bg{ width:100%; background-position:center top; background-repeat:no-repeat; background-image:url(../images/bg1.jpg); height:70%; position:absolute; z-index:-1; top:0px;} .fc{ width:100%; height:auto;} .fc-1{ width:100%; height:326px; float:left; overflow:hidden;} .fc-1 div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .fc-2{ position:absolute; bottom:0px; padding-left:20px; padding-right:20px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)); width:100%;} .fc-2 span{ font-size:14px; color:rgba(255,255,255,0.7); line-height:30px;} .fc-2 h1{ font-size:18px;color: #fff; line-height:40px; vertical-align:middle; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .fc-2 h1:before{ content:"";display:inline-block; width:5px; height:20px; background:#127960; margin-right:10px; vertical-align:middle;} .fc-1 div{ transform:scale(1.2);} .list7{ width:100%; height:auto; float:left;} .list7 li{ width:31.33%; height:auto; float:left; position:relative;margin-bottom:10px;} .list7 li:nth-child(2){ margin-left:3%; margin-right:3%;} .list7 li .list7-1{ width:100%; height:326px; float:left; overflow:hidden;} .list7 li .list7-1 div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition:all 0.4s;} .list7 li .list7-2{ position:absolute; bottom:0px; padding-left:20px; padding-right:20px; background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.7)); width:100%;} .list7 li .list7-2 span{ font-size:14px; color:rgba(255,255,255,0.7); line-height:30px;} .list7 li .list7-2 h1{ font-size:18px;color: #fff; line-height:40px; vertical-align:middle; margin-bottom:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .list7 li .list7-2 h1:before{ content:"";display:inline-block; width:5px; height:20px; background:#127960; margin-right:10px; vertical-align:middle;} .list7 li:hover .list7-1 div{ transform:scale(1.2);} .list13{ width:100%; height:auto; float:left;} .list13 li{ width:30.33%; height:auto; margin-right:4.5%; float:left; position:relative;margin-bottom:10px;} .list13 li:nth-child(3n){ margin-right:0px;} .list13 li .list13-1{ width:100%; height:190px; float:left;} .list13 li .list13-1 div{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;} .list13 li .list13-2{width:100%; height:100%;background-image: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0)); position:absolute; bottom:0px; padding:40px; padding-top:45px; } .list13 li .list13-2 i{ display:inline-block; width:22px; height:6px; background:#ffc600; position:absolute; left:0px; top:55px;} .list13 li .list13-2 h1{ font-size:22px; font-weight:bold; color:#fff; line-height:35px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:15px;} .list13 li .list13-2 h3{ font-size:14px; color:rgba(255,255,255,0.3); line-height:25px; vertical-align:middle;} .section5{width:90%; max-width:1400px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; padding-top:0px; padding-bottom:80px; position:relative; } .section6{ width:100%; height:auto;overflow:hidden; padding-top:80px; padding-bottom:80px; background:#127960;} .section6mid{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px;} .list14{ width:50%; height:auto; float:left;} .list14 li{ width:30.33%; height:auto; float:left; text-align:center; background:rgba(255,255,255,0.7); margin-right:3%; margin-bottom:25px; padding-top:40px; padding-bottom:40px;margin-bottom:15px;} .list14 li img{ display:inline-block; margin-bottom:10px;} .list14 li h1{ font-size:22px; color:#333; line-height:35px; vertical-align:middle;} .box4{ width:100%; float:left; height:auto; } .mySwiper3{ padding-left:0px; width:100%; height:100%; } .mySwiper3 .swiper-pagination-vertical.swiper-pagination-bullets,.mySwiper3 .swiper-vertical>.swiper-pagination-bullets{ left:20px; top:65px; right:auto;} .mySwiper3 .swiper-pagination-bullet{ width:10px; height:10px;} .mySwiper3 .swiper-pagination{ text-align:right;} .mySwiper3 .swiper-horizontal>.swiper-pagination-bullets, .mySwiper3 .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper3 .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:7px;} .mySwiper3 .swiper-pagination-bullet-active{ background:#0f735b;} .zt{ width:100%; height:auto; float:left;} .ztimg{ width:100%; height:301px; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;} .ztimg img{ width:100%; } .zttxt{ width:100%; height:auto; float:left; font-size:18px; line-height:30px; vertical-align:middle; text-align:left; margin-top:20px;} footer{ width:100%; height:auto; overflow:hidden; background:#292b33; } .footerBox{ width:90%; margin-left:auto; margin-right:auto; height:auto; max-width:1400px; overflow:hidden;} .logo2{ float:left;} .footer-1{ width:auto; float:left; line-height:30px; font-size:14px; color:rgba(255,255,255,0.4);margin-left:30px; margin-top:10px;} .footer-2{ width:235px; float:right; height:auto; overflow:hidden; margin-left:20px;} .ewm{ float:right; max-height:120px;} .sec1{ width:235px; height:50px; background:#20222a; text-align:center; font-size:14px; color:#fff; margin-bottom:20px; border:0px; line-height:50px; vertical-align:middle; padding-left:20px; padding-right:20px; box-sizing:border-box;} .footer-3{ width:100%; height:auto; font-size:14px; line-height:40px; vertical-align:middle; float:left; background:#1e2029; color:rgba(255,255,255,0.5); text-align:center; padding-top:15px; padding-bottom:15px;} .footer-3 a{ color:rgba(255,255,255,0.7);} .footer-3 a:hover{color:rgba(255,255,255,0.9);} .footer-4{padding-top:60px; padding-bottom:60px;background:url(../images/bg.png) center bottom no-repeat ;} .aban{ width:100%; height:450px; background-position:center center; background-repeat:no-repeat; background-size:cover; float:left; margin-bottom:20px;} .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:rgb(18,121,96); vertical-align:middle; padding-top:40px; padding-bottom:40px; box-sizing:border-box; line-height:40px; text-align:center; position:relative;} .abnav .span3{ font-size:28px; line-height:30px; color:#fff;} .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;} .list8{ width:100%; height:auto; float:left; background:#eef7f5;box-sizing:border-box; background:url(../images/bg2.png) bottom center #eef7f5 no-repeat; padding-bottom:90px; border-bottom:5px solid #127960;} .list8 li{ width:100%; height:auto; float:left;font-size:18px; border-bottom:1px dashed #b9d9d1; vertical-align:middle; box-sizing:border-box;} .list8 li a{ box-sizing:border-box;color:#000; display:block;padding-left:20px; padding-right:20px; text-align:center;} .list8 li:hover .list8-1,.list8 .currtq .list8-1{ color:#127960; } .list8 li:hover .list8-1 a,.list8 .currtq .list8-1 a{color:#127960;} .list8 li .list8-1{ width:100%; height:auto; float:left; line-height:66px;} .list8 li .list8-1 i{ vertical-align:middle; width:10px; height:58px; float:right; display:inline-block; background:url(../images/d1.png) center center no-repeat;} .list8 li:hover .list8-1 i,.list8 .currtq .list8-1 i{ background:url(../images/d2.png) center center no-repeat;} .list8 li .list8-1 a{ display:block; font-size:18px;} .list8 li .list8-2{ display:none;width:100%; height:auto; float:left; text-align: left; width: 100%; height: auto; line-height: 22px;} .list8 li .list8-2 a{ width:100%; font-size:14px; box-sizing:border-box; color:#656565; padding-right:5px; padding-left:28px; line-height:35px;} .list8 li .list8-2 a:first-child{ margin-top:10px;} .list8 li .list8-2 a:last-child{ margin-bottom:10px;} .list8 li .list8-2 a:before{ content:""; display:inline-block; width:5px; height:5px; background:#ccc; margin-right:10px; vertical-align:middle; border-radius:50%; overflow:hidden;} .list8 li .list8-2 a:hover,.list8 li .list8-xx .currt{ color:#8f000b;} .list8 li .list8-2 a:hover:before,.list8 li .list8-xx .currt:before{ background:#8f000b; } .m3{ position:relative; z-index:99;} .right{ width:74%; height:auto;float:right; overflow:hidden; margin-bottom:30px; margin-top:-90px;} .left{ width:275px; height:auto; float:left; overflow:hidden;margin-bottom:30px; margin-top:-125px; 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); } .position{ width:100%; height:auto; font-size:14px; box-sizing:border-box; padding-top:20px; padding-bottom:20px; color:#fff; border-radius:5px 5px 0px 0px; margin-bottom:20px; text-align:right; line-height:30px; vertical-align:; } .position a{ color:#fff;} .title0{ 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:40px;} .txt{ line-height:30px; font-size:16px;} /*.txt p{ margin-bottom:20px; text-indent:2em;}*/ .txt p{ margin-bottom:20px;} .curTitle{ width:100%; height:auto; float:left; padding-top: 20px; padding-bottom:20px; border-bottom:3px solid #e4eee9; margin-bottom:40px;} .curTitle span{ font-size:28px; font-weight:bold;} .list10{ width:100%; float:left;} .list10 li{ width:100%; float:left; height:auto; margin-bottom:60px;} .list10 li .list10-1{ width:60%; padding-top:30px; background:#eef7f5; padding:40px; margin-top:40px; border-left:5px solid #127960;} .list10 li .list10-2{ width:41%;} .list10 li .list10-2 img{ width:100%;} .list10 li .list10-1 p{ } .list10 li:nth-child(even) .list10-1{ float:left;margin-right:-6%;} .list10 li:nth-child(even) .list10-2{ float:right;} .list10 li:nth-child(odd) .list10-1{ float:right; margin-left:-6%;} .list10 li:nth-child(odd) .list10-2{ float:left;} .yq1{width:100%; height:auto; float:left; font-size:28px; font-weight:bold; margin-bottom:15px; line-height:50px; color:#127960;} .yq3{width:100%; height:auto; float:left;font-size:16px; line-height:35px; color:#3c3c3c; margin-bottom:20px;} .yq3 b{ color:#333;} .list12{ width:100%; float:left;} .list12 li{ width:48%; float:left; margin-right:2%; margin-bottom:30px;} .list12 li .list12-1{ width:30%; height:500px; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left;} .list12 li .list12-2{width:70%; height:auto; float:left; padding:20px 20px 0px 40px; } .list12 li .list12-2 h1{ font-size:26px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; line-height:40px; color:#333; margin-bottom:10px;} .list12 li .list12-2 h2{ font-size:16px; line-height:35px; margin-bottom:10px;} .list12 li .list12-2 p{ font-size:14px; line-height:25px;white-space:nowrap; text-overflow:ellipsis; margin-bottom:0px; padding-bottom:20px; color:#898989;} .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;} .teach-1{ width:100%; height:auto; float:left; margin-bottom:40px;} .teach-img{width:220px; height:auto; float:left; box-sizing:border-box; margin-top:40px;} .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:#127960; margin-bottom:10px; font-weight:bold; line-height:40px;} .teach-txt h2{ font-size:16px;color:#f4a024; 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:#333; line-height: 40px;} .teachCon-t:before{ content:""; width:8px; height:20px; background:#127960; display:inline-block; margin-right:15px;} .teachCon-x{width:100%; height:auto; float:left; background:#eef7f5; padding:30px; box-sizing:border-box; line-height:30px;} .xx{ width:100%; height:auto; float:left; margin-bottom:40px;} .xx a{display:inline-block;width:auto;padding-left:30px;padding-right:30px;line-height:40px;margin-right:20px;background:#eef9f6;color:#127960;padding-top:10px;padding-bottom:10px;font-size:18px;cursor:pointer;margin: 10px 5px;} .xx a:hover,.xx .curr{ background:#127960; color:#fff;} .form2{ width:100%; border-right:1px solid #dde8e5; border-left:1px solid #dde8e5;border-top:1px solid #dde8e5;margin-bottom:30px; } .form2 tr th{line-height:25px; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px;border-right:1px solid #dde8e5; background: #eef7f5; color: #127960; font-size: 18px;} .form2 tr td{ line-height:25px; padding-top:15px; padding-bottom:15px; padding-left:10px; padding-right:10px; border-right:1px solid #dde8e5; text-align:left; font-size:16px;} .form2 tr:nth-child(even) td{ border-bottom:1px solid #dde8e5; background:#eef7f5;} .form2 tr:nth-child(odd) td{border-bottom:1px solid #dde8e5;} .form2 tr:hover td{ background:#fffae3;} .form2 tr td:hover a{font-weight:bold; color:#000;} .form2 tr td:nth-child(1){ max-width:350px;text-align:left; font-weight:bold; color:#333; font-size:16px;} .form2 tr .firstRow{background: rgb(18 121 96);text-align: center;color: rgb(255, 255, 255);font-size: 20px; line-height:40px; padding-top:15px; padding-bottom:15px;} .list15{ width:100%; height:auto; float:left;} .list15 li{ width:48%; margin-right:2%; float:left; margin-bottom:30px;} .list15-1{ float:left; width:100%; height:auto; font-size:14px; background:url(../images/setting.png) right bottom no-repeat #fffbf1; line-height:40px; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; border-radius:0px 0px 40px 40px; color:#127960; text-align:center; position:relative;} .list15-1:after{ content:""; display:inline-block; width:50px; height:5px; background:#127960; position:absolute; bottom:0px; left:50%; margin-left:-30px;} .list15-2{ float:left; width:100%; height:auto; font-size:16px; line-height:25px;background:#f2faf6; line-height:30px; padding:25px;border-radius:60px 60px 0px 0px;} .list15-2 a{ display:block; background:#fff; padding:20px;border-radius:30px 30px 30px 30px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-overflow: ellipsis; overflow: hidden; } .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:340px; height:260px; 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:#127960; 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:#127960;} .bq{ background:url(../images/icon15.png) left center no-repeat;} .sj{ background:url(../images/icon16.png) left center no-repeat;} .main{ width:100%; height:auto; overflow:hidden; padding:60px;} .ntitle{width:100%; height:auto; float:left; font-size:24px; text-align:center; color:#000; margin-bottom:30px; line-height:35px; font-weight: bold; margin-top:70px;} .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: #127960; 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:#4787ad;} .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;} .list17{ width:100%; height:auto; float:left;} .list17 li{ width:30.33%; transition:all 0.3s; box-sizing:border-box;height:auto; float:left; margin-right:4.5%; position:relative; margin-bottom:30px;} .list17 li:nth-child(3n){ margin-right:0px;} .list17 li i{ display:inline-block; position: absolute; left: 10px; top: 10px; width: 100%; height: 100%; background: #eef7f5; z-index:-1;} .list17 li .list17-1{ overflow:hidden; width:100%; height:273px; margin-bottom:10px; box-sizing:border-box;} .list17 li .list17-1>div{ width:100%; height:100%; transition:all 0.6s; background-position:center center; background-repeat:no-repeat; background-size:cover;} .list17 li h1{ text-align:center; width:100%; box-sizing:border-box; line-height:30px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:18px; margin-top:20px;} .list17 li:hover .list17-1>div{ transform:scale(1.2);} .list18{ width:100%; height:auto; float:left;} .list18 li{ position:relative;width:100%; height:auto; float:left; background:#fafffe; padding:5px 50px 5px 50px; border:1px solid #ecf0ef; margin-bottom:10px; } .list18 li:before{ content:""; display:inline-block; width:4px; height:45px; background:#127960; position:absolute; left:0px; top:0px; z-index:3;} .list18 li .list18-1{ font-size:18px; width:80%; height:auto; float:left; line-height:55px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .list18 li .list18-2{ text-align:right; border-left:1px solid #deeeea;width:100px; height:auto; float:right;} .list18 li .list18-2 .span5{ display:inline-block; width:100%; font-size:32px; color:#127960; line-height:30px;} .list18 li .list18-2 .span6{ display:inline-block; width:100%;font-size:12px;color:#127960; line-height:25px;} .pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:20px; margin-bottom:30px;} .pagelist .curPage,.pagelist a:hover{ background:#127960; color:#fff; } .pagelist a{ font-size:12px; cursor:pointer; display:inline-block; line-height:35px; margin-left:2px; margin-right:2px; color:#8d8d8d; background:#fff; box-sizing:border-box; width:auto; height:35px; padding-left:10px; padding-right:10px;border: 1px solid #ddd; border-radius: 3px;} .pagelist .noclick{ cursor:no-drop; color:#8d8d8d;} .pagelist .noclick:hover{cursor:no-drop;background:#ccc; color:#8d8d8d;} .header3{ width:100%; height:100px; background:#fff; line-height:40px; vertical-align:middle;} .header3 .logo{ float:left; max-height:100px; margin-top:20px;} .header1r-3{ float:right; width:185px; background:#086650; height:40px;border: 1px solid #d8e4e1; border-radius: 30px; margin-top: 26px; background: #f2f7f6;} .iinpu1{ width:140px; height:40px; background:none; border:0px; float:left; padding-left:15px; padding-right:15px; box-sizing:border-box; color:#333;} .iinpu2{ width:43px; height:40px; background:none; border:0px; float:left; background:url(../images/ss4.png) center center no-repeat;} .navbar2{ width:100%; height:60px; background:#127960; } .nav3{ width:100%; float:left; } .nav3 ul{ width:auto; height:auto; text-align:center; font-size:16px; color:#fff; margin-top:0px; } .nav3 ul>li{ float:left; position:relative; width:8.3%; text-align:center; height:auto; } .nav3 li>a{ display:block;width:100%; line-height:60px; vertical-align:middle; font-size:18px; font-weight:bold; text-align:center; box-sizing:border-box; color:#fff; transition:all 0.4s;} .nav3 li>a img{ margin-left:5px; display:inline-block;} .nav3 li>.nav-c{ display:none; width:120px; left:50%; margin-left:-60px; height:auto;position:absolute; z-index:9999999; background:#127960; border-radius:0px; border-radius:0px; } .nav3 li:hover>a,.nav .hover>a{ position:relative; color:#fff;background:rgba(0,0,0,0.3);border-bottom: 5px solid #ffc600; line-height:55px; } .nav3 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; } .nav3 li>.nav-c a:hover{ background:#ffc600; color:#127960;} .nav3 li:hover>.nav-c{ display:block;} .t00{width:230px; height:60px; line-height:60px; vertical-align:middle; text-align:center; font-size:20px; color:#fff; background:url(../images/bg4.png) right no-repeat; position:absolute; left:0px; top:0px;} .list21{ width:100%; height:auto; float:left; padding:0px 30px;} .list21 li{width:100%; height:auto; float:left; padding-bottom:15px; padding-top:15px;} .list21-1{width:80%; height:30px; float:left; display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow:hidden; line-height: 30px; vertical-align: middle; font-size:16px; font-weight:bold;} .list21-2{width:auto; height:auto; float:right; text-align:right; vertical-align:middle; line-height:25px; vertical-align:middle;} .list21-2 .span4{ font-size:32px; color:#003399; display:inline-block; line-height:40px; margin-right:5px; } .list21-2 .span5{ text-align:center; font-size:14px; color:#adb4c2; line-height:15px;display:inline-block;} .list21 li .list21-1:before{ content:url(../images/arrow2.png); display:inline-block; margin-right:10px; float:left; margin-top:3px;} .list0Box2{ width:100%; height:60px; line-height:60px; vertical-align:middle; margin-left:auto; margin-right:auto; z-index:4; position:relative; overflow:hidden; background:#eef4f3; padding-left:230px; position:relative;} .section8{} .col1{ width:65%; height:; float:left;} .t1{width:100%; height:auto; float:left;} .col2{ width:32%; height:; float:right;} .bb-1{ width:35%; height:auto; z-index:1; position:relative;} .bb-1 img{ width:100%;} .bb-2{ width:65%; height:auto; z-index:3;position:relative; } .bb-bg{ background:#127960; width:100%; height:450px; position:absolute; bottom:0px; right:0px; z-index:0;} .bb-txt{ width:100%; height:auto; float:left;padding:7%;position:relative; /* background:#fff;box-shadow:0px 0px 20px #e2e2e2;border-bottom: 10px solid #127960; */} .bb-2 h1{ font-size:40px; font-weight:bold; color:#333; margin-bottom:30px;} .bb-2 h2{ font-size:20px; color:#0f735b; margin-bottom:20px; line-height:35px;} .bb-2 p{ font-size:16px; line-height:25px;color:#666; } .bb-2 a{ display:inline-block; width:180px; line-height:45px; background:#0f735b; color:#fff; font-size:18px; text-align:center; border-radius:30px; margin-top:40px;} .bb2-1{ width:100%; height:auto;} .bb2-2{width:100%; height:auto;} .bb2-2 h1{ font-size:40px; font-weight:bold; color:#333; margin-bottom:30px;} .bb2-2 h2{ font-size:20px; color:#0f735b; margin-bottom:20px; line-height:35px;} .bb2-2 p{ font-size:16px; line-height:25px;color:#666; } .bb2-2 a{ display:inline-block; width:180px; line-height:45px; background:#0f735b; color:#fff; font-size:18px; text-align:center; border-radius:30px; margin-top:40px;} .list22{ width:100%; height:auto; float:left;} .list22 li{ width:47%; height:auto; float:left; text-align:center; background:#f4f4f4; margin-right:6%; margin-bottom:25px; padding-top:27px; padding-bottom:28px;margin-bottom:15px;} .list22 li:nth-child(2n){ margin-right:0px;} .list22 li img{ display:inline-block; margin-bottom:0px;} .list22 li h1{ font-size:14px; color:#333; line-height:35px; vertical-align:middle;} .t3{width:100%; height:auto; float:left; font-size:24px; margin-bottom:0px; font-weight: bold; border-bottom:1px solid #efefef; padding-bottom:10px; position:relative;} .t3 .span8{ float:left; color:#29803b; text-transform:uppercase; margin-right:10px; line-height:30px; vertical-align:middle;} .t3 .span9{float:left;line-height:30px; vertical-align:middle;} .t3:before{ content:""; display:inline-block; position:absolute; bottom:-2px; left:50px; height:4px; background:#0f735b; width:45px;} .t3 a{ float: right; color: #127960; font-size: 12px; font-weight: normal; border: 1px solid #127960; padding: 2px 5px; border-radius: 3px;} .t3 a:hover{ background:#efefef;} .section7{ width:100%; height:auto; padding-top:40px; overflow: hidden;} .section9{ width:100%; height:auto; padding-top:40px;padding-bottom:40px; overflow: hidden;} .t5{width:100%; height:auto; float:left; font-size:24px; margin-bottom:10px; font-weight: bold; color:#0f735b; } .kj{width:100%; height:auto; float:right; background:#127960; padding:40px;} .kj ul{} .kj ul li{ width:100%; height:auto; float:left; line-height:66px; 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; } .list23{ width:100%; height:auto; float:left; } .list23 li{width:100%; height:auto; float:left;border-bottom:1px solid #ededed; padding-bottom:15px; padding-top:15px; position:relative;} .list23-1{width:100%; height:25px; float:left; display: -webkit-box;-webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow:hidden; line-height: 25px; vertical-align: middle; font-size:16px; padding-right:55px; position:relative;} .list23-2{ position:absolute; right:0px;width:auto; height:auto; float:right; text-align:right; vertical-align:middle; line-height:25px; vertical-align:middle;} .list23-2 .span4{ font-size:32px; color:#003399; display:inline-block; line-height:40px; margin-right:5px; } .list23-2 .span5{ text-align:center; font-size:14px; color:#0f735b; line-height:15px;display:inline-block;} .list23 .new2 .list23-1:after{ content:url(../images/new.gif); margin-left: 15px;} .list24{ width:100%; height:auto; float:left; margin-top:20px;} .list24 li{ float:left; width:48%; margin-right:4%; background:#efefef;} .list24 li:nth-child(2n){ margin-right:0px;} .list24 .list24-1{width:100%; height:auto; float:left;} .list24 .list24-1 div{ width:100%; height:185px; background-position:center center; background-repeat:no-repeat; background-size:cover;} .list24 .list24-2{width:100%; height:auto; float:left; padding:30px 25px;} .list24 .list24-2 h1{width:100%; height:auto; float:left; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:30px; font-weight:bold; } .list24 .list24-2 h2{width:100%; height:auto; float:left; font-size:14px; line-height:25px; margin-top:5px; margin-bottom:5px; color:#127960; position:relative;} .list24 .list24-2 h3{width:100%; height:auto; float:left; font-size:12px;display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 22px; color:#9e9e9e;} .list24 .list24-2 h2:after{ content:""; display:inline-block; width:23px; height:6px; background:#127960; position:absolute; right:0px; top:50%; margin-top:-3px;} .mySwiper5{ padding-top:20px; padding-bottom:40px; overflow-y:visible;} .mySwiper5 .swiper-button-next,.mySwiper5 .swiper-button-prev{} .mySwiper5 .swiper-button-prev,.mySwiper5 .swiper-rtl .swiper-button-next{ left:auto; right:60px; top:-20px;} .mySwiper5 .swiper-horizontal>.swiper-pagination-bullets, .mySwiper5 .swiper-pagination-bullets.swiper-pagination-horizontal,.mySwiper5 .swiper-pagination-custom,.mySwiper5 .swiper-pagination-fraction{ bottom:0px;} .mySwiper5 .swiper-pagination-bullet-active{ background:#127960;} .section11{ width:100%; height:auto; background:#efefef; overflow:hidden; padding-top:40px; padding-bottom:30px;} .section12{ width:100%; height:auto; background:#fff; overflow:hidden; padding-top:40px; padding-bottom:30px;} @media screen and (max-width: 1600px){ .right{ width:76%;} .teach-txt{ width:72%;} .list16 li .list16-2{ width:56%;} } @media screen and (max-width: 1500px){ .list7 li .list7-1{ height:340px;} header .logo{ max-height:80px;margin-top:10px;} header{ height:80px;} nav li>a{ line-height:80px;} nav li:hover>a, .nav .hover>a{ line-height:75px;} .banner-img{ } .right{ width:70%;} } @media screen and (max-width: 1300px){ .list0 li img{ max-height:60px;} .nav-btn{ display:block;} nav{ display:none;} .navbar2{display:none;} header .logo{ margin-top:20px; margin-bottom:20px;} .btn-search{ } .header1r-3{ display:none;} .box1{ width:100%; margin-bottom:40px;} .box2{ width:100%; padding-left:0px; padding-right:0px; } .list2 li{ margin-bottom:20px; width:48%;} .box3{ width:100%;} .midbox3{ margin-left:0px; margin-right:0px; margin-top:40px; margin-bottom:40px;} header{ height:auto;} .header2{ display:none;} .list0Box{ height:auto;} .list7 li:nth-child(1),.list7 li:nth-child(2),.list7 li:nth-child(3),.list7 li:nth-child(4),.list7 li:nth-child(5),.list7 li:nth-child(6){ width:50%;} .list14{ width:100%;} .box4{ width:100%; padding-left:0px;} .aban{ height:325px;} .list10 li .list10-2{ width:100%;} .list10 li .list10-1{ width:100%; margin-left:0px;} .left{ display:none;} .right{ width:100%;} .list0 li { width: 50%;} .bb-1,.bb-2{ width:100%;} .col1{ width:100%;} .col2{ width:100%; margin-top:20px;} } @media screen and (max-width: 1200px){ .header2{ display:none;} header .logo{ max-height:30px; margin-top:10px; margin-bottom:10px;} header{ height:40px;} .btn-search{ display:block;} .nav-btn{ top:13px;} .btn-search img{ max-height:16px;} .banner-img{ } .list0Box{ margin-top:0px; padding-left:0px; height:auto;} .list0 li { width: 20%; padding-top:15px; padding-bottom:15px;text-align: center;} .list0 li img { max-height: 38px; margin-top:0px; margin-right:0px;} .list0 li h1{font-size:12px;line-height:28px;} .t0{ display:none;} .news-img{ height:290px;} .title{ margin-bottom:20px;} .title span{ font-size:24px; color:#333; float:left; font-weight:bold; } .py{ padding-left:0px; width:100%; } .news-time{ width:60px;} .span3{ font-size:12px; line-height:25px;} .span4{ font-size:24px; line-height:30px;} .list3 li .list3-1{ width:65px;} .list3 li .list3-2{ width:70%;} .list2{ width:90%; margin-left:5%;} .list2 li{ width:100%;} .list6 li span{ font-size:12px;} .list4 li .list4-1{ width:115px; height:85px;} .section3{ padding-bottom:40px;} .section4{ padding-top:40px; padding-bottom:40px;} .section5{ padding-bottom:40px;} .section6{ padding-top:40px; padding-bottom:40px;} .title2 span{ font-size:26px;} .list7 li:nth-child(1), .list7 li:nth-child(2), .list7 li:nth-child(3), .list7 li:nth-child(4), .list7 li:nth-child(5), .list7 li:nth-child(6){ width:100%;} .list7 li .list7-1{ height:235px;} .list13 li{ width:100%;} .list14 li img{ max-height:40px;} .list14 li h1{ font-size:16px;} .list14 li{ padding-top:20px; padding-bottom:20px;} .box4{ } .footer-2{ width:100%; margin-left:0px; margin-top:20px;} .sec1{ width:100%; } .ewm{ float:none; margin:0 auto;margin-left:80px;} .footerBox{ line-height:25px;} .aban{ height:125px;} .list15 li{ width:100%; margin-right:0px;} .list16-1{ width:100%; height:170px;} .list16 li .list16-2{ width:100%;} .ntitle { margin-top:20px;} .news-title{ padding-left:76px; padding-right:100px; font-size:18px;} .section1{ margin-top:40px;} .section2{ padding-top:40px; padding-bottom:40px;} .section2{ padding-top:40px; padding-bottom:40px;} .list18 li{ padding:10px 20px 10px 20px;} .list18 li .list18-1{ font-size: 16px;line-height: 45px;} .list18 li .list18-2{width: 55px;} .list18 li .list18-2 .span5{font-size: 24px;line-height: 25px;} .list18 li .list18-2 .span6{font-size: 12px; line-height: 20px;} .list17 li{ width:100%;} .header3 .logo{ max-height:40px; margin-top:10px; margin-bottom:10px;} .header3{ height:60px;} .t00{ display:none;} .list0Box2{ padding-left:0px;} .list24 li{ width:100%; margin-bottom:20px;} } @media screen and (max-width: 1024px){ } @media screen and (max-width: 768px){ .wrapin{ width:100%; padding-left:20px; padding-right:20px;} .list7 li:nth-child(2){ margin-left:0px; margin-right:0px;} .ztimg{ height:238px;} } @media screen and (max-width: 768px){ .list12 .jsfc li{ width:100%; } .list12 .jsfc li .list12-1{ width:35%; } .list12 .jsfc li .list12-2{ width:65%; } } @media screen and (max-width: 400px){ .list12 .jsfc li .list12-1{ width:44%; } .list12 .jsfc li .list12-2{ width:56%; } }