@charset "utf-8"; /* CSS Document */ .Banner.currents{margin-top: 164px;} .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .Banner .flexslider {margin: 0; padding: 0;} .Banner .flexslider .slides > li { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */ .Banner .flexslider .slides > li.clone{position:relative} .Banner .flexslider .slides img {width: 100%; display: block;} .Banner .flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;} .Banner .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .Banner .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .Banner .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .Banner .flexslider { position: relative;zoom:1; } .Banner .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .Banner .loading .flex-viewport { max-height: 300px; } .Banner .flexslider .slides { zoom: 1; } .Banner .carousel li { margin-right: 20px; } .Banner{width:100%;overflow:hidden;position:relative;z-index:1;} .Banner .flexslider .slides li a{display: block;position: relative;z-index:1;} .Banner .flex-direction-nav{display: none;} .Banner .flex-control-nav-box{width: 1400px;margin: 0 auto;position: relative;} .Banner .flex-control-nav{display: block;} .Banner .flex-control-nav{bottom:15px;text-align: center;width: auto;margin: 0 auto;left:auto; right: 0;background: #666;background: rgba(0,0,0,0.5);border-radius: 20px;padding:6px 8px 6px 8px;position: absolute;line-height: 12px;} .Banner .flex-control-paging li{margin:0 4px;} .Banner .flex-control-paging li a {width: 18px;height: 19px; background:url(../images/a.png) no-repeat center top;text-indent: 9999px;transition:all 0.5s ease-in-out;} .Banner .flex-control-paging li a.flex-active,.Banner .flex-control-paging li a:hover {background-image:url(../images/a_hover.png); } .content{overflow:hidden;} .mode{width: 1400px;margin:0 auto;padding: 30px 0 15px; overflow: hidden;} .wrap_mode01{width: 100%;border-top: 2px solid #2a9b36;} .wrap_mode02{width: 100%;background: url(../images/mode01_bg.png) no-repeat center top #f5fff9;} .lf{float: left;width: 47.14%;overflow: hidden;} .rt{float: right;width: 47.14%;overflow: hidden;} .more{float: right;color:#009944;padding-right: 25px;position: relative;font-size: 16px;margin-top: 3px;z-index:4;} .more span{display: inline-block;*zoom:1;*display: inline;position: absolute;top:5px;right: 0;height: 12px; width: 18px;} .more span i{width: 18px;height: 1px;background: #009944;display: block;margin-bottom: 5px;transition:all 0.3s ease-in-out;} .more span i:nth-child(2){width: 9px;} .more span i:nth-child(3){width: 13px;} .more:hover span i{width: 18px;background: #009944;} .articleTitle{} .articleTitle h2{margin-bottom: 15px;position: relative;z-index:3;} .articleTitle strong{display: block;position: relative;top:-10px;font-family: 'Times New Roman','Arial';font-size: 18px;color:#999; font-weight: normal;overflow: hidden;} .articleTitle strong .block-rt{display:inline-block;*zoom:1;*display: inline;margin-left: 12px; width: 7px;height: 7px;background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); z-index:2;position: relative;/* 标准的语法 */position: relative;*top:-4px;} .articleTitle strong .line-rt{display:inline-block;*zoom:1;*display: inline;width: 100%; height: 1px;background: #caded2;top:12px;z-index:0;position: absolute;} .articleTitle02 h2{text-align: center;padding-left: 57px;} .articleTitle02 strong .line-lf{display:inline-block;*zoom:1;*display: inline;width: 100%; height: 1px;background: #caded2;top:12px;z-index:0;position: absolute;left: 0;} .articleTitle02 strong{text-align: center;} .articleTitle02 strong .block-lf{display:inline-block;*zoom:1;*display: inline;width: 7px;height: 7px;background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */position: relative;*top:-4px;z-index:2;} .articleTitle02 strong .block-rt{margin-left: 0;z-index:2;position: relative;} .articleTitle02 strong span{background: #fff;position: relative;z-index:2;padding:0 12px;} .articleTitle03 strong span{background: #f2f2f2} .articleTitle03 h2{padding-left: 0;} .AcademicList{overflow: hidden;position: relative;margin: 0 -30px 0 0;} .AcademicList:after{position: absolute;content: '';width: 100%;height: 1px;background: #caded2;clear: both;display: block;top:50%;left: 0;} .AcademicList li{float: left;width: 49.9%; margin-bottom: 19px;padding-top: 20px;} .AcademicList li a{display: block;margin-right: 20px;border-right: 1px solid #caded2;padding-right: 15px;} .AcademicList li:nth-child(2n) a{border-right:none;} .AcademicList li a h3{font-weight: normal;line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 11px;} .intral{overflow: hidden;} .intral i{float: left;padding: 2px 6px;color:#fff;font-style: normal;font-size: 14px;border-radius: 20px; background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */} .intral span{float: right;font-size: 14px;color:#006a2d;font-family: 'Arial';margin-top: 6px;} .AchievementsList{overflow: hidden;position: relative;margin: 0 -30px 0 0;} .AchievementsList:after{position: absolute;content: '';width: 100%;height: 1px;background: #caded2;clear: both;display: block;top:50%;left: 0;} .AchievementsList li{float: left;width: 49.9%; margin-bottom: 20px;padding-top: 20px;} .AchievementsList li a{display: block;margin-right: 20px;border-right: 1px solid #caded2;padding-right: 15px;} .AchievementsList li:nth-child(2n) a{border-right:none;} .AchievementsList li span{ position: absolute; bottom:0; right: 0; font-size: 14px;color:#006a2d;font-family: 'Arial';height: 22px;overflow: hidden;} .achiInfo{position: relative;height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 13px;} .achiInfo h3{font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;} .AchievementsList li p{font-size: 14px;color:#999;height: 22px;line-height: 22px;overflow: hidden;} .newsBox{overflow: hidden;padding-top: 15px;} .newsBox .left{float: left;width: 532px;} .newsBox .right{margin-left: 578px;} .newsBox .left a{display: block;border:1px solid #009944; position: relative;margin-top: 15px;top:0;transition:all 0.3s ease-in-out;} .newsBox .left a .newsImg{position: relative;top:-15px;left: 12px;margin-bottom: -7px;} .newsBox .left a .newsInfo{padding:0 23px 0px 12px;margin-bottom: 30px;position: relative;} .newsBox .left a .newsInfo h3{line-height: 28px;height: 28px;overflow: hidden;margin-bottom: 5px;} .newsBox .left a .newsInfo span{float: right;color:#999;font-size: 12px;position: relative;top:0;} .triangle{position: absolute;bottom: 0;right: 0;width: 0; height: 0; border-bottom: 31px solid #009944; border-left: 31px solid transparent;display: block;} .triangle b{width: 10px;height: 10px;border-right:1px solid #fff;border-bottom: 1px solid #fff;display: block;position: absolute;top:14px;right: 4px;} .newsBox .left a:before{background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */content: '';display: block; clear: both;width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);transition:all 0.3s ease-in-out;} .newsBox .left a:hover .newsInfo h3{color:#009944;} /* .newsBox .left a:hover .newsInfo span{color:#a0d4b0;} */ /* .newsBox .left a:hover:before{opacity: 100;filter:Alpha(opacity=100);} */ .newsList{margin-right: -30px;*margin-right: 0; *overflow: hidden;*width: 100%;} .newsList li{float: left;width:49.99%;margin-bottom: 20px;} .newsList li a{display: block;position: relative;padding-left: 6px;padding-bottom: 6px;margin-right: 30px;transition:all 0.3s ease-in-out;top:0;*padding-left: 0;*padding-bottom: 0;} .newsList li a .news{border:1px solid #009944;background: url(../images/news_bg.png) no-repeat center right #fff;padding:13px 20px 19px 20px;position: relative;z-index:3;} .newsList li a:before{content: '';clear: both;position: absolute;bottom: 0;left: 0;width: 98%;height: 95%;background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); background: -o-linear-gradient(right, #a9cd07,#006a2d); background: -moz-linear-gradient(right, #a9cd07,#006a2d); background: linear-gradient(to right, #a9cd07,#006a2d); display: block;z-index:0;transition:all 0.3s ease-in-out;} .newsList li a .news h3{height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 16px;position: relative;z-index:3;transition:all 0.3s ease-in-out;font-weight: normal;} .newsList li a .news p{height:72px;line-height: 24px;overflow: hidden;font-size: 14px;color:#999;margin-bottom: 5px; position: relative;z-index:3;transition:all 0.3s ease-in-out;} .newsList li a .news span{font-size: 12px;color:#999;position: relative;z-index:3;transition:all 0.3s ease-in-out;text-align: right;display: block;} .newsList li a .news:before{background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */content: '';display: block; clear: both;width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);transition:all 0.3s ease-in-out;z-index:0;} /* .newsList li a:hover .news{background: #009944} */ /* .newsList li a:hover .news:before{opacity: 100;filter:Alpha(opacity=100);} */ /* .newsList li a:hover .news h3,.newsList li a:hover .news p,.newsList li a:hover .news span{color:#fff;} */ /* .newsList li a:hover:before{background: #fff;} */ .mode02{padding-top: 30px;} .wrap_mode03{position: relative;width: 100%;*margin-top: 20px;} .wrap_mode03 .lf_bg{width: 50%;height: 100%; background: #f2faf5;position: absolute;top:0;left: 0;z-index:0;} .wrap_mode03 .rt_bg{width: 50%;height: 100%; background: url(../images/rt_bg.png) no-repeat -74px -126px #fff;z-index:0; position: absolute;top:0;right: 0;} .AnnounceList{position: relative;z-index:3;margin-top: 10px;} .AnnounceList li{border-bottom: 1px dashed #e1e1e1;padding-bottom: 10px;margin-bottom: 10px;} .Announce{height:24px;line-height: 24px;overflow: hidden;} .Announce span{display: inline-block;*zoom:1;*display: inline;margin-right: 10px;padding-right: 10px;border-right:2px solid #009944;} .Announce i{font-style: normal;display: inline-block;*zoom:1;*display: inline;padding-right: 35px;} .AnnounceList li a{transition:all 0.3s ease-in-out;} .AnnounceList li a:hover{padding-left: 10px;} .AnnounceList02 .Announce i{color:#fff;background:#009944;width: 100px;overflow: hidden;height: 24px;line-height: 24px;overflow: hidden; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */margin-right: 20px;padding:0px 10px;float: left; } .AnnounceList02 .Announce span{border-right:none;float: left;} .wrap_mode04{background: url(../images/mode04_bg.png) no-repeat center bottom #f2f2f2;background-size: cover;} .mode04{padding-bottom: 30px;} .mode04 .articleTitle h2{z-index:0;margin-left: 40px;margin-right: 40px;} .ViewFlex{} .ViewFlex .View_left{float: left;width: 330px;position: relative;padding-top: 10px;} .ViewFlex .View_right{margin-left: 354px;} .ViewBox{position: relative;/*! margin-top: 10px; */} .ViewBox>.flexslider{margin: 0; padding: 0;} .ViewBox>.flexslider>.flex-viewport>.slides > li { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */ .ViewBox>.flexslider>.flex-viewport>.slides > li.clone{position:relative} .ViewBox>.flexslider>.flex-viewport>.slides img {width: 100%; display: block;} .ViewBox>.flexslider>.flex-viewport>.slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;} /* Clearfix for the .slides element */ .ViewBox>.flexslider>.flex-viewport>.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} /**/ .ViewBox>.flexslider1 .flex-direction-nav{display: block;} .ViewBox>.flexslider1 .flex-direction-nav a{top:-30px;text-indent: -9999px;width: 24px;height: 24px;z-index:5;} .ViewBox>.flexslider1 .flex-direction-nav .flex-prev{background: url(../images/lf.png) no-repeat center center #009944;border-top-left-radius: 50%;border-bottom-left-radius: 50%;} .ViewBox>.flexslider1 .flex-direction-nav .flex-next{background: url(../images/rt.png) no-repeat center center #009944;border-top-right-radius: 50%;border-bottom-right-radius: 50%;} /*.ViewBox>.flexslider1 .flex-direction-nav a:hover{background-color: #009944}*/ .ViewBox>.flexslider1 .flex-direction-nav .flex-disabled{background-color:#72c19a;/* opacity: 1!important; */} .ViewBox>.flexslider1>.flex-viewport{overflow: visible!important;*overflow: hidden!important;} .View_left>.flexslider2 .flex-direction-nav{display: none;} .View_left>.flexslider2 .flex-control-nav{display: block;bottom: 10px;} .leftImgBox{overflow: hidden;} .leftImgBox .leftImg{position: relative;} .leftImgBox .leftImg .imgResponsive{background: #000;padding-bottom: 84%;} .leftImgBox .leftImg .imgResponsive img{opacity: 0.8} .leftImgBox .leftImg .play{position: absolute;background:url(../images/play.png) no-repeat center center;display: block;width: 54px;height: 54px;background-size: cover;bottom:50%;left: 50%;margin-bottom: -28px;margin-left: -28px;opacity: 0.8;fliter:opacity=80;transition:all 0.3s ease-in-out;} .leftImgBox .leftInfoBox{background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */padding:0 4px 4px 4px;} .leftImgBox .leftInfo{background-color: #fff;border:1px solid #009944;padding:10px 20px 27px 15px;} .leftImgBox .leftInfo h3{height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 10px;} .leftImgBox .leftInfo p{height: 66px;line-height: 22px;color:#999;font-size: 14px;overflow: hidden;} .View_left a:hover .leftImgBox .leftImg .play{opacity: 1;bottom:10px;left: 10px;margin-left: 0;margin-bottom: 0;width: 30px;height: 30px;} .View_left>.flexslider2 .flex-control-paging li a{width: 8px;height: 8px;background: #b2e0c7;} .View_left>.flexslider2 .flex-control-paging li{margin: 0 4px;} .View_left>.flexslider2 .flex-control-paging li a.flex-active,.View_left>.flexslider2 .flex-control-paging li a:hover{background: #009944;} .View_left>.flexslider2{} .View_left>.flexslider2 .slides2 li a:hover img{opacity: 1;} .rightImgList{margin-right: -15px;overflow: hidden;padding-top: 19px;} .rightImgList li{width: 33.3%;float: left;} .rightImgList li a{display: block;border:1px solid #009944; position: relative;margin-top: 10px;top:0;transition:all 0.3s ease-in-out;margin-right: 25px;background: #fff;background: rgba(255,255,255,0.7)} .rightImgList li a .rightImg{position: relative;top:-18px;left: 12px;margin-bottom: -10px;} .View_right .rightInfo{padding:0 18px 0px 21px;margin-bottom: 18px;position: relative;} .View_right .rightInfo h3{line-height: 24px;height: 48px;overflow: hidden;font-weight: normal;position: relative;z-index:3;} .rightImgList li a:before{background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */content: '';display: block; clear: both;width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);transition:all 0.3s ease-in-out;} /* .rightImgList li a:hover{background: #009944;} .rightImgList li a:hover .rightInfo h3{color:#fff;} .rightImgList li a:hover:before{opacity: 100;filter:Alpha(opacity=100);} */ .rightInfoList{margin-right: -27px;margin-top: 20px;*margin-right: 10px} .rightInfoList li{width: 33.3%;float: left;} .rightInfoList li a {display: block;position: relative;padding-left: 6px;padding-bottom: 6px;margin-right: 27px;transition: all 0.3s ease-in-out;top: 0;*padding-left: 0;*padding-bottom: 0;*margin-right: 20px;} .rightInfoList li a .rightInfo{border:1px solid #009944;background: #fff;padding:12px;position: relative;z-index:3;margin-bottom: 0;} .rightInfoList li a:before{content: '';clear: both;position: absolute;bottom: 0;left: 0;width: 98%;height: 95%;background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */display: block;z-index:0;transition:all 0.3s ease-in-out;} .rightInfoList li a .rightInfo:before{background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */content: '';display: block; clear: both;width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);transition:all 0.3s ease-in-out;z-index:0;} /* .rightInfoList li a:hover .rightInfo{background: #009944} .rightInfoList li a:hover .rightInfo:before{opacity: 100;filter:Alpha(opacity=100);} .rightInfoList li a:hover .rightInfo h3{color:#fff;} .rightInfoList li a:hover:before{background: transparent;} */ .mode05 .lf{width: 310px;} .mode05 .rt{margin-left: 350px;float: none;width: auto;} .articleTitle07{background: #f2faf5;border:1px solid #c3e5d1;padding:10px 0 10px 20px;} .articleTitle07 h2 strong{font-family: 'Times New Roman','Arial';font-size: 18px;color:#999; font-weight: normal;} .mode05{padding-bottom: 20px;} .HistoryBox .imgResponsive{padding-bottom: 45.15%;} .SpecialBox .imgResponsive{padding-bottom: 32.35%;background: #000} .SpecialBox{margin-top: 16px;position: relative;} .SpecialBox .carousel .slides>li{margin-right: 16px;} .SpecialBox a:hover img{opacity: 0.8} .SpecialBox .flex-direction-nav{display: block;} .SpecialBox .flex-direction-nav a{top:-44px;text-indent: -9999px;width: 24px;height: 24px;z-index:1;} .SpecialBox .flex-direction-nav .flex-prev{right:31px;left: auto; background: url(../images/lf.png) no-repeat center center #009944;border-top-left-radius: 50%;border-bottom-left-radius: 50%;} .SpecialBox .flex-direction-nav .flex-next{ background: url(../images/rt.png) no-repeat center center #009944;border-top-right-radius: 50%;border-bottom-right-radius: 50%;} /*.ViewBox>.flexslider1 .flex-direction-nav a:hover{background-color: #009944}*/ .SpecialBox .flex-direction-nav .flex-disabled{background-color:#72c19a;opacity: 1!important; } .articleTitle08 h2{margin-right: 100px;} /* 1230 */ .rightImgList .subIntra{position: relative;top:7px;left: 10px; background-color: #f0f5f2;padding-bottom: 56.44%;} .rightImgList .subIntra p{color:#999;line-height: 22px;height:132px;overflow: hidden;padding-left: 20px;padding-top:20px;padding-right: 20px;} .rightImgList li.NoImg a{margin-top: -6px;margin-bottom: 8px;} .rightImgList li.NoImg .triangle{bottom: auto;top:0;border-top: 31px solid #009944;border-left: 31px solid transparent;border-bottom: none;} .rightImgList li.NoImg .triangle b{border-bottom: none;border-top: 1px solid #fff;top:-26px;} .rightImgList li.NoImg .rightInfo{padding-top: 18px;} /* 20200103 */ .wrap_mode05{background: #dcf5e7;} @media screen and (min-width:1200px){ .newsBox .left a:hover{top:-10px;} .rightInfoList li a:hover{top:-5px;} .newsList li a:hover{top:-10px;} /* .rightImgList li a:hover{background: #009944;top:-4px;} .rightImgList li a:hover .news{background: #009944} .rightImgList li a:hover .news:before{opacity: 100;filter:Alpha(opacity=100);} .rightImgList li a:hover .news h3,.rightImgList li a:hover .news p,.rightImgList li a:hover .news span{color:#fff;} */ } @media screen and (max-width:1600px) { .mode{/*width: 1200px;*/overflow: hidden;} .Banner .flex-control-nav-box{/*width: 1200px;*/background-position: center;} .newsList li a .news{padding:15px;} .newsList li a .news p{height: 53.5px;} .newsList li a{margin-right: 30px;} .newsList {margin-right: -30px;} .achiInfo{height: auto;margin-bottom: 0;} .AchievementsList li span{position: relative;bottom: auto;right: auto;display: block;} .achiInfo h3{margin-bottom: 20px;} .AchievementsList li p{display: none;} } @media screen and (max-width:1440px) { .mode,.Banner .flex-control-nav-box{width: 1200px;} /* .rightImgList li,.rightInfoList li{width: 50%;} */ /* .rightImgList li:last-child,.rightInfoList li:last-child{display: none;} */ .ViewFlex .View_left{width: 26.25%;} .ViewFlex .View_right{margin-left: 0px;float: right;width: 72%;} .leftImgBox .leftImg .imgResponsive{padding-bottom: 75%;} } @media screen and (max-width:1200px) { .mode,.mode02_title,.Banner .slides_till,.Banner .flex-control-nav-box{width: auto;padding-left:15px;padding-right: 15px;} .Banner .flex-control-nav{right: 15px;} .more{font-size: 14px;} .more span i{margin-bottom: 4px;} .ViewBox > .flexslider1 > .flex-viewport{overflow: hidden!important;} /* .ViewFlex .View_left{width: 360px;} .ViewFlex .View_right{margin-left: 390px;} */ .newsBox .left{width: 430px;} .newsBox .right{margin-left: 470px;} .newsList li a .news{padding: 10px;} .newsList li a .news h3{margin-bottom: 4px;} } /* @media screen and (max-width:1100px) { .ViewFlex .View_left{width: 340px;} .ViewFlex .View_right{margin-left: 360px;} } @media screen and (max-width:1000px) { .ViewFlex .View_left{width: 310px;} .ViewFlex .View_right{margin-left: 330px;} } */ @media screen and (max-width:992px){ .lf,.rt{float: none;width: 100%;} .rt{margin-top: 20px;} .intral i{font-size: 12px;} .achiInfo h3{margin-bottom: 5px;} .articleTitle strong{font-size: 16px;} /* .newsList li{float: none;width: 100%;} */ .newsList li a .news h3{height: 40px;line-height: 22px;margin-bottom: 9px;} .newsList li a .news p{display: none;} .newsList li a .news{padding: 10px 15px;} .newsList li{margin-bottom: 15px;} .newsList{overflow: visible;margin-right: 0;} .newsList li a{margin: 0 10px;} .wrap_mode03 .lf_bg,.wrap_mode03 .rt_bg{display: none;} .mode03{padding-left: 0;padding-right: 0;} .mode03 .lf{background: #f2faf5;width: auto;padding-left:15px;padding-right: 15px;} .mode03 .rt{width: auto;padding-left:15px;padding-right: 15px;background: url(../images/rt_bg.png) no-repeat -74px -126px #fff;} .ViewFlex .View_left{width: 100%;float: none;} .ViewFlex .View_right{margin-left: 0px;margin-top: 20px;} .leftImgBox{padding: 4px;background:#009944; background: -webkit-linear-gradient(left, #a9cd07,#006a2d); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #a9cd07,#006a2d); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #a9cd07,#006a2d); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #a9cd07,#006a2d); /* 标准的语法 */} .leftImgBox .leftImg{float: left;width: 198px;} .leftImgBox .leftInfoBox{margin-left: 210px;padding:0;background: none;} .View_left > .flexslider2 .flex-control-nav{left: auto;right: 10px;width: auto;} .mode05 .lf{width: 310px;float: left;} .mode05 .rt{margin-left: 340px;margin-top: 0; float: none;width: auto;} .leftImgBox .leftInfo{background: none;border:none;padding-left: 0;} .leftImgBox .leftInfo h3{color:#fff;} .newsBox .right{margin-left: 419px;} .newsBox .left{width: 390px;} .newsList{margin: 0 -10px;} .ViewFlex .View_right{float: none;width: 100%;} .mode03{padding-top: 0;} .mode03 .lf{padding-top: 25px;padding-bottom: 20px;} } @media screen and (max-width:768px) { .Banner .flex-control-nav{bottom:10px;} .AcademicList li a h3,.achiInfo h3{height: 44px;line-height: 22px;} .newsBox .left a .newsInfo h3{height: 48px;line-height: 24px;} .newsBox .left{width: 100%;float: none;} .newsBox .right{margin-left: 0;margin-top: 30px;} .rightImgList li{width: 100%;float: none;margin-bottom: 20px;} .rightImgList li a .rightImg{float: left;width: 200px;top: auto;left: auto;position: static;} .rightImgList .rightInfo{margin-left: 220px;margin-top:22px;padding: 0;margin-right: 20px;} .rightImgList li a{overflow: hidden;margin-top: 0;margin-right: 0;} .rightImgList{padding-top: 0;margin-right: 0;} .rightInfoList{margin-top: 0;} } @media screen and (max-width:640px){ .newsBox .left{width: 100%;float: none} .newsBox .right{margin-top: 20px;margin-left: 0;} .AcademicList,.AchievementsList{margin-right: 0;} .AcademicList:after,.AchievementsList:after{display: none;} .AcademicList li,.AchievementsList li{float: none;width: 100%;margin-bottom: 10px;padding-top:0px;} .AcademicList li a,.AchievementsList li a{margin-right: 0;border-right:0;padding-right: 0;} .AcademicList li a h3,.AchievementsList li a h3{height: auto;line-height: 22px;margin-bottom: 10px;} .AchievementsList li a h3{margin-bottom: 2px;} .newsBox .left a .newsInfo h3{height: auto;line-height: 22px;} .newsList li a .news h3{line-height: 20px;height: 60px;} .newsBox .left a .newsInfo span{float: none;display: block;top:10px;} .Announce span,.Announce i{font-size: 12px;padding-right: 10px;} .AnnounceList02 .Announce span{padding-right: 0;} .mode05 .lf{width: 100%;float: none;} .mode05 .rt{margin-left: 0px;margin-top: 20px; } .rightImgList .subIntra p{height: 90px;padding-left: 12px; padding-top: 5px; padding-right: 5px;} .rightImgList02 .subIntra p{height: auto;padding-bottom: 20px;} .rightImgList .subIntra{height: auto;padding-bottom: 10px;} .newsList li a .news{padding: 9px;} /* .rightImgList li:last-child,.rightInfoList li:last-child{display: block;} .rightImgList li, .rightInfoList li{width: 100%;float: none;margin-bottom: 30px;} */ .rightImgList li.NoImg a{margin-top: 0;} .rightInfoList li{width: 100%;float: none;margin-bottom: 20px;} .rightInfoList .rightInfo h3{height: auto;max-height: 48px;} .rightInfoList li:last-child{margin-bottom: 0;} } @media screen and (max-width:540px){ .leftImgBox .leftInfo{padding-bottom: 35px;padding-right: 13px;} .leftImgBox .leftInfo p{height: 44px;} .View_right .rightInfo h3{line-height: 22px;} } @media screen and (max-width:414px){ .rightImgList li, .rightInfoList li{width: 100%;float: none;margin-bottom: 15px;} .rightImgList li{margin-bottom: 35px;} .rightInfoList{margin-top: 0;} .rightImgList{padding-top: 0;} .leftImgBox .leftImg,.rightImgList li a .rightImg,.newsList li{float: none;width: 100%;} .leftImgBox .leftInfoBox{margin-left: 0;margin-top: 0px;} .rightImgList .rightInfo{margin-left: 15px;} .leftImgBox .leftInfo p{font-size: 12px;height: 40px;line-height: 20px;} .leftImgBox .leftInfo h3{height: 24px;} .newsList li a .news h3{max-height: 60px;height: auto;} }