@charset "utf-8"; /* CSS Document */ .Banner{ width:100%; overflow: hidden; position: relative; z-index:1; border-bottom:#ca3e63 0px solid;} .rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0;} .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;} .rslides li:first-child { position: relative; display: block; float: left;} .rslides .img { display: block; height: auto; float: left; width:100%; border: 0;} .slide_container { position: relative; float: left; width: 100%;overflow:hidden;} .slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;} .slide li { position: absolute; width: 100%; left: 0; top: 0; text-align:center;} .slide li img{ display:block;} .slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0;} .slide_nav { position: absolute; top: 45%; left: 50px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height:60px; width:40px; background:url(lf.jpg) no-repeat left top; margin-top: -22px;} .slide_nav:active { opacity: 1.0;} .slide_nav.next { left: auto;background:url(rt.jpg) no-repeat left top; right: 50px;} .slide_tabs{position:absolute;right:47%;bottom:25px;z-index:99; display:block;} .slide_tabs li{width:20px;height:2px;border-radius:5px;margin-left:12px;background-color:#c1c1c1;float:left;color:#fff;} .slide_tabs li a{color:#fff;display:block;text-indent:-999em;} .slide_tabs li.slide_here{background:#c70035;width:20px;height:2px;} .content{overflow:hidden;} .mode01{max-width:1200px;overflow:hidden; margin:25px auto;} .articleList01{} .articleList01 ul li{ width:24%; float:left; overflow:hidden; margin-right:1%;} .articleList01 ul li:last-child{ margin-right:0;} .articleList01 ul li h2{ font-size:1.8em; color:#8c0025; font-weight:normal; margin-bottom:25px;} .articleList01 ul li a.image{ display:block; height:0; padding-bottom:58%; margin-bottom:2%; overflow:hidden;} .articleList01 ul li a img{ display:block; width:100%; transition: all 0.5s ease;} .articleList01 ul li a:hover img{opacity: 0.8;transform: scale(1.1);} .articleList01 dl dd a{ font-size:1.4em; line-height:25px; padding:5px 0;} .articleList01 dl dd a span{ display:inline-block; width:45px; height:22px; background:url(morebg01.jpg) no-repeat 10px 13px; transition: all 0.3s ease;} .articleList01 dl dd a:hover span{ background:url(morebg01.jpg) no-repeat 20px 13px;} .Wrapmode02{ background:#f5f6f9;overflow:hidden;} .mode02 { max-width:1200px;overflow:hidden; margin:2.2% auto;} .mode02 .lf{ width:47%; float:left;} .mode02 .rt{ width:47%; float:right;} .articleList02{} .articleTitle02 span{ display:block; width:125px; text-align:center; padding:3px 0; margin:0 auto;} .articleTitle02 span.title,.articleTitle03 span.title,.articleTitle04 span.title{ font-size:2.2em; color:#8c0025; border-bottom:#8c0025 1px solid;} .articleTitle02 span.text,.articleTitle03 span.text,.articleTitle04 span.text{ font-size:1.8em;} .articleList02 ul{ overflow:hidden; margin: 20px -6px 0 -6px;} .articleList02 ul li{ width:25%; float:left; overflow:hidden;} .articleList02 ul li.li01 .hot_lf{ /*width:50%; float:left;*/ position:relative; margin: 0 6px;background:#fff;} .articleList02 ul li.li01 .hot_rt{ /*width:50%; float:left;*/margin: 0 6px;background:#fff;} .articleList02 ul li.li02 .hot_lf{/* width:50%; float:right; */position:relative;margin: 0 6px;background:#fff;} .articleList02 ul li.li02 .hot_rt{/* width:50%; float:left;*/margin: 0 6px;background:#fff;} .articleList02 ul li .hot_rt a{ display:block; height:0; padding-bottom:57%; overflow:hidden;} .articleList02 ul li .hot_rt img{ display:block;transition: all 0.5s ease;} .articleList02 ul li .hot_rt a:hover img{ transform: scale(1.1);} .articleList02 ul li .hot_lf a{ display:block; padding:6%;} .articleList02 ul li .hot_lf h2{ font-weight:normal; font-size:1.6em; height: 63px; overflow: hidden;} .articleList02 ul li .hot_lf a:hover h2{} .articleList02 ul li .hot_lf .rightDate{ font-size:1.2em; color:#989898; display:block; margin:4% 0;} .articleList02 ul li .hot_lf p{ font-size:1.2em; color:#989898;} .articleList02 ul li .hot_rt{ position:relative;} .articleList02 ul li.li01 .hot_rt .jt{ position:absolute; top:39%; left:0;} .articleList02 ul li.li02 .hot_rt .jt{ position:absolute; top:39%; right:0;} .more02{height: 30px;display:inline-block;transition: all 0.3s ease; position:absolute; bottom:6%; right:6%;} .more02 a{ padding:0;} .more02 img{width: 30px;display: block;margin:0 auto;} .more02:hover{transform: rotateZ(90deg);opacity: 0.8;} .mode03 { max-width:1200px;overflow:hidden; margin:2.2% auto;} .articleTitle03 span{ display:block; width:165px; text-align:center; padding:3px 0; margin:0 auto;} .articleList03 ul{ overflow:hidden; margin:20px -20px 0 -20px;} .articleList03 ul li{ overflow:hidden; width:25%; float:left;} .articleList03 ul li a{ display: inline-block; border-top:#8c0025 1px solid; margin: 0 20px; padding: 15px 0;} .articleList03 ul li h2{ font-size:1.8em; font-weight:normal; color:#8c0025;} .articleList03 ul li span{ font-size:1.2em; color:#989898; display:block; margin:10px 0;} .articleList03 ul li p{ font-size:1.6em; line-height:25px;} .articleList03 ul li:last-child{ margin-right:0;} .articleList02 .more03,.articleList03 .more03{ overflow:hidden; margin-top:25px;} .articleList02 .more03 a,.articleList03 .more03 a{ border-top:#666666 1px solid; font-size:1.6em; display:block; width:300px; height:40px; line-height:40px; text-align:center;margin:0 auto; background:url(morebg.jpg) no-repeat 240px 18px;transition: all 0.5s ease;} .articleList02 .more03 a:hover,.articleList03 .more03 a:hover{transform: scale(1.1); border-top:#8c0025 1px solid;} .Wrapmode04{ overflow:hidden; background:url(mode04bg1.jpg) no-repeat center;} .mode04{ max-width:1200px; overflow:hidden; margin:2.2% auto;} .articleTitle04 span{ display:block; width:195px; text-align:center; padding:3px 0; margin:0 auto;} .scroll { height:195px;} .scroll #main_con1{height:auto;} .con_cont { float: left; margin:6px 0 0 0;} .scroll #main_con1 .con_cont #photo_move { height: auto; margin: auto;} .scroll #main_con1 .con_cont .blk_18 .LeftBotton { display:block; float:left; height:60px; width:40px; cursor:pointer;margin:50px 35px 0 0;} .scroll #main_con1 .con_cont .blk_18 .RightBotton { display:block; float:left; height:60px; width:40px;cursor:pointer;margin: 50px 0 0 35px;} .scroll #main_con1 .con_cont #demo { width: 1050px; display: inline; float: left; overflow: hidden;} .scroll #main_con1 .con_cont #indemo {float: left; width: 800%;} .scroll #main_con1 .con_cont #demo1, #demo2 { float: left;} .scroll #main_con1 .con_cont .blk_18 .pl img { width:238px; height:138px; display:block; margin:7px auto; cursor: pointer;} .scroll #main_con1 .con_cont .blk_18 ul li { float:left; width:238px; height:190px; margin: 0 15px;} .scroll #main_con1 .con_cont .blk_18 ul li a h2{ font-size:20px; font-weight:normal;} .scroll #main_con1 .con_cont .blk_18 ul li a span{ display:block; padding:4px 0; font-size:1.4em; text-align:center; color:#8c0025;} .scroll #main_con1 .con_cont .blk_18 ul li p{ font-size:14px; color:#989898; line-height:22px;} .scroll #main_con1 .con_cont #photo_move2 { height: 160px; margin: auto; width: 991px;} .scroll #main_con1 .con_cont #po_demo {display: inline; float: left; margin: 5px 50px; overflow: hidden; width: 830px; _margin: 5px 50px; _width:830px;} .scroll #main_con1 .con_cont #indemo2 {float: left; width: 800%;} .scroll #main_con1 .con_cont #po_demo1, #po_demo2 { float: left;} .scroll #main_con1 .con_cont .blk_18 .po_LeftBotton { display:block; float:left; height:75px; margin:30px 0px 0 0px; width:29px; background:url(lf.jpg) no-repeat; cursor:pointer;_margin:30px 0px 0 0px;} .scroll #main_con1 .con_cont .blk_18 .po_RightBotton {display:block; float:right; height:75px; margin:30px 0 0 0px; width:29px;background:url(rt.jpg) no-repeat;cursor:pointer;_margin:30px 0px 0 0px;} @media screen and (max-width:1200px) { .channel{position:static;padding-top:-3px;clear:both;} .slide_tabs{right:5px;bottom:15px;} .banner { margin: 0px;} } @media screen and (max-width:800px) { .flex-control-nav{bottom:44px;} .mode01,.mode02,.mode03{ margin-left:15px; margin-right:15px;} .articleList01 ul li{ width:46%; margin:1% 2%;} .articleList02 ul li{ width: 50%;} .articleList02 ul li .hot_lf h2{ height: 45px;} .articleList03 ul li{ width:50%;} .Banner{ margin:0;} .scroll #main_con1 .con_cont .blk_18 .LeftBotton,.scroll #main_con1 .con_cont .blk_18 .RightBotton{ display:none;} } @media screen and (max-width:770px) { } @media screen and (max-width:640px) { .articleList02 ul li{ width:100%; margin-bottom:2%;} .articleList02 ul li .hot_lf h2{ height: auto;} .articleList02 ul li .hot_lf a{ padding: 1% 4%;} .footer_lf{ width:80%;} .footer_lf,.footer_rt{ float:none; margin:0 auto;} } @media screen and (max-width:480px) { .articleList03 ul li{ width:auto;} .footer_rt{ width:45%;} } @media screen and (max-width:375px) { .articleList01 ul li{ width:96%;} .more02{ bottom:8%;} }