@charset "utf-8"; /*全局*/ body{background: no-repeat center 40px #fff;padding:0;margin:0;font-size:14px;line-height:30px;font-family:'microsoft yahei';} ul,form,dd,dt,dl,h1,h2,h3,h4,p{padding:0;margin:0;} a{color:#333333;text-decoration:none;} a:hover{color:#ff9724 !important;} i{text-decoration:none;font-style:normal} .w{width:1200px;margin:0 auto;} .cl{clear:both;} li{list-style:none;} img{border:0;} .mt7{margin:10px 0 0 0;} .non{display:none;} .dh{background:#f9f9f9 !important;width:100% !important;height:33px !important;text-align:right !important;border-bottom:1px solid #e4e4e4 !important;padding:3px 0 !important;} .dh img{width:54px !important;height:33px !important;float:left !important;} .dh a,.dh i{padding:0 5px 0 5px !important;line-height:33px !important;font-size:14px;font-family:'microsoft yahei';} .content{width:1200px; margin:700px auto 0 auto;} h1{color:#1651aa;font-size:48px;line-height:2.0em;font-weight:500;text-align:center;padding:20px 0;} h1 a{color:#1651aa;} .right01{width:650px;height:390px;float:right;overflow:hidden;} .left01{width:500px;height:420px;float:left;overflow:hidden;} /*焦点图*/ .jdt{ width:650px; height:390px; overflow:hidden; position:relative;float:right;border:10px solid #fff;} .jdt .hd{ height:15px; overflow:hidden; position:absolute; right:20px; bottom:22px; z-index:1; overflow:hidden;} .jdt .hd ul{ overflow:hidden; zoom:1; float:left; } .jdt .hd ul li{ float:left; margin-left:10px; width:8px; height:8px; background:#fff; cursor:pointer;text-indent:-999em; } .jdt .hd ul li.on{ opacity:1;background:#dd6b06 } .jdt .bd{ position:relative; height:100%; z-index:0; } .jdt .bd ul,.jdt .bd ul li{width:650px !important;height:390px !important;} .jdt .bd li{ zoom:1; vertical-align:middle; } .jdt .bd img{ width:650px; height:380px; display:block; animation: slowmotion 15s infinite ease-in-out;-moz-animation: slowmotion 15s infinite ease-in-out;-webkit-animation: slowmotion 15s infinite ease-in-out;-o-animation: slowmotion 15s infinite ease-in-out;} @keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } @-moz-keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } @-webkit-keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } @-o-keyframes slowmotion { from, to {transform: scale(1) translate(0, 0);} 50% { transform: scale(1.2);} } .jdt .bd div{position:relative;display:block;height:50px;top:-50px;color:#fff;background:rgba(0,0,0,0.6);font-size:16px;padding:0 0 0 15px;line-height:50px;} .jdt .bd div a{color:#fff !important;} .tw01{overflow:hidden;margin:5px 0 0 0;padding:10px 0;background: no-repeat center bottom;} .tw01 h2{font-size:20px;font-family:'微软雅黑';word-break:keep-all;white-space:nowrap;overflow:hidden;line-height:30px;color:#333333;font-weight:500} .tw01 h2 a{color:#333333;} .tw01 p{font-size:14px;line-height:26px;text-indent:2em;padding:8px 0 0 0;overflow:hidden;color:#666666;text-align:justify;} .list{padding:15px 0 0 0;} .list li{background: no-repeat 0 23px;padding:8px 0 8px 20px;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/line-height:1.8em;font-size:20px;} .more{clear:both;padding:10px;text-align:right;font-size:20px;color:#1651aa} .more a{color:#1651aa;} .dh01{clear:both;display:block;background: no-repeat center 65%;height:200px;} .dh02{clear:both;display:block;background: no-repeat center 65%;height:200px;} .dh03{clear:both;display:block;background: no-repeat center 65%;height:200px;} .dh04{clear:both;display:block;background: no-repeat center 65%;height:200px;} .dh05{clear:both;display:block;background: no-repeat center 65%;height:200px;} .listpic{display:block;clear:both;height:280px;overflow:hidden;} .listpic li{width:380px;height:250px;float:left;position:relative;margin:0 30px 0 0;} .listpic li:last-child{margin:0;} .listpic li img{width:100%;height:100%;display:block;} .listpic li div{position:absolute;left:0;right:0;height:36px;bottom:0;background:rgba(0,0,0,0.6);text-align:center;font-size:16px;line-height:36px;overflow:hidden;color:#fff;} .listpic li div a{color:#fff;} .tszp{clear:both;} .tszp li{background: repeat-x 0 bottom;width:580px;height:100px;padding:25px 0 10px 0;float:left;} .tszp li h2{font-size:22px;line-height:1.2em;text-align:left;font-weight:500;} .tszp li h2 a{} .tszp li p{text-align:justify;font-size:16px;line-height:1.5em;padding:10px 0 0 0;} .tszp li:nth-child(1),.tszp li:nth-child(3){margin:0;} .tszp li:nth-child(2),.tszp li:nth-child(4){margin:0 0 0 40px;} .rmbd{position:relative;clear:both;height:586px;overflow:hidden;} .rmbd img{width:100%;height:100%;} .rmbd li div{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);text-align:center;font-size:16px;line-height:1.6em;padding:10px 5px;overflow:hidden;color:#fff;} .rmbd li div a{color:#fff;} .rmbd li:nth-child(1),.rmbd li:nth-child(2){width:336px;height:586px;float:left;margin:0 20px 0 0;position:relative;} .rmbd li:nth-child(3){position:absolute;width:488px;height:282px;top:0;right:0;} .rmbd li:nth-child(4){position:absolute;width:488px;height:282px;bottom:0;right:0;} #part3 { width: 1200px; height:580px; /*height: 950px;*/ overflow: hidden; position:relative; /*border:1px solid red;*/ } #part3 ul{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 28px; } #part3 .swiper-container{ } #part3 figure{ width: 960px; height: 530px; } #part3 figure img{ width:100%; height:100%; display: inline-block; } figure{padding:0;margin:0;} .swiper-slide div{position:absolute;display:block;height:40px;bottom:0;width:960px;color:#fff;background:rgba(0,0,0,0.5);font-size:16px;line-height:40px;text-align:center;} .swiper-slide div a{color:#fff !important;} #part3 .swiper-button-prev{background: no-repeat 0 0;width:50px;height:70px;position:absolute;top:235px;left:120px;z-index:9999;} #part3 .swiper-button-next{background: no-repeat right 0;width:50px;height:70px;position:absolute;top:235px;right:120px;z-index:9999;} .footer{color:#fff;background:#15334f;text-align:center;height:130px;font-size:12px !important;padding-top:40px;clear:both;position:relative;width:100%;border-top:0px solid #fff;} .footer a{color:#fff !important;font-size:12px;} .footer p{text-indent:0;font-size:12px;padding:0;}