@charset "utf-8"; .main-banner{padding-left:6%;padding-right:15%} .main-banner:after{content:'';position:absolute;right:0;top:0;width:15%;height:79%;background:url(../pic/babg.png) #c84527 no-repeat bottom center;background-size:100% auto} .ctit span img{height:49px} .ctit a:before{position:absolute;width:58px;height:58px;border-radius:50%;background:#ececec;content:'';left:-42px;top:50%;transform:translateY(-50%);z-index:0} .ctit a:after{position:absolute;width:14px;height:4px;background:#111;content:'';left:-20px;top:50%;transform:translateY(-50%);z-index:0} .ctit a em{position:relative;z-index:5} .ctit a:hover:after{background:#c84527} .homea{padding:125px 0 60px} .homea .wp{background:#fff} .homea .wp .aleft{width:45%;padding:50px 3% 30px} .homea .wp .slidenews{width:55%} .homea .slidenews .pic{height:100%} .homea .slidenews .slide p{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);padding:0 200px 0 4%;color:#fff;z-index:5;line-height:60px;font-size:18px} .homea .slidenews .slide p span{right:4%;top:0;position:absolute;font-size:14px} .homea .slidenews .slide p a{color:#fff} .homea .slideb-prev img{height:35px;width:20px} .homea .slideb-next img{height:35px;width:20px} .homea .slidenews .slide a.mark:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background:url(../pic/emask.png) no-repeat center;background-size:100% 100%} .homea .wp .aleft .ctit{margin-bottom:20px} .homea .wp .aleft ul li{padding:22px 0;border-bottom:1px dashed #ddd;padding-right:160px;position:relative;font-size:18px} .homea .wp .aleft ul li:hover a,.homea .wp .aleft ul li:hover time{color:#c84527} .homea .wp .aleft ul li:last-child{border-bottom:0} .homea .wp .aleft ul li time{position:absolute;right:0;top:0;padding:24px 0;font-size:14px;color:grey} .ctit1{margin-bottom:30px} .ctit1 i{font-size:40px;line-height:58px} .ctit1 i:first-child{border:1px solid #de9e92;border-radius:10px 0 0 10px;display:block;border-right:0;padding:0 5px 0 15px} .ctit1 i:last-child{border:1px solid #de9e92;border-radius:0 10px 10px 0;display:block;background:url(../pic/titbg.png) #c2422a no-repeat right bottom;padding:0 15px 0 5px;color:#fff} .homeb{padding-bottom:125px} .homeb .aleft{width:49%} .homeb .aright{width:49%} .homeb .aleft .tzgg{background:url(../pic/tzbg.jpg) no-repeat center;background-size:100% 100%;padding:10px 6%;height:440px} .homeb .aleft .tzgg li{padding:18px 0;display:flex;justify-content:space-between;flex-wrap:wrap;color:#fff} .homeb .aleft .tzgg li .time{width:70px} .homeb .aleft .tzgg li .time time{color:#e1b6b1;border:1px solid #c88b80;border-radius:5px;text-align:center;display:flex;flex-direction:column;justify-content:center;height:70px;transition:.3s} .homeb .aleft .tzgg li .time time span{font-size:30px;display:block;color:#fff} .homeb .aleft .tzgg li .info{width:calc(100% - 90px)} .homeb .aleft .tzgg li .info h4{margin-bottom:15px} .homeb .aleft .tzgg li .info h4 a{font-size:22px;color:#fff;line-height:1.3em} .homeb .aleft .tzgg li .info p{color:#e1b6b1;transition:.3s;max-height: 40px\0} .homeb .aright .pic{height:440px;width:38%} .homeb .aright .titlin_b:hover a{color:#c84527} .homeb .aright .info{width:calc(62% - 3px);background:url(../pic/hdbg.jpg) no-repeat center;background-size:100% 100%;padding:50px 6% 0;margin-left:3px} .homeb .aright .info h4{font-size:24px;margin-bottom:15px;line-height:1.4em;max-height: 66px\0} .homeb .aright .info p{line-height:1.8em;margin-top:25px;color:#666;max-height: 112px\0} .homeb .aright .swiper-button-next{width:46px;height:42px;background:#989898;right:auto;top:auto;margin-top:0;bottom:15%;left:calc(45% + 46px);transition:.3s;background:url(../pic/ar1.svg) no-repeat center;background-size:22px 22px;border:1px solid #ddd;border-left:0;border-radius:0 5px 5px 0} .homeb .aright .swiper-button-next:before{content:'';position:absolute;left:0;top:13px;height:16px;width:1px;background:#ddd} .homeb .aright .swiper-button-prev{width:46px;height:42px;background:url(../pic/al1.svg) no-repeat center;background-size:22px 22px;left:45%;top:auto;margin-top:0;bottom:15%;transition:.3s;border:1px solid #ddd;border-right:0;border-radius:5px 0 0 5px} .homeb .aright .swiper-button-next:hover{background:url(../pic/ar.svg) no-repeat center;background-size:22px 22px} .homeb .aright .swiper-button-prev:hover{background:url(../pic/al.svg) no-repeat center;background-size:22px 22px} .homec{height:760px;margin-bottom:135px;background: #c03f25} .homec .cleft{width:55%} .homec .cright{width:45%;background:url(../pic/yrbg.jpg) no-repeat center;background-size:cover;padding-right:7.3%;} .homec .cleft span{height:760px;background-position:center;background-size:cover;background-repeat:no-repeat;display:block} .homec .cright .item1{color:#fff;padding:20px 30% 20px 12%;height:50%;background:rgba(0,0,0,.05);width:100%;border-right:1px solid #cc644f} .homec .cright .item1 p{margin-bottom:50px;margin-top:20px;line-height:1.8em} .homec .cright .item1 span img{height:49px} .homec .cright .item1 a{margin-left:42px} .homec .cright .item1 a:before{position:absolute;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.2);content:'';left:-42px;top:50%;transform:translateY(-50%);z-index:0} .homec .cright .item1 a:after{position:absolute;width:14px;height:4px;background:#fff;content:'';left:-20px;top:50%;transform:translateY(-50%);z-index:0} .homec .cright .item1 a em{position:relative;z-index:5;color:#fff} .homec .cright .item2{color:#fff;padding:0;height:50%;background:#7884ef;width:44%;padding:30px} .homec .cright .item3{color:#fff;padding:0;background:url(../pic/i2bg.jpg) no-repeat center;background-size:100% 100%;width:56%;height:276px;position:relative;bottom:15%;border-left:1px solid #fff;border-bottom:1px solid #fff;padding:30px} .homec .cright .item4{color:#fff;padding:0;height:50%;background:url(../pic/i4bg.jpg) no-repeat center;background-size:100% 100%;width:36.79%;position:absolute;border-left:1px solid #fff;left:36.79%;top:542px;padding:30px} .homec .cright .item h4.syst{font-size:34px;margin-top:5px;margin-bottom:30px} .homec .cright .item span.syst{font-size:18px;opacity:.5;text-transform:uppercase} .homec .cright .item .pic{height:calc(100% - 120px);width:100%} .homec .cright .item .alink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 2} .homec .cright .item:hover .pic img{animation:up 2s linear infinite;} .homed{padding-bottom:135px;background:url(../pic/cc.png) no-repeat left bottom} .homed .ctit{margin-bottom:30px} .homed .ctit a{position:relative;top:150%;right:100%} .homed .desc{max-width:560px;line-height:1.8em;margin-bottom:50px} .homed .homed-slide .slog{color:#fff;font-size:19px;position:absolute;left:-60px;top:22px;z-index:5;padding:3px 60px 6px;transform:rotate(-45deg);font-family:SourceHanSerifCN-Bold!important} .homed .homed-slide{height:445px;padding-bottom:10px} .homed .homed-slide .swiper-slide:nth-child(1) .slog{background:#7884ef} .homed .homed-slide .swiper-slide:nth-child(2) .slog{background:#e67459} .homed .homed-slide .swiper-slide:nth-child(3) .slog{background:#a96ed6} .homed .homed-slide .swiper-slide:nth-child(4) .slog{background:#7884ef} .homed .homed-slide .swiper-slide:nth-child(5) .slog{background:#e67459} .homed .homed-slide .swiper-slide:nth-child(6) .slog{background:#a96ed6} .homed .homed-slide .swiper-slide:nth-child(7) .slog{background:#7884ef} .homed .homed-slide .swiper-slide:nth-child(8) .slog{background:#e67459} .homed .homed-slide .swiper-slide:nth-child(9) .slog{background:#a96ed6} .homed .homed-slide .swiper-slide .item{overflow:hidden} .homed .homed-slide .swiper-slide .pic{height:335px} .homed .homed-slide .swiper-slide p{position:absolute;background:url(../pic/homedma.png) no-repeat bottom center;background-size:100% 100%;left:0;bottom:0;right:0;color:#fff;padding:50px 5% 20px;font-size:18px;text-align:center;opacity:0;visibility:hidden} .homed .homed-slide .swiper-slide-active .pic{height:435px} .homed .homed-slide .swiper-slide-active p{opacity:1;visibility:inherit} .homed .homed-slide .swiper-button-next{width:130px;height:130px;background:#2e2e2e;top:auto;margin-top:0;bottom:10px;right:calc(((100% - 70px)/ 3) - 130px);transition:.3s;border-radius:0 0 20px 0;box-shadow:0 0 10px rgba(0,0,0,.2)} .homed .homed-slide .swiper-button-prev{width:130px;height:130px;background:#2e2e2e;left:calc(((100% - 70px)/ 3) - 130px);top:auto;margin-top:0;bottom:10px;transition:.3s;border-radius:20px 0 0 0;box-shadow:0 0 10px rgba(0,0,0,.2)} .homed .homed-slide .swiper-button-next:hover{background:#f19072} .homed .homed-slide .swiper-button-prev:hover{background:#f19072} .homed .homed-slide .swiper-button-next img{height: 30px} .homed .homed-slide .swiper-button-prev img{height: 30px} @media screen and (max-width:1279px){.main-banner{padding-left:0;padding-right:10%} .in-banner .swiper-slide{height:360px;min-height:inherit} .main-banner .swiper-button-next{width:40px;height:40px;background-size:28px 28px;right:3%} .main-banner .swiper-button-prev{width:40px;height:40px;background-size:28px 28px;left:auto;right:calc(3% + 65px)} .main-banner .swiper-button-next:hover{background-size:28px 28px} .main-banner .swiper-button-prev:hover{background-size:28px 28px} .homea{padding:65px 0 60px} .homea .wp .aleft{width:100%;padding:40px 3% 30px} .homea .wp .slidenews{width:100%} .homea .slidenews .pic{height:400px} .homea .wp .aleft ul li{font-size:16px;padding:18px 0;padding-right:160px} .homea .slidenews .slide p{font-size:16px} .ctit span img{height:39px} .ctit a:before{width:48px;height:48px;left:-32px} .homeb .aleft{width:100%;margin-bottom:40px} .homeb .aright{width:100%} .ctit1 i{font-size:28px;line-height:48px} .homeb .aleft .tzgg{padding:30px 5%;height:auto} .homeb .aleft .tzgg li .info h4 a{font-size:18px} .homeb .aleft .tzgg li .info p{font-size:15px} .homeb .aright .pic{height:380px;width:38%} .homeb .aright .info{width:calc(62% - 3px);padding:30px 5% 0} .homeb .aright .info h4{font-size:20px;margin-bottom:10px} .homeb .aright .info time{font-size:15px} .homeb .aright .info p{font-size:15px} .homeb{padding-bottom:85px} .homec{height:auto;margin-bottom:85px} .homec .cleft{width:100%} .homec .cright{width:100%;padding:30px 5%;} .homec .cleft span{height:460px} .homec .cright .item1{padding:30px 5%;height:auto;border-right:none} .homec .cright .item1 span img{height:39px} .homec .cright .item1 a:before{width:48px;height:48px;left:-32px} .homec .cright .item2{height:auto;width:100%;padding:30px 5%} .homec .cright .item3{width:100%;height:auto;bottom:0;border-left:none;border-bottom:none;padding:30px 5%} .homec .cright .item4{height:auto;width:100%;position:relative;border-left:none;left:0;top:0;padding:30px 5%;background-size:cover} .homec .cright .item h4.syst{font-size:28px} .homec .cright .item span.syst{font-size:16px} .homec .cright .item .pic{height:auto;width:auto} .homec .cright .item .pic img{height:90px} .homec .cright .item .hdtit{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center} .homed .ctit a{position:relative;top:0;right:0} .homed .homed-slide{height:325px} .homed .homed-slide .swiper-slide .pic{height:265px} .homed .homed-slide .swiper-slide p{padding:50px 5% 20px;font-size:16px} .homed .homed-slide .swiper-slide-active .pic{height:325px} .homed .homed-slide .swiper-button-next{width:80px;height:80px;right:10%;box-shadow:none;bottom:0} .homed .homed-slide .swiper-button-prev{width:80px;height:80px;left:10%;box-shadow:none;bottom:0} .homed{padding-bottom:85px} } @media screen and (max-width:767px){.in-banner .swiper-slide{height:220px;min-height:inherit} .main-banner .swiper-button-next{right:15%} .main-banner .swiper-button-prev{right:calc(15% + 45px)} .homea .wp .aleft ul li time{display:none} .homea .wp .aleft ul li{font-size:15px;padding:16px 0;padding-right:0} .homea .slidenews .pic{height:240px} .homea{padding: 25px 0 30px;} .homea .slidenews .slide p{padding-right:4%;font-size:15px;line-height:45px} .homea .slidenews .slide p span{display:none} .homea .wp .aleft{width:100%;padding: 30px 5% 20px;} .ctit span img{height: 26px;} .ctit a:before{width:30px;height:30px;left:-26px} .ctit1 i{font-size: 22px;line-height:36px;} .homeb .aleft .tzgg{padding:20px 5%;height:auto} .homeb .aleft .tzgg li .info h4 a{font-size:16px} .homeb .aleft .tzgg li .info p{font-size:14px} .homeb .aleft .tzgg li{padding:15px 0} .homeb .aleft .tzgg li .time{width:60px} .homeb .aleft .tzgg li .time time{height:60px} .homeb .aleft .tzgg li .time time span{font-size:24px;display:block;color:#fff} .homeb .aleft .tzgg li .info{width:calc(100% - 70px)} .homeb .aleft .tzgg li .info h4{margin-bottom:10px} .homeb .aright .pic{height:auto;width:100%;padding:20px 20px 0;background:#fff} .homeb .aright .pic a{background:0 0!important} .homeb .aright .pic img{display:block;width:100%} .homeb .aright .info{width:100%;padding:20px 5%;margin-left:0} .homeb .aright .info h4{font-size:18px;margin-bottom:10px} .homeb .aright .slidehd{padding-bottom:60px} .homeb .aright .swiper-button-next{bottom:0;left:50%} .homeb .aright .swiper-button-prev{left:calc(50% - 46px);bottom:0} .homeb{padding-bottom:25px} .homec .cleft span{height:300px} .homec .cright .item1 span img{height:32px} .homec .cright .item1 a:before{width:40px;height:40px;left:-26px} .homec .cright .item1 a{margin-left:28px} .homec .cright .item1 p{margin-bottom:10px;margin-top:10px;font-size:15px} .homec{height:auto;margin-bottom:35px} .homed .desc{font-size:15px; padding:0 5%;margin-bottom:30px;} .homed .homed-slide{height:auto;padding-bottom:0} .homed .homed-slide .swiper-slide .pic{height:285px} .homed .homed-slide .swiper-slide p{font-size:18px} .homed .homed-slide .swiper-slide-active .pic{height:285px} .homed .homed-slide .swiper-button-next{width:30px;height:30px; top:50%;right:3%; background:none;} .homed .homed-slide .swiper-button-prev{width:30px;height:30px; top:50%;left:3%; background:none;} .homed{padding-bottom:35px;background-size:100% auto} .homed .homed-slide .swiper-button-next img{height:20px} .homed .homed-slide .swiper-button-prev img{height:20px} .ctit1{width:100%; padding:0 5%; margin-bottom: 25px;} .ctit1 i:first-child{border-radius: 6px 0 0 6px; padding: 0 5px 0 10px;} .ctit1 i:last-child{border-radius: 0 6px 6px 0; padding: 0 10px 0 5px;} .homea .slideb-next img{height:25px;} .homeb .aright .info p{margin-top:10px;} .syst{font-family:"微软雅黑"!important} .homeb .aright .info p{color:#33;} .homeb .aright .swiper-button-next,.homeb .aright .swiper-button-prev{border:1px solid #a9a9a9;} .homeb .aright .swiper-button-next:before{background:#a9a9a9;} .homed .ctit{padding:0 5%;margin-bottom: 15px;} .homed .homed-slide .swiper-slide p{padding:20px 5%; display:none;} .homed .homed-slide .swiper-button-prev:hover,.homed .homed-slide .swiper-button-next:hover{background:none;} footlogo{display:none;} } @media screen and (max-width:480px){.homec .cright .item h4.syst{font-size:24px;margin-bottom: 0} .homec .cright .item span.syst{font-size:14px} .homec .cright .item .pic img{height:80px} } @media screen and (max-width:1366px){ } @media screen and (max-width:980px){ } @media screen and (max-width:640px){ } /*ie11 css hack*/ @media all and (-ms-high-contrast:none) { *::-ms-backdrop, } /*ie11注意里面的标点符号*/ /*ie10 css hack*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }