#vsb_content_2 P{LINE-HEIGHT:200% !important; font-size: 16px !important; } @charset "utf-8"; * { margin: 0; padding: 0; } li { list-style: none; } img { border: 0; } a { text-decoration: none; color: #000; outline: none; } body { min-width: 1360px; font-family: "Microsoft yahei"; position: relative; max-width: 1920px; margin: 0 auto;font-size: 16px; } input { outline: none; } .fl { float: left; } .fr { float: right; } .dn { display: none; } .w10{width: 100%;max-width: 1920px;margin: 0 auto ;} .w12 { width: 1200px; margin: 0 auto; } .w128 { width: 1280px; margin: 0 auto; } .clearfix { clear: both; } /* top css */ .top{height: 34px;} .top p{font-size: 12px;color: #7e7e7e;line-height: 34px;} .top .link{} .top .link a{font-size: 12px;color: #7e7e7e;line-height: 34px;margin-right: 20px;} .top .link a:hover{color: #ca161c;} .top .search{border: 1px solid #929292;border-radius: 12px;margin-top: 4px;} .top .search .st{border: none;outline: none;height: 24px;line-height: 24px;padding-left: 10px;background: none;width: 100px;} .top .search .si{padding: 0 10px;} /*banner css*/ .banner-top{position: relative;} .banner-top .w12{position: relative;} .banner{position: relative;height: 414px;width: 100%;max-width: 1920px;overflow: hidden;} .banner img{width: 1920px;position: absolute; left: 50%;top: 0;margin-left: -960px;} .top-link{position: absolute;right: 0;top: -527px;} .top-link .link1{float: left;height: 24px;line-height: 24px;text-align: center;padding: 0 10px;background: #ea8382;font-size: 12px;color: white;cursor: pointer;} .top-link .link2{float: left;height: 24px;line-height: 24px;text-align: center;padding: 0 10px;background: #ea8382;font-size: 12px;color: white;margin-left: 10px;cursor: pointer;} .top-link .link1:hover, .top-link .link2:hover{background: #de3a39;} .banner-top .logo{width: 1200px;margin: 0 auto;} .banner-top .logo img{height: 75px;position: absolute;top: 40px;z-index: 9;display: block;} .nav{background: #ebebeb;} .nav ul{} .nav ul li{float: left;height: 50px;} .nav ul .on a{background: #bd0c0d;color: white;} .nav ul li a{color: #be0909;padding: 0 63px;line-height: 50px;display: block;transition: 0.4s;} .nav ul li a:hover{background: #bd0c0d;transition: 0.4s;color: white;} /*top-news css*/ .top-news{} .top-news .title{margin-bottom: 10px;} .top-news .title a{font-size: 26px;color: #ba0000;font-weight: bold;} .top-news ul{} .top-news ul li{float: left;} .top-news ul li a{} /*news-box css*/ .news-box{min-height: 500px;} .news-box .title{position: relative;margin-bottom: 10px;} .news-box .title img{display: block;margin: 0 auto;} .news-box .title a{color: white;font-size: 12px;display: inline-block;background: #a20002;padding: 4px 6px;position: absolute;right: 0;top: 10px;} .news-box .title a:hover{color:#a20002;background: white;} .news-box .l-text{width: 470px;} .news-box .l-text ul{} .news-box .l-text ul li{border-bottom: 1px dashed #e0e0e0;padding: 15px 0;} .news-box .l-text ul li:last-child{border: none;} .news-box .l-text ul li h3{font-size: 16px;margin-bottom:34px;line-height:35px;height:35px;} .news-box .l-text ul li:hover h3{color: #ba0000;} .news-box .l-text ul li p{font-size: 12px;color: #999999;line-height: 22px;height: 44px;overflow: hidden;} .news-box .r-pic{width: 690px;margin-top: 15px;} .pic-g{ width:690px; height:484px; overflow:hidden; position:relative; border:1px solid #ddd; } .pic-g .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:12px; z-index:1; } .pic-g .hd ul{ overflow:hidden; zoom:1; float:left; } .pic-g .hd ul li{ float:left;background: url(../images/news-dian.png) no-repeat; width: 5px;height: 5px;margin: 0 6px;} .pic-g .hd ul li.on{ background-position: 0 -5px;} .pic-g .bd{ position:relative; height:100%; z-index:0; } .pic-g .bd li{ zoom:1; vertical-align:middle; position: relative;} .pic-g .bd li p{ position: absolute;bottom: 0;left: 0;z-index: 99;background: url(../images/black-bg.png) repeat-x;color: white;text-align: center;line-height: 50px;display: block;width: 100%;} .pic-g .bd li{ width:690px; height:484px;} .pic-g .bd img{display:block; width: 100%;transition: 0.4s;} .pic-g .bd img:hover{transform: scale(1.2);transition: 0.4s;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .pic-g .prev, .pic-g .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:50px; height:80px; background:url(../images/news-arrow.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;z-index: 9;} .pic-g .next{ left:auto; right:0; background-position:-50px 0px; } .pic-g .prev:hover, .pic-g .next:hover{ filter:alpha(opacity=100);opacity:1; } .pic-g .prevStop{ display:none; } .pic-g .nextStop{ display:none; } /*syrg css*/ .syrg{margin-top: 40px;min-width: 300px;} .syrg .title{position: relative;margin-bottom: 10px;} .syrg .title img{display: block;margin: 0 auto;} .syrg .title a{color: white;font-size: 12px;display: inline-block;background: #a20002;padding: 4px 6px;position: absolute;right: 0;top: 10px;} .syrg .title a:hover{color:#a20002;background: white;} .syrg-l {width: 580px;} .syrg-l .pic-t{border-bottom: 1px dashed#e0e0e0;padding-bottom: 20px;margin-top: 30px;} .syrg-l .pic-t .pic{width: 170px;height: 125px;float: left;overflow: hidden;} .syrg-l .pic-t .pic img{width: 100%;height: auto;transition: 0.4s;} .syrg-l .pic-t .text{width: 395px;float: right;} .syrg-l .pic-t .text h4{font-size: 16px;font-weight: normal;margin: 10px 0;transition: 0.4s;} .syrg-l .pic-t:hover h4{color: #BA0000;padding-left: 10px;transition: 0.4s;} .syrg-l .pic-t:hover img{transform: scale(1.2);transition: 0.4s;} .syrg-l .pic-t .text p{font-size: 12px;color: #999999;line-height: 22px;margin-top: 10px;} .syrg-l ul{margin-top: 5px;} .syrg-l ul li{background: url(../images/qd.png) no-repeat left center;padding-left: 15px;} .syrg-l ul li a{font-size: 16px;line-height: 46px;transition: 0.4s;height: 46px;overflow: hidden;display: block;} .syrg-l ul li:hover a{color: #BA0000;padding-left: 10px;transition: 0.4s;} . .syrg-r ul{margin-top: 5px;} .syrg-r ul li{background: url(../images/qd.png) no-repeat left center;padding-left: 15px;} .syrg-r ul li a{font-size: 16px;line-height: 46px;transition: 0.4s;height: 46px;overflow: hidden;display: block;} .syrg-r ul li:hover a{color: #BA0000;padding-left: 10px;transition: 0.4s;} /*cxbw css*/ .cxbw{min-height: 480px;} .cxbw .title{position: relative;margin-bottom: 10px;} .cxbw .title img{display: block;margin: 0 auto;} .cxbw .title a{color: white;font-size: 12px;display: inline-block;background: #a20002;padding: 4px 6px;position: absolute;right: 0;top: 10px;} .cxbw .title a:hover{color:#a20002;background: white;} .cxbw-l{width: 580px;margin-top: 50px;} .cxbw-l .pic-t{border-bottom: 1px dashed#e0e0e0;padding-bottom: 20px;margin-top: 30px;} .cxbw-l .pic-t .pic{width: 170px;height: 125px;float: left;overflow: hidden;} .cxbw-l .pic-t .pic img{width: 100%;height: auto;transition: 0.4s;} .cxbw-l .pic-t .text{width: 395px;float: right;} .cxbw-l .pic-t .text h4{font-size: 16px;font-weight: normal;margin: 10px 0;transition: 0.4s;} .cxbw-l .pic-t:hover h4{color: #BA0000;padding-left: 10px;transition: 0.4s;} .cxbw-l .pic-t:hover img{transform: scale(1.2);transition: 0.4s;} .cxbw-l .pic-t .text p{font-size: 12px;color: #999999;line-height: 22px;margin-top: 10px;} .cxbw-l ul{margin-top: 5px;} .cxbw-l ul li{background: url(../images/qd.png) no-repeat left center;padding-left: 15px;} .cxbw-l ul li a{font-size: 16px;line-height: 46px;transition: 0.4s;height: 46px;overflow: hidden;display: block;} .cxbw-l ul li:hover a{color: #BA0000;padding-left: 10px;transition: 0.4s;} /*zgyx css*/ .zgyx-r{width: 580px;margin-top: 50px;} .pic-c{ width:580px; height:410px; overflow:hidden; position:relative; border:1px solid #ddd;margin-top: 30px;} .pic-c .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:12px; z-index:1; } .pic-c .hd ul{ overflow:hidden; zoom:1; float:left; } .pic-c .hd ul li{ float:left;background: url(../images/dian.png) no-repeat; width: 8px;height: 2px;margin: 0 6px;} .pic-c .hd ul li.on{ background-position: 0 -2px;} .pic-c .bd{ position:relative; height:100%; z-index:0; } .pic-c .bd li{ zoom:1; vertical-align:middle; position: relative;} .pic-c .bd li p{ position: absolute;bottom: 0;left: 0;z-index: 99;background: url(../images/black-bg.png) repeat-x;color: white;text-align: center;line-height: 50px;display: block;width: 100%;} .pic-c .bd li{width:580px; height:410px;overflow: hidden;} .pic-c .bd img{display:block; width: 100%;transition: 0.4s;} .pic-c .bd img:hover{transform: scale(1.2);transition: 0.4s;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .pic-c .prev, .pic-c .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:23px; height:41px; background:url(../images/arrow.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;z-index: 9;} .pic-c .next{ left:auto; right:0; background-position:-23px 0px; } .pic-c .prev:hover, .pic-c .next:hover{ filter:alpha(opacity=100);opacity:1; } .pic-c .prevStop{ display:none; } .pic-c .nextStop{ display:none; } /*whcl css*/ .whcl{margin-top: 50px;min-height: 400px;} .whcl .title{position: relative;margin-bottom: 10px;} .whcl .title img{display: block;margin: 0 auto;} .whcl .title a{color: white;font-size: 12px;display: inline-block;background: #a20002;padding: 4px 6px;position: absolute;right: 0;top: 10px;} .whcl .title a:hover{color:#a20002;background: white;} .whcl-pic{margin-left: -15px;margin-top: 30px;} .whcl-pic .bd{} .whcl-pic .bd ul{ overflow:hidden; zoom:1; } .whcl-pic .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;width: 376px;} .whcl-pic .bd ul li .pic{ text-align:center; width:376px; height:260px; overflow: hidden;} .whcl-pic .bd ul li .pic img{width: 100%; display:block;transition: 0.4s;} .whcl-pic .bd ul li .pic img:hover{transform: scale(1.2);transition: 0.4s;} .whcl-pic .bd ul li .bt a{ line-height:24px;margin-top: 10px;font-size: 18px;color: #444444;font-weight: bold;display: block;text-align: left;} .whcl-pic .bd ul li .bt p{ line-height:24px;margin-top: 10px;color: #747474;font-size: 12px;text-align: left;} .whcl-pic .bd ul li:hover .bt a{color: #BA0000;} /*footer css*/ .footer{background: #bb0a0f;padding: 20px 0;} .footer .img1{width: 222px;margin-left: 200PX;height: 80px;} .footer .img2{width: 174px;height: 54px;} .footer .text{margin-top: 15px;} .footer p{font-size: 12px;color: white;line-height: 24px;text-align: left;} /* news-list csss */ .ny-top{border-top: 2px solid #bb0a0f;background: #bb0a0f;} .ny-top .logo{float: left;margin: 10px 0;} .ny-top .ny-link{float: right;margin-top: 30px;} .ny-top .link{} .ny-top .link a{font-size: 12px;color: #edb5b6;line-height: 34px;margin-right: 20px;} .ny-top .link a:hover{color: white;} .ny-top .search{border: 1px solid white;border-radius: 12px;margin-top: 4px;} .ny-top .search .st{border: none;outline: none;height: 24px;line-height: 24px;padding-left: 10px;background: none;width: 100px;color: white;} .ny-top .search .si{padding: 0 10px;} .now { height: 20px;line-height: 20px;margin-bottom: 10px;border-bottom: 1px dashed #999999;padding: 20px 0;} .now-r {float: right; padding-left: 18px; font-size: 14px; color: #333;padding-right: 20px; display: inline-block; *display: inline; *zoom: 1; z-index: 3; } .now-r a {font-size: 14px; color: #999999; font-size: 14px;} .now-r i {font-size: 14px;font-style: normal;} .now .line { border-bottom: 1px solid #d9d9d9; position: absolute; width: 100%; top: 10px;left: 0; *top:-10px;} .now .now-l {float: left; font-size: 20px; color: #333;} .nl{width: 1280px;margin: 20px auto;background: white;} .news-list{width: 1200px;background: #FFFFFF;min-height: 600px;margin: 0 auto;} .news-list ul li span { float: left;width: 3px;height: 3px;margin-right: 15px;margin-top: 8px; background: #cccccc; line-height: 42px;margin-top: 18px;} .news-list ul li a {transition: 0.4s; float: left; font-size: 16px; color: #333; width: 800px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 42px;} .news-list ul li a:hover { color: #BA0000;padding-left: 10px;transition: 0.4s;} .news-list ul li b { float: right; font-size: 14px;color: #7f7f7f; font-style: normal;font-weight: normal;line-height: 42px;} .fy{text-align: center;margin: 0 auto;margin-left: 200px;margin-top: 40px;padding-bottom: 40px;} /* pic-list css */ .pic-list{width: 1100px;background: #FFFFFF;min-height: 600px;margin: 0 auto;} .pic-list .text{width: 1100px;margin: 0 auto; overflow: hidden;} .pic-list ul{width: 1132px;margin-left: -16px;} .pic-list ul li { float: left;margin:0 16px;margin-top: 20px;width: 250px;} .pic-list ul li .pic{font-size: 16px; color: #333; width: 250px;height: 171px;overflow: hidden;transition: 0.4s;} .pic-list ul li .pic img{transition: 0.4s;width: 100%;} .pic-list ul li p{line-height: 26px; margin-top: 10px;} /* nr */ .nry-hd { text-align: center; border-bottom: 1px dashed #d9d9d9; } .nry-hd .h3 { font-size: 26px; color: #333; padding-top: 30px;} .nry-hd .time { font-size: 12px; color: #999; padding: 25px 0 35px; } .nry-bd p { font-size: 14px; line-height: 42px; color: #999999; margin: 25px 0;} .nry-bd img { display: block; margin: 25px auto;} .nr .pn {margin-top: 30px;padding-top: 30px;border-top:1px dashed #d9d9d9;padding-bottom: 40px;} .nr .pn a {font-size: 14px;color: #333;} .nr .pn a:hover {color: #7E3941;padding-left: 2px; }