.g-t1{text-align: center;line-height: 1.4;} .g-t1 h3{font-size: 48px;color: #000;font-weight: normal;} .g-t1 em{font-size: 20px;color: #ababab;text-transform: uppercase; font-family: arial;display: block; } .row-a1{padding: 85px 0 0;} .swiper-box{position: relative;} /*.m-app .c1{color: #3fc26a;} .m-app .c2{color: #a0619a;} .m-app .c3{color: #dcab14;} .m-app .c4{color: #3471c5;} .m-app .c5{color: #e60012;} .m-app .c6{color: #834e32;} .m-app .c7{color: #3fc26a;} .m-app .c8{color: #a0619a;} .m-app .c9{color: #dcab14;} .m-app .c10{color: #3471c5;} .m-app .c11{color: #e60012;} .m-app .c12{color: #834e32;} .m-app .c13{color: #3fc26a;} .m-app .c14{color: #a0619a;} .m-app .c15{color: #dcab14;} .m-app .c16{color: #3471c5;} .m-app .c17{color: #e60012;} .m-app .c18{color: #834e32;} .m-app .c19{color: #3fc26a;} .m-app .c20{color: #a0619a;} .m-app .c21{color: #dcab14;}*/ .m-app{margin-top: 18px} .m-app .con{background-color: #fff;cursor: pointer;display: block; padding-bottom: 25px;position: relative; } .m-app .con::after{content: "";display: block;width: 1px; position: absolute;top: 0;right: 0;bottom: 20px; background-color: #f2f2f2 } .m-app .i-san{position: absolute;left: 50%;bottom: 0;margin-left: -17px;opacity: 0; width: 34px;height: 17px; } .m-app .i-san img{height: 100%;display: block;margin: 0 auto;} /*.m-app .con::before{content: '';position: absolute;left: 50%;bottom: 0; border-bottom: 16px solid #3fc26a;margin-left: -16px;opacity: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; } .m-app .c1::before{border-bottom-color: #3fc26a;} .m-app .c2::before{border-bottom-color: #a0619a;} .m-app .c3::before{border-bottom-color: #dcab14;} .m-app .c4::before{border-bottom-color: #3471c5;} .m-app .c5::before{border-bottom-color: #e60012;} .m-app .c6::before{border-bottom-color: #834e32;}*/ .m-app .con .icon{height: 72px;line-height: 72px;font-size: 0;text-align: center; margin-bottom: 1px; } .m-app .con .icon img{display: inline-block;vertical-align: middle;max-height: 100%} .m-app .con .icon .i-on, .swiper-slide-thumb-active .con .icon .i-ok{ display: none } .swiper-slide-thumb-active .con .icon .i-on{ display: inline-block } .m-app .swiper-slide-thumb-active .con .i-san, .m-app .con.act .i-san{opacity: 1;} .m-app .con.act .i-ok{display: none;} .m-app .con.act .i-on{display: inline-block} .m-app .con.act::after{display: block;} .m-app .type{text-align: center;color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 20px; } .swiper-box .swiper-button-next:after, .swiper-box .swiper-button-prev:after{font-size: 30px;} .swiper-box .swiper-button-next{right: -30px;} .swiper-box .swiper-button-prev{left: -30px;} .m-app .c1.act .type{color: #3fc26a;} .m-app .c2.act .type{color: #a0619a;} .m-app .c3.act .type{color: #dcab14;} .m-app .c4.act .type{color: #3471c5;} .m-app .c5.act .type{color: #e60012;} .m-app .c6.act .type{color: #834e32;} .m-app .c7.act .type{color: #3fc26a;} .m-app .c8.act .type{color: #3fc26a;} .m-app .c9.act .type{color: #a0619a;} .m-app .c10.act .type{color: #dcab14;} .m-app .c11.act .type{color: #3471c5;} .m-app .c12.act .type{color: #e60012;} .m-app .c13.act .type{color: #834e32;} .m-app .c14.act .type{color: #3fc26a;} .m-app .c15.act .type{color: #3fc26a;} .m-app .c16.act .type{color: #a0619a;} .m-app .c17.act .type{color: #dcab14;} .m-app .c18.act .type{color: #3471c5;} .m-app .c19.act .type{color: #e60012;} .m-app .c20.act .type{color: #834e32;} .m-app .c21.act .type{color: #3fc26a;} .m-app .c22.act .type{color: #3fc26a;} .m-app .c23.act .type{color: #a0619a;} .m-app .c24.act .type{color: #dcab14;} .m-app .c25.act .type{color: #3471c5;} .m-app .c26.act .type{color: #e60012;} .m-app .c27.act .type{color: #834e32;} .m-app .c28.act .type{color: #3fc26a;} .m-app .c29.act .type{color: #3fc26a;} .m-app .c30.act .type{color: #a0619a;} .m-app .c31.act .type{color: #dcab14;} .m-app .c32.act .type{color: #3471c5;} .m-app .c33.act .type{color: #e60012;} .m-app .c34.act .type{color: #834e32;} .m-app .c35.act .type{color: #3fc26a;} .m-app .type1{display: none;} .m-app .act .type{display: none;} .m-app .act .type1{display: block;} /*.swiper-box .swiper-slide-visible .con::after{display: block;}*/ .swiper-box .swiper-slide-visible.bo-n .con::after{display: none;} .bg-line{width: 0px;height: 1px; transition: width .6s; opacity: 0; } .act .bg-line{width: 100%;opacity: 1;} .gallery-top1 .item{ background-repeat: no-repeat; background-position: center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-boxb1{position: relative;height: 625px;} .m-boxb1 .wp{position: relative;} .m-boxb1 .con-box{ position: absolute; top: 70px; bottom: 70px; left: 0; width: 600px; padding-left: 63px;padding-top: 71px; font-size: 16px; line-height: 30px; color: #fff;border-radius: 6px; background-color: rgba(45, 81, 160, 1) } .m-boxb1 .txt{margin-bottom: 20px;max-height: 150px;overflow: hidden;} .m-boxb1 .txt p{margin-left: -17px; padding-left: 17px; background: url(../images/i-02.png) left center no-repeat; background-size: 4px; } .m-boxb1 .txt p a{color: #fff;display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .m-boxb1 .type{color: #fff;text-align: left;margin-bottom: 15px;display: block !important;} .m-boxb1 .type h3{ font-size: 36px;line-height: 1.3 } .m-boxb1 .type p{font-size: 24px;font-family: arial; opacity: .3;text-transform: uppercase } .m-boxb1 .more{display: block;width: 155px;height: 42px; font-size: 16px;color: #fff;line-height: 38px; border: 2px solid #fff;border-radius: 21px;text-align: center; transition: .4s } .m-boxb1 .more:after{content: '>';display: inline-block;vertical-align: middle; font-family: '黑体';position: relative;top: -2px;margin-left: 5px; } .m-boxb1 .more:hover,.m-boxb1 .txt p a:hover{opacity: .8} .m-boxb1 .line{position: absolute;right: -20px;width: 35px;height: 190px;bottom: 33px;opacity: 0.9;} .row-a2{padding: 78px 0 152px;position: relative; background-position: center bottom;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-a2:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 118px; background: url(../images/i-06.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .g-box1{overflow: hidden;border-radius: 6px;padding: 30px 40px 0; background-color: #fff;margin-top: 45px; box-shadow: 8px 13.856px 35px 0px rgba(0, 0, 0, 0.08); } .m-t0{overflow: hidden;padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .m-t0 .tit{float: left;width: 332px;} .m-t0 .tit h3{float: left;font-size: 24px;color: #000;position: relative; padding-left: 19px; } .m-t0 .tit h3:after{content: '';position: absolute;top: 50%;left: 0; width: 4px;height: 28px;margin-top: -14px;border-radius: 4px; background-color: #2d51a0; } .m-t0 .tit .more{float: right;font-size: 14px;color: #000;margin-top: 8px;} .m-t0 .tit .more:hover{color: #2d51a0;} .m-t0 .tab{float: right;} .m-t0 .tab li{float: left;margin-left: 9px;} .m-t0 .tab li a{display: block;width: 122px;height: 32px;text-align: center; line-height: 32px;border-radius: 16px;font-size: 16px;color: #fff; background-color: #2d51a0; } .m-t0 .tab li a:after{content: '>';display: inline-block;vertical-align: middle; font-size: 16px;font-family: '黑体'; position: relative;top: -2px;margin-left: 5px; } .m-t0 .tab li a:hover{opacity: .8;} .g-box1 .col-l{width: 350px;} .g-box1 .col-r{width: 870px;padding-left: 47px;padding-bottom: 43px;} .m-tab1{padding: 18px 0;margin-left: -11px;position: relative;} .m-tab1:after{content: '';position: absolute;top: 0;bottom: 0;right: 0; width: 1px;background-color: #e7e7e7; } .m-tab1 li{position: relative;} .m-tab1 li span{font-size: 16px;line-height: 34px;display: block;cursor: pointer; border: 1px solid #fff;padding-left: 29px;position: relative; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-tab1 li span:before{content: '';position: absolute;top: 50%;left: 11px; width: 6px;height: 6px;border-radius: 50%;margin-top: -3px; background-color: #e7e7e7; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-tab1 li span:after{content: '';position: absolute;width: 55px;height: 6px; right: 30px;top: 50%;opacity: 0; background: url(../images/i-03.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-tab1 li:hover,.m-tab1 li.on{z-index: 2;} .m-tab1 li:hover span,.m-tab1 li.on span{font-weight: bold;color: #2d51a0; border-color: #e0e0e0;border-right-color: #fff; } .m-tab1 li:hover span:before,.m-tab1 li.on span:before{background-color: #2d51a0;} .m-tab1 li:hover span:after,.m-tab1 li.on span:after{opacity: 1;} .g-box1 .col-r .more{float: right;font-size: 14px;color: #000;line-height: 40px;} .g-box1 .col-r .more:hover{color: #2d51a0;} .m-slider1{clear: both;} .m-slider1 .slider{border-left: 1px solid rgba(0,0,0,.1);border-top: 1px solid rgba(0,0,0,.1);} .m-slider1 .item a{height: 120px;display: block;position: relative; border-bottom: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.1); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-slider1 .item .num{font-size: 24px;font-family: Impact; color: rgba(189,189,189,.68);margin-left: 34px; line-height: 119px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-slider1 .item a:hover{background-color: #2d51a0;color: #fff;} .m-slider1 .item a:hover .num{color: #fff;} .m-slider1 .item span{display: block;font-size: 16px;line-height: 24px; position: absolute;top: 50%;left: 74px;right: 44px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-slider1 .slick-arrow{position: absolute;top: 50%;z-index: 2; width: 47px;height: 28px;font-size: 0;text-indent: 9999px; border: 0;cursor: pointer; background-color: transparent; background-position: center;background-repeat: no-repeat; } .m-slider1 .slick-prev{left: -47px;background-image: url(../images/i-04.png);} .m-slider1 .slick-next{right: -40px;background-image: url(../images/i-05.png);} .m-slider1 .slick-prev:hover{background-image: url(../images/i-04-on.png);} .m-slider1 .slick-next:hover{background-image: url(../images/i-05-on.png);} .hide-dn{height: 0;overflow: hidden;} .g-t1-1{} .g-t1-1 h3{color: #fff;} .g-t1-1 em{color: #fff;opacity: .3;} .row-a3{padding: 85px 0 92px; background-color: #fff;background-position: center; background-repeat: no-repeat;background-attachment:fixed; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list1{overflow: hidden;margin: 0 -10px 70px;padding-top: 51px;} .m-list1 li{width: 20%;float: left;} .m-list1 .con{display: block;height: 316px;margin: 0 10px;border-radius: 6px; border: 1px solid rgba(255,255,255,.4); padding: 60px 0 0;text-align: center; background-color: rgba(255,255,255,0); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list1 .ico{display: block;height: 88px;width: 88px; position: relative;margin: 0 auto 20px; } .m-list1 .ico i{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-position: center;background-repeat: no-repeat; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list1 h3{font-size: 22px;color: #fff;position: relative; padding-top: 22px;margin-bottom: 8px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list1 h3:before{content: '';position: absolute;top: 0; left: 50%;height: 1px;width: 36px; background-color: #fff;margin-left: -18px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list1 .en{font-size: 16px;color: rgba(255,255,255,.3); text-transform: uppercase; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list1 .i-on,.m-list1 li:hover .i-ok{opacity: 0;} .m-list1 li:hover .i-on{opacity: 1;} .m-list1 li:hover .con{background-color: rgba(255,255,255,1);} .m-list1 li:hover h3{color: #333;} .m-list1 li:hover h3:before{background-color: #333;} .m-list1 li:hover .en{color: rgba(51,51,51,.3);} .g-btn1{width: 174px;height: 50px;display: block;margin: 0 auto; border-radius: 25px;font-size: 16px;color: #fff;line-height: 46px; border: 2px solid #fff;text-align: center; } .g-btn1:after{content: '>';display: inline-block;vertical-align: middle; font-size: 16px;font-family: '黑体';position: relative;top: -2px; margin-left: 6px; } .g-btn1:hover{color: #fff;opacity: .8; background-color: rgba(0,0,0,.1); } .ul-txtb1 { margin-top: 30px } .ul-txtb1 .con { padding: 26px 0; line-height: 31px; overflow: hidden; border-bottom: 1px dashed #ccc } .ul-txtb1 .con .l { width: calc(100% - 90px); font-size: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .ul-txtb1 .tag { display: inline-block; vertical-align: middle; width: 106px; height: 31px;line-height: 31px; text-align: center; font-size: 14px;border-radius: 16px; color: #fff; background-color: #101d27; overflow: hidden; margin-right: 30px } .ul-txtb1 .more { float: right;font-size: 16px;color: #888; } .ul-txtb1 .more:after{content: '>';display: inline-block;vertical-align: middle; font-family: '黑体';position: relative;top: -2px;margin-left: 5px; } .ul-txtb1 .date, .ul-txtb1 .tit { display: inline-block; vertical-align: middle; font-size: 20px; color: #333 } .ul-txtb1 .tit { max-width: 1150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .ul-txtb1 .date { color: #ababab; margin-left: 60px } .ul-txtb1 .con:hover .more, .ul-txtb1 .con:hover .tit { color: #2d51a0 } .ul-txtb1 .con:hover .tag { background-color: #2d51a0 } .row-a4{padding: 73px 0 103px;} .row-a4 .row-1{overflow: hidden;margin-top: 32px;} .row-a4 .row-1 .col-l{width: 49%;} .row-a4 .row-1 .col-r{width: 49%;} .g-t1 .more{float: right;font-size: 16px;color: #888;} .g-t1 .more:after{content: '>';display: inline-block;vertical-align: middle; font-family: '黑体';position: relative;top: -2px;margin-left: 5px; } .m-new1{} .m-new1 .con{display: block;position: relative;} .m-new1 .pic{padding-top: 56.5%;height: 0;position: relative;overflow: hidden;} .m-new1 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-new1 .tit{position: absolute;left: 0;bottom: 36px;z-index: 2; color: #fff;padding-left: 36px; } .m-new1 .date{font-size: 16px;font-family: arial;display: block; padding-left: 23px;margin-bottom: 3px; background: url(../images/i-08.png) no-repeat left center; } .m-new1 h3{font-size: 22px;font-weight: normal; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list2{overflow: hidden;margin: 0 -14px;} .m-list2 li{width: 50%;float: left;} .m-list2 .con{display: block;margin: 0 14px;overflow: hidden; border-radius: 6px 6px 0 0; } .m-list2 .pic{padding-top: 72%;height: 0;position: relative;overflow: hidden;} .m-list2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .tit{border: 1px solid #ebebeb;padding: 25px 32px 28px 29px; border-radius: 0 0 6px 6px; } .m-list2 .tit .date{font-size: 16px;color: #2d51a0;font-family: arial; padding-left: 23px;margin-bottom: 3px;display: block; background: url(../images/i-07.png) no-repeat left center; } .m-list2 .tit h3{font-weight: normal;font-size: 20px;color: #111;height: 3em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list2 .con:hover .pic img,.m-new1 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-list2 .con:hover h3{color: #2d51a0;} .row-a5{ background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-a5 .row-1{overflow: hidden;padding-top: 120px;} .row-a5 .row-1 .col-l{width: 722px;} .m-txt1{} .m-txt1 .tit{color: #2d51a0;line-height: 1.4;margin-bottom: 20px;} .m-txt1 .tit h3{font-size: 48px;} .m-txt1 .tit span{font-size: 38px;} .m-txt1 .desc{font-size: 16px;line-height: 28px;color: #8b8e93; margin-bottom: 60px; } .m-txt1 .btn{width: 190px;height: 58px;display: block;line-height: 54px; border-radius: 29px;border: 2px solid #2d51a0;text-align: center; font-size: 18px;color: #2d51a0;background-color: rgba(255,255,255,0); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-txt1 .btn:hover{background-color: #2d51a0;color: #fff;} .m-txt1 .btn:after{content: '>';display: inline-block;vertical-align: middle; font-family: '黑体';position: relative;top: -2px;margin-left: 5px; } .m-num{margin-top: 32px;} .m-num .item{overflow: hidden;margin-bottom: 30px;} .m-num .num{color: #2d51a0;float: left;line-height: 1.1;margin-right: 22px;} .m-num .num span{font-family: Impact;font-size: 86px;width: 160px;text-align: right; display: inline-block;vertical-align: middle;font-weight: normal; } .m-num .num em{font-size: 50px; display: inline-block;vertical-align: middle; } .m-num .desc{overflow: hidden;font-size: 14px;line-height: 22px;color: #64666b; padding-top: 28px; } .m-list3{overflow: hidden;margin: 0 -17px;padding-bottom: 108px;padding-top: 60px;} .m-list3 li{width: 33.33%;float: left;} .m-list3 .con{display: block;height: 140px;padding-right: 25px;padding-top: 20px; border-radius: 6px;margin: 0 17px;text-align: right;position: relative; background-color: rgb(255, 255, 255); box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list3 h3{font-size: 20px;color: #333; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list3 .desc{font-size: 14px;color: #888; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list3 .ico{display: block;height: 40px; position: relative;margin-bottom: 5px; } .m-list3 .ico i{position: absolute;top: 0;right: 0; width: 100px;height: 100%; background-position: right center;background-repeat: no-repeat; -o-background-size: auto 100%; -ms-background-size: auto 100%; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list3 .i-on,.m-list3 .con:hover .i-ok{opacity: 0;} .m-list3 em{position: absolute;left: 30px;font-size: 60px; color: rgba(63, 70, 83, 0.149); text-transform: uppercase;line-height: 1;font-family: 'Impact'; } .m-list3 .con:hover{background-color: #2d51a0;} .m-list3 .con:hover .i-on{opacity: 1;} .m-list3 .con:hover h3{color: #fff;} .m-list3 .con:hover .desc{color: rgba(255,255,255,.68);} .m-list3 .con:hover em{color: rgba(255,255,255,.3);} .g-cur{line-height: 70px;*zoom:1;background-color: #fff; border-bottom: 1px solid #ececec; } .g-cur:after,.g-cur:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .g-cur .tab{float: left;} .g-cur .tab li{float: left;margin-right: 65px;} .g-cur .tab li a{display: block;font-size: 18px;color: #333; position: relative; } .g-cur .tab li a:after{content: '';position: absolute;left: 50%;right: 50%;bottom: -2px; height: 3px;background-color: #2d51a0; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .g-cur .tab li:hover a,.g-cur .tab li.on a{color: #2d51a0;} .g-cur .tab li:hover a:after,.g-cur .tab li.on a:after{left: 0;right: 0;} .g-cur .cur{float: right;font-size: 16px; color: #666;padding-left: 23px; background: url(../images/i-12.png) no-repeat left center; } .g-cur .cur a{color: #666;} .g-cur .cur a:hover{color: #2d51a0;} .g-bgc1{background-color: #f2f4f7;} .row-main{overflow: hidden;padding: 70px 0 0;} .row-main .col-side{width: 300px;float: left;margin-bottom: 80px;} .row-main .col-main{width: 970px;float: right;} .m-t1{height: 136px;position: relative;line-height: 136px;margin-bottom: 9px; background-color: #2d51a0;overflow: hidden; } .m-t1 h2{font-size: 30px;font-weight: normal;color: #fff;text-align: center;} .m-t1 em{font-family: arial;font-size: 88px;color: rgba(255,255,255,.03); position: absolute;right: -10px;top: 0;font-weight: bold;text-transform: uppercase; } .snv{background-color: #fff;padding-bottom: 25px;} .snv li{border-bottom: 1px solid #e8e8e8;} .snv li a{display: block;height: 53px;line-height: 53px;font-size: 20px; padding-left: 30px;overflow: hidden; } .snv li:hover a,.snv li.on a{background-color: #2d51a0;color: #fff;} .m-list4{overflow: hidden;margin: 0 -9px;} .m-list4 li{width: 33.33%;float: left;margin-bottom: 28px;} .m-list4 .con{display: block;margin: 0 9px; background-color: #fff; } .m-list4 .pic{padding-top: 64%;height: 0;position: relative;overflow: hidden;} .m-list4 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list4 .play{position: absolute;top: 50%;left: 50%;width: 66px; height: 66px;z-index: 2;cursor: pointer; background: url(../images/i-play.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .m-list4 .txt{padding: 15px 18px 18px;} .m-list4 h3{font-size: 20px;font-weight: normal;color: #111;margin-bottom: 1px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list4 .info{font-size: 14px;color: #666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list4 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .m-list4 .con:hover h3{color: #2d51a0;} .pages{font-size:0;margin:50px 0 70px;text-align:center} .pages ul{display:inline-block} .pages li{float:left;margin:0 2px} .pages li a{display:block;width:47px;height:47px;border:1px solid #e8e8e8; text-align:center;line-height:45px;font-size:18px;font-family:Arial; color:#c9c8c8;border-radius:50%;background-color: #fff;font-weight: bold; transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s; -o-transition:.3s } .pages li.on a,.pages li:hover a{background-color:#3759a4;color:#fff;border-color:#3759a4} .pages .arrow a{font-family:'黑体';font-weight:700;} .m-txt2{padding: 55px 55px 40px;margin: 62px 0 72px; background-color: #fff; } .m-txt2 .video{margin-bottom: 39px;position: relative;height: 586px;} .m-txt2 .video video{width: 100%;height: 100%; background-color: #000; } .m-txt2 .play{position: absolute;top: 50%;left: 50%;width: 66px; height: 66px;z-index: 2;cursor: pointer; background: url(../images/i-play.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .m-txt2 .tit{height: 76px;line-height: 76px;padding-left: 36px;font-size: 26px;font-weight: normal;color: #111; background-color: #dfe0e4;border-left: 6px solid #2d51a0;margin-bottom: 20px; } .m-txt2 .txt{font-size: 18px;line-height: 35px;color: #666;} .ul-txt1-qm { overflow: hidden;padding: 25px 38px 0; margin-bottom: 49px; background-color: #fff } .ul-txt1-qm li { border-bottom: 1px solid #d6d6d6; overflow: hidden } .ul-txt1-qm li a { display: block; padding-top: 40px; padding-bottom: 23px; overflow: hidden } .ul-txt1-qm .data1 { line-height: 30px; float: left; display: block; font-size: 40px; font-family: Arial; text-align: center; margin-right: 48px; font-weight: 700 } .ul-txt1-qm .data1 em { display: block; font-size: 16px } .ul-txt1-qm .data2 { display: none; font-size: 14px; line-height: 18px; color: #606060; margin-bottom: 10px } .ul-txt1-qm .con { overflow: hidden } .ul-txt1-qm .con i { display: block; float: right; width: 46px; height: 46px; background: url(../images/i-13.png) center center no-repeat #c5c5c5; transition: .3s } .ul-txt1-qm .txt { overflow: hidden; } .ul-txt1-qm .txt h3 { font-size: 18px; font-weight: 400; color: #000;line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .ul-txt1-qm .txt p { height: 44px; overflow: hidden } .ul-txt1-qm a:hover .con i { background-image: url(../images/i-13.png); background-color: #2d51a0 } .ul-txt1-qm a:hover h3 { color: #2d51a0 } @media only screen and (max-width:1199px) { .ul-txt1-qm { margin-bottom: 20px } .ul-txt1-qm .data1 { margin-right: 20px; font-size: 16px; } } .m-txt3{margin-top: 47px;margin-bottom: 70px; background-color: #fff; } .m-txt3 .tit{overflow: hidden;} .m-txt3 .tit span{display: inline-block;height: 68px;line-height: 68px;padding-left: 57px; font-size: 26px;color: #fff;padding-right: 43px;position: relative; background: #2d51a0; } .m-txt3 .tit span:after{content: '';position: absolute;left: 100%;width: 42px;height: 68px; background: url(../images/i-15.jpg) no-repeat right center; -o-background-size: auto 100%; -ms-background-size: auto 100%; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; } .m-txt3 .txt{padding: 36px 58px 48px 50px;font-size: 16px;line-height: 33px; color: #666; } .m-form1{margin-bottom: 93px;} .m-form1 .ovh{margin: 0 0 25px;} .m-form1 .item{position: relative; background-color: #fff; } .m-form1 .item-50{width: 49%;} .m-form1 .con{overflow: hidden;} .m-form1 .inp{width: 100%;display: block;height: 64px; border: 0;font-size: 18px;padding: 0 15px 0 10px; } .m-form1 .tit{float: left;margin-left: 32px; line-height: 64px;font-size: 18px;color: rgba(51,51,51,.8); } .m-form1 .tit em{font-size: 14px;color: #e20000;margin-right: 5px;} .m-form1 .text .tit em{color: #fff;} .m-form1 .text .inp{height: 218px;padding: 20px 10px;} .m-form1 .code{position: relative;} .m-form1 .code .item{width: 450px;float: left;} .m-form1 .code-pic{float: left;width: 177px;height: 64px;margin-left: 11px;} .m-form1 .code-pic img{width: 100%;height: 100%;display: block;cursor: pointer;} .m-form1 .code-t{float: left;margin-left: 5px;line-height: 64px;font-size: 16px; color: #999; } .m-form1 .btn{width: 169px;height: 68px;display: block; border: 0;cursor: pointer;font-size: 18px;color: #fff; background-color: #2d51a0;margin-top: 35px; } .m-form1 .btn:hover{opacity: .8;} .m-form1 .adds{*zoom:1;overflow: visible;} .m-form1 .adds:after,.m-form1 .adds:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .m-form1 .adds .inp{} .m-form1 .adds .item{height: 64px;} .ul-listl1{overflow: hidden;margin: 0 -12px;} .ul-listl1 li {width: 50%;float: left; margin-bottom: 26px } .ul-listl1 .con { display: block;margin: 0 12px; overflow: hidden; padding: 35px 100px 32px 30px; background-color: #fff; position: relative } .ul-listl1 li .con:after { content: ' '; display: block; position: absolute; width: 0%; height: 2px; left: 0; bottom: 0; z-index: 2; background-color: #2d51a0; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .ul-listl1 .info { overflow: hidden; font-size: 16px; line-height: 1.5em; color: #666; } .ul-listl1 .info .tit { font-size: 18px; color: #000; margin-bottom: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .ul-listl1 .info p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px } .ul-listl1 .more { position: absolute; width: 55px; height: 55px; top: 27%; right: 20px; background-color: #fff; -ms-background-position: center center; background-position: center center; background-repeat: no-repeat; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; background-image: url(../images/pic-n14.png) } .ul-listl1 .con:hover { -webkit-box-shadow: 0 10px 16px rgba(0, 0, 0, .05); -moz-box-shadow: 0 10px 16px rgba(0, 0, 0, .05); -ms-box-shadow: 0 10px 16px rgba(0, 0, 0, .05); -o-box-shadow: 0 10px 16px rgba(0, 0, 0, .05); box-shadow: 0 10px 16px rgba(0, 0, 0, .05) } .ul-listl1 .con:hover .date { color: #000 } .ul-listl1 .con:hover .more { color: #6673b4; background-image: url(../images/pic-x1.png) } .ul-listl1 li:hover .con:after { width: 100% } @media only screen and (max-width:1440px) { .ul-listl1 .info .tit { font-size: 16px; margin-bottom: 10px } .ul-listl1 .info { font-size: 14px; padding-left: 30px } .ul-listl1 .more { width: 45px; height: 45px } .ul-listl1 .con { padding: 20px 100px 20px 40px } .ul-listl1 .more { top: 26%; } } @media only screen and (max-width:1199px) { .ul-listl1 li { margin-bottom: 20px } } @media only screen and (max-width:767px) { .ul-listl1 .con { padding: 20px 80px 20px 30px } .ul-listl1 .more { width: 30px; height: 30px; right: 30px; -webkit-background-size: auto 25px; -moz-background-size: auto 25px; -ms-background-size: auto 25px; -o-background-size: auto 25px; background-size: auto 25px; top: 20px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } @media only screen and (max-width:479px) { .ul-listl1 .con { padding: 15px 70px 15px 15px } .ul-listl1 .date { float: none; text-align: left; margin-bottom: 5px; border: none; } .ul-listl1 .date .day { display: inline-block; font-size: 16px; margin-right: 10px } .ul-listl1 .info{padding-left: 0} .ul-listl1 .more {right: 15px;} .m-listl1 {margin-bottom: 0} } .row-b1{margin-top: 77px;height: 964px;position: relative; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-b1 .tit{position: absolute;top: 53%;left: 50%; width: 408px;height: 155px;z-index: 2; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .row-b1 .tit img{height: 100%;display: block;} .row-b1 .pic{width: 406px;height: 406px;position: absolute;top: 32%;left: 39%; animation: yuan 50s linear infinite; } @keyframes yuan { 0% { -webkit-transform: rotateZ(0deg); } 25% { -webkit-transform: rotateZ(90deg); } 50% { -webkit-transform: rotateZ(180deg); } 75% { -webkit-transform: rotateZ(270deg); } 100% { -webkit-transform: rotateZ(360deg); } } .row-b1 li{position: absolute;width: 229px;height: 229px; background: url(../images/i-18.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .row-b1 .wp{position: relative;height: 100%;} .row-b1 .i1{left: 188px;top: 280px;} .row-b1 .i2{left: 50%;top: 27px;margin-left: -115px;} .row-b1 .i3{right: 188px;top: 280px;} .row-b1 .i4{left: 310px;bottom: 25px;} .row-b1 .i5{right: 313px;bottom: 28px;} .row-b1 .list .con{display: block;position: absolute;top: 50%;left: 0;right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .row-b1 .list h3{font-size: 16px;text-align: center;color: #fff;} .row-b1 .list .ico{display: block;height: 54px;margin-bottom: 2px; background-position: center;background-repeat: no-repeat; -o-background-size: auto 100%; -ms-background-size: auto 100%; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; } .row-b1 li:hover{background-image: url(../images/i-18-on.png);} .m-txt4{padding: 45px 56px 0;margin: 40px 0; background-color: #fff; } .m-txt4 h1{font-size: 22px;color: #333;font-weight: normal; border-bottom: 1px solid #d6d6d6;padding-bottom: 26px; } .m-txt4 .txt{font-size: 14px;line-height: 29px;color: #333;padding: 33px 0 40px;} .m-txt4 .txt h3{min-width: 140px;height: 40px;display: inline-block;margin-bottom: 12px; text-align: center;line-height: 40px;padding: 0 15px; font-size: 16px;color: #fff;font-weight: normal; border-radius: 0 15px 0 15px; background-color: #2d51a0; } .m-txt4 .bot{overflow: hidden;border-top: 1px solid #d6d6d6; padding-top: 44px;padding-bottom: 30px; } .m-txt4 .back{float: left;width: 126px;height: 36px;text-align: center;line-height: 32px; border-radius: 18px;border: 1px solid #2d51a0;font-size: 14px;color: #2d51a0; } .m-txt4 .back:after{content: '';display: inline-block;vertical-align: middle; width: 20px;height: 16px;position: relative;top: -2px;margin-left: 6px; background: url(../images/i-24.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-txt4 .back:hover{opacity: .8;} .m-txt4 .arrow{float: right;} .m-txt4 .arrow a{float: left;width: 126px;height: 36px;text-align: center;line-height: 32px; border-radius: 18px;border: 1px solid #c2c2c2;font-size: 14px;color: #c2c2c2; margin-left: 20px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-txt4 .arrow .next:after{content: '';display: inline-block;vertical-align: middle; width: 18px;height: 15px;position: relative;top: -2px;margin-left: 8px; background: url(../images/i-26.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-txt4 .arrow .prev:before{content: '';display: inline-block;vertical-align: middle; width: 18px;height: 15px;position: relative;top: -2px;margin-right: 8px; background: url(../images/i-25.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-txt4 .arrow a:hover{color: #333;border-color: #333;} .g-box2{padding: 50px 55px 0 40px;overflow: hidden; background-color: #fff;margin-bottom: 60px; } .g-t2{font-size: 24px;color: #2d50a1;margin-bottom: 27px;} .m-so{overflow: hidden;} .m-so .sel{margin-bottom: 17px;width: 49%;float: left;} .m-so .sel select{width: 100%;display: block;height: 57px;border: 1px solid #dfdfdf; border-radius: 29px;font-size: 16px;padding: 0 70px 0 24px;cursor: pointer; background: url(../images/i-27.png) no-repeat right center; -o-background-size: auto 100%; -ms-background-size: auto 100%; -moz-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .m-so .so-s{position: relative;width: 49%;float: right;} .m-so .so-s .inp{width: 100%;display: block;height: 57px;border: 1px solid #dfdfdf; border-radius: 29px;font-size: 16px;padding: 0 220px 0 24px; } .m-so .so-s .btn{width: 135px;position: absolute;top: 1px;bottom: 1px;right: 1px; border-radius: 29px;font-size: 16px;color: #fff;border: 0;cursor: pointer; background-color: #2d50a1; } .m-so .so-s .btn:after{content: '';display: inline-block;vertical-align: middle; width: 21px;height: 23px;position: relative;top: -2px;margin-left: 9px; background: url(../images/i-so.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list5{padding-top: 46px;} .m-list5 li{padding: 38px 0;border-bottom: 1px solid #d6d6d6;} .m-list5 .con{display: block;overflow: hidden;padding-right: 115px;position: relative;} .m-list5 .pic{float: left;width: 234px;height: 143px;overflow: hidden; font-size: 0;text-align: center;line-height: 143px; margin-right: 29px; } .m-list5 .pic img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;} .m-list5 .txt{overflow: hidden;padding-top: 20px;} .m-list5 h3{font-size: 18px;font-weight: bold;margin-bottom: 24px;} .m-list5 .desc{font-size: 14px;line-height: 26px;color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list5 .btn{width: 48px;height: 48px;border-radius: 50%;position: absolute;right: 0;top: 50%; background: #c2c2c2 url(../images/i-13.png) no-repeat center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list5 .con:hover .btn{background-color: #2d50a1;} .m-new2{margin: 71px 0 52px;} .m-new2 .con{display: block;overflow: hidden; background-color: #f1f4f6; } .m-new2 .pic{width: 47%;float: left;} .m-new2 .pic span{display: block;padding-top: 79%;height: 0;position: relative;overflow: hidden;} .m-new2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} .m-new2 .txt{overflow: hidden;padding-left: 60px;padding-top: 60px;padding-right: 49px;} .m-new2 h3{font-size: 32px;font-weight: normal;line-height: 42px; color: #333;margin-bottom: 20px; } .m-new2 .date{display: block;font-size: 16px;color: #888;padding-left: 22px; background: url(../images/i-29.png) no-repeat left center; margin-bottom: 13px; } .m-new2 .desc{font-size: 16px;line-height: 30px;color: #666;margin-bottom: 46px;} .m-new2 .btn{width: 43px;height: 43px;display: block; border: 1px solid #BBBBBB; background: url(../images/i-30.png) no-repeat center; border-radius: 50%; } .m-new2 .slick-dots{position: absolute;right: 49px;bottom: 62px; z-index: 2; } .m-new2 .slick-dots li{float: left;cursor: pointer; width: 57px;height: 2px;margin-left: 14px; background: #333333;opacity: 0.5; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-new2 .slick-dots li button{display: none;} .m-new2 .slick-dots li.slick-active{background: #2D51A0;opacity: 1;} .m-new2 .con:hover h3{color: #2D51A0;} .m-list6{} .m-list6 li{margin-bottom: 32px;} .m-list6 .con{display: block;overflow: hidden;padding: 22px 235px 22px 26px; background: #F1F4F6;position: relative; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list6 .pic{float: left;width: 236px;height: 156px;overflow: hidden; margin-right: 72px; } .m-list6 .pic img{width: 100%;height: 100%;display: block;} .m-list6 .txt{overflow: hidden;padding-top: 30px;} .m-list6 .txt h3{font-size: 26px;line-height: 32px;color: #333; font-weight: normal;margin-bottom: 14px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list6 .desc{font-size: 16px;line-height: 26px;color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list6 .time{position: absolute;right: 72px;text-align: center;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list6 .time span{font-size: 60px;color: #2D51A0;line-height: 1; display: block;font-weight: bold;margin-bottom: 6px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list6 .time em{font-size: 16px;color: #333; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list6 .con:hover{background-color: #2D51A0;} .m-list6 .con:hover h3, .m-list6 .con:hover .desc, .m-list6 .con:hover .time span, .m-list6 .con:hover .time em{color: #fff;} .g-box3{margin: 40px 0 60px;padding: 47px 56px 30px; background-color: #fff; } .m-t2{font-size: 22px;font-weight: normal;color: #333;padding-bottom: 26px; border-bottom: 1px solid rgba(51,51,51,.2); } .m-list7{padding-top: 36px;} .m-list7 li{margin-bottom: 40px; border-bottom: 1px solid rgba(51,51,51,.2); } .m-list7 .wen{font-size: 18px;color: #333;padding-left: 52px;line-height: 40px; margin-bottom: 24px; background: url(../images/i-31.png) no-repeat left center; } .m-list7 .da{font-size: 14px;color: #333;padding-left: 52px;line-height: 40px; margin-bottom: 36px; background: url(../images/i-32.png) no-repeat left center; } .m-form1-1{padding-top: 62px;} .m-form1-1 .item{background-color: #f1f5f8;} .m-form1-1 .inp{background-color: transparent;} .m-form1-1 .text .tit em{color: #e20000;} .m-form1-1 .tit{font-size: 16px;} .row-c1{overflow: hidden; background: url(../images/p-bg5.jpg) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-about{overflow: hidden;padding: 77px 0 112px;} .m-about .pic{float: right;margin-left: 64px;} .m-about .tit{color: #2D51A0;margin-bottom: 27px;} .m-about .tit h3{font-size: 48px;line-height: 1.4;} .m-about .tit span{font-size: 38px;} .m-about .txt{padding-top: 23px;} .m-about .desc{font-size: 18px;line-height: 32px;color: #8C8E93;} .row-c2{overflow: hidden;padding: 72px 0 100px; background: #f1f4f7 url(../images/p-bg6.jpg) no-repeat center top; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .g-t3{text-align: center;line-height: 1.4;position: relative;padding-bottom: 17px;} .g-t3 h2{font-size: 44px;color: #000;font-weight: normal;} .g-t3 em{font-size: 22px;color: #ababab;text-transform: capitalize; font-family: arial; } .g-t3:after{content: '';position: absolute;bottom: 0;left: 50%; width: 30px;height: 3px;margin-left: -15px; background: #2D51A0; } .m-list8{overflow: hidden;margin: 0 -11px 66px;padding-top: 56px;} .m-list8 li{width: 33.33%;float: left;margin-bottom: 26px;} .m-list8 .con{display: block;margin: 0 11px;padding: 26px 0 42px; background-color: #fff;position: relative; } .m-list8 .con:after,.m-list8 .con:before{content: '';position: absolute;width: 0%; height: 0%; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list8 .con:before{top: 0;left: 0;border-top: 1px solid #2D51A0;border-left: 1px solid #2D51A0;} .m-list8 .con:after{bottom: 0;right: 0;border-bottom: 1px solid #2D51A0;border-right: 1px solid #2D51A0;} .m-list8 .pic{height: 280px;line-height: 280px;font-size: 0;text-align: center; margin-bottom: 10px; } .m-list8 .pic img{display: inline-block;vertical-align: middle; max-width: 95%;max-height: 95%; } .m-list8 h3{font-size: 18px;color: #555;text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list8 .con:hover:before, .m-list8 .con:hover:after{width: 100%;height: 100%;} .m-list8 .con:hover h3{color: #2D51A0;} .g-load{width: 391px;height: 66px;display: block;margin: 0 auto;line-height: 66px; background: #DAE5F2;text-align: center;font-size: 18px;color: #0F3C76; border-radius: 33px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .g-load:after{content: '';display: inline-block;vertical-align: middle; width: 22px;height: 22px;position: relative;top: -2px;margin-left: 14px; background: url(../images/i-33.png) no-repeat center; } .g-load:hover{background-color: #b5d0f1;} .m-list9{padding-bottom: 53px;margin-bottom: 50px;background-color: #fff;} .m-list9 li{ background-color: #fff; } .m-list9 .top{overflow: hidden;padding: 0 50px;position: relative; height: 100px;line-height: 100px;cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list9 .top:after{content: '';position: absolute;left: 50px;right: 50px;bottom: 0; height: 1px;background-color: rgba(210, 210, 210, .5); } .m-list9 .s1{float: left;font-size: 22px;width: 41%;} .m-list9 .s2{float: left;width: 30%;font-size: 16px;color: #666;} .m-list9 .s3{float: left;width: 29%;font-size: 16px;color: #666;} .m-list9 .con{padding: 45px 50px 0;display: none;} .m-list9 .t1{font-size: 20px;color: #666;position: relative; padding-left: 15px;margin-bottom: 20px; } .m-list9 .t1:after{content: '';position: absolute;left: 0;top: 50%; width: 4px;height: 18px;background: #E8874C;margin-top: -9px; } .m-list9 .desc{font-size: 16px;line-height: 35px;color: #555; border-bottom: 1px dashed #e4e4e4;padding-bottom: 38px;margin-bottom: 40px; } .m-list9 .desc p{padding-left: 19px;position: relative;} .m-list9 .desc p:after{content: '';position: absolute;left: 0;top: 50%; width: 6px;height: 6px;border-radius: 50%;margin-top: -3px; background-color: #2d51a0; } .m-list9 .desc2{font-size: 16px;line-height: 35px;color: #555;margin-bottom: 50px;} .m-list9 .bot{font-size: 16px;color: #333;padding: 45px 0 50px; background: url(../images/i-bg2.jpg) repeat-x center top; } .m-list9 .bot a{color: #e8874c;font-weight: bold;} .m-list9 .bot a:hover{text-decoration: underline;} .m-list9 .close{position: absolute;right: 50px;top: 50%; width: 16px;height: 16px;margin-top: -8px; background: url(../images/i-34.png) no-repeat center; } .m-list9 li.open{border-bottom-color: #fff;border-bottom: 22px solid #f1f4f7;} .m-list9 li.open .top{height: 80px;line-height: 80px; background-color: #2d51a0; } .m-list9 li.open .top span{color: #fff !important;} .m-list9 li.open .con{display: block;} .m-list9 li.open .close{background-image: url(../images/i-34-on.png);} .g-t4{text-align: center;font-size: 0;margin-bottom: 62px;} .g-t4 ul{display: inline-block;} .g-t4 li{float: left;} .g-t4 li a{display: block;font-size: 44px;color: #999;padding: 0 28px; position: relative; } .g-t4 li a:after{content: '';position: absolute;right: 0;top: 50%; width: 1px;height: 44px;background-color: #aaaa; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .g-t4 li:last-child a:after{display: none;} .g-t4 li:hover a,.g-t4 li.on a{color: #1a1a1a;} .m-list10{} .m-list10 li{overflow: hidden;position: relative;padding-right: 214px; margin-bottom: 73px; } .m-list10 .col-pic{position: absolute;right: 0;top: 50%;width: 556px;z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list10 .pic{padding-top: 76%;height: 0;position: relative;overflow: hidden;} .m-list10 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .m-list10 .slick-arrow{position: absolute;left: 0;bottom: 0;z-index: 2; border: 0;cursor: pointer;font-size: 0;width: 81px;height: 78px; background-position: center;background-repeat: no-repeat; } .m-list10 .slick-prev{ background-color: rgba(209, 208, 208, .5); background-image: url(../images/i-35.png); } .m-list10 .slick-next{left: 81px; background-color: rgba(45, 81, 160, .54); background-image: url(../images/i-36.png); } .m-list10 .slick-arrow:hover{background-color: #2d51a0;} .m-list10 .txt{min-height: 564px;padding: 60px 365px 0 62px; background-color: #fff;position: relative; } .m-list10 h3{font-size: 32px;font-weight: normal;margin-bottom: 20px;} .m-list10 .desc{font-size: 16px;line-height: 30px;color: #666;} .m-list10 .num{font-size: 300px;opacity: .03;font-weight: bold; position: absolute;line-height: 1;bottom: 0;left: 20px; font-family: 'gabo_drive';font-style: italic; } .m-list10 li:nth-child(2n){padding-right: 0;padding-left: 214px;} .m-list10 li:nth-child(2n) .col-pic{right: auto;left: 0;} .m-list10 li:nth-child(2n) .txt{padding-right: 62px;padding-left: 380px;} .row-d1{background: #F1F3F8;padding: 80px 0 140px;} .m-list11{overflow: hidden;margin: 0 -14px;padding-top: 46px;} .m-list11 li{width: 25%;float: left;} .m-list11 .con{margin: 0 14px;height: 300px;padding: 65px 0 0; background-color: #fff;text-align: center; } .m-list11 .ico{width: 60px;height: 60px;display: block;position: relative; margin: 0 auto 14px; } .m-list11 .ico i{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-position: center;background-repeat: no-repeat; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list11 .ico .i-on,.m-list11 .con:hover .ico .i-ok{opacity: 0;} .m-list11 h3{font-size: 18px;color: #333;text-align: center; position: relative;padding-top: 15px;margin-bottom: 24px; } .m-list11 h3:after{content: '';position: absolute;top: 0;left: 50%; width: 26px;height: 1px;background-color: #d2d2d2;margin-left: -13px; } .m-list11 .con:hover .ico .i-on{opacity: 1;} .m-list11 p{font-size: 16px;line-height: 26px;margin: 0 30px;} .m-list11 .con:hover{background-color: #2D51A0;} .m-list11 .con:hover h3,.m-list11 .con:hover p{color: #fff;} .row-d2{overflow: hidden;padding: 88px 0 58px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .row-d2 .wp{overflow: hidden;} .row-d2 .g-t3{margin-bottom: 53px;} .g-t3-1 h2{color: #fff;} .g-t3-1 em{color: #fff;opacity: .6;} .g-t3-1:after{background-color: #fff;} .row-d2 .col-l{width: 780px;} .row-d2 .col-r{width: 363px;padding-top: 37px;position: relative;z-index: 2;} .m-map{position: relative;} .m-map .bg img{width: 100%;display: block;} .m-map .tab{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .m-map li{position: absolute;} .m-map .i1{width: 367px;height: 435px;top: 6px;right: 114px;} .m-map .i2{width: 100px;height: 121px;top: 335px;right: 159px;} .m-map .i3{width: 204px;height: 170px;top: 410px;right: 186px;} .m-map .i4{width: 404px;height: 227px;top: 313px;left: 62px;} .m-map .i5{width: 520px;height: 300px;top: 90px;left: 0px;} .m-map .i6{width: 178px;height: 243px;top: 0px;right: 0px;} .m-map li .pic{display: none;} .m-map span{font-size: 16px;color: #FFF5F5;padding-top: 35px;position: absolute; background: url(../images/i-41.png) no-repeat center top; display: none; } .m-map span:after{content: '';position: absolute;top: 52%;left: 50%;width: 600px; height: 1px;background-color: #fff; } .m-map .i1 span{top: 210px;right: 103px;} .m-map .i2 span{top: 32px;right: 0px;} .m-map .i3 span{top: 70px;right: 46px;} .m-map .i4 span{top: 70px;right: 85px;} .m-map .i5 span{top: 225px;right: 60px;} .m-map .i6 span{top: 175px;right: 90px;} .m-map li.on .pic{display: block;} .m-map li.on span{display: block;} .m-adds{padding: 32px 36px 0;height: 600px; background-color: #fff; } .m-adds .pic{margin-bottom: 45px;} .m-adds .pic img{width: 100%;display: block;} .m-adds h3{font-size: 24px;color: #333;margin-bottom: 15px;} .m-adds .desc{font-size: 16px;line-height: 2;color: #666;} .row-d3{padding: 88px 0 0;overflow: hidden; background-color: #f1f3f8; } .row-d3 .g-t3{margin-bottom: 47px;} .m-form1 select.inp{ background: url(../images/i-16.png) no-repeat right 30px center; } .row-n1{overflow: hidden;padding: 63px 0 0;} .row-n1 .col-l{width: 868px;} .row-n1 .col-r{width: 330px;} .m-txt5{} .m-txt5 h1{font-size: 32px;font-weight: normal;margin-bottom: 23px;} .m-txt5 .info{overflow: hidden;line-height: 30px;padding-bottom: 24px; border-bottom: 1px solid rgba(210, 210, 210, .7); font-size: 16px;color: #888; } .m-txt5 .info span{float: left;margin-right: 30px;} .m-txt5 .share span{margin-right: 0;} .m-txt5 .share .bdsharebuttonbox a { background-size: 100% 100%; background-position: center; float: left; width: 30px; height: 30px; padding-left: 0; margin: 0 3px; } .m-txt5 .bdsharebuttonbox .bds_sqq { background-image: url(../images/share-qq.png); } .m-txt5 .bdsharebuttonbox .bds_weixin{ background-image: url(../images/share-weixin.png); } .m-txt5 .bdsharebuttonbox .bds_qzone{ background-image: url(../images/share-qzone.png); } .m-txt5 .bdsharebuttonbox .bds_tsina{ background-image: url(../images/share-weibo.png); } .m-txt5 .txt{font-size: 15px;line-height: 30px;padding: 40px 0 50px; border-bottom: 1px solid rgba(210, 210, 210, .8); } .m-txt5 .arrow{padding: 28px 0 40px;} .m-txt5 .arrow a{font-size: 16px;display: block;line-height: 40px;display: block; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-t3{font-size: 24px;position: relative;margin-bottom: 31px;padding-bottom: 16px;} .m-t3:after{content: '';position: absolute;left: 0;bottom: 0; width: 24px;height: 2px; background-color: #2D51A0; } .m-list12{} .m-list12 li{margin-bottom: 18px;} .m-list12 .pic{margin-bottom: 18px;} .m-list12 .pic img{width: 100%;display: block;} .m-list12 h3{font-size: 18px;font-weight: normal;margin-bottom: 12px;} .m-list12 .date{display: block;font-size: 16px;color: #888;padding-left: 22px; background: url(../images/i-29.png) no-repeat left center; } .g-bgc3{margin-top: 77px; background-color: #f3f5f8; } .g-bgc3 .g-cur {background-color: #f3f5f8;line-height: 60px;} .g-bgc3 .g-cur .cur{float: none;} .row-g1{padding: 43px 0 70px; background-color: #fff; } .row-g1 .tit{font-size: 30px;font-weight: normal;color: #000; margin-bottom: 22px; } .row-g1 .pic img{width: 100%;display: block;} .row-g2{overflow: hidden;padding: 60px 0 0;position: relative;} .row-g2 .col-l{width: 300px;} .row-g2 .col-r{width: 967px;position: relative;} .row-g2.open{padding-bottom: 50px;} .row-g2.open .pages{position: absolute;bottom: 0;left: 0;right: 0;margin-bottom: 0;} .m-t4{height: 136px;position: relative;line-height: 136px;margin-bottom: 5px; background-color: #2D51A0;color: #fff;text-align: center; } .m-t4 em{font-size: 73px;opacity: .03;} .m-t4 h3{font-size: 30px;font-weight: normal;position: absolute;top: 0;left: 0;right: 0;} .m-sel{} .m-sel .tit{font-size: 20px;font-weight: normal;height: 50px;line-height: 50px; cursor: pointer; padding-left: 31px;color: #fff; background: #2D51A0 url(../images/i-42-on.png) no-repeat right 30px center; } .m-sel .tit.on{background-image: url(../images/i-42.png);margin-bottom: 15px;} .m-sel .con{padding: 20px 30px 30px; background-color: #fff; } .m-sel .con ul{height: 205px;overflow: hidden;} .m-sel .con ul.open{height: auto;} .m-sel li a{display: block;font-size: 16px;line-height: 41px;color: #666; padding-left: 30px; background: url(../images/i-43.png) no-repeat left center; } .m-sel li.on a{background-image: url(../images/i-43-on.png);color: #2D51A0;} .m-sel li:hover a{color: #2D51A0;} .m-sel .btn{display: block;width: 240px;height: 36px;text-align: center; background: #F3F5F8;line-height: 36px;font-size: 16px;color: #666; border-radius: 3px;margin-top: 18px; } .m-sel .btn:after{content: '';display: inline-block;vertical-align: middle; width: 18px;height: 18px;position: relative;top: -2px;margin-left: 12px; background: url(../images/i-44.png) no-repeat center; } .m-sel .btn:hover{background-color: #9cb8f4;} .m-sel .btn.on:after{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .m-list13{} .m-list13 li{margin-bottom: 24px;} .m-list13 .con{overflow: hidden;position: relative;padding-right: 260px; background-color: #fff;border: 1px solid #fff; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list13 .pic{width: 218px;text-align: center;height: 211px; line-height: 211px;font-size: 0;float: left; } .m-list13 .pic img{display: inline-block;vertical-align: middle; max-width: 90%;max-height: 90%; } .m-list13 .txt{overflow: hidden;padding-top: 36px;} .m-list13 .txt h3{margin-bottom: 11px;} .m-list13 .txt h3 a{display: block;font-size: 24px;font-weight: normal; color: #000; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list13 .info{font-size: 14px;line-height: 23px;color: #666;} .m-list13 .info a{color: #666;display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list13 .item{overflow: hidden;margin-bottom: 7px;} .m-list13 .item em{float: left;} .m-list13 .item span{display: block;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .m-list13 .bot{position: absolute;right: 40px;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list13 .bot a{display: block;width: 160px;height: 49px;text-align: center; line-height: 49px;font-size: 14px;margin: 9px 0; } .m-list13 .bot .btn1{background: #F2F4F7;color: #333;} .m-list13 .bot .btn2{background: #2D51A0;color: #fff;} .m-list13 .bot a:hover{opacity: .8;} .m-list13 .con:hover{border-color: #2D51A0;} .m-list13 .con:hover h3 a{color: #2D51A0;} .m-list13 .hot{position: absolute;top: 0;left: 0;width: 67px;height: 61px; background: url(../images/i-45.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .row-comm{overflow: hidden;padding: 57px 0 80px; background-color: #fff; } .row-comm .col-l{width: 573px;margin-right: 54px;} .row-comm .col-r{float: none;overflow: hidden;position: relative;height: 400px;} .row-comm .slider-for{height: 400px;width: 573px;border: 1px solid #d2d2d2; position: relative;margin-bottom: 17px; } .row-comm .slider-for .pic{line-height: 398px;height: 400px;text-align: center;font-size: 0;overflow: hidden;} .row-comm .slider-for .pic img{display: inline-block;vertical-align: middle; max-width: 90%;max-height: 90%; } .row-comm .i-so{position: absolute;right: 23px;bottom: 22px; width: 34px;height: 36px; background: url(../images/i-46.png) no-repeat center; } .row-comm .slider-nv{height: 102px;} .row-comm .slider-nv .slider{margin: 0 -9px;} .row-comm .slider-nv .img{height: 102px;border: 1px solid #e6e6e7; line-height: 100px;text-align: center;font-size: 0;margin: 0 9px; } .row-comm .slider-nv .img img{display: inline-block;vertical-align: middle; max-width: 90%;max-height: 90%;cursor: pointer; } .row-comm .slider-nv .img:hover,.row-comm .slider-nv .item.slick-current .img{border-color: #2D51A0;} .row-comm .tit{font-size: 30px;font-weight: normal;color: #2D51A0; border-bottom: 1px solid #dcdcdc;padding-bottom: 20px; } .row-comm .info{font-size: 16px;line-height: 36px;color: #999; padding-top: 15px;margin-bottom: 25px; } .row-comm .item{overflow: hidden;margin-bottom: 10px;} .row-comm .item em{float: left;font-weight: bold;} .row-comm .item .desc{overflow: hidden;color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .row-comm .lab{overflow: hidden;margin-top: 6px;} .row-comm .lab li{float: left;padding: 0 15px;height: 24px; text-align: center;line-height: 22px;font-size: 12px;color: #666; border: 1px solid #B2B2B2;margin-right: 10px;cursor: pointer;margin-bottom: 10px; } .row-comm .lab li.on,.row-comm .lab li:hover{border-color: #2D51A0;color: #2D51A0;} .row-comm .btn{display: inline-block;width: 198px;height: 48px; background: #2D51A0;text-align: center;line-height: 48px; border-radius: 5px;font-size: 18px;color: #fff;margin-right: 18px; } .row-comm .btn:hover{opacity: .8;} .row-comm .bot{position: absolute;left: 0;bottom: 0;} .row-g3{overflow: hidden;padding-bottom: 50px; background-color: #fff; } .row-g3 .col-l{width: 300px;} .row-g3 .col-r{float: none;padding-left: 33px;overflow: hidden;} .p-logo{height: 136px;line-height: 136px;text-align: center; font-size: 0;background-color: #F3F5F8; } .p-logo img{display: inline-block;vertical-align: middle;max-height: 85%;max-width: 85%;} .m-1{border: 1px solid rgba(213, 214, 217, .8);} .m-1 .tit{height: 55px;overflow: hidden;line-height: 55px; background-color: #2D51A0;padding-left: 22px;padding-right: 19px; } .m-1 .tit h3{float: left;font-size: 18px;font-weight: normal;color: #fff;} .m-1 .tit .more{float: right;font-size: 16px;color: rgba(255,255,255,.6); padding-right: 30px; background: url(../images/i-47.png) no-repeat right center; } .m-1 .tit .more:hover{color: #fff;} .m-list14{padding-right: 25px;padding-left: 24px;padding-top: 20px;padding-bottom: 10px;} .m-list14 li{margin-bottom: 12px;} .m-list14 li a{display: block;font-size: 16px;line-height: 1.8; color: #000;padding-left: 16px;position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list14 li a:after{content: '';position: absolute;left: 0;top: 9px; width: 6px;height: 6px;border-radius: 50%; background: #D2D2D2; } .m-list14 li a:hover{color: #2D51A0;} .m-list14 li a:hover:after{background-color: #2D51A0;} .m-tab2{overflow: hidden; background-color: #F3F5F8; } .m-tab2 li{float: left;} .m-tab2 li a{display: block;height: 65px;line-height: 65px;font-size: 18px; color: #2D51A2;width: 300px;text-align: center;position: relative; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-tab2 li a:after{content: '';position: absolute;right: 0;top: 50%;width: 1px; height: 24px;background-color: #2D51A0;margin-top: -12px; } .m-tab2 li:hover a,.m-tab2 li.on a{background-color: #2D51A0;color: #fff;} .m-tab2 li:last-child a:after{display: none;} .m-txt6{font-size: 16px;line-height: 39px;color: #666;padding: 22px 0;} .m-txt6 h3{font-size: 18px;color: #2D51A0;} .m-t5{overflow: hidden;margin-bottom: 30px; background-color: #F3F5F8; } .m-t5 h3{float: left;line-height: 65px;width: 300px;text-align: center; font-size: 18px;color: #fff;font-weight: normal; background-color: #2D51A0; } div.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; background: #fff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; width: 300px; height: 300px } div.zoomMask { position: absolute; background: url(../images/mask.png); cursor: move; z-index: 1 } div.zoomDiv img { max-width: none } .m-slider3{margin-bottom: 45px;} .m-slider3 .slider{margin: 0 -6px 0 -8px;} .m-slider3 .con{display: block;border: 1px solid #E6E6E7; margin: 0 8px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-slider3 .con:hover{border-color: #2D51A0;} .m-slider3 .pic{height: 230px;line-height: 230px;text-align: center;font-size: 0; background-color: #F3F5F8; } .m-slider3 .pic img{display: inline-block;vertical-align: middle; max-width: 90%;max-height: 90%; } .m-slider3 .txt{padding: 20px 15px 19px 15px;border-top: 1px solid #E6E6E7;} .m-slider3 h3{font-size: 16px;line-height: 1.8;font-weight: normal; height: 3.6em; color: #000;margin-bottom: 7px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-slider3 .info{font-size: 14px;color: #666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-slider3 .slick-dots{text-align: center;margin-top: 29px;} .m-slider3 .slick-dots li{display: inline-block;margin: 0 5px; width: 60px;height: 3px;background: #E6E6E7; } .m-slider3 .slick-dots li button{display: none;} .m-slider3 .slick-dots li.slick-active{background-color: #2D51A0;} .m-slider4{} .m-slider4 .slider{margin: 0 -5px;} .m-slider4 .item{vertical-align: top;} .m-slider4 .con{display: block;height: 130px;margin: 0 5px 20px;position: relative; background-color: #F3F5F8;padding: 40px 208px 0 36px; } .m-slider4 h3{font-size: 18px;margin-bottom: 6px;color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-slider4 .desc{font-size: 14px;color: #666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-slider4 .btn{width: 150px;position: absolute;top: 50%;right: 0; text-align: center; height: 60px;line-height: 60px;border-left: 1px solid #C5D2E7; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -webkit-filter: grayscale(100%);     -moz-filter: grayscale(100%);     -ms-filter: grayscale(100%);     -o-filter: grayscale(100%);     filter: grayscale(100%);     filter: gray; } .m-slider4 .btn img{display: inline-block;vertical-align: middle;max-height: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .m-slider4 .con:hover h3{color: #2D51A0;} .m-slider4 .con:hover .btn{ -webkit-filter: grayscale(0%);     -moz-filter: grayscale(0%);     -ms-filter: grayscale(0%);     -o-filter: grayscale(0%);     filter: grayscale(0%);     filter: gray; } /*.m-slider4 .con:hover .btn{background-image: url(../images/i-48-on.png);}*/ .m-slider4 .slick-dots{text-align: center;margin-top: 9px;} .m-slider4 .slick-dots li{display: inline-block;margin: 0 5px; width: 60px;height: 3px;background: #E6E6E7; } .m-slider4 .slick-dots li button{display: none;} .m-slider4 .slick-dots li.slick-active{background-color: #2D51A0;} .m-slider4 .con:hover .btn img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } .row-g4{padding: 32px 0 34px; background-color: #fff; } .m-t6{font-size: 30px;font-weight: normal;color: #333; padding-left: 40px;margin-bottom: 25px; background-position: left center;background-repeat: no-repeat; } .comm-sel .s-con{margin-bottom: 34px; border: 1px solid #E2E6ED;border-bottom: 0; } .comm-sel .item{overflow: hidden;background-color: #F3F5F8; border-bottom: 1px solid #e5e5e5;padding-left: 200px;position: relative; } .comm-sel .tit{width: 200px;text-align: right;position: absolute;top: 50%;left: 0; background-color: #F3F5F8;font-size: 15px;font-weight: bold;padding-right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .comm-sel .cont{overflow: hidden;padding: 10px 0 10px 25px; background-color: #fff; } .comm-sel .cont label{font-size: 16px;line-height: 36px;float: left; margin-right: 36px;color: #666;cursor: pointer; } .comm-sel .cont label .rad{width: 15px;height: 15px;display: inline-block;vertical-align: middle; position: relative;top: -2px;cursor: pointer;margin-right: 5px; background: url(../images/i-01.png) no-repeat center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .comm-sel .cont label .rad:checked{background-image: url(../images/i-01-on.png);} .comm-sel .bot{text-align: right;} .comm-sel .bot input{display: inline-block;height: 45px;width: 152px; border: 0;font-size: 16px;outline: 0;font-weight: bold; cursor: pointer;margin-left: 14px; } .comm-sel .btn1{background-color: #e8eaeb;color: #333;} .comm-sel .btn2{background-color: #3759a4;color: #fff;} .comm-sel .bot input:hover{opacity: .8;} .so-tit{overflow: hidden;height: 103px;line-height: 103px; background-color: #fff;color: #000; } .so-tit h2{font-size: 22px;font-weight: normal;float: left;padding-left: 46px; background: url(../images/i-52.png) no-repeat left center; } .so-tit .num{float: right;font-size: 16px;} .snv2{padding-bottom: 14px; background-color: #fff; } .snv2 li{border-bottom: 1px solid rgba(27, 27, 27, .1);} .snv2 li .v1{line-height: 53px;display: block;font-size: 20px;color: #000; padding-left: 29px; background: url(../images/i-53.png) no-repeat right 30px center; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .snv2 li.on .v1,.snv2 li:hover .v1{background-color: #2D51A0;color: #fff; background-image: url(../images/i-42-on.png); } .snv2 li.on dl{display: block;} .snv2 dl{display: none;padding: 15px 0;} .snv2 dd a{font-size: 16px;line-height: 50px;color: #000; padding-left: 50px; } .snv2 dd a span{color: #A5A5A5;} .snv2 dd a:hover{color: #2D51A0;} .m-list13-1{ background-color: #fff; } .m-list13-1 li{margin-bottom: 0;padding: 10px 0;} .m-list13-1 .con{border: 0;position: relative;} .m-list13-1 .con:after{content: '';position: absolute;bottom: 0;left: 39px;right: 39px; height: 1px;background-color: #DCDCDC; } .m-list13-1 li:last-child .con:after{display: none;} .row-h1{overflow: hidden;} .m-order{margin-bottom: 40px;} .m-order .tit{overflow: hidden;height: 58px;background-color: #2D51A0; line-height: 58px;font-size: 20px;color: #fff;margin-bottom: 43px; } .m-order .tit span{float: left;text-align: center;} .m-order .tit .s1{width: 61%;} .m-order .tit .s2{width: 26%;} .m-order .tit .s3{width: 13%;} .m-order .list{} .m-order .list li{overflow: hidden;margin-bottom: 34px;height: 198px; background-color: #fff;position: relative; } .m-order .list li:after{content: '';position: absolute;left: 0;bottom: 0;width: 0; height: 3px;background-color: #2D51A0; transition: .8s; -ms-transition: .8s; -moz-transition: .8s; -webkit-transition: .8s; -o-transition: .8s; } .m-order .left{width: 61%;float: left;} .m-order .center{width: 26%;float: left;height: 198px;position: relative;text-align: center;} .m-order .center:after,.m-order .center:before{content: '';position: absolute;top: 50%; width: 1px;height: 110px;background-color: #d8d8d8; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-order .center:after{left: 0;} .m-order .center:before{right: 0;} .m-order .right{width: 13%;float: left;text-align: center;line-height: 198px;} .m-order .pic{width: 317px;text-align: center;line-height: 198px;font-size: 0; float: left; } .m-order .pic img{display: inline-block;vertical-align: middle; max-height: 90%;max-width: 90%; } .m-order .txt{overflow: hidden;height: 198px;position: relative;} .m-order .txt h3{font-size: 18px;color: #000;position: absolute;top: 50%;left: 0; right: 20px;font-weight: normal; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-order .num{height: 40px;display: inline-block;margin: 0 auto;overflow: hidden; border: 1px solid #b2b2b2;margin-top: 82px; } .m-order .num a{width: 38px;height: 38px;float: left;text-align: center; background-position: center;background-repeat: no-repeat; } .m-order .num .minusBtn{background-image: url(../images/i-55.png);} .m-order .num .plusBtn{background-image: url(../images/i-54.png);} .m-order .num .minusBtn:hover{background-image: url(../images/i-55-on.png);} .m-order .num .plusBtn:hover{background-image: url(../images/i-54-on.png);} .m-order .num .t-num{width: 98px;height: 38px;float: left; border: 0;text-align: center;font-size: 22px;color: #000; border-left: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; } .m-order .del{font-size: 18px;color: #000;} .m-order .list li:hover:after{width: 100%;} .m-order .del:hover{color: #D9413D;} .add-btn{display: block;width: 169px;height: 68px;text-align: center;line-height: 68px; font-size: 18px;color: #fff; background: #2D51A0; } .add-btn:before{content: '';display: inline-block;vertical-align: middle; width: 22px;height: 22px;position: relative;top: -2px;margin-right: 6px; background: url(../images/i-56.png) no-repeat center; } .add-btn:hover{opacity: .8;color: #fff;} .row-u1{overflow: hidden;padding: 43px 0 104px; background-position: center bottom;background-repeat: no-repeat; } .m-about2{overflow: hidden;} .m-about2 .txt{width: 55%;float: left;} .m-about2 .pic{width: 38%;float: right;} .m-about2 .tit{color: #2D51A0;margin-bottom: 27px;} .m-about2 .tit h3{font-size: 48px;line-height: 1.4;} .m-about2 .tit span{font-size: 38px;} .m-about2 .txt{padding-top: 109px;} .m-about2 .desc{font-size: 18px;line-height: 32px;color: #8C8E93; margin-bottom: 45px; } .m-about2 .btn{display: block;width: 190px;height: 58px;margin-bottom: 60px; border: 2px solid #2D51A0;line-height: 54px;text-align: center; border-radius: 29px;font-size: 18px;color: #2D51A0; } .m-about2 .list{overflow: hidden;} .m-about2 .list li{float: left;padding-right: 25px;} .m-about2 .num{float: left;font-size: 38px;color: #2D51A0;line-height: 65px;} .m-about2 .num span{display: inline-block;vertical-align: middle;font-size: 46px;/*font-family: 'gabo_drive';*/ font-family: 'ENGCAPS'; } .m-about2 .num em{display: inline-block;vertical-align: middle;} .m-about2 .d-c{font-size: 14px;line-height: 22px;overflow: hidden; padding-top: 12px; } .row-u2{padding: 77px 0 88px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-slider5{padding-top: 52px;} .m-slider5 .slick-arrow{position: absolute;top: 50%;width: 56px;height: 56px; font-size: 0;text-indent: 9999px;border: 0;cursor: pointer; background-color: transparent; background-position: center;background-repeat: no-repeat; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-slider5 .slick-prev{left: -100px;background-image: url(../images/i-57-on.png);} .m-slider5 .slick-next{right: -100px;background-image: url(../images/i-58-on.png);} .m-slider5 .slick-prev:hover{background-image: url(../images/i-57.png);} .m-slider5 .slick-next:hover{background-image: url(../images/i-58.png);} .m-slider5 .con{position: relative;margin-left: 35px;margin-top: 32px;height: 492px; box-shadow: 3px 5px 15px 0px rgba(0, 0, 0, 0.1); background: #fff url(../images/p-bg10.jpg) no-repeat center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-slider5 .txt{width: 510px;margin-left: 688px;padding-top: 43px;} .m-slider5 .pic{position: absolute;top: -32px;left: -35px;width: 50%;} .m-slider5 .desc{font-size: 16px;line-height: 37px;color: #555;} .m-slider5 h3{line-height: 1.15;position: relative;margin-bottom: 8px; font-size: 111px;font-family: "Arial"; font-weight: bold;color: #fff; text-shadow: #2d51a0 1px 0 0, #2d51a0 0 1px 0, #2d51a0 -1px 0 0, #2d51a0 0 -1px 0; } .m-slider5 h3 em{position: absolute;left: 6px;bottom: 5px; color: #2d51a0;font-weight: bold; } .m-slider5 .desc{border-top: 1px solid #e3e3e4;padding-top: 22px;} .m-slider5 .slider-nav{margin-top: 56px; background: url(../images/i-bg3.png) repeat-x center 7px; } .m-slider5 .slider-nav span{display: block;text-align: center;position: relative; font-size: 18px;color: #333;padding-top: 35px;cursor: pointer; } .m-slider5 .slider-nav span:after{content: '';position: absolute;top: 0;left: 50%; width: 24px;height: 24px;margin-left: -9px; background: url(../images/i-59.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-slider5 .slider-nav .item.slick-current span{color: #2D51A0;} .m-slider5 .slider-nav .item.slick-current span:after{background-image: url(../images/i-59-on.png);} .row-u3{padding: 77px 0 90px;} .m-list15{*zoom:1;margin: 0 -20px;padding-top: 50px;} .m-list15:after,.m-list15:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .m-list15 li{width: 33.33%;float: left;} .m-list15 .con{margin: 0 20px;height: 640px; background: #FFFFFF;text-align: center; box-shadow: 0px 0px 14px 2px rgba(45, 81, 160, 0.06); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list15 .pic{padding-top: 61%;height: 0;position: relative;overflow: hidden;} .m-list15 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list15 .ico{width: 88px;height: 88px;display: block;margin: -44px auto 18px;position: relative;z-index: 2; background: url(../images/i-60.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list15 .ico em{width: 100%;height: 100%;display: block; background: url(../images/i-60.png) no-repeat center; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-list15 .desc{font-size: 14px;line-height: 30px;color: #888;margin: 0 42px;} .m-list15 h3{font-size: 30px;font-weight: normal;color: #333;position: relative; padding-bottom: 18px;margin-bottom: 20px; } .m-list15 h3:after{content: '';position: absolute;bottom: 0;left: 50%; width: 46px;height: 2px;margin-left: -23px; background-color: #2D51A0; } .m-list15 .con:hover{ box-shadow: 0px 0px 20px 2px rgba(45, 81, 160, 0.3); } .m-list15 .con:hover .pic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .row-u4{padding: 77px 0 30px;overflow: hidden;} .m-honor{padding-top: 22px;} .m-honor .more{font-size: 16px;color: #555;display: block;text-align: center;margin-bottom: 40px;} .m-honor .more:hover{color: #2D51A0;} .m-honor ul{overflow: hidden;position: relative;} .m-honor li{width: 20%;float: left;text-align: center;font-size: 0; line-height: 260px; } .m-honor .pic img{display: inline-block;vertical-align: bottom;} .m-honor .item{padding-bottom: 101px;position: relative;margin-bottom: 25px;} .m-honor .item:after{content: '';position: absolute;right: 0;bottom: 0%;width: 1363px; height: 101px; background: url(../images/ico-bg.png) no-repeat left top; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .gc-more {text-align: center;} .gc-more a {font-size: 18px;color: #666;display: block; background-image: url(../images/more_03.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 40px; } .gc-more a{ background: none; position: relative; top: -40px; } .gc-more a:after{ animation: starFlick 3s ease-out infinite; -webkit-animation: starFlick 3s ease-out infinite; content: ""; display: block; width: 30px; height: 30px; position: absolute; margin-bottom: 15px; left: 50%; margin-left: -15px; background: url(../images/more_down_gray.png) no-repeat center top; background-size: 100%; top: 20px; animation: starFlick 3s ease-out infinite; -webkit-animation: starFlick 3s ease-out infinite; } @keyframes starFlick { from { opacity: 1; top: 20px; } to { opacity: 0; top: 35px; } } @-webkit-keyframes starFlick { from { opacity: 1; top: 20px; } to { opacity: 0; top: 35px; } } .row-h1 .wp{position: relative;} .contrast-btn{position:absolute;right: -112px;top:20%;cursor:pointer} .contrast-btn .ico{display:block;width:68px;height:68px;border-radius:5px; margin:0 auto 8px;background:url(../images/i-64.png) center 13px no-repeat #2d51a0; text-align: center;font-size: 14px;color: #fff;padding-top: 40px; -o-background-size: 25px auto; -ms-background-size: 25px auto; -moz-background-size: 25px auto; -webkit-background-size: 25px auto; background-size: 25px auto; } .contrast-btn p{font-size:18px;text-align:center;color:#2d51a0} .m-float{position:fixed;right:0;top:30%;z-index:100;width:56px} .m-float li{position:relative;margin-bottom: 2px;} .m-float .pic{width:120px;position:absolute;right:100%;top:0;display:none;box-shadow:0 0 5px rgba(0,0,0,.2)} .m-float .pic img{display:block;width:100%;height:auto} .m-float li:hover .pic{display:block} .m-float .icon{display:block; cursor:pointer; width:56px; height:56px; background-repeat:no-repeat; background-position:center center; background-color:rgba(45,81,160,.68); -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; } .m-float li:hover .icon{background-color:#2d51a0} .m-float .tel{position:absolute; right:0;top:0;z-index:5;width:217px;background:#2d51a0; font-family:Arial;font-size:18px;color:#fff;line-height:56px; height: 56px; text-align:center; display:none;border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .m-float .ser{width:157px; text-align: left; padding-left: 10px;font-size:16px;} .m-float .tel a{color: #FFFFFF;} .m-float .tel img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right: 13px;} .m-float li:hover .tel{display:block} .g-tab{overflow: hidden;margin: 46px 0 35px;} .g-tab li{float: left;margin-right: 10px;} .g-tab li a{display: block;padding: 0 16px; height: 52px;line-height: 52px;font-size: 18px;border-radius: 4px; } .g-tab li.on a,.g-tab li:hover a{background-color: #2862B4;color: #fff;} .m-list16{overflow: hidden;margin-bottom: 92px; border-top: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; } .m-list16 li{float: left;width: 33.33%;} .m-list16 .con{display: block;height: 220px;padding: 26px 45px 0 35px; border-bottom: 1px solid #d6d6d6;position: relative; border-right: 1px solid #d6d6d6; } .m-list16 .pic{height: 70px;line-height: 70px;font-size: 0;margin-bottom: 10px;} .m-list16 .pic img{display: inline-block;vertical-align: middle;max-height: 90%;} .m-list16 .t1{font-size: 22px;font-weight: normal;margin-bottom: 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list16 .tips{font-size: 16px;color: #888; display: block; } .m-list16 .mask{position: absolute;top: 0;left: 0;right: 0;bottom: 0; padding: 30px 40px 0 32px;color: #fff;opacity: 0; background-color: #2862b4; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list16 .t2{font-size: 22px;font-weight: normal;margin-bottom: 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .m-list16 .desc{font-size: 16px;opacity: .68;line-height: 1.75; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .m-list16 .con:hover .mask{opacity: 1;} .g-bgc2{background-color: #f2f3f8;} .s-sel .tit{font-size: 20px;font-weight: normal;height: 50px;line-height: 50px; cursor: pointer; padding-left: 31px;color: #fff; background: #2D51A0 url(../images/i-42-on.png) no-repeat right 30px center; } .s-sel .tit.on{background-image: url(../images/i-42.png);margin-bottom: 15px;} .s-sel ul{padding: 20px 30px 30px; background-color: #fff; } .s-sel .s1{font-size: 16px;display: block;line-height: 49px;position: relative; border-bottom: 1px solid rgba(68, 72, 90, .12);color: #333; } .s-sel .s1:after{content: '>';position: absolute;right: 5px;width: 14px;height: 14px; top: 50%;font-family: '黑体';font-size: 16px;color: #666;line-height: 14px;margin-top: 0px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .s-sel li.on .s1,.s-sel .s1:hover{color: #2D51A0;} .s-sel li.on .s1:after{margin-top: -7px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .s-sel li.on dl{display: block;} .s-sel .s2{display: block;font-size: 16px;color: #666;line-height: 36px;} .s-sel .s2:before{content: '>';display: inline-block;vertical-align: middle; position: relative;top: -2px; } .s-sel dd.ok .s2, .s-sel .sbu a.ok2, .s-sel .s2:hover, .s-sel .sbu a:hover{color: #2D51A0;} .s-sel .sbu a{font-size: 14px;color: #666;display: block;line-height: 32px; padding-left: 33px;position: relative; } .s-sel .sbu a:after{content: '';position: absolute;left: 22px;top: 50%; width: 4px;height: 4px;border-radius: 50%; background: #000000;opacity: .5; } .s-sel .sbu a.ok2:after,.s-sel .sbu a:hover:after{background-color: #2D51A0;opacity: 1;} .s-sel dl{display: none;} .s-sel .sbu{display: none;} .s-sel dd.ok .sbu{display: block;} .n-slider1{margin: 0 -10px;} .n-slider1 .item{padding: 0 10px;} .m-adds{padding: 15px 15px 0;height: 500px;} .m-adds .pic{margin-bottom: 25px;} .n-slider1 .slick-arrow {position: absolute; top: 50%; z-index: 2; width: 47px; height: 28px; font-size: 0; text-indent: 9999px; border: 0; cursor: pointer; background-color: transparent; background-position: center; background-repeat: no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .n-slider1 .slick-next{ right: -40px; background-image: url(../images/i-05.png); } .n-slider1 .slick-prev{ left: -47px; background-image: url(../images/i-04.png); } .row-d2 .wp{overflow: visible;} @media only screen and (max-width: 1199px){ .n-slider1{padding: 0 30px;} .n-slider1 .slick-arrow{} .n-slider1 .slick-prev{left: -38px;} .n-slider1 .slick-next{right: -38px;} }