.main{margin-bottom: 152px;}

.banner .box{padding-top: 357px;padding-left: 365px;box-sizing: border-box;}
.banner .field{display: flex;height: 60px;border-radius: 30px;background-color: #fff;width: 487px;}
.banner .field input{font-size: 20px;line-height: 60px;padding-left: 40px;width: 302px;box-sizing: border-box;border-radius: 30px 0 0 30px;}
.banner .field button{font-size: 30px;line-height: 60px;color: #764500;display: block;width: 185px;background:linear-gradient(rgba(254,176,54,1),rgba(253,223,97,1));border-radius:30px;}
.banner .box p{font-size: 30px;padding-left: 48px;line-height: 40px;margin-top: 15px;color: #fff;}

.surr{display: flex;justify-content: space-between;margin-top: 97px;}
.surr-left{width: 760px;}
.surr-right{width: 366px;}
.surr .tite{display: flex;justify-content: space-between;align-items: center;}
.surr .tite h3{font-size: 28px;line-height: 38px;color: #3f3f3f;}
.surr .tite a{font-size: 16px;line-height: 26px;color: #999999;background: url(/uploads/image/2mimages/jiahao.png) right center no-repeat;padding-right: 21px;}

.mation .mation-main{margin-top: 54px;display: flex;justify-content: space-between;}
.mation .mation-main .swiper{width: 216px;}
.mation .mation-main .swiper .swiper-slide a{font-size: 16px;line-height: 26px;padding: 0 50px 0 26px;text-align: left;}
.mation .mation-main .swiper .swiper-slide img{width: 100%;height: 136px;}
.mation .mation-main .swiper .swiper-pagination{width: 43px;left: auto;right: 0;bottom: 8px;height: 6px;display: flex;}
.mation .mation-main .swiper .swiper-pagination-bullet{width: 6px;height: 6px;background-color: #fff;margin: 0 7px 0 0;opacity: 1;}
.mation .mation-main .swiper .swiper-pagination-bullet-active{opacity: 1;background-color: #cd9de8;}
.mation .mation-main .item-right{width: 530px;}
.mation .mation-main .item-right i{display: flex;justify-content: space-between;}
.mation .mation-main .item-right i a{font-size: 18px;line-height: 28px;color: #581b9a;max-width: 400px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;}
.mation .mation-main .item-right i span{font-size: 15px;line-height: 28px;color: #7f8699;}
.mation .mation-main .item-right p{font-size: 14px;line-height: 26px;color: #5f5f5f;margin-top: 8px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;max-height: 78px;}
.mation ul{margin-top: 14px;padding-top: 9px;border-top: 1px solid rgba(214,215,220,.4);}
.mation ul li{display: flex;justify-content: space-between;position: relative;padding-left: 11px;font-size: 14px;line-height: 24px;color: #7f8699;}
.mation ul li:nth-child(n 2){margin-top: 7px;}
.mation ul li::before{content: '';background-color: #581b9a;border-radius: 50%;width: 4px;height: 4px;position: absolute;top: 10px;left: 0;}
.mation ul li a{color: #3f3f3f;max-width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list{margin-top: 67px;}
.list ul{margin-top: 55px;}
.list ul li{display: flex;justify-content: space-between;padding-bottom: 34px;border-bottom: 3px solid #f5f5f5;padding-top: 33px;}
.list ul li .item-left img{width: 191px;height: 120px;}
.list ul li .item-right{width: 510px;padding-right: 18px;font-size: 14px;color: #9d9d9d;}
.list ul li .item-right a{font-size: 21px;line-height: 21px;color: #3f3f3f;display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: color .5s;}
.list ul li .item-right p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 52px;margin: 12px auto 13px;line-height: 26px;}
.list ul li .item-right span{display: block;line-height: 18px;}
.list ul li:hover{box-shadow:1px 1px 7px 0 rgba(0,0,2,0.13);}
.list ul li:hover .item-right a{color: #581b9a;}

.topage{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 60px;}
.topage li{height: 40px;font-size: 18px;line-height: 40px;margin: 0 20px 20px;}
.topage li:first-child, .topage li:last-child{display: none;}
.topage li a{color: #b7b7b7;display: block;}
.topage li.thisclass{color: #7a7a7a;}
.topage li:nth-child(2) a, .topage li:nth-last-child(2) a{font-size: 0;width: 40px;height: 40px;background: #e2e2e2 url(/uploads/image/2mimages/youjian.png) center no-repeat;border-radius: 5px;margin-left: 100px;}
.topage li:nth-child(2) a{transform: rotate(180deg);margin: 0 100px 0 0;}

.recom{display: flex;justify-content: space-between;margin-top: 85px;}
.recom .mended{width: 232px;}
.recom .mended h3{font-size: 18px;line-height: 28px;color: #3f3f3f;font-weight: bold;}
.recom .mended ul{margin-top: 25px;line-height: 0;}
.recom .mended ul li:nth-child(2){padding: 10px 0;border-bottom: 1px solid #ebebeb;margin-bottom: 14px;}
.recom .mended ul li:nth-child(2) a{color: #3f3f3f;}
.recom .mended ul li:nth-child(n 4){margin-top: 8px;}
.recom .mended ul li img{width: 100%;height: 156px;}
.recom .mended ul li a{font-size: 15px;line-height: 26px;color: #707070;display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.article{padding-left: 3px;}
.article h1{font-size: 28px;line-height: 38px;color: #3f3f3f;text-align: center;}
.article .source{margin-bottom: 0;}
.article .source span{font-size: 18px;line-height: 28px;color: #d3d3d3;display: block;text-align: center;margin: 12px auto 25px;}
.article p,.article div{font-size: 18px;line-height: 42px;color: #3f3f3f;margin-bottom: 42px;}
.article p img,.article div img{width: auto !important;height: auto !important;display: inline-block;max-width: 80%;max-height: 80%;vertical-align: middle;margin: 25px 0;}

.page{margin-top: 81px;}
.page li{font-size: 18px;line-height: 28px;height: 28px;display: flex;color: #3f3f3f;font-weight: bold;}
.page li:first-child{margin-bottom: 9px;}
.page li a{display: inline-block;max-width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #3f3f3f;}

.cont1{margin-top: 90px;}
.cont1 h3{font-size: 20px;line-height: 30px;color: #421b70;}
.cont1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.cont1 ul li{position: relative;padding-left: 18px;box-sizing: border-box;width: 40%;}
.cont1 ul li:nth-child(n 3){margin-top: 4px;}
.cont1 ul li::before{content: '';position: absolute;top: 12px;left: 2px;width: 4px;height: 4px;background-color: #656565;border-radius: 50%;}
.cont1 ul li a{font-size: 18px;line-height: 28px;color: #8f8f8f;display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.cont2 ul{margin-top: 55px;}
.cont2 ul li{position: relative;height: 199px;overflow: hidden;}
.cont2 ul li img{width: 100%;height: 100%;}
.cont2 ul li:nth-child(n 2){margin-top: 32px;}
.cont2 ul li a{position: absolute;width: 100%;height: 100%;justify-content: center;align-items: center;font-size: 16px;line-height: 36px;color: #fff;box-sizing: border-box;padding: 0 20px;background-color: rgba(0,0,0,.5);top: 199px;display: flex;transition: top .5s;}
.cont2 ul li:hover a{top: 0;}


.cont3{margin-top: 74px;}
.cont3 img{margin-top: 54px;width: 100%;}
.cont3 ul{margin-top: 29px;}
.cont3 ul li{padding-bottom: 35px;border-bottom: 2px solid #f8f8f8;}
.cont3 ul li:nth-child(n 2){margin-top: 26px;}
.cont3 ul li a{font-size: 18px;line-height: 28px;color: #3f3f3f;display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cont3 ul li p{font-size: 16px;line-height: 30px;color: #9d9d9d;margin-top: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;}

.cont4{margin-top: 75px;}
.cont4 ul{margin-top: 33px;}
.cont4 ul li{position: relative;padding-left: 37px;box-sizing: border-box;font-size: 16px;line-height: 30px;padding-bottom: 14px;border-bottom: 1px dashed #3e3e3e;}
.cont4 ul li:nth-child(n 2){margin-top: 24px;}
.cont4 ul li::before{content: '1.';position: absolute;font-size: 32px;line-height: 32px;left: 0;color: #969696;top: 3px;}
.cont4 ul li:nth-child(2)::before{content: '2.';}
.cont4 ul li:nth-child(3)::before{content: '3.';}
.cont4 ul li:nth-child(4)::before{content: '4.';}
.cont4 ul li:nth-child(5)::before{content: '5.';}
.cont4 ul li:nth-child(6)::before{content: '6.';}
.cont4 ul li a{color: #3f3f3f;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;max-height: 60px;transition: color .5s;}
.cont4 ul li a:hover{color: #581b9a;}
.surr{margin-top: 150px;position: relative;}
.crumbs{position: absolute;top: -55px;font-size: 16px;line-height: 26px;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 8px;}