.section-page1{padding-top:45px;padding-bottom:35px;background: url(/uploads/image/ssc/bg1.png) center bottom no-repeat;background-size:cover;} .section-page2{padding-top:45px;padding-bottom:55px;background: url(/uploads/image/ssc/bg2.png) center center no-repeat;background-size:cover;} .section-page3{padding:60px 0;background: #f6f6f6;} .section-page4{padding:40px 0;background: #ffffff;} .section-page5{padding:60px 0 40px;background: url(/uploads/image/ssc/bg3.png) center center no-repeat;background-size:cover;} .section-page6{padding:40px 0;background: url(/uploads/image/ssc/bg4.png) center center no-repeat;background-size:cover;} .fz28{font-size:28px} .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;color:#426188;width:30px;height:25px;background: url(/uploads/image/ssc/more2.png) no-repeat;text-indent:-9999px;background-size:cover;} .section-page5 .common-head .more a{background: url(/uploads/image/ssc/more3.png) no-repeat;} .news-more a{color:#3f7aae;display:block;width:124px;height:29px;line-height:29px;padding-left:8px;position:relative;background: url(/uploads/image/ssc/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/ssc/arrow.png) no-repeat;} .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;color:#fff;font-size:16px;} .common-tabs2 .tabs-nav>li{color:#646464;} .common-tabs2 .tabs-nav>li.on{color:#0c0c0c;} .tabs-nav{text-align:center;} .tabs-nav>li{color:#315f88;font-size:28px;display:inline-block;margin:0 20px;font-weight:bold;cursor:pointer;} .tabs-nav>li.on{color:#141414;} .tabs-item{display:none;} .news-tabs-nav{position:relative;margin:0 -10px;} .news-tabs-nav>li{height:50px;line-height:50px;padding:0 10px;display: inline-block;*display: inline;*zoom: 1;cursor:pointer;} .news-tabs-nav>li h2{color: #646464;font-size:28px;position: relative;line-height:50px;margin:0;padding: 0 10px;font-weight:bold;} .news-tabs-nav>li.on h2{color:#0c0c0c;} .news-tabs-nav>li.on h2:after{display: none;} .news-tabs-nav>li>a{position: absolute;right:0;top:20px;color: #fff;display:block;width:51px;height:11px;background: url(/uploads/image/ssc/more.png) no-repeat;text-indent:-9999px;background-size:cover;} .news-tabs .tablist{padding-top:35px;} .tablistbox{height: 0;overflow: hidden;} .tablistbox.hide{height: 0;} .tablistbox.show{height: auto;} .quick-list li{margin-bottom:20px;} .quick-list li a{display:block;color:#234159;font-size:18px;text-align:center;} .quick-list li a span{display:block;max-width:170px;margin:20px auto 30px;background: url(/uploads/image/ssc/round.png) center center no-repeat;background-size:cover;} .quick-list li a img{display:block;margin:0 auto;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .quick-list li a:hover img{-webkit-transform:rotatey(180deg);transform:rotatey(180deg);} @media (min-width: 992px){ .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;} } @media (min-width: 1200px){ .section-page3 .col-md-2{width:11.5%;} .section-page3 .col-md-10{width:87.5%;} } @media (max-width: 1200px){ .fz28,.tabs-nav>li,.news-tabs-nav>li h2{font-size:24px;} } @media (max-width: 991px){ } @media (max-width: 767px){ .fz28,.tabs-nav>li,.news-tabs-nav>li h2{font-size:20px;} .common-tabs .more{position:static;text-align:center;} .quick-list li a span{max-width:100px;} } @media (max-width: 480px){ .news-tabs-nav>li>a{width:25px;height:5px;} .common-head .more a{width:25px;height:20px;} }