.swiper-slide img{width:100%;transition:.2s; } .swiper-slide a:hover img{transform: scale(1.04);} .swiper-slide img { width: 100% } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1 } .swiper-container a:hover h4{text-decoration:underline} /***圆点***/ .swiper-pagination-bullet{width:13px;height:13px;opacity:1;background:rgba(255,255,255,0.3);} .swiper-pagination-bullet-active{background-color:#ff9900;} /***num1***/ .banner-num1{width:100%;min-width:1300px} .banner-num1 .swiper-button-prev,.banner-num1 .swiper-button-next{ display: block; } .banner-num1:hover .swiper-button-prev,.banner-num1:hover .swiper-button-next { display: block; } .banner-num1 img { transition: .6s } .banner-num1:hover img { transform: scale(1.00) } .banner-num1 {width:100%;position: relative;overflow:hidden;} .banner-num1 img{width:100%} .banner-num1 article{ bottom:0px;left:3%; position: absolute;display: block;width:35%;z-index:0;padding:20px 30px;background-color:rgba(0,0,0,0.6);border-bottom:6px #ffc425 solid;} .banner-num1 h4 {font-weight:normal;color:#fff;font-size:18px;line-height:30px;z-index: 2;width:100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .banner-num1 .swiper-button-next.swiper-button-disabled,.banner-num1 .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor: auto;pointer-events:none } .banner-num1 .swiper-button-prev,.banner-num1 .swiper-container-rtl .swiper-button-next {left:0;right:auto;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:60px;background-color: rgba(0,0,0,.3);text-align: center;color:#FFF;} .banner-num1 .swiper-button-next,.banner-num1 .swiper-container-rtl .swiper-button-prev {right:0;left:auto;position:absolute; top:50%;transform:translateY(-50%);width:40px;height: 60px;background-color: rgba(0,0,0,.3);text-align: center;;color:#FFF} .banner-num1 .swiper-button-prev:after,.banner-num1 .swiper-button-next:after{font-size:30px !important;height:60px;line-height:60px;}/***左右箭头大小***/ .banner-num1 .swiper-slide {transition:.0s;overflow:hidden;width:100%} .banner-num1 .swiper-slide a span{transition:.2s;;overflow:hidden;width:100%;display:block} .banner-num1 .swiper-slide a:hover span{transform:scale(1.04);;;width:100%;} /***num2***/ .banner-num2{margin-top:0px;width:100%} .banner-num2 .swiper-slide img {width:100%;transition:.2s; } .banner-num2 .swiper-slide a:hover img {transform: scale(1.05);} .banner-num2 a{color:#FFF} .banner-num2 a:hover{color:#fff2aa} .banner-num2{width:100%;} .banner-num2 .swiper-button-prev,.banner-num2 .swiper-button-next{display:block;} .banner-num2:hover .swiper-button-prev,.banner-num2:hover .swiper-button-next {display:block;} .banner-num2 .swiper-button-next.swiper-button-disabled,.banner-num2 .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none} .banner-num2 .swiper-button-prev,.banner-num2 .swiper-container-rtl .swiper-button-next {left:0px;right:auto;position:absolute;top:45%;text-align:center;color:#FFF;width:30px;background-color: rgba(0,0,0,.2)} .banner-num2 .swiper-button-next,.banner-num2 .swiper-container-rtl .swiper-button-prev {right:0px;left:auto;position:absolute;top:45%;text-align:center;color:#FFF;width:30px;background-color: rgba(0,0,0,.2)} .banner-num2 .swiper-button-prev:after,.banner-num2 .swiper-button-next:after{font-size:22px !important;height:45px;line-height:45px;}/***左右箭头大小***/ .banner-num2>.swiper-pagination-bullets .swiper-pagination-bullet{display:---none} .banner-num2 .swiper-button-prev:hover{color:#FFF;background:#b23c3c} .banner-num2 .swiper-button-next:hover{color:#FFF;background:#b23c3c} /***圆点***/ .banner-num2 .swiper-pagination-bullet{width:11px;height:11px;opacity:1;background:rgba(255,255,255,0.3);} .banner-num2 .swiper-pagination-bullet-active{background-color:#ff9900;} .banner-num2 .swiper-pagination {bottom:100px;position: absolute;display: block;z-index:999;color:#FFF;right:0px;left:0px;width: 100%;} /***列表***/ .swiper-list-2{width:100%;} .swiper-list-2 div{position:relative;height:398px;overflow:hidden} .swiper-list-2 div article{display:block;width:100%;clear:both; background:#392f30; height:92px;width:100%; position:absolute;z-index:1;bottom:0px;right:0px;padding:8px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .swiper-list-2 h2{font-size:12px;color:#FFF;font-weight:normal;float:left;width:76px;height:76px;background:#302526;text-align:center;} .swiper-list-2 h2 b{display:block;height:34px;line-height:34px;font-size:26px;width:100%;display:block;padding-top:8px} .swiper-list-2 h2 s{display:block;height:25px;line-height:25px;;width:100%;} .swiper-list-2 h3{float:left;width:80%;height:76px;margin-left:12px} .swiper-list-2 span{height:76px;} .swiper-list-2 span em{height:76px;} /***列表***/ .swiper-list-4{width:100%;} .swiper-list-4 div{position:relative;height:360px;overflow:hidden} .swiper-list-4 div span{display:block;width:100%;clear:both;background:linear-gradient(210deg,#258c5f ,#0069bc);; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; height:92px;width:100%; position:absolute;z-index:1;bottom:80px;right:0px;padding:0px 20px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; } .swiper-list-4 div em{height:55px;width:100%;display:block;} .swiper-list-4 div em b{width:100%;line-height:55px;height:55px;font-size:16px;font-weight:normal;display:block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .swiper-list-4 div p{color:#595959;font-size:13px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;height:70px;line-height:22px;margin:5px 0px 15px 0px} .swiper-list-4 h2{font-size:12px;color:#e5e5e5;font-weight:normal;text-align:right} .swiper-list-4 a{color:#FFF} /***num3***/ .banner-num3{width:100%;height:315px;} .banner-num3 .swiper-button-prev,.banner-num3 .swiper-button-next{ display: block; } .banner-num3:hover .swiper-button-prev,.banner-num3:hover .swiper-button-next { display: block; } .banner-num3 .swiper-button-next.swiper-button-disabled,.banner-num3 .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none} .banner-num3 .swiper-button-prev,.banner-num3 .swiper-container-rtl .swiper-button-next {left:0;right:auto;position:absolute;top:50%;text-align:center;color:#d1d1d2;} .banner-num3 .swiper-button-next,.banner-num3 .swiper-container-rtl .swiper-button-prev {right:0;left:auto;position:absolute;top:50%;text-align:center;color:#d1d1d2;} .banner-num3 .swiper-button-prev:after,.banner-num3 .swiper-button-next:after{font-size:20px !important;height:45px;line-height:45px;}/***左右箭头大小***/ .banner-num3.swiper-pagination-bullets .swiper-pagination-bullet{display:---none} .banner-num3 .swiper-button-prev:hover{color:#FFF;background:#258c5f} .banner-num3 .swiper-button-next:hover{color:#FFF;background:#258c5f} .banner-num3 .swiper-button-prev{display:none} .banner-num3 .swiper-button-next{display:none} /***圆点***/ .banner-num3 .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:rgba(0,0,0,0.3);} .banner-num3 .swiper-pagination-bullet-active{background-color:#b23c3c;} .banner-num3 .swiper-pagination {bottom:0px;position: absolute;display:block;z-index: 999;color: #FFF; } .swiper-list-3{width:100%;} .swiper-list-3 img{width:100%} .swiper-list-3 .swiper-slide{position:relative;height:285px;overflow:hidden} .swiper-list-3 a span{position:absolute;bottom:0px;left:0px;background:#f3f3f3;height:68px;width:100%; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; transition: all 0.3s ease-out} .swiper-list-3 a:hover span{background:#fffaec;} .swiper-list-3 span b{ padding:7px 15px 0px 15px;line-height:25px;height:50px;overflow:hidden; font-weight:normal;font-size:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .swiper-tab3{width:100%;} .swiper-tab3 .swiper-wrapper{width:100%;height:100%;} .swiper-tab3 .swiper-slide{width:100%;overflow:hidden;background:#f2f2f2 url(../images/nav-bg3.jpg) no-repeat bottom right;position:relative;} .swiper-tab3 .stab3-left{width:100%;overflow:hidden;float:left} .swiper-tab3 .stab3-left img{width:100%} .stab3-right span{display:block;padding:25px 45px 25px 45px;} .stab3-right span b{display:block;width:100%;height:80px;line-height:80px;font-size:26px;font-weight:bold;color:#004098} .stab3-right span em{display:block;width:100%;line-height:28px;font-size:15px;padding-bottom:150px;color:#000;} .stab3-right span small{display:block;font-size:13px;position:relative;width:110px;height:36px;line-height:36px} .stab3-right span small a{display:block;background:#004098;padding-left:20px;color:#FFF} .stab3-right span small a:hover{display:block;background:#003e92;color:#FFF} .stab3-right span>small a:before{content: "\f101";font-family: FontAwesome;position: absolute;bottom:0px;font-size:12px;right:20px;} /***swiper tabs3***/ .swiper-tab3 .swiper-tab3-container{cursor:pointer;overflow:hidden;width:62%;float:left;} .swiper-tab3 .swiper-img3{width:60%;float:left;} .swiper-tab3 .tab3{cursor:pointer;width:38%;float:left;margin-top:0px} .swiper-tab3 .tab3 a{display:block;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px} .swiper-tab3 .tab3 i{display:block;float:left;width:30%;font-size:24px;margin-top:48px;text-align:right} .swiper-tab3 .tab3 b{display:block;font-weight:normal;float:left;width:60%;text-align:left;padding-left:20px} .tab3 img{width:40px;height:40px;float:left;margin-right:9px} .tab3 span{display:block;font-size:26px;height:48px;line-height:48px;float:left} .swiper-tab3 .tabItem3{cursor:pointer;height:120px;text-align:center;float:left;width:50%;color:#FFF;} .swiper-tab3 .tabItem3:nth-child(1){background:#014099} .swiper-tab3 .tabItem3:nth-child(2){background:#12bbd6} .swiper-tab3 .tabItem3:nth-child(3){background:#a4801e} .swiper-tab3 .tabItem3:nth-child(4){background:#00a0ea} .swiper-tab3 .tab3 .active{color:#FFF;} .swiper-tab3 .tab3 a{color:#FFF;} .swiper-tab3 .tab3 a:hover{color:#ffa800;} /***num3***/ .banner-num4{width:100%;height:195px} .banner-num4 .swiper-button-prev,.banner-num4 .swiper-button-next{ display: block; } .banner-num4:hover .swiper-button-prev,.banner-num4:hover .swiper-button-next { display: block; } .banner-num4 .swiper-button-next.swiper-button-disabled,.banner-num4 .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none} .banner-num4 .swiper-button-prev,.banner-num4 .swiper-container-rtl .swiper-button-next {left:0;right:auto;position:absolute;top:50%;text-align:center;color:#d1d1d2;} .banner-num4 .swiper-button-next,.banner-num4 .swiper-container-rtl .swiper-button-prev {right:0;left:auto;position:absolute;top:50%;text-align:center;color:#d1d1d2;} .banner-num4 .swiper-button-prev:after,.banner-num4 .swiper-button-next:after{font-size:20px !important;height:45px;line-height:45px;}/***左右箭头大小***/ .banner-num4.swiper-pagination-bullets .swiper-pagination-bullet{display:---none} .banner-num4 .swiper-button-prev:hover{color:#FFF;background:#258c5f} .banner-num4 .swiper-button-next:hover{color:#FFF;background:#258c5f} .banner-num4 .swiper-button-prev{display:none} .banner-num4 .swiper-button-next{display:none} /***圆点***/ .banner-num4 .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:rgba(0,0,0,0.3);} .banner-num4 .swiper-pagination-bullet-active{background-color:#014099;} .banner-num4 .swiper-pagination {bottom:0px;position: absolute;display: block; z-index: 999;color: #FFF; } .swiper-list-4{width:100%;} .swiper-list-4 img{height:95px} .swiper-tab1{width:100%;overflow:hidden;} .swiper-tab1 .tab1{overflow: hidden;;clear:both;width:334px} .swiper-tab1 .tabItem1{float:left;cursor:pointer;position:relative;height:48px;line-height:48px;font-size:22px;color:#000; border:1px #afc2de solid;width:160px;text-align:center} .swiper-tab1 .active{display:block;font-size:24px;color:#FFF;flex:1;text-align:center;background:#014099;border:1px #014099 solid;} .swiper-tab1 .swiper-tab1-container{width:100%;clear:both} .swiper-tab1 b{font-weight:normal;} .hot-news-1{margin:8px 0px 0px 0px;overflow: hidden;width:100%;} .hot-news-1 ul{overflow: hidden;} .hot-news-1 ul li{;position:relative;height:78px;margin-top:15px;margin-bottom:5px; overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; float:left;width:32%;margin-left:25px;} .hot-news-1 ul li:nth-child(3n+1){margin-left:0px} .hot-news-1 ul li a{display: block;width:100%;display:flex;display:-webkit-flex;/*Safari*/} .hot-news-1 ul li a span{margin-left:0px; transition: all 0.3s ease-out} .hot-news-1 ul li a:hover span{margin-left:10px;} .hot-news-1 .news-left{width:81px;height:72px;overflow:hidden;text-align:center;border:1px #afc2de solid;background:#FFF; box-shadow: 0 0px 1px 3px rgba(0, 0, 0, 0.04);} .hot-news-1 .news-left b{color:#014099;height:40px;line-height:40px;display:block;width:100%;font-size:28px;padding} .hot-news-1 .news-left em{height:20px;line-height:20px;color:#000;display:block;width:100%;} .hot-news-1 .news-right{flex:1;padding:0px 10px 0px 15px} .hot-news-1 .news-right span{height:74px;} .hot-news-1 .news-right span em{height:74px;font-size:16px} /*===media响应1200===*/ @media (max-width:1200px) { .banner-num1 article{padding:15px 20px;} .banner-num1 h4{font-size:16px;line-height:26px;} } /*===media响应992===*/ @media (max-width:992px) { .banner-num1 article{padding:10px 15px;} .banner-num1 h4{font-size:14px;line-height:22px;} } /*===media响应768 要放在最后===*/ @media (max-width:768px) { .headline ul li em{display:none} /****滚动大图wap新样式****/ .banner-num1 img{} .banner-num1{padding-bottom:75px} .banner-num1 article {bottom:-46px;right:0px;left:0px; position: absolute;display: block;width:100%;z-index:0;padding:0px 0px;background-color:rgba(0,0,0,0.8);border-radius:0px;border-bottom:4px #ffc425 solid;} .banner-num1 h4 {font-weight:normal;color:#FFF;font-size:14px;line-height:42px;height:42px;z-index:2;width:80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;text-align:center;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0px !important } .swiper-pagination-bullet { width:10px !important;height:10px !important;background: #122c4c !important; opacity: 1.0 !important; } .swiper-pagination-bullet-active { background: #ffc425!important } } /*===media响应480===*/ @media (max-width:480px) { }