.banner img{display:block;width:100%}.about-nav{background-color:#f8f8ff}.about-nav ul{padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}.about-nav ul li{list-style:none;width:50%;display:flex;align-items:center;justify-content:center}.about-nav ul li a{display:flex;align-items:center;font-size:20px;color:#333;text-decoration:none;padding:10px 0;text-align:center;height:100%}.about-nav ul li.active{color:#12298c;background-color:#fff}.intro{padding:40px 0}.intro .intro-first .left .carousel-control-next-icon,.intro .intro-first .left .carousel-control-prev-icon{background-color:rgba(0,0,0,0.3);padding:25px 0}.intro .intro-first .left .carousel-control-next{justify-content:flex-end}.intro .intro-first .left .carousel-control-prev{justify-content:end;left:0;width:auto}.intro .intro-first .right{padding-top:20px}.intro .intro-first .right h1{font-size:28px;color:#333;font-weight:bold}.intro .intro-first .right p{font-size:16px;color:#333;line-height:30px}.intro ul{padding:0;margin:0}.intro ul li{list-style:none;margin-bottom:20px}.intro ul li .intro-second{position:relative;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:8px;text-align:center}.intro ul li .intro-second .first{opacity:1;transition:all 0.5s;padding:40px 20px}.intro ul li .intro-second .first img{display:block;max-width:100%;margin:0 auto 5px}.intro ul li .intro-second .first h4{font-size:38px;font-weight:bold;color:#fff}.intro ul li .intro-second .first h4 span{font-size:16px}.intro ul li .intro-second .first p{font-size:24px;color:#fff}.intro ul li .intro-second .second{position:absolute;top:100%;transition:all 0.5s;width:100%;height:100%}.intro ul li .intro-second .second p{font-size:16px;color:#fff;line-height:30px;margin-bottom:0;padding:20px;height:100%}.intro ul li:hover .intro-second .first{opacity:0;transition:all 0.5s}.intro ul li:hover .intro-second .second{top:0;transition:all 0.5s}.intro ul li:first-child .intro-second{background:url(../img/about/intro1.jpg) no-repeat center center;background-size:cover}.intro ul li:nth-child(2) .intro-second{background:url(../img/about/intro2.jpg) no-repeat center center;background-size:cover}.intro ul li:nth-child(3) .intro-second{background:url(../img/about/intro3.jpg) no-repeat center center;background-size:cover}.intro ul li:last-child .intro-second{background:url(../img/about/intro4.jpg) no-repeat center center;background-size:cover}.yf{background-color:#f8f8ff;padding:40px 0}.yf .yf-cont .left h4{font-size:28px;font-weight:bold;color:#333;margin-bottom:20px}.yf .yf-cont .left p{font-size:16px;color:#333;line-height:30px;margin-bottom:0}.yf .yf-cont .right img{display:block;width:100%;border-radius:8px}.yf1{background-color:#fff}.cn{padding:40px 0}.cn h2{font-size:28px;color:#333;text-align:center;font-weight:bold;margin-bottom:15px}.cn .des{font-size:16px;color:#333;text-align:center}.cn ul{padding:0;margin:0;margin-top:30px;display:flex;align-items:center;justify-content:space-between}.cn ul li{background:url(../img/about/paral.png) no-repeat center center;background-size:100% 100%;list-style:none;padding:20px 14px}.cn ul li h5{font-size:20px;color:#333;text-align:center;margin-bottom:0}.cn ul li h5 span{font-size:30px;font-weight:bold;color:#12298c}.cn ul li p{font-size:20px;color:#333;margin-bottom:0;text-align:center}.fanwei{padding:40px 0;background-color:#f8f8ff}.fanwei h2{font-size:28px;font-weight:bold;text-align:center;color:#333}.fanwei .fanwei-det{margin-top:30px}.fanwei .fanwei-det .fanwei-cont{background-color:#fff;padding:20px;height:100%;border-radius:8px}.fanwei .fanwei-det .fanwei-cont img{display:block;max-width:100%;margin:0 auto 15px}.fanwei .fanwei-det .fanwei-cont p{font-size:20px;color:#333;text-align:center;font-weight:bold;margin-bottom:10px}.fanwei .fanwei-det .fanwei-cont span{font-size:16px;color:#333}@media (min-width: 576px){.about-nav ul li{width:25%}.about-nav ul li a{padding:16px 0}.intro ul{margin:20px -15px 0}.intro ul li{float:left;width:50%;padding:0 15px}.cn ul li{padding:30px 35px}.cn ul li h5 span{font-size:40px}}@media (min-width: 768px){.about-nav ul li a{font-size:24px;padding:25px 0}.yf{padding:60px 0}.yf .yf-cont{margin:0 -15px}.yf .yf-cont .left{float:left;width:50%;padding:0 15px}.yf .yf-cont .right{float:left;width:50%;padding:0 15px}.cn{padding:60px 0}.cn h2{font-size:38px}.cn ul li{padding:49px 60px}.cn ul li h5 span{font-size:60px}.fanwei{padding:60px 0}.fanwei h2{font-size:38px}}@media (min-width: 992px){.intro{padding:60px 0 40px}.intro .intro-first{display:flex;align-items:top;margin:0 -15px}.intro .intro-first .left{width:50%;padding:0 15px}.intro .intro-first .right{padding-top:0;width:50%;padding:0 15px}.intro .intro-first .right h1{margin-bottom:15px}.intro ul li{width:25%}.intro ul li .intro-second .first{padding:50px 20px}.cn ul li{padding:49px 100px}}@media (min-width: 1200px){.cn ul{padding:0 30px}.cn ul li{padding:49px 118px}}@media (min-width: 1600px){.intro ul{margin-top:30px}}
