@charset "utf-8"; /* CSS Document */ /*banner*/ .main { margin: 0px auto; width:648px; height: 367px; } .pro-switch { overflow: hidden; position: relative; width:648px; height: 367px; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; width:648px; height: 367px; -webkit-backface-visibility: hidden; } .flexslider .slides li > a{width:648px; height: 367px;} .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { width:648px; height: 367px; } .no-js .slides > li:first-child { display: block; } .flexslider { margin: 0 auto; position: relative; width:648px; height: 367px; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .flexslider .slides { zoom: 1; } .flex-direction-nav { *height: 0; width:648px; height: 367px; } .flex-direction-nav >li {width:648px; height: 367px;} .flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top:50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; } .flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; width: 60px; height: 90px; } .flex-direction-nav .flex-prev { left: 0; width: 60px; height: 90px; } .flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter:alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; text-align: center; left:0; } .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { display:block; height: 16px; overflow: hidden; text-indent:-99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active { background-position: 0 0; } .ntext{position:absolute;bottom:0px; width:100%; height:40px; line-height:40px; font-size:14px; background-color:rgba(0,0,0,0.5); color:#ffffff; text-align:left; padding-left:15px;} /*banner */ /*container*/ /*con01*/ .con01{margin:33px auto; height: 367px;} .con01left{width:648px; height: 367px;} .con01right{width: 517px; height: 256px;} .con0101top{} h3{font-size: 16px; padding-left: 30px; background: url(../images/iconleft.png) no-repeat left center; font-weight: bold; line-height: 40px; color: #048165;} .more{width: 59px; text-align: center;} .con03top{ height: 40px; border-bottom: 1px solid #dcdcdc;} .con01right01{height: 258px;} .con01right01 ul li{ font-size: 15px; background: url(../images/icon.png) no-repeat left center; height: 53px; line-height: 52px; padding-left: 15px; line-height: 53px; border-bottom: 1px dashed #dcdcdc;} .con01right02{ width: 517px; margin-top:18px;} .con01right02 ul li{width: 161px; height: 90px; float: left; text-align: center;font-weight: bold; font-size: 22px; color: #FFFFFF; line-height: 90px; background: #ac9a5a;} .con01right02 ul li+li{ background: #5aa5ac;margin-left: 17px;} .con01right02 ul li+li+li{ background: #5a7dac;margin-left: 17px;} .con01right02 ul li a{color: #FFFFFf; display: block;} /*con02*/ .con02top{ margin: 10px auto; font-size: 18px; color: #326cd1; font-weight: bold; width: 306px; text-align: center; line-height: 35px;} .con02all{ height: 278px;} .blk_18 { overflow:hidden; background: #FFFFFF; zoom:1; margin:20px auto 30px auto; font-size:9pt; position: relative; width:798px; } .blk_18 .pcont { width:798px; float:left; overflow:hidden; } .blk_18 .ScrCont { width:32766px; zoom:1;} .blk_18 #List1_1, .blk_18 #List2_1 { float:left; } .blk_18 .LeftBotton, .blk_18 .RightBotton { width:24px; height:42px; position: absolute; top:70px; z-index: 200;} .blk_18 .RightBotton { float: right;right: 50px; } .blk_18 .RightBotton:hover { float: right;right: 50px; } .blk_18 .pl img { display:block; cursor:pointer; border:none; margin:6px auto 1px auto;opacity:0.8;filter:alpha(opscity=80);} .blk_18 .pl { width:258px; float:left;margin:0px 5px; text-align:center; line-height:24px;} .blk_18 a.pl:hover { color:#5dacec; background:#fff;background:url(../images/vedio1.png) no-repeat center center; -webkit-transition: all 400ms linear 0s; -o-transition: all 400ms linear 0s; transition: all 400ms linear 0s;} /*con03 start*/ .con03{} .con0301{width: 365px;margin-left: 28px;} .con0301 ul .con0301news01 h1{ font-size: 16px; text-align: center;line-height: 35px;color: #048165;} .con0301 ul .con0301news01 p { font-size: 14px; color: #434343;line-height: 25px; margin: 0px; } .con0301 ul li{ font-size: 15px; background: url(../images/icon.png) no-repeat left center; height: 49px; line-height: 48px; padding-left: 15px; line-height: 48px; border-bottom: 1px dashed #dcdcdc;} .con0302{ width:408px;} .con0302 ul li { margin-top: 15px; height:60px;} .con0302 ul li .time02{display: block; float: left; margin-right: 15px;} .con0302 ul li .time02 .date{ display: block; font-size: 14px; font-weight: bold; width: 60px; height: 34px; background: #048165; text-align: center; line-height: 34px; color: #FFFFFF;} .con0302 ul li .time02 .year{ display: block; font-size: 13px; color: #048165;width: 60px; height: 26px; background: #e2e2e2; text-align: center; line-height: 26px; } .con0302 ul li .newsAll{width: 290px;} .con0302 ul li .newsAll .newsone{ font-size: 15px;color: #434343; line-height: 30px; margin: 0px; padding: 0px;} .con0302 ul .newsrighttop{} .con0302 ul .newsrighttop a{font-size: 16px; line-height:30px; color: #0064b0;} .con0302 ul .newsrighttop .arc{display: block; line-height:30px;font-size: 14px;} .con0302 ul .newsrighttop .time02{ font-size: 14px;} .con0303{ width: 370px; margin-left: 29px;} .con0303 ul li{ font-size: 15px; background: url(../images/icon.png) no-repeat left center; height: 49px; line-height: 48px; padding-left: 15px; line-height: 48px; border-bottom: 1px dashed #dcdcdc;} /*con03 end*/ /*con04 start*/ .con04{margin-top: 20px;} .con04left{width: 798px;} .con04right{margin-left: 31px; width: 370px;} .con04right ul li{width: 110px; height: 75px;display: block; margin-top:28px; margin-left: 11px; float: left; background: #5da595; line-height: 75px; text-align: center; font-size: 16px; font-weight: bold; color: #FFFFFF;} .con04right ul li+li{ background: #5da570;} .con04right ul li+li+li{background: #a4a55d;} .con04right ul li+li+li+li{ background: #a5935d;} .con04right ul li+li+li+li+li{ background: #a57f5d;} .con04right ul li+li+li+li+li+li{ background: #a5655d;} .con04right ul li a{width: 110px; height: 75px;display: block; color: #FFFFFF;} /*banner主*/ .slideBox{ width:100%; height:420px; overflow:hidden; position:relative;min-width:1180px; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:200px; bottom:30px; z-index:1; } .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; } .slideBox .hd ul li{ float:left; margin-right:10px; width:11px; height:11px;border:1px solid #ffffff; border-radius: 11px;-moz-border-radius: 11px;-webkit-border-radius: 11px; -moz-border-radius: 11px; line-height:14px; text-align:center; cursor:pointer; } .slideBox .hd ul li.on{ background:#eb6100;border:none; width:14px; height:14px;border-radius: 14px;-moz-border-radius: 14px;-webkit-border-radius: 14px; -moz-border-radius: 14px; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{width:100%; height:420px; min-width:1180px; display:block; } .slideBox .bd .title{position: absolute; left: 52px; bottom:0px; color: #fff; font-size: 24px; padding: 2px 20px; height: 40px; line-height:40px;} /* 图片新闻 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=80);opacity:0.8; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; }