.indbanner{height: 400px; text-align: center; color: #fff; background: url(../images/201907/bannerbg.jpg) no-repeat center; text-align: center; padding-top: 150px;} .indbanner h1{ font-size: 30px; font-weight: bold;} .indbanner p{display: block; font-size: 22px; padding-top: 30px;} .indword{background: #fff; padding: 75px 0; text-align: center; color: #333333; font-size: 14px; line-height: 24px;} .indword h2{display: block; font-size: 30px; font-weight: bold; color: #333333;} .indword p{display: block;padding-top: 30px;} .leader{background: #f6f6f6; padding-bottom:80px;} .leader .pics{width: 950px; margin: 0 auto;} .leader .pics img{display: block;} .leader .Mainpart{width: 950px; margin: 0 auto;} .leader .Mainpart .title{font-size: 16px;color: #000; text-align: center; padding: 40px 0;} .leader .Mainpart .title b{display: block; font-weight: bold; font-size: 30px;} .leader .Mainpart .title i{display: block; padding-top: 10px; font-size: 20px;} .leader .Mainpart .cont{overflow: hidden; padding-left:36px;} .leader .Mainpart .cont .part{float: left; width: 168px; margin-left: 35px;} .leader .Mainpart .cont .part i img{display: block; width: 100%; height: 190px;} .leader .Mainpart .cont .part span{display:block; height: 36px; font-weight: bold; line-height: 36px; font-size: 16px; text-align: center;color: #f6f6f6; background: #00cfb9; margin: 6px 0;} .leader .Mainpart .cont .part span.span2{background: #e9bb0a;} .leader .Mainpart .cont .part span.span3{background: #fe7d77;} .leader .Mainpart .cont .part span.span4{background: #5d6570;} .indjion{background: #f6f6f6 url(../images/201907/bsbg.png) repeat-x; padding-bottom: 70px;} .indjion .title{ color: #000; text-align: center; padding: 60px 0 40px;} .indjion .title h2{font-size: 30px; display: block; font-weight: bold;} .indjion .title i{display: block; padding-top: 10px; font-size: 20px;} .indjion .cont{position: relative; margin: 0 auto; width: 913px;} .indjion .cont .pic img{display: block;} .indjion .cont a{display: block; width: 160px; height: 160px; position: absolute; bottom: 0; right: 0; line-height: 9999em; overflow: hidden;} .videos{background: #f6f6f6; padding-bottom: 100px;} .videos .cont{ margin: 0 auto; width: 913px; padding-right: 78px;} .videos .cont .bg{background: #fff; border-radius: 2px; box-shadow: 0 0 12px rgba(0,0,0,.1); height: 650px; position: relative;} .videos .cont .bg .vi{width: 387px; position: absolute;} .videos .cont .bg .vi img{display: block;} .videos .cont .bg .video1{top: 40px; left: 40px;} .videos .cont .bg .video2{top: 207px; left: 535px;} .videos .cont .bg .video3{top: 385px; left: 40px;} .videos .cont .bg .wd{position: absolute; font-size:14px; font-weight: bold; color: #ffb701; line-height: 26px; padding: 0 26px;} .videos .cont .bg .wd:after{display: block; width:12px; content: ""; height: 12px; border-radius: 50%; border: 5px solid #f4f3f2; background: #ffb701; position: absolute; top: 50%; transform: translateY(-50%);} .videos .cont .bg .word1{top: 58px; left: 462px;} .videos .cont .bg .word1:after{left:0} .videos .cont .bg .word2{top: 310px; left: 250px;} .videos .cont .bg .word2:after{right:0} .videos .cont .bg .word3{top: 500px; left: 462px;} .videos .cont .bg .word3:after{left:0}