.section-page1{padding-top:45px;padding-bottom:35px;} .section-page2{padding-top:45px;padding-bottom:220px;background: url(/uploads/image/sac/bg2.png) center top no-repeat;} .section-page3{padding-bottom:60px;} .section-page4{padding:40px 0 60px;background: url(/uploads/image/sac/bg3.png) center center no-repeat;background-size:cover;} .section-page5{padding:60px 0 60px;} .fz28{font-size:30px} .common-head{margin-bottom:30px;line-height:50px;position:relative;} .common-head .title{color:#1a1a1a;font-weight:bold;text-align:center;} .common-head .more,.news-more{position:absolute;top:10px;right:0;} .common-head .more a{display:block;width:30px;height:25px;background: url(/uploads/image/sac/more2.png) no-repeat;text-indent:-9999px;} .section-page3 .common-head .more a,.section-page5 .common-head .more a{background: url(/uploads/image/sac/more.png) no-repeat;} .news-more a{color:#662626;display:block;width:124px;height:29px;line-height:29px;padding-left:8px;position:relative;background: url(/uploads/image/sac/shape.png) center center no-repeat;} .news-more a:after{content: "";display: block;position: absolute;right:20px;top:10px;width:13px;height:9px;background: url(/uploads/image/sac/arrow.png) no-repeat;} .news-head{margin-bottom:20px;line-height:50px;position:relative;} .news-head .title{color:#1a1a1a;font-weight:bold;text-align:center;} .news-head .more{position:absolute;top:10px;right:0;} .news-head .more a{display:block;color:#426188;width:30px;height:25px;background: url(/uploads/image/sac/more.png) no-repeat;text-indent:-9999px;} .common-tabs{position:relative;} .common-tabs .hd{margin-bottom:30px;line-height:50px;position:relative;} .common-tabs .more{position:absolute;top:15px;right:0;} .common-tabs .more a{display:block;width:30px;height:25px;background: url(/uploads/image/sac/more2.png) no-repeat;text-indent:-9999px;} .news-item{min-height:355px;padding-top:10px;background:#ffffff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);} .tabs-nav{text-align:center;} .tabs-nav>li{color:#075886;font-size:28px;display:inline-block;margin:0 20px;font-weight:bold;cursor:pointer;} .tabs-nav>li.on{color:#131313;} .tabs-item{display:none;} .research{position:relative;padding-bottom:60px;margin-top:-180px;} .research-news{width:40%;position:relative;z-index:1;} .research-pic{width:70%;position:absolute;top:0;right:0;overflow:hidden;} .research-pic img{width:100%;height:auto;transition: all 0.5s ease-out 0s;} .research-pic:hover img{transform:scale(1.05);} .research-title{text-align: left;padding: 60px 0;} .research-title .title{color:#1a1a1a;font-weight:bold;} .research-title .more{margin-top:40px;} .research-title .more a{display:block;width:30px;height:25px;background: url(/uploads/image/sac/more.png) no-repeat;text-indent:-9999px;} .quick-box{padding-bottom:40px;} .quick-list{margin:0;} .quick-list li{padding-left:0;padding-right:0;margin-bottom:20px;height: 205px;overflow: hidden;display: block;position: relative;} .quick-list li a{display:block;color:#fff;padding:45px 0 35px;height:100%;background:#8fc31f;text-align:center;position:relative;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .quick-list li a img{width:60px;display:block;margin:0 auto;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .quick-list li.li2 a{background:#448aca;} .quick-list li.li3 a{background:#a20606;} .quick-list li.li4 a{background:#c36ed2;} .quick-list li.li5 a{background:#e46181;} .quick-list li.li6 a{background:#13b5b1;} .quick-list li.li7 a{background:#f39800;} .quick-list li a span{ width:100%;display:block;height:30px; color: #fff; font-size:16px; line-height:30px;margin-top:20px;} .quick-list li a:hover{ background:#363aa1;} .quick-list li a:hover img{ width:85px;} .quick-list li a:hover span{font-size:20px;} .quick-list li a::before,.quick-list li a:after{content:'';position: absolute;z-index: 5; top:0; right:0;background:url(/uploads/image/sac/arrow2.png) no-repeat;width:51px;height:38px;} @media (min-width: 992px){ .row-15{margin:0 -15px;} .col-pd-15{padding:0 15px;} .col-left,.col-right{transform: translate(80px, 0px);-webkit-transform: translate(80px, 0px);transition: 1s;-webkit-transition: 1s;opacity: 0;} .col-left{transform: translate(-80px, 0px);-webkit-transform: translate(-80px, 0px);} .col-left.showdiv,.col-right.showdiv{opacity: 1;transform: none;-webkit-transform: none;} .section-page3 .common-tabs{transform: translatey(80px);opacity: 0;transition: 1s;-webkit-transition: 1s;} .section-page4 .common-box{transform: translatey(-80px);opacity: 0;transition: 1s;-webkit-transition: 1s;} .col-4{transition: all 1s ease-out 0s;transform: translatey(-80px);opacity: 0;} .col-4:nth-child(2){transition: all 1s ease-out .2s;transform: translatey(80px);} .col-4:nth-child(3){transition: all 1s ease-out .4s;} .section-page3.showdiv .common-tabs,.section-page4.showdiv .common-box,.section-page5.showdiv .col-4,.section-page6.showdiv .col-4{transform: translatey(0);opacity: 1;} .quick-list li{width:14.285%;} } @media (max-width: 1200px){ .fz28,.tabs-nav>li{font-size:24px;} } @media (max-width: 991px){ } @media (max-width: 767px){ .fz28,.tabs-nav>li{font-size:20px;} .section-page2{padding-bottom:0;} .research{margin-top:40px;} .research-news{width:100%;} .research-pic{width:100%;position: static;} .quick-list li a span{max-width:100px;} }