.outmain{ /*background-color: #f0f0f0;*/ height: auto; /*padding: 70px 40px 40px 40px*/ /*padding-top: 70px;*/ /*padding-top: 10px;*/ width: 1263px; margin: 0 auto; } /*.outmain{*/ /* !*background-color: #f0f0f0;*!*/ /* height: auto;*/ /* margin: 0 auto;*/ /* padding: 70px 40px 40px 40px;*/ /* width: 1260px;*/ /*}*/ .outmain .main{ background-color: #ffffff; } .maintop{ display: flex; justify-content: space-between; } .maintop h3{ font-size: 30px; margin: 30px; font-weight: 600; color: #000000; } button{ display: block; border-radius:12px; border-style: solid; outline: none; border-color: #0b3c88;; color: #0b3c88; background-color: #ffffff; padding: 3px 20px; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; /*margin-right: 50px;*/ /*margin-bottom: 30px;*/ /*margin-top: 30px;*/ } /*button {*/ /* background: #eb94d0;*/ /* !* 创建渐变 *!*/ /* background-image: linear-gradient(to bottom, #0b418c, #2079b0);*/ /* !* 给按钮添加圆角 *!*/ /* -webkit-border-radius: 28;*/ /* -moz-border-radius: 28;*/ /* border-radius: 28px;*/ /* !*text-shadow: 3px 2px 1px #9daef5;*!*/ /* box-shadow: 5px 4px 10px #999999;*/ /* color: #fafafa;*/ /* font-size: 15px;*/ /* padding: 5px 20px;*/ /* text-decoration: none;*/ /*}*/ /* 悬停样式 */ /*button:hover {*/ /* background-image: linear-gradient(to bottom, #2079b0, #0b418c);*/ /* text-decoration: none;*/ /*}*/ button:hover{ background-color: #0b3c88; color: #f0f0f0; } .maintop button{ margin-right: 50px; margin-bottom: 30px; margin-top: 30px; border-radius: 20px; } .maintop .gotonew{ margin-right: 50px; margin-bottom: 30px; margin-top: 30px; border-radius: 20px; padding: 8px 20px; } .cnt1 button{ margin-right: 50px; margin-bottom: 40px; margin-top: 40px; padding: 3px 20px; border-radius: 20px; } .hen{ height: 2px; background-color: #d8d8d8; width: 100%; margin-top: 20px; } .cnt{ display: flex; /*justify-content: space-around;*/ margin-top: 20px; flex-wrap: wrap; margin-bottom: 20px; } .cnt1{ padding: 30px; margin-bottom: 15px; width: 33%; /*font-size: 20px;*/ /*letter-spacing: 4px;*/ overflow: hidden; } /*.cnt1:hover{*/ /* background: #f0f9fe;*/ /* color: #ffffff;*/ /*}*/ .cnt1 img{ /*width: 100%;*/ width: 356px; height: 237px; } .cnt1:hover{ /*box-shadow: 10px 10px 15px #888888;*/ /*!*margin-top: 20px;*!*/ box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.2); transition: all 0.9s; /*box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.4);*/ /*margin-top: 20px;*/ } .cnt1:hover .hen{ background-color: #b9d6fb; } .cnt1 p{ height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; /*white-space: nowrap;*/ text-overflow: ellipsis; color: #000000; font-size: 16px; /*letter-spacing: 3px;*/ } .circle { position: absolute; bottom: 10px; left: 50%; width: 70px; height: 13px; background: rgba(0,0,0,0) } .circle li{ float: left; width: 8px; height: 8px; background: rgba(255,255,255,.3); border-radius: 50%; margin: 3px; } .circle .current { background-color: white; } .swiper-container{ width: 100%; /*max-height: 400px;*/ max-height: 800px; background: linear-gradient(to bottom, #dcdcdc, #eaeaea,#ffffff); } .swiper-slide img{ display:block; max-width:1920px; min-width: 1280px; max-height: 800px; /*max-height: 400px;*/ width:100%!important; height:100%!important; -webkit-background-size: cover; margin: 0 auto; }