@media (min-width: 1199px) and (max-width: 1600px) { .wp{max-width: 90vw;} .header .top{line-height: 2.937vw;} .header .t-l a{font-size: 1vw;padding-left: 1.562vw;margin-right: 0.812vw; -o-background-size: 1.312vw auto; -ms-background-size: 1.312vw auto; -moz-background-size: 1.312vw auto; -webkit-background-size: 1.312vw auto; background-size: 1.312vw auto; } .so{width: 9.75vw;border-radius: 1.25vw;margin-top: 0.625vw;} .so .inp{height: 1.75vw;padding: 0 2.5vw 0 0.937vw;font-size: 0.875vw;} .so .btn{width: 2.5vw;height: 1.75vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .a-mail{font-size: 1vw;padding-left: 1.375vw;margin-right: 0.812vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .so-btn{width: 1.062vw;height: 2.937vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .logo{line-height: 7.437vw;} .logo img{height: 5.187vw;} .nav li{margin-left: 1.25vw;} .nav li .v1{font-size: 1.125vw;line-height: 7.437vw;} .nav li .v1:before{bottom: 2.437vw;right: 3.125vw;height: 0.062vw;} .nav li .v1:after{bottom: 2.312vw;width: 0.312vw;height: 0.312vw;} .nav .sub{top: 5.375vw;width: 8.5vw;padding: 1.125vw 0;} .nav .sub dd a{font-size: 1.125vw;} .banner .slick-arrow{bottom: 5vw;width: 1.25vw;height: 1.25vw; -o-background-size: 0.625vw auto; -ms-background-size: 0.625vw auto; -moz-background-size: 0.625vw auto; -webkit-background-size: 0.625vw auto; background-size: 0.625vw auto; } .banner .slick-prev{right: 12.06vw;} .banner .slick-next{right: 9.687vw;} .banner .slick-dots{bottom: 5.5vw;} .banner .slick-dots li{margin: 0 0.25vw;width: 2.062vw;height: 0.187vw;} .banner .slick-dots li{width: 2.062vw;height: 0.187vw;font-size: 1.25vw;} .banner .slick-dots li div{left: 10.12vw;} .banner .slick-dots li em{margin-right: 0.312vw;} .banner .slick-dots li span{margin-left: 0.312vw;} .fd-con{padding: 4.125vw 0 2.062vw; background: url(../images/i-32.png) no-repeat center 1.875vw; -o-background-size: 19.31vw auto; -ms-background-size: 19.31vw auto; -moz-background-size: 19.31vw auto; -webkit-background-size: 19.31vw auto; background-size: 19.31vw auto; } .fd-link .t1{font-size: 1.375vw;padding-bottom: 0.5vw; margin-bottom: 0.75vw; } .fd-link .t1:after{width: 2.25vw;height: 0.125vw;} .fd-link .col{margin-right: 1.625vw;} .fd-link .con a{font-size: 1.125vw;} .fd-logo{top: 5.75vw;width: 17vw;} .fd-txt{margin-right: 2.5vw;} .fd-txt .t1{font-size: 1.375vw;padding-bottom: 0.5vw;margin-bottom: 0.75vw;} .fd-txt .t1:after{width: 2.25vw;height: 0.125vw;} .fd-txt .desc{font-size: 1.125vw;} .fd-qr{width: 5.625vw;margin-top: 0.625vw;} .fd-qr .item{margin-bottom: 0.375vw;} .fd-qr .pic img{margin-bottom: 0.25vw;} .fd-qr span{font-size: 0.875vw;} .fd-copy{font-size: 1.125vw;line-height: 4.125vw;} .row-a1{padding: 6vw 0 0;} .g-t1 .tit .l{font-size: 5.25vw;} .g-t1 .tit .r{margin-left: 0.75vw;margin-top: 0.937vw; padding-bottom: 1.625vw; } .g-t1 .tit .r span{font-size: 2.5vw;} .g-t1 .tit .r em{font-size: 1.5vw;width: 31.25vw;} .g-t1 .btn{width: 7.187vw;height: 2.5vw; line-height: 2.5vw;border-radius: 0.312vw; } .g-t1 .btn:after{margin-left: 0.687vw;width: 1.687vw;height: 0.5vw;top: -0.125vw;} .row-a1 .n-t1{margin-bottom: 1.875vw;} .row-a1 .col-l{width: 53.31vw;} .row-a1 .col-r{width: 33.12vw;} .m-slider1 .pic{margin-bottom: 1.75vw;} .m-slider1 .t1{font-size: 1.25vw;padding-right: 6.875vw;} .m-slider1 .slick-arrow{width: 2.312vw;height: 2.312vw; -o-background-size: 1.25vw auto; -ms-background-size: 1.25vw auto; -moz-background-size: 1.25vw auto; -webkit-background-size: 1.25vw auto; background-size: 1.25vw auto; } .m-slider1 .slick-prev{right: 3.125vw;} .m-list1{padding-top: 0.625vw;} .m-list1 li{margin-bottom: 1.875vw;} .m-list1 .con{padding-bottom: 1.25vw;} .m-list1 .date{font-size: 0.875vw;padding-left: 1.5vw;margin-bottom: 0.75vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .m-list1 .tit{font-size: 1.125vw;} .row-a2{padding: 4.062vw 0 0;} .m-list2{margin: 0 -1.875vw;padding-top: 3.625vw;} .m-list2 li{width: 33.33%;} .m-list2 .con{margin: 0 1.875vw;} .m-list2 .date{width: 7vw;margin-right: 1.875vw;} .m-list2 .date span{height: 3.437vw;line-height: 3.437vw;font-size: 2.5vw;} .m-list2 .date em{height: 2.062vw;line-height: 2.062vw;font-size: 0.875vw;} .m-list2 .tit{font-size: 1.125vw;margin-bottom: 1vw;} .m-list2 .desc{font-size: 0.875vw;margin-bottom: 1.625vw;} .m-list2 .btn{width: 6.312vw;height: 2.312vw;border-radius: 0.25vw; font-size: 1vw;line-height: 2.187vw; } .m-list2 .btn:after{width: 0.437vw;height: 0.625vw;top: -0.062vw;margin-left: 0.812vw;} .row-a3{padding: 6.25vw 0 16.25vw;margin-top: -2.312vw;} .row-a3 .col-l{width: 34.43vw;margin-right: 3.875vw;} .row-a3 .n-t1{margin-bottom: 4.312vw;} .m-news{height: 35.56vw;margin-top: 0.75vw;} .m-news .con{padding: 1.75vw 0;} .m-news .top{padding-right: 1.312vw;} .m-news .lab{padding: 0 1.75vw;height: 2.437vw;border-radius: 0 1.25vw 1.25vw 0; font-size: 1.25vw;line-height: 2.437vw; } .m-news .lab:after{margin-left: 1.125vw;width: 18.75vw;height: 0.062vw;} .m-news .date{line-height: 2.437vw;font-size: 0.875vw;padding-left: 1.062vw;} .m-news .t-c{padding: 1.062vw 1.125vw 0;} .m-news .pic{margin-bottom: 1vw;} .m-news .t1{font-size: 1.125vw;;margin-bottom: 0.375vw;} .m-news .desc{font-size: 0.875vw;margin-bottom: 0.937vw;} .m-news .btn{width: 7.187vw;height: 2.75vw;line-height: 2.75vw;border-radius: 0.312vw; font-size: 1vw; } .m-news .btn:after{margin-left: 0.687vw;width: 1.687vw;height: 0.5vw;top: -0.125vw;} .m-list3{margin: 0 -2.125vw;} .m-list3 li{margin-bottom: 1.312vw;} .m-list3 .con{margin: 0 2.125vw;padding-bottom: 2.25vw; -o-background-size: 23.5vw auto; -ms-background-size: 23.5vw auto; -moz-background-size: 23.5vw auto; -webkit-background-size: 23.5vw auto; background-size: 23.5vw auto; } .m-list3 .top{margin-bottom: 0.312vw;} .m-list3 .lab{padding: 0 0.937vw;height: 2.125vw;line-height: 2.125vw; border-radius: 1.062vw;font-size: 1.23vw; } .m-list3 .date{font-size: 0.875vw;line-height: 2.125vw;} .m-list3 .tit{font-size: 1.125vw;} .row-a4{margin-top: -7vw;padding-bottom: 6.187vw;} .m-list4{margin: 0 -0.937vw;padding-top: 3.5vw;} .m-list4 .con{margin: 0 0.937vw;} .m-list4 .pic{margin-bottom: 2vw;} .m-list4 .tit{font-size: 1.125vw;margin-bottom: 0.937vw;} .m-list4 .desc{font-size: 0.875vw;margin-bottom: 1.125vw;} .m-list4 .date{font-size: 0.875vw;padding-left: 1.5vw;margin-bottom: 0.75vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .row-a5{padding: 5.062vw 0 7.812vw;background-size: 100%;} .m-list5{margin-top: 2.187vw;margin-left: 7vw; margin-right: 7vw;} .m-list5 li{width: 5.687vw;} .m-list5 li.on{width: 58.9vw;} .m-list5 .left{height: 34.43vw;width: 5.687vw; padding-top: 3.75vw;border-top-right-radius: 1.875vw; } .m-list5 .ico{width: 3.75vw;height: 3.75vw;} .m-list5 .tit{width: 2.812vw;padding: 1.312vw 0;border-radius: 1.437vw; font-size: 1.625vw; } .m-list5 .btn{bottom: 1.875vw;width: 1.875vw;padding: 1vw 0; border-radius: 0.937vw;font-size: 1vw; } .m-list5 dl{padding: 0 0.562vw;} .m-list5 dd{margin-bottom: 1.25vw;} .m-list5 .con{margin: 0 0.562vw;} .m-list5 .t1{bottom: 1.25vw;font-size: 1.125vw;} .row-a5-2{padding: 6vw 0 0;} .m-list6{margin: 0 -0.937vw;padding-top: 3.5vw;} .m-list6 .con{margin: 0 0.937vw;} .m-list6 .pic{border-radius: 0.937vw;} .row-a6{padding: 4.812vw 0 10vw;} .m-slider2{margin-top: 5.625vw;} .m-slider2:after{bottom: 0.437vw;height: 0.062vw;width: 84.5vw;} .m-slider2 .con{padding-bottom: 3.562vw; -o-background-size: 0.937vw auto; -ms-background-size: 0.937vw auto; -moz-background-size: 0.937vw auto; -webkit-background-size: 0.937vw auto; background-size: 0.937vw auto; } .m-slider2 .ico{width: 11.93vw;height: 11.93vw;margin: 0 auto 1.25vw;} .m-slider2 .num{font-size: 1.125vw;margin-bottom: 0.25vw;} .m-slider2 .num span{font-size: 3.125vw;} .m-slider2 .desc{font-size: 1.25vw;} .m-slider2 .slick-arrow{bottom: -0.937vw;width: 3.062vw;height: 3.062vw; -o-background-size: 1.25vw auto; -ms-background-size: 1.25vw auto; -moz-background-size: 1.25vw auto; -webkit-background-size: 1.25vw auto; background-size: 1.25vw auto; } .row-a7{padding: 4.125vw 0 10vw;} .m-list7{margin-top: 3.937vw;} .m-list7 .ico{margin: 0 auto 1.25vw;width: 6.875vw;height: 6.875vw;} .m-list7 h3{font-size: 1.25vw;} .ban{height: 40.62vw;} .row-b1{padding: 0.937vw 0 3.125vw;} .g-t2 .tit{padding: 2.187vw 0; -o-background-size: 10.37vw auto; -ms-background-size: 10.37vw auto; -moz-background-size: 10.37vw auto; -webkit-background-size: 10.37vw auto; background-size: 10.37vw auto; } .g-t2 .tit .l{font-size: 5.25vw;} .g-t2 .tit .l:after{bottom: -0.5vw;left: -0.625vw; width: 2.062vw;height: 0.187vw; } .g-t2 .tit .r{margin-left: 0.75vw;margin-top: 1.562vw;} .g-t2 .tit .r span{font-size: 2.5vw;} .g-tab{line-height: 4.75vw;} .g-tab .tab li{margin-right: 2.25vw;} .g-tab .tab li a{font-size: 1.25vw;} .g-tab .tab li a:after{height: 0.187vw;} .m-list8{padding-top: 1.562vw;} .m-list8 li{margin-bottom: 2.25vw;} .m-list8 .con{padding-bottom: 2.125vw;padding-right: 2.5vw;} .m-list8 .con:after{left: 21.75vw;} .m-list8 .pic{width: 21.75vw;height: 14.06vw;} .m-list8 .txt{padding-left: 2.812vw;padding-top: 2.375vw;} .m-list8 .tit{font-size: 1.25vw;margin-bottom: 1.312vw;} .m-list8 .desc{font-size: 1vw;margin-bottom: 2.125vw;} .m-list8 .date{font-size: 0.875vw;padding-left: 1.5vw;margin-bottom: 0.75vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .pages{margin: 5vw 0;} .pages ul li{padding: 0 0.125vw} .pages ul li a,.pages ul li span{ padding: 0 0.312vw; font-size: 1vw; min-width: 2.125vw; line-height: 2vw; border-radius: 0.25vw } .pages ul .next a,.pages ul .prev a{ width: 2.125vw;height: 2.125vw; background-size: 0.812vw auto } .pages .go{margin-left: 0.75vw;font-size: 1vw;} .pages .go .inp{margin: 0 0.625vw;width: 2.125vw;height: 2.125vw; border-radius: 0.25vw;font-size: 1vw; } .pages .go .sur{margin-left: 0.5vw;width: 3.75vw;height: 2.125vw; line-height: 2.125vw;border-radius: 0.25vw;font-size: 1vw; } .m-list9{padding: 7.75vw 0 4.25vw; -o-background-size: auto 4.25vw; -ms-background-size: auto 4.25vw; -moz-background-size: auto 4.25vw; -webkit-background-size: auto 4.25vw; background-size: auto 4.25vw; } .m-list9 ul:after{bottom: 3.125vw;} .m-list9 li{margin-bottom: 3.125vw;} .m-list9 .con{margin: 0 1.562vw;padding-bottom: 3.125vw;} .m-list9 .lab{width: 16.75vw;height: 11vw;margin-right: 4.875vw;} .m-list9 .lab span{font-size: 1.875vw;} .m-list9 .lab:after{width: 0.062vw;height: 2.5vw;} .m-list9 .pic{width: 8.875vw;height: 11vw;margin-right: 1.812vw;} .m-list9 .name{font-size: 1.5vw;line-height: 11vw;} .m-box1{border-top: 0.375vw solid #20A08E;margin-bottom: 2.5vw; padding: 2vw 3.75vw 2.375vw 4.125vw; box-shadow: 0vw 0vw 1.25vw 0vw rgba(0,0,0,0.08); } .m-box1 .tit{font-size: 1.875vw;margin-bottom: 1.437vw;} .m-box1 .list{margin: 0 -3.312vw;} .m-box1 .list li{margin-bottom: 1.25vw;} .m-box1 .list li a{height: 3.375vw;line-height: 3.375vw; margin: 0 3.312vw;padding-left: 2vw;font-size: 1.25vw; -o-background-size: 3.187vw auto; -ms-background-size: 3.187vw auto; -moz-background-size: 3.187vw auto; -webkit-background-size: 3.187vw auto; background-size: 3.187vw auto; } .m-list10{margin: 0 -1.5vw;} .m-list10 li{margin-bottom: 1.875vw;} .m-list10 .con{margin: 0 1.5vw;} .m-list10 .date{width: 5.125vw;height: 6.5vw;padding-top: 1.125vw;} .m-list10 .date span{font-size: 3vw;} .m-list10 .txt{padding: 1.375vw 1.687vw 0.875vw 2.187vw;} .m-list10 .txt:after{left: 0.687vw;top: 1.375vw;} .m-list10 .t1{font-size: 1.25vw;line-height: 1.2; padding-right: 3.125vw;margin-bottom: 0.812vw; } .m-list10 .desc{font-size: 1vw;margin-bottom: 1.5vw;} .m-list10 .more{font-size: 1vw;padding-left: 1.375vw; -o-background-size: 1vw auto; -ms-background-size: 1vw auto; -moz-background-size: 1vw auto; -webkit-background-size: 1vw auto; background-size: 1vw auto; } .row-b2{margin-bottom: 0.812vw;padding-bottom: 23.75vw; -o-background-size: 97.06vw auto; -ms-background-size: 97.06vw auto; -moz-background-size: 97.06vw auto; -webkit-background-size: 97.06vw auto; background-size: 97.06vw auto; } .row-b2:before{height: 14.81vw;} .m-details{padding: 5.312vw 0 0;max-width: 83.12vw;} .m-details h1{font-size: 1.625vw;margin-bottom: 1.125vw;} .m-details .info{font-size: 0.937vw;padding-bottom: 2.187vw;} .m-details .txt{padding: 2.5vw 0.625vw;font-size: 1.125vw;} .m-details .arrow{padding-top: 1vw;} /*.m-details .item{max-width: 28.12vw;}*/ .m-details .item a{font-size: 1.125vw; -o-background-size: 3.187vw auto; -ms-background-size: 3.187vw auto; -moz-background-size: 3.187vw auto; -webkit-background-size: 3.187vw auto; background-size: 3.187vw auto; } .m-details .item.prev a{padding-left: 4.75vw;} .m-details .item.next a{padding-left: 4.75vw;} .m-list6 .slick-dots, .m-list7 .slick-dots{ padding-top: 1.875vw; } .m-list6 .slick-dots li,.m-list7 .slick-dots li{ margin: 0 0.312vw; } .m-list6 .slick-dots li button, .m-list7 .slick-dots li button{width: 0.75vw;height: 0.75vw;} .m-list11{margin: 0 -1.625vw;} .m-list11 li{margin-bottom: 4.125vw;} .m-list11 .con{margin: 0 1.625vw;} .m-list11 .pic{padding-top: 65%;margin-bottom: 2.125vw;} .m-list11 .tit{font-size: 1.25vw;} .g-t2 .tit h3{font-size: 2.5vw;} .g-t1 .tit h3{font-size: 2.5vw;} .g-t1 .tit em{font-size: 1.5vw;} .g-t2 .tit{padding: 2.187vw 0; -o-background-size: 7.5vw auto; -ms-background-size: 7.5vw auto; -moz-background-size: 7.5vw auto; -webkit-background-size: 7.5vw auto; background-size: 7.5vw auto; } .g-t2{margin-bottom: 1.562vw;} .n-t1 .tit h3{font-size: 2.5vw;} .n-t1 .tit em{font-size: 1.5vw;} .n-t1 .tit:before{left: -3.562vw;top: -3.125vw;width: 5.75vw;height: 5.562vw;} .n-t1 .btn{width: 7.187vw;height: 2.5vw; line-height: 2.5vw;border-radius: 0.312vw; } .n-t1 .btn:after{margin-left: 0.687vw;width: 1.687vw;height: 0.5vw;top: -0.125vw;} .n-t1-1{padding-top: 3.75vw;margin-bottom: 2.187vw;} .n-t1-1 .sel{width: 10.68vw;height: 2.5vw;font-size: 1vw;padding-left: 1vw; background: url(../images/i-50.png) no-repeat right 0.75vw center; -o-background-size: 0.625vw auto; -ms-background-size: 0.625vw auto; -moz-background-size: 0.625vw auto; -webkit-background-size: 0.625vw auto; background-size: 0.625vw auto; } .row-b2 .col-l{width: 67.37vw;} .row-b2 .col-r{width: 18.75vw;padding-top: 4.937vw;} .z-t1{font-size: 1.625vw;margin-bottom: 2.125vw;} .z-list1:after{top: 0.187vw;left: 0.5vw;} .z-list1 li{margin-bottom: 1.75vw;} .z-list1 .date{font-size: 0.875vw;padding-left: 1.5vw;margin-bottom: 0.75vw; -o-background-size: 1.062vw auto; -ms-background-size: 1.062vw auto; -moz-background-size: 1.062vw auto; -webkit-background-size: 1.062vw auto; background-size: 1.062vw auto; } .z-list1 .tit{font-size: 1.125vw;padding-left: 1.5vw;} } @media (max-width: 1199px) { .wp{width: auto;padding: 0 15px;} .header .top{display: none;} .header.open{background-color: rgba(0,0,0,.8);} .menuBtn{display: block;} .logo{line-height: 50px;position: relative;z-index: 2;} .logo img{height: 40px;} .nav{float: none;position: absolute;left: 0;right: 0;top: 50px;height: calc( 100vh - 50px );overflow-y: auto; background-color: rgba(0,0,0,.8);padding: 10px 0 10px;display: none; } .nav li{float: none;margin: 0;} .nav li .v1:before,.nav li .v1:after{display: none;} .nav li .v1{font-size: 16px;font-weight: normal;line-height: 50px; padding: 0 15px; } .banner{height: 240px;} .banner .slick-arrow{display: none !important;} .banner .slick-dots{bottom: 15px;} .row-a1{padding-top: 30px;} .g-t1 .tit .l{font-size: 40px;} .g-t1 .tit .r span{font-size: 22px;} .g-t1 .tit .r em{font-size: 14px;} .g-t1 .tit .r{margin-top: 5px;padding-bottom: 16px;margin-left: 6px;} .g-t1 .btn{position: static;display: block;width: 80px;height: 32px;line-height: 32px; font-size: 13px;float: right;margin-top: 5px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .g-t1 .btn:after{width: 20px;margin-left: 6px;} .g-t1{overflow: hidden;} .g-t1 .tit{float: left;} .row-a1 .g-t1{margin-bottom: 20px;} .row-a1 .col-l{width: auto;float: none;} .m-slider1 .t1{font-size: 16px;padding-right: 90px;} .m-slider1 .pic{margin-bottom: 12px;} .m-slider1 .slick-arrow{width: 30px;height: 30px; -o-background-size: 16px auto; -ms-background-size: 16px auto; -moz-background-size: 16px auto; -webkit-background-size: 16px auto; background-size: 16px auto; } .m-slider1 .slick-prev{right: 40px;} .row-a1 .col-r{width: auto;float: none;padding-top: 25px;} .m-list1 .tit{font-size: 16px;} .m-list1 .date{margin-bottom: 8px;} .m-list1 .con{padding-bottom: 15px;} .m-list1 li{margin-bottom: 15px;} .row-a2{padding-top: 25px;position: relative;z-index: 2;} .m-list2 li{width: auto;float: none;margin-bottom: 20px;} .m-list2{padding-top: 20px;} .m-list2 .date span{font-size: 28px;height: 40px;line-height: 40px;} .m-list2 .date{width: 70px;margin-right: 15px;} .m-list2 .date em{font-size: 12px;height: 22px;line-height: 22px;} .m-list2 .tit{font-size: 16px;margin-bottom: 6px;} .m-list2 .desc{font-size: 13px;margin-bottom: 12px;} .m-list2 .btn{width: 80px;height: 32px;line-height: 30px;font-size: 13px;} .row-a3{padding: 50px 0 120px;} .row-a3 .g-t1{margin-bottom: 20px;} .row-a3 .col-l{width: auto;float: none;margin-right: 0;margin-bottom: 20px;} .m-news{height: auto;} .m-news .con{padding: 20px 0;} .m-news .lab{font-size: 16px;padding: 0 18px;height: 30px;line-height: 30px;} .m-news .date{line-height: 30px;} .m-news .top{padding-right: 0;margin-right: 15px;} .m-news .t-c{padding: 15px 15px 0;} .m-news .t1{font-size: 16px;} .m-news .desc{font-size: 13px;margin-bottom: 12px;} .m-news .btn{width: 80px;height: 32px;line-height: 32px;font-size: 13px;} .m-news .btn:after{width: 20px;margin-left: 5px;} .m-list3{margin: 0;} .m-list3 li{width: auto;float: none;} .m-list3 .con{margin: 0;padding-bottom: 20px;} .m-list3 .lab{height: 28px;line-height: 28px;font-size: 16px;} .m-list3 .date{line-height: 28px;} .m-list3 .tit{font-size: 16px;height: auto;} .m-list3 .top{margin-bottom: 8px;} .row-a4{margin-top: -105px;padding-bottom: 20px;} .m-list4{margin: 0;padding-top: 20px;} .m-list4 li{width: auto;float: none;margin-bottom: 20px;} .m-list4 .con{margin: 0;} .m-list4 .pic{margin-bottom: 15px;} .m-list4 .tit{font-size: 16px;margin-bottom: 10px;} .m-list4 .desc{font-size: 13px;margin-bottom: 10px;} .row-a5{padding: 40px 0 30px;} .m-list5 li{width: auto;float: none;} .m-list5 li.on{width: auto;} .m-list5 .left{height: 60px;width: auto;float: none; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list5 .tit{width: 120px;height: 36px;line-height: 34px;font-size: 18px; padding: 0; } .m-list5 .btn{left: auto;right: 15px;width: 60px;padding: 0;height: 26px; line-height: 26px;text-align: center;font-size: 12px;top: 50%;margin-top: -14px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .m-list5 .btn br{display: none;} .m-list5 .ico{position: absolute;left: 15px;top: 50%; width: 32px;height: 32px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list5 .right{padding: 10px 0 0;display: block;} .m-list5 dl{margin: 0 -5px;padding: 0;} .m-list5 .con{margin: 0 5px;} .m-list5 dd{margin-bottom: 10px;} .m-list5 .t1{font-size: 14px;bottom: 10px;padding: 0 12px;} .m-list5{margin-top: 20px;} .row-a5-2{padding: 30px 0 0;} .m-list6{padding-top: 20px;margin: 0 -5px;} .m-list6 li{width: 50%;margin-bottom: 10px;} .m-list6 .con{margin: 0 5px;} .m-list6 .pic{border-radius: 10px;} .row-a6{padding: 40px 0 50px;} .m-slider2 .ico{width: 100px;height: 100px;margin-bottom: 10px;} .m-slider2 .num span{font-size: 28px;} .m-slider2 .num{font-size: 14px;} .m-slider2 .desc{font-size: 14px;} .m-slider2{margin-top: 25px;} .m-slider2 .slick-arrow{width: 32px;height: 32px;bottom: -7px; -o-background-size: 15px auto; -ms-background-size: 15px auto; -moz-background-size: 15px auto; -webkit-background-size: 15px auto; background-size: 15px auto; } .row-a7{padding: 40px 0 20px;} .m-list7 li{width: 33.33%;margin-bottom: 20px;} .m-list7 .ico{width: 60px;height: 60px;margin-bottom: 10px;} .m-list7 h3{font-size: 16px;} .m-list7{margin-top: 25px;} .fd-link{display: none;} .fd-logo{position: static;margin: 0 auto;width: 180px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .fd-con{padding: 35px 0 20px; background-position: center 15px; -o-background-size: 160px auto; -ms-background-size: 160px auto; -moz-background-size: 160px auto; -webkit-background-size: 160px auto; background-size: 160px auto; } .fd-r{float: none;padding-top: 20px;} .fd-txt .t1{font-size: 16px;} .fd-txt .t1:after{width: 22px;} .fd-txt .desc{font-size: 13px;} .fd-txt{float: none;margin-right: 0;} .fd-qr{float: none;width: auto;margin-top: 20px;text-align: center;} .fd-qr .item{width: 90px;display: inline-block;vertical-align: top;margin: 0 10px;} .fd-qr span{font-size: 13px;} .fd-copy{font-size: 12px;line-height: normal;padding: 13px 0;} .fd-copy a{display: inline-block;} .ban{height: 180px;} .g-tab{line-height: normal;} .g-tab .cur{display: none;} .g-tab .tab li{float: none;margin-right: 0;} .g-tab .tab li a{line-height: 50px;font-size: 16px;} .g-tab .tab{float: none;} .m-details{padding-top: 40px;} .m-details h1{font-size: 20px;} .m-details .info{font-size: 12px;padding-bottom: 15px;} .m-details .info span{display: inline-block;} .m-details .txt{padding: 20px 0 30px;font-size: 14px;} .m-details .prev{float: none;} .m-details .next{float: none;} .m-details .item a{font-size: 14px;padding-left: 40px !important;padding-right: 0 !important; -o-background-size: 30px auto; -ms-background-size: 30px auto; -moz-background-size: 30px auto; -webkit-background-size: 30px auto; background-size: 30px auto; } .m-details .item.next a{background-position: left center;text-align: left; /*background-image: url(../images/i-l.png);*/ } .row-b2{padding-bottom: 120px; -o-background-size: 90% auto; -ms-background-size: 90% auto; -moz-background-size: 90% auto; -webkit-background-size: 90% auto; background-size: 90% auto; } .g-t2 .tit .l{font-size: 40px;} .g-t2 .tit .r span{font-size: 22px;} .g-t2 .tit .r{margin-top: 5px;margin-left: 6px;} .g-t2 .tit .l:after{bottom: -3px;} .g-t2 .tit{ -o-background-size: 100px auto; -ms-background-size: 100px auto; -moz-background-size: 100px auto; -webkit-background-size: 100px auto; background-size: 100px auto; } .m-list10 li{width: auto;float: none;margin-bottom: 15px;} .m-list10 .con{margin: 0;} .m-list10{margin: 0;} .m-list10 .date{width: 60px;padding-top: 15px;height: 80px;} .m-list10 .date span{font-size: 32px;} .m-list10 .txt{padding: 15px 13px 10px 20px;} .m-list10 .desc{font-size: 13px;margin-bottom: 12px;} .m-list10 .t1{font-size: 16px;padding-right: 0;margin-bottom: 8px;} .m-list10 .txt:after{top: 8px;} .m-list10 .txt:after{left: 6px;} .m-list10 .more{font-size: 13px;} .pages .num{display: none;} .pages .go{display: none;} .pages ul li a, .pages ul li span{font-size: 12px;} .pages{margin: 30px 0 50px;} .m-box1{border-top-width: 3px;padding: 15px 20px 5px;margin-bottom: 20px;} .m-box1 .tit{font-size: 20px;margin-bottom: 15px;} .m-box1 .list{margin: 0 -5px;} .m-box1 .list li{width: auto;float: none;} .m-box1 .list li a{height: 40px;line-height: 40px;margin: 0 5px;font-size: 14px;padding-left: 15px;} .m-list9 li{width: auto;float: none;margin-bottom: 20px;} .m-list9 .lab{width: 100px;margin-right: 20px;height: 147px;} .m-list9 .lab span{font-size: 16px;} .m-list9 ul:after{display: none;} .m-list9 .pic{width: 120px;height: auto;margin-right: 15px;} .m-list9 .con{margin: 0;padding-bottom: 20px;} .m-list9 .name{font-size: 18px;line-height: 147px;} .m-list9{padding: 60px 0 10px; -o-background-size: auto 36px; -ms-background-size: auto 36px; -moz-background-size: auto 36px; -webkit-background-size: auto 36px; background-size: auto 36px; } .m-list9 li:last-child .con{border-bottom: 0;} .m-list8 .pic{float: none;width: auto;height: auto;} .m-list8 .con{padding: 0;} .m-list8 .txt{padding: 12px 0 0;} .m-list8{padding-top: 5px;} .m-list8 .tit{font-size: 16px;margin-bottom: 8px;} .m-list8 .desc{font-size: 13px;margin-bottom: 15px;} .m-list8 li{margin-bottom: 15px;} .nav .sub{width: auto;position: static;padding: 10px 0;display: none; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .nav .sub dd a{padding-left: 30px;text-align: left;font-size: 14px;line-height: 2.5;} .nav .ico{position: absolute;right: 5px;top: 0;width: 32px;height: 50px;display: block; background: url(../images/i-jian.png) no-repeat center; -o-background-size: 18px auto; -ms-background-size: 18px auto; -moz-background-size: 18px auto; -webkit-background-size: 18px auto; background-size: 18px auto; } .m-list11{margin: 0 -5px;} .m-list11 li{width: auto;float: none;margin-bottom: 15px;} .m-list11 .con{margin: 0 5px;} .m-list11 .pic{margin-bottom: 12px;} .m-list11 .tit{font-size: 14px;} .g-t2{margin-bottom: 15px;} .g-t2 .tit h3{font-size: 22px;} .g-t2 .tit { -o-background-size: 76px auto; -ms-background-size: 76px auto; -moz-background-size: 76px auto; -webkit-background-size: 76px auto; background-size: 76px auto; } .g-t1 .tit h3{font-size: 22px;} .g-t1 .tit{text-align: left;} .g-t1 .tit em{font-size: 16px;} .banner .slick-dots li.slick-active div{display: none;} .n-t1{*zoom:1; } .n-t1:after,.n-t1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .n-t1 .tit h3{font-size: 22px;} .n-t1 .tit em{font-size: 16px;} .n-t1 .tit:before{width: 60px;height: 58px;left: -38px;top: -35px;display: none;} .n-t1 .tit{display: block;float: left;text-align: left;} .n-t1 .btn{position: static;display: block;width: 80px;height: 32px;line-height: 32px; font-size: 13px;float: right;margin-top: 3px; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .row-a1 .n-t1,.row-a3 .n-t1{margin-bottom: 20px;} .n-t1-1{padding: 15px 0 0 ;} .n-t1-1{margin-bottom: 20px;} .n-t1-1 .sel{font-size: 14px;height: 32px;width: 150px;padding-left: 10px;} .m-list5 .right{height: auto;} .m-list5 dl{height: auto;width: auto;} .row-b2 .col-l{width: auto;float: none;} .row-b2 .col-r{width: auto;float: none;padding-top: 30px;} .z-t1{font-size: 20px;margin-bottom: 20px;} .z-list1 .tit{font-size: 16px;} .z-list1 .date{margin-bottom: 5px;} .z-list1 li{margin-bottom: 20px;} } #browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:2147483647;} #browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1} #browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px} #browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px} #browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px} #browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px} #browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px} #browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto} #browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;} #browser-modal .browser-content .browser-item .iconchrome{background: url(../images/four_browsers_logo.png) no-repeat 0 0} #browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/four_browsers_logo.png) no-repeat 0 -100px} #browser-modal .browser-content .browser-item .iconopera{background: url(../images/four_browsers_logo.png) no-repeat 0 -200px} #browser-modal .browser-content .browser-item .iconEdge{background: url(../images/four_browsers_logo.png) no-repeat 0 -300px} #browser-modal .browser-content .browser-item a{cursor:pointer;display:block} #browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px} #browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}