.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;margin-top:80px;} .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;} /***num3***/ .banner-num3{width:100%;height:325px;} .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:40%;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:40%;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:#c3422a;} .banner-num3 .swiper-button-next:hover{color:#FFF;background:#c3422a;} .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.2);} .banner-num3 .swiper-pagination-bullet-active{background-color:#c3422a;} .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;background:#FFF;} .swiper-list-3 a span{position:absolute;bottom:0px;left:0px;background:#FFF;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;} /***num4***/ .banner-num4{width:88%;height:240px;float:left;} .layer-num4{position:relative;height:240px;float:right;width:12%;} .layer-num4 .swiper-button-prev,.layer-num4 .swiper-button-next{ display: block; height:40px;line-height:40px;width:40px;} .layer-num4:hover .swiper-button-prev,.layer-num4:hover .swiper-button-next { display: block;} .layer-num4 .swiper-button-next.swiper-button-disabled,.layer-num4 .swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none;} .layer-num4 .swiper-button-prev,.layer-num4 .swiper-container-rtl .swiper-button-next {right:40px;left:auto;position:absolute;top:50%;text-align:center;color:#FFF;border-radius:50%;} .layer-num4 .swiper-button-next,.layer-num4 .swiper-container-rtl .swiper-button-prev {right:10px;left:auto;position:absolute;top:50%;text-align:center;color:#FFF;border-radius:50%;} .layer-num4 .swiper-button-prev:after,.layer-num4 .swiper-button-next:after{font-size:20px !important;height:40px;line-height:40px;}/***左右箭头大小***/ .layer-num4.swiper-pagination-bullets .swiper-pagination-bullet{display:---none;} .layer-num4 .swiper-button-prev:hover{color:#FFF;background:#845a25;border-radius:50%;transition:all 0.3s ease-out;} .layer-num4 .swiper-button-next:hover{color:#FFF;background:#845a25;border-radius:50%;transition:all 0.3s ease-out;} .layer-num4 .swiper-button-prev{display:block;} .layer-num4 .swiper-button-next{display:block;} /***圆点***/ .layer-num4 .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:rgba(0,0,0,0.2);} .layer-num4 .swiper-pagination-bullet-active{background-color:#c3422a;} .banner-num4 .swiper-pagination{width:60px;bottom:5px;top:auto;right:0;left:auto;position:absolute;display:block;z-index:999;color:#FFF;font-size:12px;} .banner-num4 .swiper-pagination-current{font-size:16px;} .swiper-list-4{padding-top:15px;} .swiper-list-4 img{width:100%;} .swiper-list-4 .swiper-slide{position:relative;height:185px;overflow:hidden;background:#FFF;} .swiper-list-4 a span{position:absolute;bottom:0px;left:0px;background:#FFF;height:38px;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-4 a:hover span{background:#fffaec;} .swiper-list-4 span b{line-height:38px;height:38px;overflow:hidden;text-align:center; font-weight:normal;font-size:16px;display:block ;} .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;} .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;} .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) { }