/* 测试是否一致 */ /* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/0.png) !important;} */ .header.currents{transition: height ease-in-out .1s;-ms-transition: height ease-in-out .2s;-moz-transition: height ease-in-out .2s;-webkit-transition: height ease-in-out .2s;-o-transition: height ease-in-out .2s;} .container{z-index: 3;} .Banner{overflow: hidden;transition: height .7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 1;position: relative;} .container2{overflow: hidden;position: fixed;left: 0;right: 0;top: 100%;bottom: 0;transition: top .7s cubic-bezier(0.5,0,0.2,1) 0s;z-index: 2;background: #fff;overflow-x: hidden !important;} .container2.auto{overflow: auto;top: 20px;} .Banner{position: relative;} /* .slick-slider.slick-slide.slick-current.slick-active{position: relative;z-index: 0!important;} */ /* .slick-slider.slick-slide{position: relative;z-index: 0!important;} */ .slick-images .slick-slider{} .slick-images .slick-slider a{display: block;position: relative;} .slick-images .slick-slider a span{padding-bottom: 29.84%;} .slick-images .slick-slider a span img{} .slick-images .slick-slider a .info{position: absolute;bottom: 19%;width: 100%;} .slick-images .slick-slider a .info div{position: relative;padding-left: 30px;box-sizing: border-box;} .slick-images .slick-slider a .info div::before{content: "";display: block;width: 3px;height: 95px;background: #fff;position: absolute;top: 0;left: 0;} .slick-images .slick-slider a .info h3{color: #fff;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:1} .slick-images .slick-arrow{width: 50px;height: 50px;color: #fff;line-height: 50px;text-align: center;position: absolute;border:none;top: 50%;margin-top: -25px;z-index: 88;cursor: pointer;transition: all 0.35s ease-in-out;overflow: hidden;font-size: 35px;background: rgba(0,0,0,0.5);box-sizing: border-box;border-radius: 50%;} .slick-images .slick-arrow:before{position: relative;z-index: 10;font-size: 16px;font-weight: bold;height: 40px;line-height: 40px;left: 0px;top: -5px;font-size: 24px;color: #c0c1c6;} .slick-images .slick-arrow:hover{background-color: #94070a;color: transparent;} .slick-images .slick-prev{left: 50%;margin-left: -700px;} .slick-images .slick-next{right: 50%;margin-right: -700px;} .slick-images .slick-next:after{left: -50px;} .slick_menu{position: absolute;bottom: 14%;width: 100%;} .Banner .slick-dots{z-index: 1;padding-top: 12px;position: absolute;display: inline-block!important;border-top: 1px solid rgba(255,255,255,0.3);margin-left: 30px;} .Banner .slick-dots li{width: 8px;height: 8px;position: relative;margin:0 12px;display: inline-block;*display: inline;*zoom: 1;background-color: #fff;border-radius: 50%;vertical-align: middle;transition: all 0.35s ease-out;color: #fff;cursor: pointer;} .Banner .slick-dots li:first-child{margin-left: 0;} .Banner .slick-dots li:last-child{margin-right: 0;} .Banner .slick-dots li button{display: none;} .Banner .slick-dots li.slick-active,.slick-dots li:hover{border: 2px solid #94070a;} .title{} .title h3{color: #222;display: inline-block;line-height: 1.07;/* vertical-align: middle; */} .title h4{color: #e5e5e5;display: inline-block;padding-left:18px;/* border-right: 1px solid #d6d6d6; */line-height: 0.9375;vertical-align: middle;} .title span.more{color: #999;display: inline-block;height: 100%;margin-left: 30px;border-left: 1px solid #d6d6d6;padding: 13px 0 0 20px;vertical-align: middle;} .title span.more:hover{color: #94070a;} .mode1{background: #f5f3f0;padding: 68px 0 50px;} .slick-images1{width: 868px;float: left;position: relative;margin-top: 24px;} .slick-images1::before{content: "";display: block;width: 42%;height: 53px;background: url(../images/slick_bg.png);background-size: cover;position: absolute;right: 40px;top: -53px;} .slick-images1 .slick-slider{position: relative;} .slick-images1 .slick-slider::before{content: "";display: block;width: 100%;height: 25%;background: url(../images/gradient.png);position: absolute;left: 0;bottom: 0;} .slick-images1 .slick-slider a>span{padding-bottom: 66.71%;} .slick-images1 .slick-dots{z-index: 1;position: absolute;display: inline-block!important;right: 40px;bottom: 30px;} .slick-images1 .slick-dots li{width: 8px;height: 8px;position: relative;margin:0 10px;display: inline-block;*display: inline;*zoom: 1;background-color: #fff;border-radius: 50%;vertical-align: middle;transition: all 0.35s ease-out;color: #fff;cursor: pointer;} .slick-images1 .slick-dots li:first-child{margin-left: 0;} .slick-images1 .slick-dots li:last-child{margin-right: 0;} .slick-images1 .slick-dots li button{display: none;} .slick-images1 .slick-dots li.slick-active,.slick-dots li:hover{border: 2px solid #94070a;} .slick-images1 .slick-txt{position: absolute;bottom: 22px;left: 40px;width: calc(100% - 150px);} .slick-images1 .slick-txt span{line-height: 2;color: #fff;opacity: 0.6;filter: alpha(opacity=60);} .slick-images1 .slick-txt h3{color: #fff;line-height: 30px;height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* .slick-images1 .slick-slider .slick-txt:hover h3{color: #94070a;} */ .mode1_rt{margin-top: -35px;margin-left: 868px;} .mode1_rt li{background: #fff;margin-bottom: 10px;overflow: hidden;padding: 18px 33px;} .mode1_rt li span{float: left;background: url(../images/sj.png) no-repeat;width: 51px;height: 62px;line-height: 20px;text-align: center;padding: 10px 0;box-sizing: border-box;} .mode1_rt li span i{font-style: normal;color: #999999;display: block;} .mode1_rt li span b{color: #94070a;display: block;} .mode1_rt li h3{margin-left: 67px;line-height: 22px;height: 44px;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;font-weight: normal;} .mode1_rt li h3 a{color: #222;} .mode1_rt li:hover h3 a{color: #94070a;} .mode2{padding-top: 50px;/* padding-bottom: 70px; */} /* .slick-images2{margin: 0 -23px;margin-top: 12px;} .slick-images2 .slick-slider a {display: block;margin: 0 23px;} .slick-images2 .slick-slider .scroll_left { width: 250px; height: 350px; float: left; margin:15px 0 0 0; } .slick-images2 .slick-slider .scroll_left span{padding-bottom: 140%;box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 0.24);} .slick-images2 .slick-slider .scroll_right {position:relative;height:294px;margin:0 0 0 250px;padding: 70px 24px 0 23px;border-bottom: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;} .slick-images2 .slick-slider .scroll_right:before{ content: ''; position: absolute; left:0px; top:0px; width: 50px; height:40px; background:url(../images/lou_03.png) no-repeat left top;} .slick-images2 .slick-slider .scroll_right:after{ content: ''; position: absolute; right:0px; bottom:0px; width: 84px; height:23px; background:url(../images/lou_btm_03.png) no-repeat left top;} .slick-images2 .slick-slider .scroll_right h3 { font-size: 18px; color:#222222; } .slick-images2 .slick-slider .scroll_right p {margin: 10px 0 21px 0;font-size: 14px;color:#444444;line-height: 20px;height:40px;overflow: hidden;} .slick-images2 .slick-slider .scroll_right span {font-size: 12px;color: #999999;line-height: 18px;height:108px;overflow: hidden;text-overflow: ellipsis;display: block;} */ .scroll_con { font-size: 12px; color: #999999; line-height: 18px; height:108px; overflow: hidden;} .scroll {position: relative; z-index: 99; width: 1400px; margin:0 auto;;} .scroll_left {box-shadow: 0px 8px 28px 0px rgba(0, 0, 0, 0.24);width: 250px;height: 350px;float: left;margin: 13px 0 0 0;} .scrollIn { text-decoration: none; margin:0 24px;} .scrollIn a { text-decoration: none;display: block;position: relative;} .scroll_right {position:relative;height:294px;margin: 0px 0 0 250px;padding: 0px 20px 0 20px;border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;top: 70px;} .scroll_right:before{content: '';position: absolute;left:0px;top: -70px;width: 50px;height:40px;background:url(../images/lou_03.png) no-repeat left top;} .scroll_right:after{ content: ''; position: absolute; right:0px; bottom:0px; width: 84px; height:23px; background:url(../images/lou_btm_03.png) no-repeat left top;} .scroll_right h3 { font-size: 18px; color:#222222; } .scroll_sm {margin:10px 0 25px 0; font-size: 14px; color:#444444; line-height: 20px; height:40px; overflow: hidden;} .scrollBox {overflow: hidden;margin-top: 12px;} .scrollBox #box {width:800%;} .scrollBox #left,.scrollBox #right {float:left;} .scrollBox ul li {width:480px;float:left;text-decoration: none;list-style: none;padding-bottom: 70px;} .scrollBox ul li:hover h3{color: #94070a;} .scrollBox ul li img:hover{transform:scale(1.03);opacity: 0.85;} .mode3{padding-bottom: 50px;} .articleListTitle{ line-height: 62px;margin-bottom: 14px;overflow: hidden;} .articleListTitle ol{position: relative;overflow: hidden;/* width: 100%; */display: inline-block;vertical-align: middle;} .articleListTitle ol li { float: left; } .articleListTitle .title{line-height: 30px;padding: 12px 40px;border: 1px solid #eeeeee;background: #eeeeee;} .articleListTitle .title h3{font-weight:normal;color: #757575;display: inline-block;} .articleListTitle .title span{color: #fff;vertical-align: middle;text-transform: uppercase; } .articleListTitle .more{display: none; position: absolute; right: 0px; top: 50%; font-size: 14px;color: #999;line-height: 1;padding: 13px 0 0 12px;margin-top: -13px;} .articleListTitle .more::before{content: '';display: block;width: 1px;height: 26px;background: #d6d6d6;position: absolute;left: 0;top: 50%;margin-top: -13px;} .articleListTitle .more span{font-size: 16px;} .articleListTitle ol li.current { } .articleListTitle ol li.current .more { display: block; } .articleListTitle ol li.current .title{background: #ffff;} .articleListTitle ol li.current .title h3{ font-weight: bold;color: #222; } .articleListTitle ol li.current .title span{color: #e5e5e5; } .tabMore1{display: inline-block;vertical-align: middle;margin-left: 30px;} .tabMore1 a{display: none;color: #999;position: relative;padding-left: 12px;} .tabMore1 a::before{content: '';display: block;width: 1px;height: 26px;background: #d6d6d6;position: absolute;left: 0;top: 50%;margin-top: -13px;} .tabMore1 a:hover{color: #94070a;} .articleList02 ul{box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 10%);overflow: hidden;} .articleList02 li{width: 25%;float: left;padding-top: 7px;} .articleList02 li a{display: block;overflow: hidden;border-left: 1px solid #eee;padding-right: 40px;padding-bottom: 58px;} .articleList02 li a span{width: 95px;height: 113px;background: url(../images/time_bg.png) no-repeat;background-size: cover;display: block;float: left;color: #94070a;text-align: right;padding: 14px 20px 0 0;box-sizing: border-box;/* margin-left: 0px; */} .articleList02 li a b{display: block;} .articleList02 li a i{display: block;font-style: normal;font-size: 12px;} .articleList02 li a .info{margin-left: 115px;margin-top: 18px;} .articleList02 li a .info h3{line-height: 22px;color: #222;height: 66px;overflow: hidden;margin-bottom: 11px;font-weight: normal;} .articleList02 li a .info p{font-size: 12px;line-height: 18px;color: #999;height: 36px;overflow: hidden;text-overflow: ellipsis;} .articleList02 li:hover a .info h3{color: #94070a;font-weight: bold;} .mode4{margin-top: 36px;background: url(../images/bg_03.png) no-repeat right bottom;} .zy_left_title {width: 100%;height: 51px;background: url(../images/title_03.jpg) no-repeat} .zy_left {width: 462px;float: left;margin-top: 7px;} .sIn {width: 100%;position: relative;padding: 15px 0;display: block;} .sIn span {position: relative;padding-bottom: initial;background: none;height: 259px;overflow: hidden;} .sIn1 span {position: relative;padding-bottom: initial;background: none;height: 511px;overflow: hidden;} .sIn span img {width: 100%;height: 100%;} .sIn1 span img {width: 100%;height: 100%;} .sinfont {margin: 0 70px;position: absolute;left: 0px;top: 0px;display: table;height: 100%;z-index: 99;} .sinfontIn {display: table-cell;vertical-align: middle;} .sinfontIn h4 {font-size: 18px;color: #ffffff;text-shadow: 1px 1px 1px #000;} .sinfont_con {text-shadow: 1px 1px 1px #000;color: #fff;line-height: 18px;height: 36px;overflow: hidden;} .scrollbox {padding: 0 0 50px 0;} #scrollDiv {height: 552px;overflow: hidden;} .scrollbox ul {padding: 0px;margin: 0px;} .scrollbox li {list-style: none;margin: 0 0 30px 0;} .scroltit {margin: 15px 0 0 0;} .scroltit span {cursor: pointer;transition: all 0.35s ease-out;} #but_up {display: inline-block;border-radius: 50%;width: 44px;height: 44px;position: relative;background: rgba(0, 0, 0, 0.3)} #but_up:before {transform: rotate(90deg);content: '';position: absolute;left: 50%;top: 50%;margin: -6px 0 0 -4px;width: 8px;height: 13px;background: url(../images/left.png) no-repeat;} #but_down {margin: 0 0 0 20px;display: inline-block;border-radius: 50%;width: 44px;height: 44px;position: relative;background: rgba(0, 0, 0, 0.3)} #but_down:before {transform: rotate(90deg);content: '';position: absolute;left: 50%;top: 50%;margin: -6px 0 0 -4px;width: 8px;height: 13px;background: url(../images/right.png) no-repeat;} #but_up:hover, #but_down:hover {background: #91070a} .zy_right {margin-left: 492px;margin-top: -27px;} .sinfont1 {margin: 0 160px 0 160px;padding: 0 0 0 22px;position: relative} .sinfont1:before {content: '';position: absolute;width: 3px;height: 160px;background: #94070a;bottom: 0px;left: 0px;} .sinfontIn1 h4 {font-size: 18px;color: #222222;margin: 26px 0 14px 0;} .sinfont_con1 {font-size: 12px;color: #999999;line-height: 18px;height: 36px;overflow: hidden;} .swiper-wrapper2 {height: 580px;overflow: hidden;} .sIn1 img,.sIn img{transition: all 0.3s ease-in-out;} .sIn1 img:hover,.sIn:hover img{transform: scale(1.02);} /* .sinfont_con1:hover,.sIn:hover h4{color: #94070a;} */ .header.currents { /* height: 60px; */ position: fixed; /* top: 0px; */ background: #94070a; /* padding: 0; */ } /* .header.currents .top_link{ margin: 0 auto; } .header.currents .logo { display: none; } .header.currents .top_link>div{ display: none; } .header.currents .nav { height: 60px; margin: 0 auto; } .header.currents .nav ul { height: 60px; } .header.currents .nav>ul > li > a{padding: 15px 0;} .header.currents .second_nav1 {top: 60px;} */ @media screen and (max-width:1480px){ .zy_left{width: 442px;} .zy_right{margin-left: 472px;} .sinfont1{margin: 0 140px;} .sIn span {height: 248px;} .sIn1 span {height: 500px;} } @media screen and (max-width:1240px){ .slick-images .slick-slider a .info{padding-left: 40px;box-sizing: border-box;} .Banner .slick-dots{padding-top: 6px;} .slick-images1{width: 750px;} .mode1_rt{margin-left: 750px;} .mode1_rt li{padding: 11px 25px;} .sinfont1{margin: 0 120px;} } @media screen and (max-width:1200px) { .zy_left{width: 400px;} .zy_right{margin-left: 425px;margin-top: 0;} } @media screen and (max-width:1080px) { .slick-images .slick-slider a .info div::before{height: 80px;} } @media screen and (max-width:996px){ .slick-images .slick-slider a .info{display: none;} .Banner .slick-dots{left: 50%;transform: translateX(-50%);margin-left: 0;border-top: none;bottom: -8px;} .Banner .slick-dots li{margin: 0 6px;} .slick-images1{width: 100%;float: none;} .mode1_rt{margin-left: 0px;margin-top: 20px;} .articleList02 li{width: 50%;} .zy_left{width: 100%;float: none;} .swiper-wrapper2{height: auto;} .zy_right{display: none;} .sIn span {height: 450px;} .container2{position: static;} .scrollBox ul li{width: 400px;} .scroll_left{width: 200px;height: 280px;box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1) ;} .scroll_right{margin-left: 200px;height: 223px;padding: 0 15px;} .scrollIn{margin: 0 10px;} } @media screen and (max-width:768px) { .slick-images1 .slick-txt{display: none;} .slick-images1 .slick-dots{bottom: 15px;} .articleList02 li{width: 100%;} .articleList02 li a .info h3{height: auto;max-height: 66px;} .articleList02 li a{padding: 0 20px 20px 0;} .title h4{display: none;} .title span.more{margin-left: 15px;padding: 10px 0 0 10px;} .articleListTitle .title span{display: none;} .articleListTitle .title{padding: 6px 20px;} .mode1{padding: 20px 0;} .mode1_rt{margin-top: 10px;} .slick-images1::before{width: 50%;height: 28px;top: -30px;} .scrollBox ul li{padding-bottom: 20px;} .mode3{padding-bottom: 10px;} .mode4{margin-top: 10px;} .zy_left{margin-top: 0;} .scrollIn{margin: 0 10px;} .sinfont{margin: 0 35px;} .sIn span {height: 35vh;} .scrollBox ul li{width: 300px;} .scroll_left{width: 150px;height: 210px;overflow: hidden;} .scroll_right{margin-left: 150px;height: 153px;} } @media screen and (max-width:560px) { .scroll_right:before{display: none;} .scrollBox ul li{width: 200px;} .scroll_left{width: 100%;float: none;height: 250px;} .scroll_left span img{display: block;} .scroll_right{margin-left: 0px;position: relative;height: auto;top: 15px;} .scroll_con{display: none;} } @media screen and (max-width:480px) { .scrollBox ul li{width: 164px;} .scroll_left{height: 200px;} } @media screen and (max-width:400px) { .scrollBox ul li{width: 128px;} .scroll_left{height: 150px;} }