/*初始化css*/ /*清除默认样式*/ * { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } input { outline: 0; border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 400; } em, i { font-style: normal; } img { border: 0; vertical-align: middle; } body { font-family: "微软雅黑" !important; font: 12px arial, 'microsoft yahei'; color: #666; } .w { width: 1200px; margin: 0 auto; } @media screen and (max-width: 750px) { .w { width: 100%; margin: 0 auto; } .header { height: 380px; } } a { /*color: #ffffff;*/ } .fl { float: left; } .fr { float: right; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* 首页开始 */ .head { width: 100%; position: relative; } @media screen and (max-width: 750px) { .head { height: 743px; } } /* 头部轮播样式开始 */ .slideBox { width: 100%; overflow: hidden; position: relative; border: 1px dashed #ddd; } .slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 50%; bottom: 115px; z-index: 1; } .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; } .slideBox .hd ul li { float: left; margin-right: 10px; width: 10px; height: 10px; line-height: 10px; background: #b8bdb4; cursor: pointer; border-radius: 100%; } .slideBox .hd ul li.on { background: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd .tempWrap{ margin:0 auto;} .slideBox .bd li { zoom: 1; vertical-align: middle; } .slideBox .bd img { width: 100%; display: block; max-height:740px; } /* 头部轮播样式结束 */ .content { width: 1200px; margin: 0 auto; } .dec { width: 1200px; height: 220px; background: #fff url(jianjie.png) no-repeat 30px center; z-index: 2; margin-top: -90px; position: relative; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); } .dec p { color: #333; font-size: 18px; padding: 30px 45px 35px 200px; line-height: 40px; } .zyjs { margin-top: 40px; } .zyjs h3 { position: relative; } .zyjs h3 a { position: absolute; right: 0; bottom: 55px; color: #999; font-size: 16px; } .zyjs h3 a:hover { color: #076fbe; } /* .zyjs .zyb{ height: 375px;} */ .zyb .zybimg { width: 557px; height: 376px; float: left; margin-top: 15px; } .zyb .zyblist { width: 600px; float: right; } .zyb .zyblist li { background: url(libg.png) no-repeat left center; border-bottom: 1px dashed #eeeeee; padding-left: 20px; height: 48px; line-height: 48px; } .zyb .zyblist li>a { color: #333; font-size: 18px; display: inline-block; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .zyb .zyblist li>a:hover { color: #076fbe; } .zyb .zyblist li span { float: right; color: #999; font-size: 16px; } .zyjs p { text-align: center; margin-top: 60px; } .zyjs p a { color: #076fbe; font-size: 32px; text-decoration: underline; } /* 尽瑞出征 */ .jrcz { margin-top: 65px; } .jrList { margin-top: 20px; } .jrList .jrList01 { width: 335px; height: 435px; float: left; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); border-radius: 10px; padding: 0 25px; } .jrList01 h4 { border-bottom: 1px solid #eeeeee; height: 65px; line-height: 65px; } .jrList01 h4 span { color: #333; font-size: 24px; font-weight: bold; display: inline-block; border-bottom: 3px solid #076fbe; } .jrList01 h4 a{ float:right; font-size:16px; color:#999; } .jrList01 ul{ margin-top:5px;} .jrList01 h4 a:hover{color: #076fbe;} .jrList01 li { height: 50px; line-height: 50px; background: url(libg.png) no-repeat left center; border-bottom: 1px dashed #eeeeee; padding-left: 20px; } .jrList01 li a { color: #333; font-size: 18px; display: inline-block; width: 98%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .jrList .jrList01+.jrList01 { margin-left: 22px; } /* 尽瑞出征 */ /* 今非昔比开始 */ .jfxb { margin-top: 50px; } .xcyx { margin-top: 30px; position: relative; } #certify { position: relative; /* width: 970px; */ width: 1100px; margin: 0 auto; height: 378px; } #certify .swiper-container { /* padding-bottom: 60px; */ } .swiper-slide a p { display: none; } .swiper-slide-active a p { display: block; } .swiper-slide-active{ width:800px;} #certify .swiper-slide { width: 658px; height: 373px; background: #fff; box-shadow: 0 8px 30px #ddd; position: relative; } #certify .swiper-slide img { display: block; width: 100%; height: 100%; } #certify .swiper-slide p { line-height: 50px; padding-top: 0; text-align: left; color: #fff; font-size: 16px; margin: 0; position: absolute; width: 100%; height: 50px; background: rgb(0 00 15 / 20%); /* opacity: 0.5; */ bottom: 0px; } .swiper-slide .bi { padding-left: 20px; color: #fff; font-size: 16px; overflow: hidden; } #certify .swiper-pagination { width: 100%; bottom: 20px; } /* .swiper-container.swiper-container-horizontal{ width: 970px;} */ #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } .swiper-button-prev { left: 240px; width: 35px; height: 60px; background: url(xbl.png) no-repeat !important; background-position: 0 0; background-size: 100%; left: 10px; } /* #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } */ .swiper-button-next { right: 240px; width: 35px; height: 60px; background: url(xbr.png) no-repeat !important; background-position: 0 -93px; background-size: 100%; right: 10px; } /* #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } */ /* 今非昔比结束 */ /* 影像舞动开始 */ .yxwd{ margin-top: 55px;} .yxwdb{ margin-top:35px;} .yxwdb .yxwdb1{ width:100%; position:relative;} .yxwdb .yxwdb1 img{ width:100%; max-height:400px;} .yxwdb .yxwdb1 p,.yxwdb .yxwdb2 li p { line-height: 50px; padding-top: 0; text-align: left; color: #fff; font-size: 16px; margin: 0; position:absolute; width: 100%; height: 50px; background: rgb(0 00 15 / 50%); /* opacity: 0.5; */ bottom: 0px; text-align:center; } .yxwdb .yxwdb1 p span,.yxwdb .yxwdb2 li p span { /*padding-left: 20px;*/ color: #fff; font-size: 16px; overflow: hidden; } .yxwdb .yxwdb2{ height:330px; margin-top:30px;} .yxwdb .yxwdb2 li{ width:585px; float:left; position:relative; max-height:325px;} .yxwdb .yxwdb2 li img{ width:100%;} .yxwdb .yxwdb2 li+li{ margin-left:30px;} .yxwdb .yxwdb2 li p{ text-align:left; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} .yxwdb .yxwdb2 li p span{ padding-left:20px;} .yxwdb .yxwdb3 li{ width:277px; max-height:155px;} .yxwdb .yxwdb3{ height:155px;} /* 影像舞动结束 */