@media only screen and (min-width: 1199px) and (max-width: 1920px) { .wp{max-width: 83.33vw;} .wp2{max-width: 72.91vw;} .header .top{height: 2.604vw;line-height: 2.604vw; box-shadow: 0vw 0.208vw 0.520vw 0vw rgba(0, 0, 0, 0.1); } .header .a-btn{font-size: 0.729vw;} .header .a-btn:after{width: 0.052vw;height: 0.833vw;margin: 0 1.041vw;top: -0.052vw;} .so-btn{width: 1.041vw;height: 1.041vw;margin-top: 0.781vw;} .so{width: 10.41vw;border-radius: 0.937vw;margin-top: 0.364vw;} .so .inp{height: 1.875vw;font-size: 0.729vw;padding: 0 2.604vw 0 0.781vw;} .so .btn{width: 2.604vw;height: 1.875vw; -o-background-size: 1.041vw auto; -ms-background-size: 1.041vw auto; -moz-background-size: 1.041vw auto; -webkit-background-size: 1.041vw auto; background-size: 1.041vw auto; } .logo{line-height: 5.208vw;} .logo img{height: 2.916vw;} .nav li{margin-left: 1.979vw;} .nav li .v1{font-size: 0.937vw;line-height: 5.208vw;} .nav li .v1:after{height: 0.208vw;} .nav .sub{width: 9.375vw;} .nav .sub dl{padding: 0.520vw 0;box-shadow: 0vw 0vw 0.520vw rgba(0,0,0,.1);} .nav .sub dd a{font-size: 0.833vw;line-height: 2.343vw;} .banner{height: calc( 100vh - 7.812vw );} .banner .slick-dots{bottom: 1.562vw;} .banner .slick-dots li{margin: 0 0.104vw;} .banner .slick-dots li a{width: 1.25vw;height: 1.25vw;} .banner .bot{height: 5.468vw;} @keyframes move-forever { 0% { transform: translate(-4.687vw, 0%); } 100% { transform: translate(4.427vw, 0%); } } .footer{height: 17.5vw;margin-top: -3.593vw;padding-top: 4.687vw;} .fd-top{padding-bottom: 2.031vw;} .fd-txt{padding-top: 1.666vw;} .fd-txt .item{margin-right: 3.541vw;} .fd-txt .ico{width: 3.541vw;height: 3.541vw;margin-right: 1.562vw;} .fd-txt .txt{max-width: 13.90vw;} .fd-txt .t1{font-size: 0.937vw;margin-bottom: 0.468vw;} .fd-txt .desc{font-size: 0.833vw;} .fd-txt .tel{font-size: 1.354vw;letter-spacing: 0.135vw;} .fd-qr{width: 5.885vw;} .fd-qr .pic{margin-bottom: 0.625vw;} .fd-qr span{font-size: 0.833vw;} .fd-copy{line-height: 2.812vw;font-size: 0.729vw;} .fd-copy span{margin: 0 1.406vw;} .g-t1 .tit{font-size: 1.875vw;padding-bottom: 1.093vw; -o-background-size: 12.03vw auto; -ms-background-size: 12.03vw auto; -moz-background-size: 12.03vw auto; -webkit-background-size: 12.03vw auto; background-size: 12.03vw auto; } .g-t1 .tit span:before{width: 0.260vw;height: 0.260vw;top: -0.104vw;margin: 0 0.677vw;} .g-t1 .more{top: 1.041vw;padding: 0.937vw 0.156vw 0 0.729vw;font-size: 0.937vw;} .row-a1{padding: 2.604vw 0 2.083vw; -o-background-size: 41.97vw auto; -ms-background-size: 41.97vw auto; -moz-background-size: 41.97vw auto; -webkit-background-size: 41.97vw auto; background-size: 41.97vw auto; } .row-a1 .col-l{width: 38.75vw;padding-top: 5.468vw;} .row-a1 .col-r{width: 42.5vw;padding-top: 0.468vw;} .m-slider1 .con{padding-top: 2.135vw;} .m-slider1 .date{left: 0;top: 0;width: 4.166vw;height: 4.166vw; border-radius: 0.781vw 0 0.781vw 0;padding-top: 0.156vw; } .m-slider1 .date span{font-size: 1.562vw;} .m-slider1 .date em{font-size: 0.729vw;} .m-slider1 .txt{padding-top: 1.718vw;} .m-slider1 .tit{font-size: 1.041vw;margin-bottom: 0.625vw;} .m-slider1 .desc{font-size: 0.833vw;} .m-slider1 .slick-dots{right: 1.875vw;bottom: 6.562vw;} .m-slider1 .slick-dots li{width: 2.708vw;height: 1.822vw;margin-left: 0.833vw;} .m-list1 .con{border-radius: 1.562vw 0 1.562vw 0;padding: 1.718vw 1.822vw 1.718vw 1.666vw;} .m-list1 .con:after{left: 1.666vw;} .m-list1 .date{width: 4.166vw;height: 4.166vw;border-radius: 0.781vw 0 0.781vw 0;padding-top: 0.156vw;} .m-list1 .date span{font-size: 1.562vw;} .m-list1 .date em{font-size: 0.729vw;} .m-list1 .txt{left: 7.395vw;right: 1.822vw;} .m-list1 .tit{font-size: 1.1vw;margin-bottom: 0.520vw;} .m-list1 .desc{font-size: 0.833vw;} .row-a2{padding: 2.083vw 0 0;} .m-slider2{margin: 0 -1.718vw;padding-top: 1.614vw;} .m-slider2 .con{height: 15.26vw;padding-top: 2.291vw;margin: 0 1.718vw 6.25vw;} .m-slider2 .txt{width: 17.86vw;height: 12.23vw;padding: 2.656vw 1.041vw 0 1.718vw;} .m-slider2 .tit{font-size: 1.1vw;padding-bottom: 1.25vw;margin-bottom: 0.781vw;} .m-slider2 .tit:after{width: 16.87vw;height: 0.520vw;} .m-slider2 .desc{font-size: 0.833vw;} .m-slider2 .date{left: 1.875vw;top: 0;width: 4.166vw;height: 4.166vw; border-radius: 0.781vw 0 0.781vw 0;padding-top: 0.156vw; } .m-slider2 .date span{font-size: 1.562vw;} .m-slider2 .date em{font-size: 0.729vw;} .m-slider2 .con:hover{padding-top: 1.458vw;} .m-slider2 .con:hover .txt{height: 13.80vw;width: 19.06vw;padding: 3.177vw 1.25vw 0 2.5vw;} .m-slider2 .slick-arrow{width: 2.083vw;height: 2.083vw;bottom: 2.656vw; -o-background-size: 0.468vw auto; -ms-background-size: 0.468vw auto; -moz-background-size: 0.468vw auto; -webkit-background-size: 0.468vw auto; background-size: 0.468vw auto; } .m-slider2 .slick-arrow:after{width: 38.17vw;} .m-slider2 .slick-prev{margin-left: -3.125vw;} .m-slider2 .slick-next{margin-right: -3.125vw;} .row-a3{padding: 4.270vw 0 0;} /*.m-list2 li{width: 11.19vw;height: 25.05vw;} .m-list2 .bg{width: 11.19vw;} .m-list2 .tit{left: 9.166vw;bottom: 2.604vw;font-size: 1.041vw;} .m-list2 .t1{line-height: 3.281vw;padding-left: 3.125vw;font-size: 1.041vw;} .m-list2 .t1:after{left: 2.083vw;height: 4.427vw;} .m-list2 li.on{width: 49.58vw;} .m-list2 li:nth-child(2n) .pic{height: 22.55vw;margin-top: 1.510vw;}*/ .row-a3-2{padding: 3.489vw 0 0;} .m-list3{height: 35.41vw;margin-top: 2.968vw;} .m-list3 .i1{width: 29.11vw;height: 18.28vw;left: 0;top: 8.645vw;} .m-list3 .i2{width: 39.94vw;height: 22.44vw;left: 29.11vw;top: 0;} .m-list3 .i3{width: 18.75vw;height: 12.91vw;left: 29.11vw;top: 22.44vw;} .m-list3 .i4{width: 14.79vw;height: 12.91vw;left: 47.86vw;top: 22.44vw;} .m-list3 .i5{width: 14.79vw;height: 12.91vw;right: 2.031vw;top: 12.13vw;} .m-list3 .tit{left: 2.239vw;bottom: 0.989vw;font-size: 1.041vw;} .m-list3 .i3 .tit{font-size: 0.937vw;left: 1.041vw;} .m-list3 .i4 .tit{font-size: 0.833vw;left: 1.041vw;} .m-list3 .i5 .tit{font-size: 0.729vw;left: 1.041vw;} .row-a3-3{padding: 4.010vw 0 0;} .m-list4{height: 13.85vw;margin-top: 2.083vw; border-radius: 1.562vw 0vw 1.562vw 0vw; } .m-list4 .con{padding-top: 2.291vw;} .m-list4 .con:after{right: 0;top: 3.593vw;height: 5.208vw;} .m-list4 .top{color: #0A54AD;font-size: 0.937vw;margin-bottom: 0.833vw;} .m-list4 .top span{font-size: 2.5vw;} .m-list4 .desc{font-size: 1.041vw;} .ban{height: 21.87vw;} .row-b1{padding: 1.875vw 0 10.41vw;} .row-b1 .col-l{width: 13.54vw;} .row-b1 .col-r{margin-left: 17.55vw;} .m-t1{height: 5.572vw;font-size: 1.25vw;padding-top: 2.604vw;padding-left: 2.5vw;} .snv{border-left: 0.312vw solid #0B74C6; box-shadow: 0vw 0.208vw 0.625vw 0vw rgba(10,11,24,0.2); } .snv li .s1{font-size: 0.937vw;padding-left: 1.187vw;} .snv li .s1:after{right: 1.302vw;width: 0.468vw;} .cur{font-size: 0.729vw;line-height: 2.083vw;} .cur .r{padding-left: 1.770vw; -o-background-size: 1.197vw auto; -ms-background-size: 1.197vw auto; -moz-background-size: 1.197vw auto; -webkit-background-size: 1.197vw auto; background-size: 1.197vw auto; } .m-t2{font-size: 1.562vw;padding-top: 0.625vw;padding-bottom: 0.416vw;} .m-txt1{font-size: 0.833vw;line-height: 2.25;margin-top: 1.614vw;} .m-list5 .con{padding: 2.083vw 1.562vw 2.083vw 1.354vw;} .m-list5 .pic{width: 17.39vw;height: 11.423vw;margin-right: 2.083vw;} .m-list5 .txt{padding-top: 0.781vw;} .m-list5 .name{font-size: 1.25vw;margin-bottom: 0.364vw;} .m-list5 .lab{font-size: 0.937vw;margin-bottom: 0.937vw;} .m-list5 .desc{font-size: 0.833vw;} .m-list5 .tit{font-size: 1.1vw;margin-bottom: 0.937vw;} .m-list5 .date{font-size: 0.729vw;margin-bottom: 0.468vw;} .m-list5 .date span{font-size: 1.25vw;margin-right: 0.416vw;} .m-list5-1{margin-top: 1.770vw;} .m-list5-1 .txt{padding-top: 0.625vw;} .pages{padding-top: 4.166vw;} .pages ul li{padding: 0 0.520vw} .pages ul li a,.pages ul li span{padding: 0 0.260vw;font-size: 0.833vw;min-width: 2.083vw;line-height: 1.979vw;} .pages ul .next a,.pages ul .prev a{padding: 0 1.145vw;background-size: 0.677vw auto} .m-list6{margin-top: 2.083vw;} .m-list6 li{margin-bottom: 2.083vw;} .m-list6 .con{ box-shadow: 0vw 0.104vw 0.416vw 0vw rgba(10,11,24,0.1); border-radius: 0.520vw 0vw 0.520vw 0vw; } .m-list6 .date{width: 4.947vw;height: 5.208vw;padding-top: 0.781vw; border-radius: 0.520vw 0vw 0.520vw 0vw; } .m-list6 .date span{font-size: 1.458vw;} .m-list6 .date em{font-size: 0.729vw;} .m-list6 .txt{padding: 0.833vw 2.083vw 0;} .m-list6 .tit{font-size: 0.937vw;margin-bottom: 0.572vw;} .m-list6 .desc{font-size: 0.833vw;} .snv dd a{font-size: 0.833vw;line-height: 2.604vw; padding-left: 3.125vw; } .m-list2 li{width: 11.19vw;height: 25.05vw;} .m-list2 .bg{height: 100%;width: 11.19vw;} .m-list2 .tit{font-size: 1.041vw;} .m-list2 .ico{width: 5.208vw;height: 5.208vw;margin: 0 auto 1.041vw;} .m-list2 .t1{bottom: 3.281vw;padding-left: 3.125vw;padding-bottom: 0.781vw;font-size: 1.041vw;} .m-list2 .t1:after{left: 2.083vw;bottom: -3.281vw;height: 11.19vw;width: 0.052vw;} .m-list2 .t1 .ico{margin: 0 0 0 -0.364vw;} .m-list2 .more{right: 1.875vw;bottom: 4.166vw;padding: 0.937vw 0.156vw 0 0.729vw;font-size: 0.937vw;} .m-list2 li.on{width: 38.38vw;} } @media only screen and (max-width: 1199px) { .wp,.wp2{width: auto;padding: 0 15px;} .logo{line-height: 50px;} .logo img{height: 32px;} .menuBtn{display: block;} .header .top{height: 30px;line-height: 30px;} .header .a-btn{font-size: 12px;} .header .a-btn:after{margin: 0 5px;} .so-btn{margin-top: 5px; -o-background-size: 16px auto; -ms-background-size: 16px auto; -moz-background-size: 16px auto; -webkit-background-size: 16px auto; background-size: 16px auto; } .so{margin-top: 2px;width: 180px;} .so .inp{height: 26px;} .so .btn{width: 30px;height: 26px; -o-background-size: 16px auto; -ms-background-size: 16px auto; -moz-background-size: 16px auto; -webkit-background-size: 16px auto; background-size: 16px auto; } .nav{position: absolute;left: 0;right: 0;top: 100%;padding: 10px 0;display: none; max-height: calc( 100vh - 80px );overflow-y: auto; background-color: #fff;border-top: 1px solid #0053AC; } .nav li{float: none;margin: 0;} .nav li .v1{font-size: 16px;line-height: 45px;padding: 0 15px;} .nav li .v1:after{height: 1px;} .nav .sub{position: static;width: auto; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .nav .sub dd a{text-align: left;padding-left: 30px;} .banner{height:auto;} .banner .slick-slide .con{padding-top:45.2%;} .banner .bot{height: 30px;} .g-t1 .tit{font-size: 22px;padding-bottom: 15px; -o-background-size: 158px auto; -ms-background-size: 158px auto; -moz-background-size: 158px auto; -webkit-background-size: 158px auto; background-size: 158px auto; } .g-t1 .tit span:before{margin: 0 6px;} .g-t1 .more{font-size: 14px;padding: 12px 3px 0 6px;top: 3px; -o-background-size: 45px auto; -ms-background-size: 45px auto; -moz-background-size: 45px auto; -webkit-background-size: 45px auto; background-size: 45px auto; } .row-a1 .col-l{width: auto;float: none;padding-top: 25px;} .row-a1{background-image: none;} .m-slider1 .tit{color: #333;font-size: 16px;margin-bottom: 8px;} .m-slider1 .desc{color: #666;font-size: 13px;} .m-slider1 .txt{padding-top: 12px;} .m-slider1 .con{padding: 0;} .m-slider1 .date{border-top-left-radius: 0;width: 60px;height: 60px;line-height: 1.3;} .m-slider1 .date span{font-size: 22px;} .m-slider1 .date em{font-size: 12px;} .row-a1 .col-r{width: auto;float: none;} .m-list1 .con{padding: 15px 0;} .m-list1 .date{width: 60px;height: 60px;line-height: 1.3;padding-top: 6px;float: left; margin-right: 15px; } .m-list1 .date span{font-size: 22px;} .m-list1 .date em{font-size: 12px;} .m-list1 .con:after{left: 0;} .m-list1 .txt{position: static;overflow: hidden; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .m-list1 .tit{font-size: 16px;margin-bottom: 6px;} .m-list1 .desc{font-size: 13px;} .row-a1{padding: 40px 0 30px;} .m-slider2 .txt{width: auto;padding: 45px 15px 0;} .m-slider2 .con{padding-top: 25px;} .m-slider2 .con .txt{height: 265px;width: auto;padding: 45px 15px 0; background-image: url(../images/i-bg2.jpg); } .m-slider2 .date{width: 60px;height: 60px;line-height: 1.3;padding-top: 6px; left: 15px; } .m-slider2 .date span{font-size: 22px;} .m-slider2 .date em{font-size: 12px;} .m-slider2 .tit{font-size: 16px;color: #fff;} .m-slider2 .con .desc{color: rgba(255,255,255,.8);} .m-slider2{padding-top: 25px;} .m-list2 li,.m-list2 li.on{width: auto;float: none;height: auto;margin-bottom: 10px;} .m-list2 .bg{height: 80px;float: none;width: auto;} .m-list2 .tit{left: 0;right: 0;bottom: 0;line-height: 80px;text-align: center;} .m-list2 .t1{font-size: 16px;line-height: 50px;} .m-list2 li:nth-child(2n) .pic{height: auto;margin: 0;} .row-a3{padding-top: 35px;} .row-a3-2{padding-top: 30px;} .m-list3{height: auto;margin-top: 25px;} .m-list3 li{position: static;width: auto !important;height: auto !important;} .m-list3 .con{position: relative;} .m-list3 .tit{left: 0 !important;right: 0;bottom: 12px;font-size: 16px !important;padding: 0 15px;} .row-a3{background-image: none;} .row-a3-3{padding-top: 40px;} .m-list4 .top span{font-size: 24px;} .m-list4 .top{font-size: 13px;margin-bottom: 3px;} .m-list4 .con{padding-top: 20px;} .m-list4 .desc{font-size: 12px;} .m-list4{height: 160px;margin-top: 20px;} .m-list4 .con:after{height: 50px;top: 20px;display: none;} .fd-txt{display: none;} .fd-copy{font-size: 12px;line-height: normal;padding: 13px 0;} .fd-copy span{margin: 0 5px;display: inline-block;} .fd-qr{float: none;margin: 0 auto;} .fd-top{padding-bottom: 15px;} .footer{height: auto;padding-top: 40px;} .fd-qr span{font-size: 14px;} .fd-qr .pic{margin-bottom: 8px;} .row-b1 .col-l{width: auto;float: none;margin-bottom: 20px;} .m-t1{background-color: #0B74C6;background-image: none;height: 60px;padding: 0 20px; line-height: 60px;font-size: 22px; } .snv li .s1{font-size: 16px;padding: 12px 8px;line-height: 30px;} .snv{border-left-width: 3px;} .row-b1 .col-r{margin: 0;} .cur{font-size: 12px;} .cur .r{ float:left; padding-left: 20px; -o-background-size: 15px auto; -ms-background-size: 15px auto; -moz-background-size: 15px auto; -webkit-background-size: 15px auto; background-size: 15px auto; } .m-t2{font-size: 20px;} .row-b1{padding: 15px 0 150px;} .m-txt1{font-size: 14px;margin-top: 20px;} .m-list5 .pic{float: none;height: auto;width: auto;margin-right: 0;} .m-list5 .con{padding: 15px 0;} .m-list5 .name{font-size: 18px;margin-bottom: 3px;} .m-list5 .lab{font-size: 14px;margin-bottom: 10px;} .m-list5 .desc{font-size: 13px;} .m-list5-1{margin-top: 0;} .m-list5 .date{font-size: 12px;margin-bottom: 3px;} .m-list5 .date span{font-size: 18px;margin-right: 3px;} .m-list5 .tit{font-size: 16px;margin-bottom: 10px;} .ban{height: 150px;} .pages{padding-top: 30px;} .pages ul li{padding: 0 2px;} .pages ul li a, .pages ul li span{height: 32px;line-height: 30px;font-size: 12px;min-width: 32px;} .pages ul .next a, .pages ul .prev a{padding: 0 15px;} .m-list6 .txt{padding: 12px 15px 0;} .m-list6 .tit{font-size: 16px;margin-bottom: 5px;} .m-list6 .desc{font-size: 13px;} .m-list6 .date{width: 60px;height: 70px;line-height: 1.3;padding-top: 12px;} .m-list6 .date span{font-size: 22px;} .m-list6 .date em{font-size: 12px;} .m-list6{margin-top: 20px;min-height: 400px;} .m-list6 li{margin-bottom: 15px;} .nav .ico{display: block;position: absolute;right: 0;top: 0;width: 45px;height: 45px; background: url(../images/ico-jian.png) no-repeat center; -o-background-size: 15px auto; -ms-background-size: 15px auto; -moz-background-size: 15px auto; -webkit-background-size: 15px auto; background-size: 15px auto; } .m-list2 .tit{padding-left: 15px;} .m-list2 .ico{float: left;width: 50px;height: 50px;margin: 0 10px 0 0;} .m-list2 .tit em{float: left;width: auto;line-height: 50px;} .m-list2 li.on .bg{display: block;} .m-list2 .pic{clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);} .m-list2 li:nth-child(2n) .pic{clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);} .m-list2 .t1:after{left: 20px;} .m-list2 .t1{bottom: 20px;padding-left: 40px;padding-bottom: 8px;} .m-list2 .t1 .ico{margin: 0 10px 0 0;} .m-list2 .more{bottom: 40px;font-size: 12px;padding: 15px 3px 0 7px;right: 15px;} }