@charset "utf-8"; /* CSS Document */ /*鍥剧墖杞挱*/ /*FlexSlider榛樿鏍峰紡*/ .Banner{ width:100%; overflow: hidden; position: relative; z-index: 1; } .Banner .flexslider {position: relative; zoom: 1; overflow:hidden;} .Banner .flexslider ul li{ list-style:none; position: relative;} .Banner .flexslider ul li .slideImg{ display:block; height:0; padding-bottom:26.6%; overflow:hidden;} .Banner .flexslider ul li img{ border:none; width:100%;} .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 { } .Banner .flexslider .slides { zoom: 1; width:100%; padding:0;} .Banner .carousel li { margin-right: 5px; } .Banner .flexslider ul li .slideTxt{ font-size: 22px; font-weight: bold; color: #fff; display: block; width: 100%; height:40px; background: url(../images/bannerbg.png) repeat; position: absolute;bottom: 0; left: 0;} /*icon灏忕偣*/ .Banner .flex-control-nav {width: auto; position: absolute; bottom:2px; left:50%; margin-left:-78px; height: 40px;background: url(../images/bannerbg.png) repeat; text-align:center;z-index:9; padding: 0 40px;} .Banner .flex-control-nav li { display: block; float: left;} .Banner .flex-control-paging li a { float:left; width:9px; height:9px; display: block; margin:15px 5px; background:#a4a7a9; cursor: pointer; transition: all 0.5s ease; border-radius: 50%; font-size: 16px; text-align: center; line-height: 30px; color: #999999;text-indent: 999em;} .Banner .flex-control-paging li a:hover,.Banner .flex-control-paging li a.flex-active {background:#fff;position: relative; z-index: 9;} .Banner .flex-direction-nav{ display:block; margin-top: -14px;} .Banner .flex-direction-nav li{display: inline-block;*display: inline;*zoom:1; position: static !important;} .Banner .flex-direction-nav a{ width:100px;height:40px;text-align: center;display: inline-block; position: absolute;z-index: 99; text-indent: -999em; cursor: pointer;overflow: hidden;transition: all 0.5s ease;} .Banner .flex-direction-nav a:hover{} .Banner .flex-direction-nav a.flex-prev{background:url(../images/prev.png) no-repeat center #611f66;border-top-left-radius: 15px;left:13%;bottom: 2px;} .Banner .flex-direction-nav a.flex-next{background:url(../images/next.png) no-repeat center #611f66;border-top-right-radius: 15px;right: 13%;bottom: 2px;} .Banner .flex-direction-nav a.flex-prev:hover,.Banner .flex-direction-nav a.flex-next:hover{ opacity: 0.5; } .content{ overflow:hidden; position: relative;z-index: 99;} /*鏂伴椈鍔ㄦ€?/ .wrap_mode01{ width:100%; margin: 40px auto 50px auto; overflow: hidden; position: relative;} .wrap_mode01 .modebg{ width: 100%; height: 300px;background: #f9f9f9; position: absolute; bottom: 0; left: 0; z-index: 1;} .mode01{width:1200px; height: 337px; overflow:hidden; margin:0 auto;position: relative;z-index: 9;} .mode01 .lf{ width:570px; height: 337px; float: left; } .mode01 .rt{ width:570px; height: 337px; float: right;} .articleTitle01{ height: 50px; line-height: 50px; padding: 0 23px; background: #ebf0f5; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; position: relative;} .articleTitle01 strong{ display: block; width: 40px; height: 5px;background: #ced7e0; border-radius: 3px; position: absolute; bottom: 0; } .articleTitle01 strong.line-lf{left: 0; } .articleTitle01 strong.line-rt{right: 0; } .articleTitle01 .title{ font-size: 25px; color: #333; font-weight: bold; padding-left: 35px; position: relative;} .articleTitle01.t01 .title{ background: url(../images/tbg.png) no-repeat left center; } .articleTitle01.t02 .title{ background: url(../images/tbg02.png) no-repeat left center; } .articleTitle01.t03 .title{ background: url(../images/tbg03.png) no-repeat left center; } .articleTitle01.t04 .title{ background: url(../images/tbg04.png) no-repeat left center; } .articleTitle01.t05 .title{ background: url(../images/tbg05.png) no-repeat left center; } .articleTitle01 .more{ float: right; } .articleTitle01 .more a{ font-size:13px; color: #666; font-family: "Arial";} .articleTitle01.noBorder{ border: none; } .articleList01{height: 331px; border-bottom: #ced7e0 6px solid; overflow: hidden; } .articleList01 ul{ margin: 18px 0;border-top: #e1e8f0 1px solid; overflow: hidden; } .articleList01 ul li{ overflow: hidden; border-bottom: #e1e8f0 1px solid; } .articleList01 ul li a{ display: block; font-size: 16px; height: 60px; line-height: 60px; background: url(../images/li.png) no-repeat left center; color: #525c66; overflow: hidden; transition: all 0.3s ease;} .articleList01 ul li a:hover{color: #611f66;background: url(../images/li-hover.png) no-repeat left center; padding-left:5px;} .articleList01 ul li span.rightDate{ display: block; width: 68px; height: 16px; line-height: 16px; font-size: 12px; color: #333; background: url(../images/timebg.png) no-repeat left 14px center; border-left: #ced7e0 2px solid; text-align: right; margin:22px 0; float: right; } .wrap_mode02{ background: url(../images/modebg.jpg) no-repeat center; overflow: hidden; } .mode02{ width: 1200px; margin: 0 auto; overflow: hidden;} .mode02 .lf{ width: 366px; height: 363px; border-bottom: #903f96 6px solid; float: left; overflow: hidden; } .mode02 .md{ width: 366px; height: 363px; border-bottom: #903f96 6px solid; float: left; margin: 0 50px; overflow: hidden; } .mode02 .rt{ width: 366px; height: 363px; border-bottom: #903f96 6px solid; float: right; overflow: hidden; } .articleList02 ul li { border-bottom:#903f96 1px solid; overflow: hidden; } .articleList02 ul li a{display: block;margin: 16px 0;overflow: hidden;transition: all 0.3s ease;} .articleList02 ul li .art-topic{display: block;font-size: 16px;color: #fff;height: 25px;line-height: 25px;/* margin-bottom: 7px; */overflow: hidden;} .articleList02 ul li .artText{ display: block; font-size: 12px; height: 38px; line-height: 19px; color: #ebf0f5; overflow: hidden;} .articleList02 ul li a:hover{ margin-left: 5px; } .articleList03{ overflow: hidden; } .articleList03 ul{} .articleList03 ul li{ border-bottom: #903f96 1px solid; overflow: hidden; } .articleList03 ul li a{display: block;margin: 18px 0 17px;overflow: hidden;transition: all 0.3s ease;} .articleList03 ul li h3{font-size: 16px;font-weight: normal;color: #fff;display: block;height: 22px;line-height: 22px;/* margin-bottom:10px; */overflow: hidden;} .articleList03 ul li span{ display: block; font-size: 15px; color: #fff; height: 22px; line-height: 18px; overflow: hidden;} .articleList03 ul li a:hover{ margin-left: 5px; } .articleList04{ overflow: hidden; } .articleList04 ul li{ padding-left: 45px; height: 34px; line-height: 34px; margin: 25px 0; overflow: hidden;} .articleList04 ul li.li01{ background: url(../images/li01.png) no-repeat left center; } .articleList04 ul li.li02{ background: url(../images/li02.png) no-repeat left center; } .articleList04 ul li.li03{ background: url(../images/li03.png) no-repeat left center; } .articleList04 ul li a{ display: block; font-size: 16px; color: #fff; }