/*Floor002988*/ .Floor002988{padding: 3.1vw 0 0 0; overflow: hidden;font-family: 'FreightBig-Light';} .Floor002988 .auto{max-width: 1400px;} .Floor002988 .title *{margin: 0;} .Floor002988 .title h3{color: #333;font-weight: normal;font-size: 50px;padding-bottom: 0.7em;} .Floor002988 .title p{font-family: 'roboto-Light';font-size: 16px; line-height: 2.125em; max-width: 500px; text-align: justify;} .Floor002988 .inner{padding-top: 4.22vw;position: relative; z-index: 1;} .Floor002988 .design{ position: relative;padding: 4.22vw 0;} .Floor002988 .design:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';background-color: #000;} .Floor002988 .design .main{margin: 0 5.2vw;} .Floor002988 .arrow{display: table;position: relative; overflow: hidden; margin-bottom: 3.54vw;} .Floor002988 .arrow:before{position: absolute; content: '';background: rgba(255,255,255,0.5); left: 0; top: 50%; width: 100%; height: 1px;} .Floor002988 .arrow .slick-arrow{font-family: 'FreightBig-Light';background: #000; height: 20px;color: #fff;text-transform: uppercase;color: #fff; font-size: 14px;position: relative; z-index: 5;} .Floor002988 .arrow .slick-next{padding-left: 1.56vw; margin-left: 4.11vw;} .Floor002988 .arrow .slick-prev{padding-right: 1.56vw;} .Floor002988 .design .logo{width: 53.263%;} .Floor002988 .design .txt .slider{width: 90%; margin-bottom: 6%;} .Floor002988 .design .txt aside{color: #fff; word-break: break-word!important;} .Floor002988 .design .txt aside.t-1{font-size: 18px;} .Floor002988 .design .txt aside.t-2{font-size: 44px; margin-bottom: 1.5em;} .Floor002988 .design .txt aside.t-3{font-size: 16px;font-family: 'roboto-Light';} @media(min-width:1025px){ .Floor002988 .design{position: absolute;padding-bottom: 0; width: 50%; right: 0; top: 0; z-index: 10;} .Floor002988 .design:before{height: 95%;} } @media(max-width:768px){ .Floor002988 .title{padding-bottom: 4vw;} .Floor002988 .title h3{font-size: 6vw;} .Floor002988 .title p{font-size: 3vw;} } @media(max-width:640px){ .Floor002988 .design .txt aside.t-1{font-size: 4vw;} .Floor002988 .design .txt aside.t-2{font-size: 7vw; } .Floor002988 .design .txt aside.t-3{font-size: 3vw;} } /* .Floor002375 为demo编号 */ .Floor002375{ background: url(../images/Floor002375-bg.png) no-repeat right top; padding: 30px 0 60px; margin-bottom: -30px; background-size: auto 100%;} .Floor002375 .auto{ padding-right: 5%; padding-left: 5%;} .Floor002375 .pic{} .Floor002375 .word .tit{ margin: 0; color: #666; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor002375 .word .tit:after{ content: ""; display: block; max-width: 43px; width: 20%; height: 3px; background: #2e303c; margin: 25px 0;} .Floor002375 .word .tit em{ font-style: normal; font-size: 32px; text-transform: uppercase; font-weight: 600; position: relative; top: 6px; padding-right: 15px;} .Floor002375 .word figure{ font-size: 14px; line-height: 1.8;} .Floor002375 .word .more{ width: 187px; height: 50px; line-height: 26px; border: 2px solid #aeaeae; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative; margin-top: 8%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor002375 .word .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #fff100; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002375 .word .more span{ position: relative; z-index: 3; display: block;} .Floor002375 .word .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .Floor002375 .word .more:hover{ color: #000; border-color: #d2c702;} .Floor002375 .word .more:hover:before{ width: 100%; } @media only screen and (max-width:767px ) { .Floor002375 .word .tit{ text-align: center;} .Floor002375 .word .tit:after,.Floor002375 .word .more{ margin-left: auto; margin-right: auto;} .Floor002375 .word .more{ height: 40px; line-height: 17px;} .Floor002375 .word .more i{ margin-top: -8px;} } @media only screen and (min-width:768px ) { .Floor002375{ padding: 40px 0 70px;} .Floor002375 .pic{ float: left; width: 38%;} .Floor002375 .word{ float: right; width: 58%;} .Floor002375 .word .tit{font-size: 24px; line-height: 42px;} .Floor002375 .word .tit em{ font-size: 42px; top: 10px;padding-right: 30px;} .Floor002375 .word figure{ font-size: 16px;} } @media only screen and (min-width:1024px ) { .Floor002375{ padding: 50px 0 80px;} .Floor002375 .word .tit{font-size: 26px; line-height: 48px;} .Floor002375 .word .tit:after{ margin: 35px 0;} .Floor002375 .word .tit em{ font-size: 48px;} } @media only screen and (min-width:1280px ) { .Floor002375{ padding: 70px 0 100px;} .Floor002375 .word .tit{font-size: 28px; line-height: 54px;} .Floor002375 .word .tit:after{ margin: 45px 0;} .Floor002375 .word .tit em{ font-size: 54px; } } @media only screen and (min-width:1440px ) { .Floor002375{ padding: 90px 0 110px;} .Floor002375 .word .tit{font-size: 30px; line-height: 60px;} .Floor002375 .word .tit:after{ margin: 55px 0;} .Floor002375 .word .tit em{ font-size: 60px; } } @charset "utf-8"; /* .Floor002455 为demo编号 */ .Floor002455 .homeAbout{ max-width:1600px;margin:0 auto;} .Floor002455 .homeAbout .wrap-container{} .Floor002455 .homeAbout .pic{ float: left; width: 42%; position: relative;} .Floor002455 .homeAbout .pic:after{ position: absolute; content: ""; background: url(../images/Floor002455-about_bg.jpg) no-repeat right top; right: -10%; top: 14.5%; height: 70%; width: 100%;} .Floor002455 .homeAbout .pic img{ position: relative; z-index: 2;} @media only screen and (max-width:1024px ) { .Floor002455 .homeAbout .wrap-container{ padding: 0;} .Floor002455 .homeAbout .pic{ float: none; width: 100%; padding-right: 0;} } .Floor002455 .homeAbout .word{ float: right; width: 50%;} .Floor002455 .homeAbout .word .word-tit{ font-size: 60px;font-weight: normal; margin: 0;color:#09357f; text-align: right;font-weight:600; } .Floor002455 .homeAbout .word .word-tit span{color: #ccc;font-size: 30px;padding-right: 30px;font-weight:500;} .Floor002455 .homeAbout .word .word-tit::before{width: 120px;height: 3px;display: inline-block;content: '';background: #bcbfbe;margin-right: 50px;} .Floor002455 .homeAbout .word .con{ line-height: 2; font-size: 18px; color: #666; z-index: 5; position: relative; word-break: break-all; word-wrap: break-word;text-justify:inter-ideograph; text-align:justify;margin-top:3vw; } @media only screen and (max-width:1024px ) { .Floor002455 .homeAbout .word{ float: none; width: 100%;} .Floor002455 .homeAbout .pic:after{ right: 8%;} } @media only screen and (max-width:480px ) { .Floor002455 .homeAbout .word .word-tit{ font-size: 20px;} .Floor002455 .homeAbout .word .con{ font-size: 14px;} } .Floor002455 .homeAbout .list{ max-width: 100%; margin: 9% auto 0;} .Floor002455 .homeAbout .list li{ float: left; width: 25%; text-align: center; padding: 0 4%;} .Floor002455 .homeAbout .list li+li{ border-left: 1px solid #f0f0f0;} .Floor002455 .homeAbout .list li span{ font-size: 15px; color: #000; display: block;padding-top: 15px;} .Floor002455 .homeAbout .list li span img{} .Floor002455 .homeAbout .smallpic{ margin: 12% 0 0 auto; text-align: right; position: relative;} @media only screen and (max-width:1024px ) { .Floor002455 .homeAbout .smallpic{ right: 0;} } @media only screen and (max-width:480px ) { .Floor002455 .homeAbout .list li{ width: 50%; border-bottom: 1px solid #f0f0f0; padding: 15px 4%;} .Floor002455 .homeAbout .list li+li{ border-left: none;} .Floor002455 .homeAbout .list li:nth-child(2n){ border-left: 1px solid #f0f0f0;} } /*.Floor002455 为demo编号*/ /*.Floor00245566{margin-bottom:8vw;}*/ .Floor00245566 .homeAbout{max-width:1600px;margin:0 auto;} .Floor00245566 .homeAbout .wrap-container{} .Floor00245566 .homeAbout .pic{ float: left; width: 54%; position: relative;} .Floor00245566 .homeAbout .pic:after{ position: absolute; content: ""; background: url(../images/Floor002455-about_bg.jpg) no-repeat left top;left: 0;top:0; height: 70%; width: 100%;} .Floor00245566 .homeAbout .pic .img{ position: relative; z-index: 2;margin:60px 0 0 60px;} .Floor00245566 .homeAbout .pic .img video{position: absolute;width: 100%;height: 100%;background-color:rgba(0,0,0,.5);top: 0;left: 0;z-index: 5;} .Floor00245566 .wrap-container{position: relative;padding-bottom:90px;} .Floor00245566 .wrap-container:before{width: 42.5%;height: 1px;content:'';background:#09357f;position: absolute;bottom:30px;left: 60px;} .Floor00245566 .wrap-container .item{overflow: hidden;} .Floor00245566 .slick-arrow{width: 58px;height: 58px;background:url(../images/ar.png) no-repeat;background-size: contain;position: absolute;bottom:0;z-index: 9;} .Floor00245566 .slick-arrow.slick-prev{right: calc(42.5% + 80px);} .Floor00245566 .slick-arrow.slick-next{transform: rotate(180deg);right: 42.5%;} @media only screen and (max-width:1024px ) { .Floor00245566 .homeAbout .wrap-container{ padding: 0;} .Floor00245566 .homeAbout .pic{ float: none; width: 100%; padding-right: 0;} } .Floor00245567{padding-bottom:5%;} .Floor00245566 .homeAbout .word{ float: right; width: 37%;} .Floor00245566 .homeAbout .word .word-tit{ font-size: 60px;font-weight: normal; margin: 0;color:#09357f; text-align: right;font-weight:600; } .Floor00245566 .homeAbout .word .word-tit span{color: #ccc;font-size: 30px;padding-right: 30px;font-weight:500;} .Floor00245566 .homeAbout .word .word-tit::before{width: 120px;height: 3px;display: inline-block;content: '';background: #bcbfbe;margin-right: 50px;} .Floor00245566 .homeAbout .word .con{ line-height: 2; font-size:20px; color: #333; z-index: 5; position: relative; word-break: break-all; word-wrap: break-word;text-justify:inter-ideograph; text-align:justify;margin-top:3vw; } .Floor00245566 .homeAbout .word .con p:nth-child(2){animation-duration: 1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;} .Floor00245566 .homeAbout .word .con p:nth-child(3){animation-duration: 1.5s;-webkit-animation-delay: 1s;animation-delay: 1s;} .Floor00245566 .homeAbout .word .con p:nth-child(4){animation-duration: 2s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;} .Floor00245566 .homeAbout .word .con p b{display: inline-block;width:60px;height:60px;background: linear-gradient(#bcbfbe,#ecedea);border-radius: 50%;text-align: center;line-height: 60px;color:#777;margin-right:10px;} @media only screen and (max-width:1024px ) { .Floor00245566 .homeAbout .word{ float: none; width: 100%;} .Floor00245566 .homeAbout .pic:after{ right: 8%;} } @media only screen and (max-width:480px ) { .Floor00245566 .homeAbout .word .word-tit{ font-size: 20px;} .Floor00245566 .homeAbout .word .con{ font-size: 14px;} } @charset "utf-8"; /* * Owl Carousel - Core 插件样式如遇相同只留一份 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .Banner002454 .index-tit{padding-top: 3.25vw;color: #09357f;position: relative;margin-bottom: 2.208vw;} .Banner002454 .index-tit::after{width:120px;height:3px;display: inline-block;content:'' ;background: #bcbfbe;margin-left:50px;} .Banner002454 .index-tit b{ text-transform: uppercase;font-family: "roboto-Black";font-size:60px;line-height: 0.775em;} .Banner002454 .index-tit span{color:#ccc;font-size: 30px;padding-left:30px;} .Floor00245566 .index-tit{padding-top: 3.25vw;color: #09357f;position: relative;margin-bottom: 2.208vw;} .Floor00245566 .index-tit::after{width:120px;height:3px;display: inline-block;content:'' ;background: #bcbfbe;margin-left:50px;} .Floor00245566 .index-tit b{ text-transform: uppercase;font-family: "roboto-Black";font-size:60px;line-height: 0.775em;} .Floor00245566 .index-tit span{color:#ccc;font-size: 30px;padding-left:30px;} @media(max-width:768px){ .Floor00245566 .index-tit::after{display: none;} } @charset "utf-8"; /* * Owl Carousel - Core 插件样式如遇相同只留一份 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Banner002454 为demo编号 */ .Banner002454{max-width:1600px;margin:0 auto 8vw;} .Banner002454 .homeBanner .auto{position: relative;} .Banner002454 .homeBanner li{ position: relative; padding-top: 5%; padding-right: 5%;} .Banner002454 .homeBanner li .inner{ background: url(../images/Banner002454-banner_bg.jpg) no-repeat left bottom;} .Banner002454 .homeBanner li .pic{ width: 55%; position: absolute; top: 0; right: 0; height: 95%;} .Banner002454 .homeBanner li .word{ padding: 8% 0 8% 8%; position: relative; z-index: 5; line-height: 1.65;} .Banner002454 .homeBanner li .word h2{ color: #000; font-size: 24px; margin: 0; line-height: 1.25;} .Banner002454 .homeBanner li .word p{ font-size: 18px; font-family: arial; color: #666; margin: 3% 0;line-height: 36px; position: relative;width: 37%; } .Banner002454 .homeBanner li .word .more{ font-size: 16px;display: block; max-width: 235px; padding: 1% 2%; width: 50%; text-align: center; background: linear-gradient(#bcbfbe,#ecedea);color: #777; text-transform: uppercase;box-shadow: 0 3px 52px rgba(0,0,0,.19); } @media only screen and (max-width:1024px ) { .Banner002454 .homeBanner li{ padding: 0;} .Banner002454 .homeBanner li .pic{ position: static; width: 100%; height: auto;} .Banner002454 .homeBanner li .inner{ background: none;} .Banner002454 .homeBanner li .word{background: url(../images/Banner002454-banner_bg.jpg) no-repeat left bottom; padding: 4% 2% 8% 8%; } } @media only screen and (max-width:480px ) { .Banner002454 .homeBanner li .word h2{ font-size: 20px;} .Banner002454 .homeBanner li .word p{ font-size: 14px;} } @media only screen and (min-width:1025px ) { .Banner002454 .homeBanner li .word h2{ font-size: 35px;} } @media only screen and (min-width:1366px ) { .Banner002454 .homeBanner li .word h2{ font-size: 36px;} } .Banner002454 .homeBanner .bandots{ position: absolute; width: 50%; left: 45%; bottom: 10%; z-index: 99;} .Banner002454 .homeBanner .bandots .owl-dot{ margin-right: 2%; display: inline-block;} .Banner002454 .homeBanner .bandots .owl-dot span{ color: #999; font-size: 15px; cursor: pointer;} .Banner002454 .homeBanner .bandots .owl-dot.active span{ color: #222; border-bottom: 2px solid #222;} @media only screen and (max-width:1024px ) { .Banner002454 .homeBanner .bandots{ display: none;} } /*Floor002053 */ .Floor002053{padding:6% 0;} .Floor002053 .auto{ max-width:1225px; position:relative;} .Floor002053 .title{ position:absolute; width:40%; left:0; top:49px; z-index:10; color:#000;} .Floor002053 .title h1:before{ position:absolute; content:''; width:100%; height:1px; background-color:#000; right:105%; top:50%;} .Floor002053 .title h1{ position:relative; margin:0; font-size:18px; font-weight:normal;} .Floor002053 .title h1 span{ display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;} .Floor002053 .title h1 span.b{ font-size:60px;} .Floor002053 .title h1 a{ position:absolute; width:56px; height:56px; background:url(../images/Floor002053-title_more.gif) no-repeat center center #000; right:0; top:50%; margin-top:-28px;} .Floor002053 .title h2{ font-weight:normal; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; margin:0;} .Floor002053 .title h2 span.num{ font-size:72px;} .Floor002053 .img_pager{ overflow:hidden; padding-top:2%;} .Floor002053 .img_pager a{ position:relative; float:left; width:13.6%; margin-right:0.8%;} .Floor002053 .img_pager a:last-child{ margin-right:0;} .Floor002053 .img_pager figcaption{position:relative;padding-bottom:100%;overflow:hidden;} .Floor002053 .img_pager figure, .Floor002053 .img_pager figcaption img{ position:absolute; left:0;width:100%;} .Floor002053 .img_pager figcaption img{ bottom:0; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* chrome+ */ filter: grayscale(100%); /* 未来浏览器 */ filter: gray; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */ } .Floor002053 .img_pager a.active figcaption img{ filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */ -webkit-filter: grayscale(0%); /* chrome+ */ filter: grayscale(0%); /* 未来浏览器 */ filter: ; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */ } .Floor002053 .img_pager figure{ opacity:0; height:100%; top:0; background:rgba(0,0,0,0.5); z-index:4; padding:0 3%; transition:0.3s;} .Floor002053 .img_pager a.active figure{ opacity:1;} .Floor002053 .table{ display:table; width:100%; height:100%;} .Floor002053 .table-cell{ display:table-cell; vertical-align:middle; text-align:center;} .Floor002053 .auto > .bx-wrapper > .bx-viewport{ height:auto !important;} .Floor002053 .list li{ overflow:hidden;} .Floor002053 .list li .img_group{ float:right; width:50%; position:relative;} .Floor002053 .img_group .bx-viewport{ z-index:1;} .Floor002053 .img_group dd{padding-top:49px; width:100% !important;} .Floor002053 .img_group dd figure{ position:relative; padding-bottom:100%;background-color:#f4f4f4;} .Floor002053 .img_group dd figure img{ position:absolute; left:22%; width:56%; top:-49px;} .Floor002053 .img_group .bx-pager{ position:absolute; left:-38px; bottom:0; background-color:#fff; z-index:10; width:76px; text-align:center; padding:3% 0;} .Floor002053 .img_group .bx-pager div{ padding:5% 0;} .Floor002053 .img_group .bx-pager a.active{ color:#982429; text-decoration:underline;} .Floor002053 .list li .txt{ float:left; width:45%;} .Floor002053 .list li .txt pre{ padding-top:8%;} @media(max-width:1225px){ .Floor002053 .list li .txt{ padding-left:2%;} } @media(max-width:1000px){ .Floor002053 .title h1{font-size:16px;} .Floor002053 .title h1 span.b{font-size:40px; } .Floor002053 .title h1 a{ width:40px; height:40px; margin-top:-20px;} .Floor002053 .title h2{ font-size:18px;} .Floor002053 .title h2 span.num{ font-size:50px;} .Floor002053 .img_group .bx-pager{left:-20px;width:40px; } } @media(max-width:768px){ .Floor002053 .list li .img_group, .Floor002053 .list li .txt{ float:none; width:auto;} .Floor002053 .list li .txt{ padding:3% !important;} .Floor002053 .img_group .bx-pager{ left:0;} .Floor002053 .title{ position:relative; left:auto; top:auto; padding:3% 3% 3% 20%; width:auto;} } @media(max-width:480px){ .Floor002053 .img_pager a{ width:23.5%; margin-bottom:2%; margin-right:2%;} .Floor002053 .img_pager a:nth-child(4){ margin-right:0;} } /*Floor002054 */ .Floor002054{ padding-bottom:3%; overflow:hidden;} .Floor002054 .auto{ max-width:1225px; } .Floor002054 .title{color:#000; text-align:right; padding:10% 0} .Floor002054 .title h1:before{ position:absolute; content:''; width:100%; height:1px; background-color:#000; left:102%; top:50%;} .Floor002054 .title h1{position:relative; margin:0; font-size:18px; font-weight:normal;} .Floor002054 .title h1 span{ display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;} .Floor002054 .title h1 span.b{ font-size:60px;} .Floor002054 .img{ float:left;width:62%;} .Floor002054 .img dd{ display:none;} .Floor002054 .img dd img{ display:block; width:100%;} .Floor002054 .txt{ float:right; width:37%;text-align:right; position:relative; z-index:10;} .Floor002054 .txt ol{ padding:5% 0 5% 0;} .Floor002054 .txt ol span{ font-size:16px; margin-left:5%; text-decoration:underline; cursor:pointer;} .Floor002054 .txt ol span.on{ color:#982429;} .Floor002054 .txt article pre{ text-align:right; line-height:24px;} .Floor002054 .txt .more{ text-align:right; padding-bottom:5%; padding-top:10%;} .Floor002054 .txt .more a{display:inline-block; width:56px; height:56px; background:url(../images/Floor002054-more.gif) no-repeat center center #000000;} .Floor002054 figure{ position:relative;padding-bottom:20%;} .Floor002054 figure img{ position:absolute; right:0; top:-30%; height:120%;} @media(max-width:1225px){ .Floor002054 .title h1 span.b{ font-size:50px;} .Floor002054 .txt{ padding-right:2%;} .Floor002054 figure img{right:2%;} } @media(max-width:1000px){ .Floor002054 .title h1 span.b{ font-size:40px;} .Floor002054 .img{width:50%;} .Floor002054 .txt{width:45%;} } @media(max-width:768px){ .Floor002054 .img, .Floor002054 .txt{ float:none; width:auto;} .Floor002054 .txt{ padding:2%;} .Floor002054 .txt .more, .Floor002054 .txt ol, .Floor002054 .title{ padding:2% 0;} .Floor002054 .title h1{ max-width:80%;} } @media(max-width:480px){ .Floor002054 .title h1{ font-size:16px;} .Floor002054 .title h1 span.b{ font-size:30px;} .Floor002054 .txt .more a{width:40px; height:40px;} } /*Floor002055 */ .Floor002055{padding:0 0 4% 0;} .Floor002055 .auto{ max-width:1225px; position:relative; background:url(../images/Floor002055-bg.jpg) no-repeat left center;} .Floor002055 .title{ position:absolute; width:45%; left:0; top:0; padding:3% 0; z-index:10; color:#000;} .Floor002055 .title h1:before{ position:absolute; content:''; width:100%; height:1px; background-color:#000; right:105%; top:50%;} .Floor002055 .title h1{ position:relative; margin:0; font-size:18px; font-weight:normal;} .Floor002055 .title h1 span{ display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;} .Floor002055 .title h1 span.b{ font-size:60px;} .Floor002055 .title h1 a{ position:absolute; width:56px; height:56px; background:url(../images/Floor002055-title_more.gif) no-repeat center center #000; right:0; top:50%; margin-top:-28px;} .Floor002055 ol{ overflow:hidden; padding-bottom:5%;} .Floor002055 ol div{ float:left; width:42%; margin-left:3%; overflow:hidden;} .Floor002055 ol div:after{ float:right; background:url(../images/Floor002055-news_more.gif) no-repeat; width:18px; height:9px; content:'';} .Floor002055 ul time{ color:#999;} .Floor002055 ul h1{ margin:0; font-size:24px; border-bottom:1px solid #ddd; padding:2% 0; font-weight:normal;} .Floor002055 ol h1 a{ color:#982429;} .Floor002055 ul p{ line-height:24px; height:48px;overflow:hidden;color:#666;} .Floor002055 ol p{ height:72px;margin-bottom:8%;} .Floor002055 ol figure{ float:right; width:50%;} .Floor002055 li{ float:left; width:45%; position:relative; margin-right:5%; padding-bottom:4%;} .Floor002055 li .Ispic{ padding-bottom:79%; display:block; width:79%; position:relative;} .Floor002055 li .Ispic figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .Floor002055 li .Ispic figure i{ position:absolute; background:url(../images/Floor002055-video_icon.png) no-repeat; width:61px; height:61px; left:50%; top:50%; margin-top:-30.5px; margin-left:-30.5px;} .Floor002055 li .Ispic img{ display:none;} .Floor002055 li div{position:absolute; right:0; bottom:0; background-color:#fff; width:52%;} .Floor002055 li h1{ color:#000;} .Floor002055 li p{ margin-bottom:18%;} .Floor002055 li .txt{ display:block;padding:8%; overflow:hidden;} .Floor002055 li .txt:after{ float:right; background:url(../images/Floor002055-news_more.gif) no-repeat; width:18px; height:9px; content:'';} @media(max-width:1225px){ .Floor002055 .auto{ padding:0 2%;} .Floor002055 .title{ left:2%;} } @media(max-width:1000px){ .Floor002055 .title h1{font-size:16px;} .Floor002055 .title h1 span.b{font-size:40px; } .Floor002055 .title h1 a{ width:40px; height:40px; margin-top:-20px;} .Floor002055 li h1{ font-size:18px;} } @media(max-width:768px){ .Floor002055 .title{ position:relative; left:auto; top:auto; padding:3% 3% 3% 20%; width:auto;} .Floor002055 ol div{ padding-top:0 !important; margin-left:0;} } @media(max-width:480px){ .Floor002055 ol{ padding-bottom:3%;} .Floor002055 ol figure, .Floor002055 ol div{ float:none; width:auto;} .Floor002055 ol figure{ padding-top:3%;} .Floor002055 li{ float:none; width:auto; margin-right:0;} } @media(max-width:375px){ .Floor002055 li .Ispic{ padding-bottom:100%; width:auto;} .Floor002055 li div { position:relative; width:auto;} .Floor002055 li p{ margin-bottom:5%;} } /* .Top001117 为demo编号 */ .Top001117{ position:fixed; width:100%; left:0; top:0; z-index:100;background: #fff;height:85px;box-shadow: 0px -16px 21px #000;} .Top001117 header{ height:31px; line-height:31px; color:#fff; transition:all ease 0.3s;} .Top001117 header .auto{ position:relative;max-width: 1600px;} .Top001117 .logo{ position:relative; left:0; top:23px; z-index:20;float: left;} .Top001117 .topr{ position:relative; right:0; top:24px; z-index:20;float: right;} .Top001117 header dl{ float:right;} .Top001117 header dd{ float:left; position:relative; padding-left:10px; margin-left:10px;} .Top001117 header dd i{ position:absolute; width: 1px;height: 8px; left:0; top:50%; margin-top:-4px;background-color: #fff;} .Top001117:hover header dd i{background-color: #7ed0e8;} .Top001117 header dd a{ color:#333;} .Top001117 header dd figure{ position:absolute; display:none; z-index:10; width:160px; top:100%; left:50%; margin-left:-80px;} .Top001117 header dd figure i{ position:absolute; width:0; height:0;border-bottom:6px solid #fff; border-left:6px solid transparent;border-right:6px solid transparent; left:50%; margin-left:-2px; top:-2px; background:none !important;} .Top001117 header dd:hover figure{ display:block;} .Top001117 header dd figure img{ width:100%;} .Top001117 nav{transition:all ease 0.3s; height:85px; position:relative;margin-top:-31px;} .Top001117 nav .auto{max-width:1600px;} .Top001117:hover nav{ background-color:#fff;} .Top001117 nav .subnav{ position:absolute; background-color:rgba(9, 53, 127, 0.65); width:100%; left:0; top:100%;box-shadow: 1px 3px 3px rgba(0,0,0,.2); display:none;} .Top001117 nav .subnav .auto{max-width:1600px;} .Top001117 nav ul, .Top001117 nav ol{ float:left;} .Top001117 nav ul li{ float:left; width:16.6666666%; position:relative;} .Top001117 nav ol a, .Top001117 nav ul li a{ display:block; text-align:center; color:#333; line-height:85px; font-size:18px;} .Top001117 nav ul li.on i{ position:absolute; width:0; height:0;border-bottom:8px solid #09357f; border-left:8px solid transparent;border-right:8px solid transparent; left:50%; margin-left:-8px; bottom:0; background:none !important;} .Top001117 nav ol{ width:8%;} .Top001117 nav ul{ width:53%;} .Top001117 nav .subnav figure{ overflow:hidden; position:relative; width:53%; margin-left:36%;} .Top001117 nav .subnav dl{ float:left; width:16.66666666%; padding:10px 0; position:relative; z-index:2;} .Top001117 nav .subnav dt{ line-height:40px; text-align:center;} .Top001117 nav .subnav dt a{ color:#ddd; font-size:16px;} .Top001117 nav .subnav dt a:hover{ text-decoration:underline;} .Top001117 nav .subnav .layer{ width:16.6666666%; position:absolute; right:80%; top:0; height:100%;background-color:#09357f; z-index:0;} /*Banner003008 */ .Banner003008{font-family: 'PingFang-SC-Regular';position: relative; z-index: 1;margin-top: 85px;} .Banner003008 li.slick-slide{position: relative;} .Banner003008 li .txt{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; text-align: center;color: #fff;height: 90%;} .Banner003008 li .txt .ytable{height: 100%;max-width: 1300px;} .Banner003008 li .txt aside{font-size: 2.5vw; font-weight: bold;margin-top:-100px;overflow: visible;} .Banner003008 li .txt .dot2{text-shadow: 4px 4px 8px rgba(0,0,0,0.4);} .Banner003008 li .txt .dot3{font-size:260px;opacity: 0.1;margin-top:-230px;} .Banner003008 li .txt .play{background: url("../images/Banner003008_play.png") no-repeat; width: 104px; height: 104px; display: block; margin: 0 auto 3.125vw; cursor: pointer;} @media(min-width:1025px){ .Banner003008 .wap{display: none;} } @media(max-width:1024px){ .Banner003008 .pc{display: none;} } @media(max-width:640px){ .Banner003008 li .txt .play{width: 16vw; height: 16vw;background-size: contain;} } .Banner003008 .mouse{position: absolute; width: 30px; height: 60px; border-radius: 50px; border: 1px solid #fff; left: 50%; bottom: 5%; z-index: 10;} .Banner003008 .mouse:before{ content: ''; width: 3px; height: 10px;background: #fff;position: absolute; left: 50%; margin-left: -1.5px; top: 10px; border-radius: 3px; animation: Banner003008 2s ease infinite;} @keyframes Banner003008{ 0%{top: 10px;opacity: 1;} 80%{top: 40px;opacity: 0;} 100%{top: 10px;opacity: 0;} } .Banner003008 .pages, .Banner003008 .slick-arrow{position: absolute;bottom: 5%; z-index: 10; } .Banner003008 .pages{ left: 3%; font-size: 24px;color: #fff;line-height: 60px;} .Banner003008 .slick-arrow{right: 3%;border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); width: 15px; height: 15px; margin-bottom: 22px;} .Banner003008 .slick-prev{transform: rotate(-135deg); margin-right: 60px;} @media(max-width:640px){ .Banner003008 .mouse{display: none;} .Banner003008 .pages, .Banner003008 .slick-arrow{bottom: 3%; } .Banner003008 .pages{font-size: 4vw;} } .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;} /* .Floor002396 为demo编号 */ .Floor002396{ background: #eaeaea;} .Floor002396 .auto{ max-width: 1440px; margin: 0 auto; background: #fff;} @media only screen and (max-width:1470px ) { .Floor002396{ padding-left: 15px; padding-right: 15px;} } .Floor002396 .box{ float: left; width: 50%; } .Floor002396 .box .box-con{} .Floor002396 .box .box-inner{ max-width: 605px;padding:0 55px;} .Floor002396 .box .box-inner ul{ padding-top: 5%;} .Floor002396 .box .Tithead{ font-size: 24px; color: #333;} .Floor002396 .box .Tithead:after{ content: ""; display: block; width: 12px; margin-top: 25px; height: 2px; background: #9c9c9c;} .Floor002396 .box .nafter:after{ display: none;} .Floor002396 .box .bglogo{ background: url(../images/Floor002396-bg.png) no-repeat right top; height: 204px;} .Floor002396 .box figure{ font-size: 14px; line-height: 24px; color: #888; height: 48px; overflow: hidden; margin: 25px 0;} .Floor002396 .box-why{ padding-bottom: 152px; background: url(../images/Floor002396-bg_lb.png) no-repeat left bottom; } .Floor002396 .box-why .box-inner ul{ padding-top: 5%;} .Floor002396 .box-why ul{ margin: 0 -2%;} .Floor002396 .box-why ul li{ float: left; width: 29.3334%; margin: 0 2%;} .Floor002396 .box-why ul li span{ display: block; font-size: 12px; color: #888; margin-top: 15px;} .Floor002396 .box-about .box-con{ margin-top: -182px; position: relative; z-index: 99; background: #fff;} .Floor002396 .box-about .box-inner{ padding-top: 55px; padding-bottom: 55px;} .Floor002396 .box-about .box-inner ul{ padding-top: 2%; margin: 0 -4%;} .Floor002396 .box-about ul li{ float: left; padding: 0 4%;} .Floor002396 .box-about ul li dl{ border-radius: 50%; border: 1px solid #f1f1f1; padding: 15px 0;width: 80px; height: 80px; text-align: center;} .Floor002396 .box-about ul li img{ max-width: 25px;} .Floor002396 .box-about ul li b{ display: block; font-size: 14px; color: #333; padding-top: 5px;} .Floor002396 .box-about .Tit{ padding: 15px 0; border-top:1px solid #e5e5e5; margin: 2% 55px 0;} .Floor002396 .box-about .Tit .more{ float: right; background: url(../images/Floor002396-more.png) no-repeat center; display: block; width: 24px; height: 20px;} .Floor002396 .box-about .Tit .more:hover{ background-image: url(../images/Floor002396-more_hover.png);} @media only screen and (max-width:1199px ) { .Floor002396 .box .bglogo{ height: 138px; background-size: auto 100%; } .Floor002396 .box .box-inner{padding:0 30px;} .Floor002396 .box-about .box-inner{ padding-top: 30px;padding-bottom: 30px;} .Floor002396 .box-about .Tit{ margin-left: 30px; margin-right: 30px;} .Floor002396 .box-why{ padding-bottom: 0;} .Floor002396 .box-about .box-inner ul{ margin: 0 -2%;} .Floor002396 .box-about ul li{ padding: 0 2%;} .Floor002396 .box-about ul li dl{ width: 70px; height: 70px; padding: 10px 0;} } @media only screen and (max-width:1024px ) { .Floor002396 .box .bglogo{ height: 75px;} .Floor002396 .box-about ul li dl{ width: 60px; height: 60px; padding: 5px 0;} } @media only screen and (max-width:767px ) { .Floor002396 .box{ float: none; width: 100%;} .Floor002396 .box .bglogo{ height: 50px;} .Floor002396 .box .box-inner{padding:0 15px;} .Floor002396 .box-about .box-inner{ padding-top: 15px;padding-bottom: 15px;} .Floor002396 .box-about .Tit{ margin-left: 15px; margin-right: 15px;} .Floor002396 .box-why{ padding-bottom: 10%; background-size: 15%;} .Floor002396 .box-about .box-con{ margin-top: 0;} .Floor002396 .box-about ul li dl{ width: 50px; height: 50px;} .Floor002396 .box-about ul li img{ width: 20px;} .Floor002396 .box-about ul li b{ padding-top: 0;} } /*Floor003029 */ .Floor003029{overflow: hidden;} .Floor003029 .auto{max-width: 1600px;} .Floor003029 .index-tit{padding-top: 6.25vw;color: #09357f;position: relative;margin-bottom: 2.208vw;} .Floor003029 .index-tit::after{width:120px;height:3px;display: inline-block;content:'' ;background: #bcbfbe;margin-left:50px;} .Floor003029 .index-tit b{ text-transform: uppercase;font-family: "roboto-Black";font-size:60px;line-height: 0.775em;} .Floor003029 .index-tit span{color:#ccc;font-size: 30px;padding-left:30px;} .Floor003029 .infor{color:#666;font-size: 16px;} .Floor003029 .mmore{float: right;position: relative;top: -83px;} .Floor003029 .mmore a{display: block;color:#777;background:linear-gradient(#bcbfbe,#ecedea) ;font-size:16px;padding:12px 0;width:235px;text-align: center;margin-top:2vw;} .Floor003029 .qiehuan{width:100%;text-align: right;margin-top:-13vw;} @keyframes zhuan{ 0%{transform: rotate(0); } 100%{transform: rotate(360deg);} } @media(max-width:768px){ .Floor003029 .index-tit{margin-bottom: 6vw;} .Floor003029 .index-tit b{font-size: 8vw;line-height: 1em;} } .Floor003029 .more{font-size: 18px;font-family: 'roboto-Regular';} .Floor003029 .more:before, .Floor003029 .more:after{display: inline-block; content: '';height: 1px;background: #bcbfbe; vertical-align: baseline; transition: 0.3s width; } .Floor003029 .more:before{width: 40px;margin-right: 8px;} .Floor003029 .more:after{width: 0;} .Floor003029 .more:hover:before{width: 0;margin-right: 0;} .Floor003029 .more:hover:after{width: 40px; margin-left: 8px;} @media(min-width:641px) and (max-width:768px){ .Floor003029 .more{font-size: 3vw;} } @media(max-width:640px){ .Floor003029 .more{font-size: 4vw;} } .Floor003029 li{ margin-bottom: 5.208vw;margin-top: -6vw;} .Floor003029 li .txt{font-family: 'roboto-Light';width: 100%;font-size: 20px;text-align: center;padding: 1.5vw 0;/*background: #fff;box-shadow: 1px 2px 10px #ccc;border-radius: 0 0 10px 10px;*/} .Floor003029 li .txt aside::before{width:3px;height:15px;content: '';background: #6dbb4d;display: block; left:49%;position: relative;margin-bottom: 20px;} .Floor003029 li .txt aside{font-size:24px; text-transform: uppercase;font-weight: 600;} .Floor003029 li .txt p{line-height: 2.25em;opacity: 0.5;} .Floor003029 li .txt .more{color: rgba(255,255,255,0.5);} .Floor003029 li a{color: #09357f;} .Floor003029 li a:hover .txt aside, .Floor003029 li a:hover .txt .more{color: #6dbb4d;} .Floor003029 li .txt .more:before, .Floor003029 li .txt .more:after{background: rgba(255,255,255,0.5);} .Floor003029 li a:hover .txt .more:before{width: 0;margin-right: 0;} .Floor003029 li a:hover .txt .more:before, .Floor003029 li a:hover .txt .more:after{background:#6dbb4d;} .Floor003029 li a:hover .txt .more:after{width: 40px;margin-left: 8px;} @media(min-width:641px){ .Floor003029 li{float: left; width: 30%;} .Floor003029 li:not(:last-child){margin-right: 5%;} .Floor003029 li:nth-child(1){margin-top: 6.1667vw;} .Floor003029 li:nth-child(2){margin-top: 2.48vw;} } @media(max-width:640px){ .Floor003029 li .txt aside{font-size: 4vw;} .Floor003029 li .txt p{font-size: 3vw;} } /*Bottom003009 */ .Bottom003009{background-color: #333;padding-top: 5.16vw;font-family: 'SourceHanSansCN-Regular';} @media(max-width:1024px){ .Bottom003009{text-align: center;} } .Bottom003009 .auto{max-width: 1600px;} .Bottom003009, .Bottom003009 a{color: #fff;} .Bottom003009 a:hover{color: #fff;} .Bottom003009 .soglan{color: #fff;font-size: 20px;line-height: 1.5em;} .Bottom003009 .share{margin-top: 38px;} .Bottom003009 .share dd{float: left;position: relative;} .Bottom003009 .share dd figure{position: absolute; left: 50%; margin-left: -60px; width: 120px; bottom: 100%; margin-bottom: 10px;display: none;} .Bottom003009 .share dd figure:after{position: absolute; content: '';border: 5px solid transparent; border-top-color: #fff; top: 100%; margin-left: -5px; left: 50%;} .Bottom003009 .share dd a{display: block; width: 22px; height: 22px; margin: 0 11px;background: url("../images/Bottom003009_share_icon.png") no-repeat 0 0;} .Bottom003009 .share dd.d_sina a{background-position: -42px 0;} .Bottom003009 .share dd.d_fb a{background-position: -80px 0;} .Bottom003009 .share dd.d_tw a{background-position: -120px 0;} .Bottom003009 .share dd.d_ing a{background-position: -160px 0;} @media(min-width:1025px){ .Bottom003009 .logo{display: table;table-layout: fixed;} .Bottom003009 .logo > *{display: table-cell; vertical-align: middle;} .Bottom003009 .logo .img{padding-right: 30px; max-width: 190px;} } @media(max-width:1024px){ .Bottom003009 .logo .img{padding-bottom: 20px;} .Bottom003009 .share{display: table; margin-left: auto; margin-right: auto;} } @media(max-width:480px){ .Bottom003009 .soglan{font-size: 4vw;} } .Bottom003009 .b-mid{margin-top: 2.08vw;padding-top: 3.13vw; border-top: 1px solid rgba(255,255,255,0.05);padding-bottom: 3.3vw;} .Bottom003009 .b-mid .tit{font-size: 20px; margin-bottom: 2.08vw;} .Bottom003009 .b-mid .tit, .Bottom003009 .b-mid .tit a{color: #fff;} .Bottom003009 .contact{max-width: 329px;width: 25%;} .Bottom003009 .contact li{line-height: 30px;} .Bottom003009 .b-mid nav{max-width: 1000px;width: 75%;} .Bottom003009 .b-mid nav dl{float: left; max-width: 140px;} .Bottom003009 .b-mid nav dd{line-height: 20px;padding: 5px 0;} @media(max-width:1024px){ .Bottom003009 .b-mid{display: none;} } .Bottom003009 .copyright{border-top: 1px solid rgba(255,255,255,0.05);padding: 2.08vw 0;} .Bottom003009 .copyright .fr a{display: inline-block;} .Bottom003009 .copyright .fr a:not(:last-child):after{ width: 1px; height: 13px;display: inline-block; content: ''; vertical-align: middle;background:#fff; opacity: 0.1; margin: 0 15px;} @media(max-width:1024px){ .Bottom003009 .copyright{margin-top: 5vw;padding: 5vw;} .Bottom003009 .copyright .fr{padding-bottom: 10px;} } /*Banner002730*/ .Banner002730{ position:relative;margin-top:85px;} .Banner002730 .txt{position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff; font-size:28px;text-transform: uppercase;text-align: center;} .Banner002730 .txt .ytable{margin-top:7%;} @media(min-width:1025px){ .Banner002730 figure{ height:350px;} .Banner002730 img{ display:none;} } @media(max-width:1024px){ .Banner002730 figure{ display:none;} .Banner002730 img{ width:100%; display:block;} } @media(max-width:640px){ .Banner002730 .txt{font-size: 24px;} } /*Menu002169 */ .Menu002169{ padding-bottom:2%;} .Menu002169 .auto{max-width:1600px;} .Menu002169 dt{ text-align:right; background:url(../images/Menu002169-icon_home.gif) no-repeat right center;font-size:14px; padding:30px 20px 30px 0; color:#999;} .Menu002169 dt a{ background:url(../images/Menu002169-cur_a.gif) no-repeat right center; padding-right:10px; margin-right:5px;color:#999;} .Menu002169 dt span{ color:#09357f;} .Menu002169 dd{ width:180px; line-height:80px; background:url(../images/Menu002169-columnbg.png) no-repeat left top #09357f; font-size:28px; color:#fff; text-align:center; position:relative; z-index:1; margin-top:-30px;} .Menu002169 dd:before{ display:inline-block; content:''; width:15px; height:3px; background:#fff; margin-right:5px; vertical-align:middle;} .Menu002169 nav{ border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f9f9f9; line-height:50px;height:52px; margin-top:-52px;} .Menu002169 nav ul{ float:right;} .Menu002169 nav li{ float:left; margin-left:120px; } .Menu002169 nav li:after{ display:block; width:0; height:0; margin:0 auto;content:'';border:6px solid transparent; border-bottom:0;} .Menu002169 nav li a{ display:block; padding:0 12px; position:relative;font-size:16px;} .Menu002169 nav li a:after{ position:absolute; left:0; width:100%; height:3px; content:''; bottom:-1px;} .Menu002169 nav li.aon a:after{background:#bcbfbe;} .Menu002169 nav li.aon:after{border-top-color:#bcbfbe;} .Menu002169 nav li.aon{ font-weight:bold; } .Menu002169 nav li a:hover, .Menu002169 nav li.aon a{color:#09357f;} @media(max-width:1200px){ .Menu002169 nav li{margin-left:20px; } } @media(max-width:1000px){ .Menu002169 dd, .Menu002169 nav{margin-top:0;} .Menu002169 nav ul{ float:none;} } @media(max-width:1000px) and (min-width:641px){ .Menu002169 dl{ overflow:hidden;} .Menu002169 dd{ float:left;} .Menu002169 dt{ float:right; } } @media(max-width:768px){ .Menu002169 nav{height:auto; line-height:40px;} .Menu002169 nav li{ margin:0; width:25%; text-align:center;} .Menu002169 nav li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} } @media(max-width:640px){ .Menu002169 dt{ padding-top:15px; padding-bottom:15px;} .Menu002169 dd{ width:auto; line-height:normal; text-align:left; padding:2%; background-position: right top; background-size:contain;} } @media(max-width:480px){ .Menu002169 dd{ font-size:20px;} .Menu002169 nav li{ width:33.33333333333%;} } /*PicList002926 */ .PicList002926{padding-top: 2.17vw;} .PicList002926 .auto{max-width: 1600px;} .PicList002926 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: linear-gradient(#bcbfbe,#ecedea);display: block;border-radius: 20px;} .PicList002926 .more:hover{background: #09357f;} .PicList002926 .more:after{display: inline-block; content: '';background: url("../images/PicList002926_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} .PicList002926 .proDes{font-size:16px;line-height:30px;margin-bottom:2.5vw;} .PicList002926 .proVideoText{font-size:16px;line-height:30px;margin-bottom:2vw;} .PicList002926 .proVideo{margin-bottom:3vw;} .PicList002926 .proVideo video{width: 100%;display: block;} @media(max-width:480px){ .PicList002926 .more{line-height: 10vw;} } .PicList002926 li{margin-bottom: 4.17vw;} .PicList002926 li .pic a{display: block; overflow: hidden;} .PicList002926 li .pic img{transition: 0.3s;} .PicList002926 li:hover .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002926 li:nth-child(2n-1) .info .inner{margin-left: -2.6vw;} .PicList002926 li:nth-child(2n) .info .inner{margin-right: -2.6vw;} .PicList002926 li .info .inner{padding: 3.03vw 3.98vw;text-align: left;box-shadow: 2px 5px 10px rgba(9,53,127,0.4);position: relative;background: #fff;z-index: 19;} .PicList002926 li .icon img{max-height: 32px;} .PicList002926 li h3{font-size: 24px;} .PicList002926 li h3:after{display: block; content: ''; height: 2px;background: #bcbfbe; width: 20px; margin: 10px 0;} .PicList002926 li h3 a{color: #000;} .PicList002926 li h3 a:hover{color: #09357f;} .PicList002926 li .more{} .PicList002926 li p{color: #808080;line-height: 1.715em; max-height: 5.145em; margin-bottom: 2vw;font-size: 16px;} @media(min-width:1025px){ .PicList002926 li .pic{width: 59.642%;} } @media(max-width:1024px){ .PicList002926 li .ytable, .PicList002926 li .ytable-cell{display: block;} } @media(max-width:640px){ .PicList002926 li h3{font-size: 5vw;} .PicList002926 li p{font-size: 3.5vw;} .PicList002926 li .info .inner{padding: 5vw 3vw;} } .PicList002926_2 li .info .inner{ background: #f5f5f5; box-shadow: none;} /*PicList00292611 */ .PicList00292611{padding-top: 2.17vw;} .PicList00292611 .auto{max-width: 1600px;} .PicList00292611 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: linear-gradient(#bcbfbe,#ecedea);display: block;border-radius: 20px;} .PicList00292611 .more:hover{background: #09357f;} .PicList00292611 .more:after{display: inline-block; content: '';background: url("../images/PicList002926_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList00292611 .more{line-height: 10vw;} } .PicList00292611 li{margin-bottom: 4.17vw;} .PicList00292611 li .pic{position: relative;} .PicList00292611 li .pic a{display: block; overflow: hidden;} .PicList00292611 li .pic img{transition: 0.3s;} .PicList00292611 li:hover .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList00292611 li .info .inner{padding: 3.03vw 3.98vw;text-align: left;box-shadow: 2px 5px 10px rgba(9,53,127,0.4);position: relative;background: #fff;z-index: 19;border: 10px solid #ddd;line-height:36px; font-size: 16px;} .PicList00292611 li p .dot3{ -webkit-line-clamp: inherit;} .PicList00292611 li .icon img{max-height: 32px;} .PicList00292611 li h3{font-size: 24px;} .PicList00292611 li h3:after{display: block; content: ''; height: 2px;background: #bcbfbe; width: 20px; margin: 10px 0;} .PicList00292611 li h3 a{color: #000;} .PicList00292611 li h3 a:hover{color: #09357f;} .PicList00292611 li .more{} .PicList00292611 li p{color: #808080;line-height: 1.715em; max-height: 5.145em; margin-bottom: 2vw;font-size: 16px;} .PicList00292611 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList00292611 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList00292611 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #09357f;cursor: pointer;} .PicList00292611 li .video_files .close::before, .PicList00292611 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList00292611 li .video_files .close::before{ transform:rotate(45deg);} .PicList00292611 li .video_files .close::after{ transform:rotate(-45deg);} .PicList00292611 li figure{ position:relative;} .PicList00292611 li figure em{ display:block; padding-bottom:45.455%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .PicList00292611 li figure .a_play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); cursor: pointer;} .PicList00292611 li figure .a_play::before, .PicList00292611 li figure .a_play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList00292611 li figure .a_play::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList00292611 li figure .a_play::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -6px;margin-top: -14px;} @media(min-width:1025px){ .PicList00292611 li:nth-child(2n-1) .info .inner{margin-left: -2.6vw;} .PicList00292611 li:nth-child(2n) .info .inner{margin-right: -2.6vw;} .PicList00292611 li .pic{width: 59.642%;} .PicList00292611 li figure{width: 92.218%;} .PicList00292611 li:nth-child(2n) figure{margin-left: auto;} } @media(max-width:1024px){ .PicList00292611 li .ytable, .PicList00292611 li .ytable-cell{display: block;} .PicList00292611 li figure em{padding-bottom:60%;} } @media(max-width:640px){ .PicList00292611 li h3{font-size: 5vw;} .PicList00292611 li p{font-size: 3.5vw;} .PicList00292611 li .info .inner{padding: 5vw 3vw;} } .Floor002912{font-family: Arial, "sans-serif";padding-bottom: 4.167vw;overflow: hidden;} .Floor002912 .auto{max-width: 1400px; width: 96%;} .Floor002912 .slider{position: relative;z-index: 1;} .Floor002912 .slider .box{overflow: hidden;} .Floor002912 .slider .box li.slick-slide{padding: 2vw 0 0 0;} .Floor002912 .slider .box li.slick-slide a{display: block;border-radius: 1.771vw 0 ;background: #eee; margin: 0 1.771vw; padding: 2.8125vw 0 2.604vw 0; text-align: center;color: #000;} .Floor002912 .name{font-family: "MStiffHeiPRC-UltraBold";font-size: 26px;opacity: 0.35; text-transform: uppercase;height: 90px; transition: 0.3s;} .Floor002912 .name span{margin-left:10px;} .Floor002912 a:hover .name{opacity: 1;} .Floor002912 a:hover .name aside{font-size: 64px;line-height: 1em;margin-top: -1.1em; text-transform: capitalize; transform: rotate(-10deg);float: left; width: 100%;transition: 0.3s ease-in-out;} .Floor002912 a:hover .name aside span{display: block;font-size: 0.5em;line-height: 1.5em;} .Floor002912 .pic{height:12.1875vw; } .Floor002912 .pic img{max-height: 12.1875vw;} .Floor002912 .detail:before{display: block; content: ''; width: 1px; height: 36px; background: rgba(255,255,255,0.5); margin: 0 auto 36px;} .Floor002912 .detail aside{position: relative;} .Floor002912 .detail aside span{transition: 0.3s;} .Floor002912 .detail aside span.off{position: absolute; left: 0; top: 0; width: 100%;opacity: 0;} .Floor002912 .slider .box li.slick-slide a:hover{background:#6dbb4d;} .Floor002912 .slider .box li.slick-slide a:hover .detail aside span.on{opacity: 0;} .Floor002912 .slider .box li.slick-slide a:hover .detail aside span.off{opacity: 1;} .Floor002912 .more{text-align: center; padding-top: 3.645vw;} .Floor002912 .more a{display: block; width: 220px;line-height: 50px; border-radius: 50px; border: 1px solid rgba(0,0,0,0.2); margin: 0 auto;color: #666; font-size: 16px; transition: 0.3s;} .Floor002912 .more a:hover{color: #fff;background: #6dbb4d;} .Floor002912 .slick-arrow{position: absolute; z-index: 30; top: 50%; width: 60px; height: 60px; border: 1px solid rgba(0,0,0,0.2);padding: 0; margin-top: -30px; border-radius: 50%; transition: 0.3s;} .Floor002912 .slick-arrow:hover{background: #6dbb4d;} .Floor002912 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #ccc;border-left: 2px solid #ccc; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002912 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);} @media(max-width:640px){ .Floor002912 .slick-arrow{width: 40px; height: 40px;} } @media(min-width:1701px){ .Floor002912 .slider .box ul{ margin: 0 -1.771vw;} .Floor002912 .slick-prev{left: -7.8125vw;} .Floor002912 .slick-next{right: -7.8125vw;} } @media(max-width:1700px){ .Floor002912 .slick-prev{left: -60px;} .Floor002912 .slick-next{right: -60px;} } @media(max-width:1500px){ .Floor002912 .slick-prev{left: 0;} .Floor002912 .slick-next{right: 0;} .Floor002912 a:hover .name aside{font-size:4vw;} } @media(max-width:1200px){ .Floor002912 .pic{height:20vw; } .Floor002912 .pic img{max-height: 20vw;} .Floor002912 .slider .box li.slick-slide{padding-top: 4vw;} .Floor002912 .name{font-size: 2.5vw;} .Floor002912 a:hover .name aside{font-size:5vw;} } @media(max-width:640px){ .Floor002912{padding-bottom: 8vw;} .Floor002912 .pic{height:40vw; } .Floor002912 .pic img{max-height: 40vw;} .Floor002912 .more, .Floor002912 .slider .box li.slick-slide{padding-top: 12vw;} .Floor002912 .name{font-size:8vw;} .Floor002912 a:hover .name aside{font-size:10vw;} .Floor002912 .slider .box li.slick-slide a{padding: 8vw 0;} } .Floor003091 .searBox{position: relative; border:1px solid #e5e5e5; background: #f9f9f9; width: 40%; margin: 0 auto 5%;} .Floor003091 .searBox input{display: inline-block;vertical-align: middle;line-height:46px;height: 46px;color: #666;width: 100%;background:none;border:none; font-size: 16px; text-indent: 1em; padding-right: 60px;;} .Floor003091 .searBox input::-webkit-input-placeholder{color: #fff;} .Floor003091 .searBox .searBtn{display: inline-block;vertical-align: middle;width: 50px;background:url(../images/sear2.png) no-repeat center center #09357f; background-size:15px auto; position: absolute; right: 0; top: 0; height: 100%;} /*Floor003091 */ .Floor003091{font-family: 'Alibaba-PuHuiTi-Regular';font-size: 16px;padding: 6.2vw 0 9.4vw 0; overflow: hidden;} .Floor003091 .auto{max-width: 1600px;} .Floor003091 .title{font-size: 38px;} .Floor003091 .title p{font-size: 0.421em; line-height: 1.75;} .Floor003091 .title aside{color: #1f4b8c;} .Floor003091 .title .en{font-size: 1.579em;font-family: 'DIN-Pro-Bold'; line-height: 0.8667;} @media(min-width:1025px) and (max-width:1600px){ .Floor003091 .title{font-size: 2.375vw;} } @media(max-width:1024px){ .Floor003091 .title{font-size: 5vw; } } @media(max-width:768px){ .Floor003091 .searBox{ width: 100%;} } .Floor003091 .flipster-nav{display: none;} .Floor003091 .cur-info{position: relative;z-index: 10;padding-top: 5.26vw;} .Floor003091 .cur-info .txt .name{color: #000;font-size: 24px;line-height: 1; } .Floor003091 .flipster .pic {background:url("../images/pro_item_bg.png") no-repeat center bottom/contain;} .Floor003091 .flipster .Ispic{width: 380px; height: 470px;background-size: contain;background-position: center bottom;} .Floor003091 .flipster .txt{display:none;} .Floor003091 .flipster > a{position: absolute;border-radius: 50%;background: url("../images/Floor003091-more-white.svg") no-repeat center center #dae2ec; width: 50px; height: 50px; transition: 0.3s; font-size: 0; z-index: 20;} .Floor003091 .flipster > a.flipto-prev{transform: rotateY(180deg); } .Floor003091 .flipster > a:hover{background-color: #09357f;} @media(min-width:1025px) and (max-width:1600px){ .Floor003091 .flipster .Ispic{width: 23.75vw; height: 29.375vw;} .flipster-carousel .flip-past{transform: translateX(-180%) translateZ(0) rotateY(0deg) scale(0.426);} .flipster-carousel .flip-future{transform: translateX(180%) translateZ(0) rotateY(0deg) scale(0.426);} .Floor003091 .flipster > a.flipto-prev{margin-left: -18.125vw;} .Floor003091 .flipster > a.flipto-next{ margin-left: calc(18.125vw - 50px);} } @media(min-width:1025px){ .Floor003091 .cur-info{ position: relative;text-align: center;top: 378px; } .Floor003091 .flipster{margin-top: -9.22vw; float: left;} .Floor003091 .flipster > a{ bottom: 60px; left: 50%;} .Floor003091 .flipster > a.flipto-prev{margin-left: -290px;} .Floor003091 .flipster > a.flipto-next{ margin-left: 240px;} } @media(max-width:1024px){ .Floor003091 .cur-info:before{width: 100%} .Floor003091 .flipster > a{top: 50%; margin-top: -25px;} .Floor003091 .flipster > a.flipto-prev{left: 0;} .Floor003091 .flipster > a.flipto-next{right: 0;} .Floor003091 .flipster .Ispic{width: 60vw; height: 60vw;} .Floor003091 .cur-info{padding-top: 8vw;margin-top: 5vw;} } @media(max-width:480px){ .Floor003091{font-size: 3.5vw;} .Floor003091 .cur-info .txt .name{font-size: 5vw;} .Floor003091 .flipster > a{width: 10vw;height: 10vw;margin-top: -5vw;} } .banner{text-align: center;padding: 20px 0; position: relative; z-index: 1;} .banner .planet1{ position:absolute;Top:29%;left:17%;width: 240px; height: 250px; } .banner .planet2{ position:absolute;Top:6%;left:35%;width: 240px; height: 250px; } .banner .planet3{ position:absolute;Top:20%;left:53%;width: 240px; height: 250px; } .banner .planet4{ position:absolute;Top:31%;right:18%;width: 240px; height: 250px;} @media(max-width:640px){ .banner .planet1{ position:absolute;Top:30%;left:10%;width: 60px; height: 60px; } .banner .planet2{ position:absolute;Top:12%;left:32%;width: 60px; height: 60px; } .banner .planet3{ position:absolute;Top:22%;left:53%;width: 60px; height: 60px; } .banner .planet4{ position:absolute;Top:33%;right:12%;width: 60px; height: 60px; } } /*RighInfo003141 */ .RighInfo003141{font-family: 'SourceHanSansCN-Regular';padding:47px 0 8px 0;} .RighInfo003141 .auto{max-width: 1600px;} .RighInfo003141 .intro{padding-top: 4.5em; margin-bottom: 4.5625em;} .RighInfo003141 .intro .title{ font-size: 2em; color: #09357f; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 0.6em; font-weight: bold;padding-top: 50px;} .RighInfo003141 .intro .title:after { display: block; content: ''; height: 3px; background: #bcbfbe; width: 127px; margin: 22px 0; } .RighInfo003141 .intro .info{ font-size: 0.875em; line-height: 2;} .RighInfo003141 .intro .info p{margin: 1.8em 0;line-height: 2; font-size: 18px; color: #666;} .RighInfo003141 .number-count{margin: 4.5625em 0;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.6875em 0;background: linear-gradient(#efefef,#dedede);} .RighInfo003141 .number-count li{color: #333333;} .RighInfo003141 .number-count li span{display: inline-block;position: relative;font-size: 2em;font-family: 'Bebas';color: #09357f; margin: 0 5px;} .RighInfo003141 .number-count li span i{font-style: normal;font-weight: bold;} .RighInfo003141 .number-count li span i.ani{position: absolute; left: 0;top: 0;} .RighInfo003141 .number-count li span i.opa{opacity: 0;} .RighInfo003141 .number-count li sup{display: inline-block;vertical-align: top;color: #09357f;font-size:1em;font-family: 'SourceHanSansCN-Medium';} .RighInfo003141 .plate dd{margin-bottom: 2.8565%;} .RighInfo003141 .plate dd .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); padding:1.5em 1.875em;} .RighInfo003141 .plate dd ol{float: left;width: 4.25em;} .RighInfo003141 .plate dd ol img{width: 85.295%;} .RighInfo003141 .plate dd li{text-align: center;} .RighInfo003141 .plate dd li aside{font-size: 1.125em; color: #333; font-family: 'SourceHanSansCN-Medium'; font-weight: bold; line-height: 25px;} .RighInfo003141 .plate dd li p{margin: 0;font-size: 0.875em;color: #999;} @media (min-width:1025px) { .RighInfo003141 .intro .info{width: 47.929%;} .RighInfo003141 .intro .title{line-height: 1;} .RighInfo003141 .intro .img{width: 47.215%;} .RighInfo003141 .number-count ul{display: table; margin: 0 auto;} .RighInfo003141 .number-count li{float: left;font-size: 18px;} .RighInfo003141 .number-count li:not(:last-child){margin-right:4em;} .RighInfo003141 .plate dd{float: left;width: 22.85%;} .RighInfo003141 .plate dd:not(:last-child){ margin-right: 2.8565%;} } @media (max-width:1024px) { .RighInfo003141 .number-count li{text-align: center;padding: 1em 0} .RighInfo003141 .number-count{margin: 2em 0; padding: 2em 0;} .RighInfo003141 .intro{padding-top: 2em; margin-bottom: 2em;} } /*RighInfo002554 */ .RighInfo002554{ padding:0% 0 140px 0;} .RighInfo002554 .auto{max-width: 1600px;} .RighInfo002554 .table_1 th, .RighInfo002554 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:26px; padding:15px;font-size: 18px;} .RighInfo002554 .table_1 tr:nth-child(odd) td{background: #f5f5f5;} .RighInfo002554 .table_1 th{ font-size:22px; font-weight:normal;} .RighInfo002554 .table_1 .th_2{background: linear-gradient(#efefef,#dedede);} .RighInfo002554 .table_1 .th_3{ background: linear-gradient(#efefef,#dedede);} .RighInfo002554 .table_1 .th_4{ background: linear-gradient(#efefef,#dedede);} .RighInfo002554 .table_1 .th_2, .RighInfo002554 .table_1 .th_3, .RighInfo002554 .table_1 .th_4{ color:#333;} .RighInfo002554 .table_1 .th_1{ color:#000;} .RighInfo002554 .tabSlide .table{display: table;width: 100%;table-layout: fixed;} .RighInfo002554 .tabSlide .line-box{ width:100%;} .RighInfo002554 .tabSlide .th, .RighInfo002554 .tabSlide .line-box .td{ text-align:center; border:1px solid #eee; border-collapse:collapse; display: table-cell; line-height:26px; padding:15px; font-size: 18px; box-sizing: border-box;} .RighInfo002554 .tabSlide .tabTit, .RighInfo002554 .tabSlide .line-box{display: table;table-layout: fixed; width: 100%;} .RighInfo002554 .tabSlide .tabCont .slick-list{ padding:25px 0;} .RighInfo002554 .tabSlide .tabCont .item:nth-child(even){background: #f5f5f5;} .RighInfo002554 .tabSlide .line-box .th{ font-size:22px; font-weight:normal;} .RighInfo002554 .tabSlide .th_2{background: linear-gradient(#efefef,#dedede);width: 20%;} .RighInfo002554 .tabSlide .th_3{ background: linear-gradient(#efefef,#dedede);width: 50%;} .RighInfo002554 .tabSlide .th_4{ background: linear-gradient(#efefef,#dedede);width: 30%;} .RighInfo002554 .tabSlide .th_2, .RighInfo002554 .tabSlide .th_3, .RighInfo002554 .tabSlide .th_4{ color:#333;} .RighInfo002554 .tabSlide .th_1{ color:#000;} .RighInfo002554 .tabSlide .tabCont .item .line-box .td:nth-child(1){width: 20%;} .RighInfo002554 .tabSlide .tabCont .item .line-box .td:nth-child(2){width: 50%;} .RighInfo002554 .tabSlide .tabCont .item .line-box .td:nth-child(3){width: 30%;} .RighInfo002554 .tabSlide .slick-vertical .slick-slide{border:none;} @media(max-width:480px){ .RighInfo002554 .table_1{ overflow:auto;} .RighInfo002554 .table_1 table{ width:180%;} .RighInfo002554 .tabSlide{overflow: auto;} .RighInfo002554 .tabSlide .table{width: 220%;} .RighInfo002554 .tabSlide .th, .RighInfo002554 .tabSlide .td{font-size:14px;} } .RighInfo002554 .title{ font-size: 2em; color: #09357f; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 0.6em; font-weight: bold;padding-top: 50px;text-align: center;} .RighInfo002554 .title:after { display: block; content: ''; height: 3px; background: #bcbfbe; width: 127px; text-align: center; margin: 0 auto;margin-top: 22px;} /*RighInfo002936 */ .RighInfo002936{padding: 1.2vw 0;} .RighInfo002936 .auto{max-width: 1600px;margin: 0 auto;} .RighInfo002936 p{font-size: 18px;line-height: 2;} .RighInfo002936 .title{ font-size: 2em; color: #09357f; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 45px; font-weight: bold;padding-top: 50px;text-align: center;} .RighInfo002936 .title:after { display: block; content: ''; height: 3px; background: #bcbfbe; width: 127px; text-align: center; margin: 0 auto;margin-top: 22px; } /*RighInfo002554 */ .RighInfo0025546{ padding:0% 0 140px 0;} .RighInfo0025546 .auto{max-width: 1600px;} .RighInfo0025546 .table_1 th, .RighInfo0025546 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:26px; padding:15px;font-size: 18px;} .RighInfo0025546 .table_1 .back{background: #f5f5f5;} .RighInfo0025546 .table_1 th{ font-size:16px; font-weight:bold;} .RighInfo0025546 .table_1 .th_2{ background: linear-gradient(#efefef,#dedede);} .RighInfo0025546 .table_1 .th_3{ background: linear-gradient(#efefef,#dedede);} .RighInfo0025546 .table_1 .th_4{background: linear-gradient(#efefef,#dedede);} .RighInfo0025546 .table_1 .th_2, .RighInfo0025546 .table_1 .th_3, .RighInfo0025546 .table_1 .th_4{ color:#333;} .RighInfo0025546 .table_1 .th_1{ color:#000;} @media(max-width:480px){ .RighInfo0025546 .table_1{ overflow:auto;} .RighInfo0025546 .table_1 table{ width:180%;} } .RighInfo0025546 .title{ font-size: 2em; color: #09357f; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 0.6em; font-weight: bold;padding-top: 50px;text-align: center;} .RighInfo0025546 .title:after { display: block; content: ''; height: 3px; background: #6dbb4d; width: 127px; text-align: center; margin: 0 auto;margin-top: 22px; } .RighInfo002554666{padding: 0% 0 0px 0;} .RighInfo00314133{font-family: 'SourceHanSansCN-Regular';padding:80px 0 90px 0;} /*Floor002711 */ .Floor002711{ padding:70px 0 0 0; overflow:hidden;} .Floor002711 .auto{ max-width:1600px;} .Floor002711 .title{ position:relative; font-size:40px; z-index:3;} .Floor002711 .title:before{ position:absolute; content:''; width:100%; height:272px; background:url(../images/Floor002711_titlebg.png) no-repeat left top; background-size:contain; left:0; bottom:-20%;} .Floor002711 .title .auto{ max-width:1600px; position:relative; z-index:2;} .Floor002711 .title .en{ color:#fff; line-height:1.4em; font-family:"Times New Roman", Times, serif; font-size:2em; text-transform:uppercase;} .Floor002711 .title .en span{ font-size:3.5em; color:#e5dbcb; line-height:0.7em;} .Floor002711 .title .cn{ font-size:1em; position:relative; color:#333;} .Floor002711 .title .cn i{ display:inline-block; width:50%; height:1px; background:#e5dbcb; position:relative; vertical-align:middle; margin-left:2%; max-width:410px;} .Floor002711 .title .cn i::after{ position:absolute; content:''; width:9px; height:9px; background:#e5dbcb; right:0; top:-4px;} @media(max-width:1366px){ .Floor002711 .title{ font-size:32px;} } @media(max-width:1200px){ .Floor002711 .title{ font-size:24px;} } @media(max-width:768px){ .Floor002711 .title{ font-size:16px;} } .Floor002711 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002711 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002711 .slick-list:focus {outline: none} .Floor002711 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002711 .slick-slider .slick-track, .Floor002711 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002711 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002711 .slick-track:before, .Floor002711 .slick-track:after{display: table; content: '';} .Floor002711 .slick-track:after{ clear: both;} .Floor002711 .slick-loading .slick-track { visibility: hidden;} .Floor002711 .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002711 .slick-slide .slick-loading img { display: none;} .Floor002711 .slick-slide .dragging img { pointer-events: none;} .Floor002711 .slick-initialized .slick-slide { display: block;} .Floor002711 .slick-loading .slick-slide { visibility: hidden;} .Floor002711 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002711 .slick-arrow .slick-hidden { display: none;} .Floor002711 .list{ position:relative; z-index:1;} .Floor002711 .info{ position:relative; z-index:10; background:url(../images/Floor002711_infobg.jpg) no-repeat center center; background-size:cover; padding:8%;} .Floor002711 .slick-dots{ text-align:center;} .Floor002711 .slick-dots li{ list-style:none; display:inline-block; width:30px; height:10px; border:2px solid #e5dbcb; background:#fff; margin:0 5px; cursor:pointer;} .Floor002711 .slick-dots li.slick-active{ background:#e5dbcb;} .Floor002711 .slick-dots li button{ display:none;} .Floor002711 .info-main{ background:url(../images/Floor002711_txtbg.jpg) no-repeat right bottom rgb(255 255 255 / 0.8);padding:0% 7% 5%;} .edit-css-2711{ font-size:16px; line-height:32px; color:#333;} .edit-css-2711 h1{ font-size:24px; font-weight:normal;} @media(min-width:1025px){ .Floor002711 .list{} .Floor002711 .slick-slide, .Floor002711 .slick-slider .slick-track, .Floor002711 .slick-slider .slick-list{ height:100%;} .Floor002711 .slick-slide .Ispic{ height:100%;} .Floor002711 .info{ float:right;width:75% } .Floor002711 .slider{ position:absolute; height:785px; top:0;width:100%;} .Floor002711 .slick-dots{position:absolute; width:100%; left:0; bottom:13%; } } @media(max-width:1024px){ .Floor002711 .slick-slide .Ispic{ padding-bottom:40%;} .Floor002711 .info-main{ padding:3%;} } .Floor002711 .title{ font-size: 2em; color: #09357f; font-family: 'SourceHanSansCN-Medium'; margin-bottom: 0.6em; font-weight: bold;padding-top: 50px;} .Floor002711 .title:after { display: block; content: ''; height: 3px; background: #bcbfbe; width: 127px; margin-top: 22px; } /*PicList003142 */ .PicList003142 .auto{ max-width:1600px;margin-top: 1.5em; margin-bottom: 1em;} .PicList003142 li{float: left; margin-bottom: 2.5em;} .PicList003142 li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 1.875em;} .PicList003142 li .tit{ font-size: 1.125em;line-height: 1.6666; min-height: 1.3332em;display: block; white-space: nowrap;text-overflow: ellipsis;} .PicList003142 li p{font-size: 0.975em; line-height: 1.78571; min-height: 3.57142em;color: #999999;} .PicList003142 li .pic{overflow: hidden;} .PicList003142 li .Ispic{padding-bottom: 62.223%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #09357f;} .PicList003142 li time{color: #999999;display: block;background: url(../images/PicList003142-icon.svg) no-repeat right center;} .PicList003142 li a:hover time{background-image: url(../images/PicList003142-icon-red.png);} @media (min-width:1025px) { .PicList003142 li{width: 32.143%;} .PicList003142 li:not(:nth-child(3n)){margin-right: 1.7855%;} .PicList003142 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 .auto{margin-top: 2em;} .PicList003142 li{width: 48%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003142 li:nth-child(2n+1){clear: left;} .PicList003142 li .txt{padding: 1em;} } /*Page003143 */ .Page003143 .Pages{padding: 0 0 4% 0;text-align: center;} .Page003143 .Pages .p_page a.a_first, .Page003143 .Pages .p_page a.a_end, .Page003143 .Pages > span:not(.p_page){display: none;} .Page003143 .Pages .p_page{display: table; margin: 0 auto;} .Page003143 .Pages .p_page *{float: left;} .Page003143 .Pages .p_page a{border: solid 1px #ebebeb;line-height: 36px;transition: 0.3s;} .Page003143 .Pages .p_page > a{border-radius: 5px;padding: 0 15px;} .Page003143 .Pages .p_page em{font-style: normal; margin: 0 30px;} .Page003143 .Pages .p_page em a{width: 36px;border-radius: 50%; margin: 0 5px;} .Page003143 .Pages .p_page a:hover, .Page003143 .Pages .p_page a.a_cur{color: #fff;background-color: #09357f;border-color: #09357f;} @media (max-width:1024px) { .Page003143 .Pages{padding: 0 0 2em 0;} .Page003143 .Pages .p_page em{display: none;} .Page003143 .Pages .p_page > a{margin: 0 10px;} } /*RighInfo002973 */ .RighInfo002973{ margin:0 0 2vw 0;color: #333;font-size: 16px;} .RighInfo002973 > .auto{max-width: 1600px;} .RighInfo002973 .news-details{max-width: 1600px; padding: 3% 0;} .RighInfo002973 .news-details .title{text-align: center;padding-bottom: 20px;border-bottom: 1px solid #ddd;} .RighInfo002973 .news-details .title h1{font-size: 30px; margin: 0 0 20px 0;} .RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;} .RighInfo002973 .news-details .title .bshare-custom{display: inline-block;} .RighInfo002973 .news-details .edit-info{line-height: 1.875em;min-height: 10em; border-bottom: 1px solid #d2d2d2;margin-bottom: 2%;margin-top: 3%;} .RighInfo002973 .pn-page aside{padding: 10px 0;} .RighInfo002973 .pn-page aside a{color: #666;} .RighInfo002973 .pn-page aside a b{color: #333;} .RighInfo002973 .operating a:hover, .RighInfo002973 .pn-page aside a:hover{color: #09357f;} .RighInfo002973 .operating{overflow: hidden;line-height: 24px;} .RighInfo002973 .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;} .RighInfo002973 .operating a:not(:last-child){margin-right: 45px;} .RighInfo002973 .operating a.a-print{background-image: url("../images/RighInfo002973_print.png");} .RighInfo002973 .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");} @media(min-width:1025px){ .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .RighInfo002973 .operating a{float: left;} } @media(max-width:1024px){ .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;} .RighInfo002973 .operating a{display: inline-block;} } @media(max-width:640px){ .RighInfo002973 .news-details .title h1{font-size:6vw;} .RighInfo002973{ font-size: 14px;} } /*Floor003011 */ .Floor003011{font-family: 'SourceHanSansCN-Regular';overflow: hidden;position: relative; z-index: 1;padding: 3.81vw 0 7.76vw 0;} .Floor003011 .auto{max-width: 1600px;} .Floor003011 .title .cn{font-size: 50px;color: #09357f;line-height: 1em;font-weight: 600;} .Floor003011 .title .en{position: absolute; left: 0; top: 0.1em; font-family: 'Arial';font-size: 20.31vw;color: #000;opacity: 0.03; line-height: 0.923em; text-transform: uppercase; z-index: -1;font-weight: 600;} @media(max-width:1024px){ .Floor003011 .title .cn{font-size: 6vw;} } .Floor003011 .solgan{margin: 1.9vw 0 3vw 0;font-size: 26px;color: #333333;line-height: 1.462em; width: 64%;} .Floor003011 .intro{min-height: 23vw; padding-bottom: 4.5vw;} .Floor003011 .intro .dot3{-webkit-line-clamp:inherit;} .Floor003011 .intro p{margin: 0;color: #666;line-height: 2.5em;font-size:16px;} .Floor003011 .word{color: #6dbb4d;font-size: 26px; text-align: right;position: relative; z-index: 2;} .Floor003011 .word aside{font-size: 160px;line-height: 1em;font-family: 'SourceHanSerifCN-Light';} .Floor003011 .fr .pic{padding-right: 30px;position: relative;} .Floor003011 .fr .pic img{z-index:5;position: relative;} .Floor003011 .fr .pic::after{position: absolute;content: "";background: url(../images/Floor002455-about_bg.jpg) no-repeat right top;right: -4%;top: 39.5%;height: 70%;width: 100%;z-index:1;} .Floor003011 .intro .since{font-size:60px;font-weight:bold;margin-top:3vw; background-image: linear-gradient(#bcbfbe,#ecedea); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .Floor003011 .intro .since i{font-size:80px;} @media(min-width:1025px){ .Floor003011 .fl{width: 50%; } .Floor003011 .fr{width: 42.693%;} .Floor003011 .fl .img{width: 131.231%;} } @media(max-width:1024px){ .Floor003011 .fl{ margin-top:50px;} } @media(max-width:768px){ .Floor003011 .word{font-size: 5vw;} .Floor003011 .word aside{font-size: 20vw;} .Floor003011 .fr{margin-bottom: 4vw;} .Floor003011 .fr .pic{margin-top: -10vw;} } @media(max-width:640px){ .Floor003011 .solgan{font-size: 4.5vw; width: 100%;} .Floor003011 .intro p{ line-height:2.3;} } /*Floor002986*/ .Floor002986{position: relative; z-index: 1;overflow: hidden;font-family: FreightBig-Light;margin-bottom: 3.1vw;} .Floor002986 .auto{max-width: 1600px;position: relative; z-index: 4;} .Floor002986 .bg{right: 0;position: absolute; z-index: 1; left: 0; top: 0; height: 86.334%;} .Floor002986 .bg:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;opacity: 0.5; content: '';} .Floor002986 .txt{color: #fff; } .Floor002986 .txt .en{ margin-top: 20px; position: absolute; left: -26px; top: -0.2em; font-family: 'Arial'; font-size: 20.31vw; color: #fff; opacity: 0.05; font-weight: 600; line-height: 0.923em; text-transform: uppercase;} .Floor002986 .name{position: relative; z-index: 10; font-size: 50px;line-height: 0.9em;font-weight:600;} .Floor002986 .edit-info{line-height: 3em;font-size: 22px;font-family: 'roboto-Light'; text-align: justify; } .Floor002986 .edit-info b{font-size:24px;} @media(min-width:1025px){ .Floor002986 .bg{right: 13.54vw;} .Floor002986 .img, .Floor002986 .txt{width: 50%;} .Floor002986 .img{padding-top: 10.42vw;} .Floor002986 .img img{ width: 137.143%; max-width: none;} .Floor002986 .txt{padding-top: 7.34vw;} .Floor002986 .name{white-space: nowrap;} .Floor002986 .edit-info{width: 82.143%;padding:3.5vw 0;} } @media(min-width:1025px) and (max-width:1400px){ .Floor002986 .bg{right: 8vw;} .Floor002986 .auto{margin-left: 8vw;} .Floor002986 .txt{padding-top: 5.5vw;} .Floor002986 .edit-info{padding: 4vw 0;} } @media(min-width:1025px) and (max-width:1280px){ .Floor002986 .name{font-size: 9vw;} .Floor002986 .edit-info{font-size:1.2vw;} } @media(max-width:1024px){ .Floor002986 .txt{padding: 5.5vw;} .Floor002986 .name{padding-bottom: 4vw;font-size: 10vw;} } @media(max-width:480px){ .Floor002986 .edit-info{font-size: 3.5vw;} } .RighInfo002927{ padding: 4.167vw 0; position: relative; min-height:700px; background: url(../images/course_back.jpg) center bottom no-repeat;} .RighInfo002927 .auto{max-width: 1400px;} .RighInfo002927 .title{margin-bottom: 2.5vw; text-align: center;} .RighInfo002927 .title .cn{font-size: 50px;color: #09357f; padding-bottom: 10px;font-weight: bold;} .RighInfo002927 .title .en{ position: absolute; left:0; top:1.28em; font-family:'Arial'; font-size: 20.31vw; color: #000; opacity: 0.03; font-weight: 600; line-height: 0.923em; text-transform: uppercase; /*z-index: 10;*/} .history-list{ position: relative; padding:0 3vw; z-index:10;} .history-list .swiper{ padding:20px;} .history-list::after{ position: absolute; left:0; top:24%; width:100%; content: ''; display: block; width:100%; background: url(../images/course_line.png) no-repeat center; padding-bottom:17px;} .history-list .swiper-slide{ height:auto; padding:30px; transition: all .5s; border-radius:6px;} .history-list .item .point{ margin:30px 0; display: flex; align-items: center; justify-content: center;} .history-list .item .point i{ width:15px; height:15px; display: block; border:solid 2px rgba(0, 0, 0,0); background:#818181; border-radius:50%; overflow: hidden; transition: all .5s;} .history-list .tiem{ text-align: center; font-size:24px; color: #333333;} .history-list li{ position: relative; padding-left:20px; line-height:1.8; margin-bottom:15px; font-size:16px; color: #666666;} .history-list li::after{ position: absolute; left:0; top:12px; background:#1c2a73; width:5px; height:5px; content: ''; display: block; border-radius:50%;} .history-list .swiper-button-next, .history-list .swiper-button-prev{ left:50%; top:auto; bottom:0; width: 60px; height:60px; border:solid 2px #007aff; border-radius:50%; overflow: hidden; margin-left:-50px;} .history-list .swiper-button-next{ left:auto; margin-left:auto; right:50%; margin-right:-100px;} .history-list .swiper-button-next:after, .history-list .swiper-button-prev:after{ font-size:30px;} .history-list .swiper-horizontal>.swiper-scrollbar{ /*float: right;*/ width:40%; height:1px; position: relative; margin-top:30px; margin-bottom:70px; left:30%; right:0;} .history-list .swiper-scrollbar-drag{ background: #0037b5;} .history-list .swiper-slide:hover{ background:#fff; box-shadow:0 0 20px rgba(20, 58, 132, 0.3);} .history-list .swiper-slide:hover .point i{ border-color:#202d75; background-color:#fff;} @media(max-width:768px){ .RighInfo002927 .title{margin-bottom: 5vw;} } @media(max-width:640px){ .RighInfo002927{ min-height:500px;} .RighInfo002927 .title .cn{font-size: 6vw;} .history-list .swiper-button-next, .history-list .swiper-button-prev{ left:28%; right:auto; bottom:10px; width:40px; height:40px; border:solid 1px #007aff;} .history-list .swiper-button-next:after, .history-list .swiper-button-prev:after{ font-size:18px;} .history-list .swiper-horizontal>.swiper-scrollbar{ margin-top:50px; width:60%;} .history-list::after{ top:27%;} } /*Floor003175 */ .Floor003175{position: relative;z-index: 4;color: #fff;overflow: hidden;margin-top: 85px;background: url(../images/Floor003175-bg.png) no-repeat center; min-height: 500px;} .Floor003175 .more a{position: relative;display: block;line-height: 3.125; padding-left: 3.75em;background: url(../images/Floor003175-more.svg) no-repeat left center; background-size: 2.5em auto;transition: 0.3s;color: #fff;width: 9.875em;} .Floor003175 .more a i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;border: 0.125em solid #af1d30; opacity: 0;transition: 0.3s;} .Floor003175 .more a i:before, .Floor003175 .more a i:after{position: absolute;content: '';width: 1.375em;height: 1.375em;background: url(../images/Floor003175-more-hover.svg) no-repeat;background-size: contain;} .Floor003175 .more a i:after{right: -0.6875em;top: 50%;margin-top: -0.6875em;} .Floor003175 .more a i:before{left: -0.6875em; top: -0.6875em;} .Floor003175 .more a:hover{color: #af1d30; background-position: -100% center;padding-left: 1.125em;} .Floor003175 .more a:hover i{opacity: 1;} .Floor003175 .pic-1{text-align: right;} .Floor003175 .sub-tit{font-family: 'Butler','SourceHanSerifCN-Bold'; font-size: 2.625em;line-height: 1;color: rgba(255,255,255,0.5); } .Floor003175 .title{font-size: 4em;margin-bottom: 1.875em;} .Floor003175 .title .cn{font-family: 'SourceHanSerifCN-Bold';} .Floor003175 .title .en{font-family: 'Butler-Bold';} .Floor003175 .txt{position: relative;} .Floor003175 .desc{font-family: 'SourceHanSerifCN-Regular'; opacity: 0.4;line-height: 2;} @media (min-width:1025px) { .Floor003175 .auto:before{position: absolute; left: 0;top: 5em;width: 100%; bottom: 5em;z-index: -1;background-size: cover;content: '';} .Floor003175 .pic img{width: 19.375em;} .Floor003175 .txt{width: 48.75%;} .Floor003175 .txt .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .Floor003175 .desc{width: 61.283%;} .Floor003175 .sub-tit{ margin-top:2.7619em;margin-bottom: 1.6666em;} } @media (max-width:1024px) { .Floor003175{background: url(../images/Floor003175-bg.png) no-repeat center; background-size: cover;padding: 3em 0;} .Floor003175 .sub-tit{font-size: 1.2em; margin-top: -1.2em; margin-bottom: 1em;} .Floor003175 .title{font-size: 1.5em;} .Floor003175 .pic img{width:35%;} .Floor003175 .box{text-align: center;} .Floor003175 .more a{margin: 1em auto 0;} .Floor003175 .desc{ margin-top: 1em;} } /*Floor003175 */ .Floor0031795{position: relative;z-index: 4;color: #fff;overflow: hidden;margin: 4% 0 6% 0;} .Floor0031795 .more a{position: relative;display: block;line-height: 3.125; padding-left: 3.75em;background: url(../images/Floor003175-more.svg) no-repeat left center; background-size: 2.5em auto;transition: 0.3s;color: #fff;width: 9.875em;} .Floor0031795 .more a i{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;border: 0.125em solid #af1d30; opacity: 0;transition: 0.3s;} .Floor0031795 .more a i:before, .Floor0031795 .more a i:after{position: absolute;content: '';width: 1.375em;height: 1.375em;background: url(../images/Floor003175-more-hover.svg) no-repeat;background-size: contain;} .Floor0031795 .more a i:after{right: -0.6875em;top: 50%;margin-top: -0.6875em;} .Floor0031795 .more a i:before{left: -0.6875em; top: -0.6875em;} .Floor0031795 .more a:hover{color: #af1d30; background-position: -100% center;padding-left: 1.125em;} .Floor0031795 .more a:hover i{opacity: 1;} .Floor0031795 .pic-1{text-align: right;} .Floor0031795 .sub-tit{font-family: 'Butler','SourceHanSerifCN-Bold'; font-size: 2.625em;line-height: 1;color: rgba(255,255,255,0.5); } .Floor0031795 .title{font-size: 4em;margin-bottom: 1.875em;} .Floor0031795 .title .cn{font-family: 'SourceHanSerifCN-Bold';} .Floor0031795 .title .en{font-family: 'Butler-Bold';} .Floor0031795 .txt{position: relative;} .Floor0031795 .desc{font-family: 'SourceHanSerifCN-Regular'; opacity: 0.4;line-height: 2;} .Floor0031795 .pic{position:relative;} .Floor0031795 .pic-1 .m-video{position:relative;display: inline-block;} .Floor0031795 .pic .m-video::before, .Floor0031795 .pic .m-video::after{position: absolute;content:'';z-index: 66;top: 50%;left: 50%;/* display: block; */} .Floor0031795 .pic .m-video::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.8);margin-left: -35px;margin-top: -35px;border-radius: 50%;/* display: block; */} .Floor0031795 .pic .m-video::after{width: 12px;height: 15px;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.8);margin-left: -5px;margin-top: -14px;display: block;} @media (min-width:1025px) { .Floor0031795 .auto:before{position: absolute; left: 0;top: 5em;width: 100%; bottom: 5em;z-index: -1;background: url(../uploadfiles/3.jpg) no-repeat center; background-size: cover;content: '';} .Floor0031795 .pic img{width: 551px;} .Floor0031795 .txt{width: 48.75%;} .Floor0031795 .txt .more{position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .Floor0031795 .desc{width: 61.283%;} .Floor0031795 .sub-tit{ margin-top: -2.7619em;margin-bottom: 1.6666em;} } @media (max-width:1024px) { .Floor0031795{background: url(../images/Floor003175-bg.png) no-repeat center; background-size: cover;padding: 3em 0;} .Floor0031795 .sub-tit{font-size: 1.2em; margin-top: -1.2em; margin-bottom: 1em;} .Floor0031795 .title{font-size: 1.5em;} .Floor0031795 .pic img{width:35%;} .Floor0031795 .box{text-align: center;} .Floor0031795 .more a{margin: 1em auto 0;} .Floor0031795 .desc{ margin-top: 1em;} } .Floor0031795 p{font-size: 16px; width: 52%; line-height: 30px;} .Floor0031795 .list{ margin-right: 10px; width: 300px; float: left;} .Floor0031795 .box .pic1{float: right;} .solutionm{width:1600px;margin:5vw auto 0;padding-bottom:4vw;} .solutionm .infor1{font-size:16px;color:#666;line-height:36px;} .solutionm .infor1::before{display: block;width:30px;height:3px;content: '';background: #09357f;margin-bottom:30px;display: none;} .solutionm .infor2{margin-top:3vw;} .solutionm .infor2 .vauto{margin-top: 30px;} .solutionm .infor2 .vauto img{width:100%;} .solutionm .infor2 .vautovid{position: relative;} .solutionm .infor2 .vautovid video{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-o-object-fit: cover;object-fit: cover;opacity: 0;transition:.3s;} .solutionm .infor2 .vautovid:hover video{opacity: 1;} .solutionm .infor2 .tit{font-size:36px;text-align: center;font-weight:600;color:#09357f;} .solutionm .infor2 .intro{font-size:16px;color:#666;line-height:36px;margin-top:30px;} .cutover-box{ padding:0 30px;} .cutover-box .slider .item{ padding:0 10px;} .cutover-box .slider .item .txt{ text-align: center; margin-top:10px;} .cutover-box .slider .slick-arrow{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002172-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .cutover-box .slider .slick-prev{ left:-30px;} .cutover-box .slider .slick-prev.disabled{ background-position:left top;} .cutover-box .slider .slick-next{ right:-30px; background-position: right bottom;} .cutover-box .slider .slick-next.disabled{background-position: right top;} /*.PicList000593为demo编号*/ .PicList000593{ padding-top:2%;} .PicList000593 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList000593 li:nth-child(3n){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #09357f;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:64%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -6px;margin-top: -14px;} .PicList000593 li p{text-align:center;font-size:16px;} @media(max-width:768px){ .PicList000593 li{width:49%; margin-right:2%;} .PicList000593 li:nth-child(3n){ margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} } /*Floor002631 */ .Floor002631{ padding:5% 2.6%; font-family:'华文中宋'; overflow:hidden;} .Floor002631 pre{ font-family:'华文中宋';} .Floor002631 .slides > li {display: none; -webkit-backface-visibility: hidden; overflow:hidden;} .Floor002631 .slides > li img{ display:block; width:100%;} .Floor002631 .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .Floor002631 .slides {display: block;} * html .Floor002631 .slides {height: 1%;} .no-js .Floor002631 .slides > li:first-child {display: block;} .Floor002631 .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .Floor002631 .flex-viewport {max-height: 300px;} .Floor002631 .slides{zoom: 1; background:#fff; position:relative; z-index:5;} .Floor002631 .flex-direction-nav{ display:none;} .Floor002631 dd{ margin-bottom:4%;} .Floor002631 dd > *{position:relative; z-index:3;} @media(min-width:769px){ .Floor002631 dd > *{ float:left;width:50%;} .Floor002631 dd:nth-child(3) .txt{ width:41.48%;} .Floor002631 dd:nth-child(3) .pic{ width:58.52%;} } .Floor002631 dd .txt{ z-index:4;} .Floor002631 dd:nth-child(1) .pic{ margin-bottom:6%;} .Floor002631 dd:nth-child(2) .pic{ margin-bottom:8.5%;} .Floor002631 dd:nth-child(1) .flex-control-nav, .Floor002631 dd:nth-child(1) .pic .slides{ width:65.9%;} .Floor002631 dd .pic::after{ position:absolute; content:''; } .Floor002631 dd:nth-child(1) .pic::after{width:83.5%; height:33%; background:url(../images/Floor002631_bg_01.jpg) no-repeat left center; background-size:cover; right:0; bottom:-18%;} .Floor002631 dd:nth-child(2) .pic::after{ background:#6dbb4d; width:33%; height:50%; right:-15%; bottom: -24%;} .Floor002631 .flex-control-nav{ bottom:5%; position:absolute; left:0; width:100%; text-align:center; z-index:10;} .Floor002631 .flex-control-nav li{ display:inline-block; list-style:none; padding:0 5px;} .Floor002631 .flex-control-nav li a{ display:block; border:1px solid #c7c7c7; border-radius:50%; width:10px; height:10px; cursor:pointer; overflow:hidden; line-height:1000px;} .Floor002631 dd .txt .num{ position:relative; color:#f1f1f1; font-family:"Times New Roman", Times, serif; font-size:200px;} .Floor002631 dd .txt .num span{ position:absolute; left:85%; bottom:18%; font-size:52px; color:#6dbb4d;} .Floor002631 dd .txt h3{ font-size:40px; font-weight:normal; margin:0;} .Floor002631 dd .txt pre{ font-size:18px; color:#666; line-height:40px; max-height:72px; margin:2% 0 15% 0;} .Floor002631 dd .txt .more{ display:inline-block; background:url(../images/Floor002631_more.png) no-repeat right center; padding-right:20px;color:#666;} .Floor002631 dd .txt{ padding-left:11%;} .Floor002631 dd:nth-child(2) .txt{ padding-left:3%;} .Floor002631 dd .txt figure{ padding-left:13%;} .Floor002631 dd:nth-child(2) .txt .num span{ left:auto; right:88%; bottom:15%; white-space:nowrap; text-overflow:ellipsis;} .Floor002631 dd:nth-child(3) .pic{ margin-top:3%;} .Floor002631 dd:nth-child(3) .flex-control-nav, .Floor002631 dd:nth-child(3) .pic .slides{ width:71.09%;} .Floor002631 dd:nth-child(3) .pic::after{ width:48.96%; height:83.87%; background:url(../images/Floor002631_bg_02.jpg) no-repeat center center; background-size:cover; right:0; top:-9%;} .Floor002631 dd:nth-child(4){ max-width:1200px; margin:0 auto;} .Floor002631 dd:nth-child(4) .pic::after{ width:9%; height:70%; background:#6dbb4d; right:100%; bottom:0;} .Floor002631 dd:nth-child(4) .txt{ padding-left:0;} .Floor002631 dd:nth-child(4) .txt::before{ display:block; content:''; padding-bottom:30%; background:#eff0f9;} .Floor002631 dd:nth-child(4) .txt .num{ padding-left:10%; margin-top:-6%;} .Floor002631 dd:nth-child(4) .txt .num span{ bottom:auto; top:0; left:auto; right:0;} .Floor002631 dd:nth-child(4) .txt figure{ margin-left:10%;} @media(max-width:1366px){ .Floor002631 dd .txt .num{ font-size:150px;} .Floor002631 dd .txt .num span{ font-size:35px;} .Floor002631 dd .txt h3{ font-size:32px;} } @media(max-width:1024px){ .Floor002631 dd:nth-child(2) .txt .num span{ right:0;} .Floor002631 dd .txt{ padding-left:0 !important; padding-right:3%;} .Floor002631 dd:nth-child(4) .txt{ padding-right:0;} .Floor002631 dd:nth-child(4) .txt figure, .Floor002631 dd:nth-child(4) .txt .num{ padding-left:0;} .Floor002631 dd:nth-child(4) .txt .num{margin-left:0;} .Floor002631 dd:nth-child(4) .txt figure{ padding-right:12%;} } @media(max-width:768px){ .Floor002631 dd .txt{ padding:0 0 3% 0 !important; margin-bottom:30px;} .Floor002631 dd .txt .num span{ left:auto; right:0;} } @media(max-width:480px){ .Floor002631 dd .txt .num{ font-size:80px;} .Floor002631 dd .txt pre{ max-height:inherit; margin-bottom:0; font-size:16px; line-height:1.7;} .Floor002631 dd .txt .num{ margin-top:20px; font-size:50px;} .Floor002631 dd:nth-child(2) .txt .num span, .Floor002631 dd .txt .num span{ font-size:24px; left:18vw; right:auto;} .Floor002631 dd .txt figure{ padding-left:5% !important;} .Floor002631 dd .txt h3{ font-size:24px;} .Floor002631 dd:nth-child(4) .txt .num{ margin-top:0;} .Floor002631 dd:nth-child(4) .txt .num span{ bottom:18%; top:auto;} } /*TextList003149 */ .TextList003149{ padding: 4% 0 2% 0;} .TextList003149 .auto{max-width: 1600px;} @media (max-width:1024px) { .TextList003149 .auto{padding: 2em 0;} } .TextList003149 .type dd{position: relative;color: #333;} .TextList003149 .type dd span{color: #999999;display: inline-block;padding-left: 1.25em;background-repeat: no-repeat;background-position: left center; background-size: 1em auto;} .TextList003149 .type dd.edu span{background-image: url(../images/Floor003147-edu.svg);} .TextList003149 .type dd.num span{background-image: url(../images/Floor003147-user.svg);} .TextList003149 .type dd.wp span{background-image: url(../images/Floor003147-place.svg);} .TextList003149 .type dd.time span{background-image: url(../images/Floor003147-time.svg);} @media (min-width:1025px) { .TextList003149 .type{overflow: hidden;} .TextList003149 .type dd{float: left;} .TextList003149 .type dd:not(:last-child):after{position: absolute;content: ''; width: 1px;height: 10px;background-color: #d4d4d4; top: 50%;margin-top: -5px;right: 0;} } .TextList003149 .list li{border-radius: 5px; border: solid 1px #f0f0f0; transition: 0.3s; cursor: pointer; } .TextList003149 .list li:hover{border-color: #09357f;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.08);} .TextList003149 .list li .inner{padding: 2.5em;} .TextList003149 .list li .name{font-size: 1.25em;font-family: 'SourceHanSansCN-Medium';color: #333333;} .TextList003149 .list li .type{border-bottom: 1px dotted rgba(0, 0, 0, 0.2);font-size: 0.875em; padding:1em 0 1.5em 0;margin-bottom: 1em;} .TextList003149 .list li .type dd em{ font-style: normal;} .TextList003149 .list li .type dd:not(:last-child){padding-right: 1.7142em;margin-right: 1.7142em;} .TextList003149 .list li .intro{font-size: 0.875em;color: #999999;line-height: 1.7857;font-family: 'SourceHanSansCN-Regular'; margin-bottom: 1em; min-height: 3.5714em;} .TextList003149 .list li .view{color: #09357f;font-size: 0.875em;padding-right: 1.6428em;background: url(../images/Floor003147-icon.png) no-repeat right center; background-size: 1.1428em auto;} @media (min-width:1025px) { .TextList003149 .list li{float: left;width: 49.286%;margin-bottom: 1.5%;} .TextList003149 .list li:nth-child(2n){float: right;} .TextList003149 .list li:nth-child(2n+1){clear: left;} } @media (max-width:1024px) { .TextList003149 .list li{margin-bottom: 2em;} .TextList003149 .list li .inner{padding: 1em;} } .TextList003149 .popUp-box{position: fixed;left: -100%;width: 100%; top: 0;height: 100%; background-color: rgba(0,0,0,0.5); overflow: auto; z-index: 200;} .TextList003149 .popUp-box.show{left: 0;} .TextList003149 .popUp-box .ytable{height: 100%;} .TextList003149 .popUp-box .main{position: relative; max-width: 1300px; background-color: #fff; width: 90%; margin: 0 auto;} .TextList003149 .popUp-box .main .colse{position: absolute;width: 1.5625em; height: 1.5625em; right: 1.25em;top: 1.25em; background: url(../images/Floor003147-close.svg) no-repeat;background-size: contain;z-index: 10; cursor:pointer;} .TextList003149 .popUp-box .main > div{width: 90%;margin: 0 auto;max-width: 1200px;} .TextList003149 .popUp-box[data-type="form"] .main > div{max-width: 1082px;} .TextList003149 .popUp-box .name{font-family: 'SourceHanSansCN-Medium';font-size: 2.25em;color: #333; padding:1em 0;text-align: center;} .TextList003149 .popUp-box[data-type="form"] .name{border-bottom: 1px solid #000000; margin-bottom: 1em;} .TextList003149 .from{padding-bottom: 3em;} .TextList003149 .from .text{width: 100%;height: 3.125em; line-height: 3.125em; font-size: 1em; border-radius: 5px; border:solid 1px rgba(139,139,139,0.2);} .TextList003149 .from textarea.text{height: auto;} .TextList003149 .from table{font-size: 0.875em;} .TextList003149 .from table tr, .TextList003149 .from table td{font-size: 1em;} .TextList003149 .from td{color: #333333; } .TextList003149 .from .btn{width: 10em;height: 3.75em;background: #6dbb4d;box-shadow: 0px 0.625em 1.875em rgba(218, 37, 29, 0.08);border-radius: 5px;color: #fff;font-family: 'SourceHanSansCN-Regular'; border: 0; cursor:pointer;font-size: 1em;padding: 0;} .TextList003149 .from .btn-reset{background: #6e6e6e;} .TextList003149 .from .btn + .btn{margin-left: 0.625em;} .TextList003149 .load-info .type{background-color: #f0f0f0; padding: 0.625em 0;} .TextList003149 .load-info .intro-tit, .TextList003149 .load-info .edit-info{max-width: 1082px;margin: 0 auto; width: 95%;} .TextList003149 .load-info .intro-tit{border-bottom: 1px solid #eee;font-family: 'SourceHanSansCN-Medium'; font-size: 1.125em; line-height: 2; margin-top:2em; margin-bottom: 1em;color: #333;} .TextList003149 .load-info .edit-info{font-size: 0.875em;line-height: 2.57142; color: #999;} @media (min-width:1025px) { .TextList003149 .load-info .type{text-align: center;} .TextList003149 .load-info .type dd{float: none;display: inline-block;padding: 0 48px; line-height: 2.5;} .TextList003149 .load-info .type dd em{ font-style: normal;} .TextList003149 .from .f-name{text-align: right;} .TextList003149 .from td{line-height: 3.125em;vertical-align: top;padding-bottom: 1.428571em;} .TextList003149 .from .w1{width:6.7857em;} .TextList003149 .from .w2{width:36.969%;} .TextList003149 .from .w3{width:15.712%;} } @media (max-width:1024px) { .TextList003149 .load-info .type{padding:1em;} .TextList003149 .popUp-box .name{font-size: 1.5em;} .TextList003149 .from td{display: block;} .TextList003149 .from .f-name{padding-top: 1em;} } .TextList003149 .apply-btn{text-align: center; padding:3em 0} .TextList003149 .apply-btn a{display: inline-block;font-size: 1.125em;background-color: #6dbb4d; border-radius: 5px; line-height: 3.5; padding: 0 4em;color: #fff; cursor:pointer;} .TextList003149 .apply-btn a:before{display: inline-block;width: 1.2222em; height: 1.2222em;content: ''; background: url(../images/Floor003147-seed.svg) no-repeat; background-size: contain; vertical-align: middle; margin-right: 1em;} /*Menu002937 */ .Menu002937{margin-bottom: 55px;} .Menu002937{margin-bottom: 55px; position: relative; z-index:5;} .Menu002937 .ul{display: table;line-height: normal;} .Menu002937 .ul li{float: left;margin: 1px 0;} .Menu002937 .ul li:not(:last-child){margin-right: 20px;} .Menu002937 .ul li a{display: block; line-height: 2.65em; min-width: 141px; padding: 0 2em; font-size:18px; background: #eee; text-align: center;} .Menu002937 .ul li.aon a, .Menu002937 .ul li a:hover{color: #333;background: linear-gradient(#bcbfbe,#ecedea);} @media(max-width:768px){ .Menu002937 .ul li a{min-width: 18.36vw;font-size: 3.5vw;} } @media(max-width:480px){ .Menu002937{ margin-bottom:30px;} .Menu002937 .ul li a{ margin-bottom:5px; font-size:3.6vw;line-height: 2em; padding:0 1em;} } /*PicList002172 */ .PicList002172{padding:3% 0;position: relative;} .PicList002172 .auto{max-width: 1400px;margin: 0 auto;} .PicList002172 .owl-carousel{ padding:0 30px; position: relative; z-index:10;} .PicList002172 .item{ padding:0 15px;} .PicList002172 .item figure{ border:1px solid #e8e8e8; padding:8%;} .PicList002172 .item img{ display:none;} .PicList002172 .item figure span{ display:block; padding-bottom:65%; background-size:contain;} .PicList002172 .owl-carousel .ON figure{ border-color:#006cba;} .PicList002172 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002172-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002172 .owl-nav .owl-prev{ left:0;} .PicList002172 .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002172 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002172 .owl-nav .owl-next.disabled{background-position: right top;} .PicList002172 .owl-nav div.disabled{ cursor:default;} .PicList002172 .hover{ padding-top:10%; position:relative; margin-bottom:5%;} .PicList002172 .hover dl{ display:none;} .PicList002172 .hover dl dt{ background:#09357f; color:#fff; padding:5% 65% 5% 5%;} .PicList002172 .hover dl dt p{ margin:0; text-align:center; font-size:24px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ display:block; content:''; height:20px; background:url(../images/PicList002172-icon.png) no-repeat left top;} .PicList002172 .hover dl dt p.year{ padding-bottom:3%;} .PicList002172 .hover dl dt p.txt:after{ background-position:right top;} .PicList002172 .hover dl dd{ position:absolute; right:0; height:100%; width:55%; top:0; background-size:contain; /*background-color:#fff;*/} .PicList002172 .hover dl dd img{ display:none;} @media(max-width:1000px){ .PicList002172 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002172 .hover{ padding-top:0;} .PicList002172 .hover dl dt{ padding-right:5%; margin-bottom:2%;} .PicList002172 .hover dl dd{ position:relative; height:auto; width:auto; padding-bottom:50%;} } @media(max-width:480px){ .PicList002172 .hover dl dt p{ font-size:18px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ height:12px; background-size:auto 100%;} } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} /*.owl-carousel .owl-item img{display:block;width:100%}*/ .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ .PicList002172 .title{margin-bottom: 1vw; text-align: center;} .PicList002172 .title .cn{font-size: 50px;color: #09357f; padding-bottom: 10px;font-weight: bold;} .PicList002172 .title .en{ position: absolute; left: 1em; top: 2em; font-family: 'Arial'; font-size: 12.31vw; color: #000; opacity: 0.03; font-weight: 600; line-height: 0.923em; text-transform: uppercase; z-index: 10; text-align: left; } /* .RighInfo002778 */ .RighInfo002778{ padding:4% 0 7% 0;} .RighInfo002778 .auto_1650{ max-width:1400px;} @media(max-width:1650px){ .RighInfo002778 .auto_1650{ padding:0 2%;} } .RighInfo002778 .auto_1680{ max-width:1680px;} @media(max-width:1680px){ .RighInfo002778 .auto_1680{ padding:0 2%;} } .RighInfo002778 .title{ padding-bottom:0%; font-size: 26px; color: #333; position: relative; text-align: center;} .RighInfo002778 .title span{text-transform:uppercase; font-size:20px; font-family:"Arial"; color:#f7f7f7;display: block; position: absolute; top:5%; width: 100%; z-index: -1;line-height: 36px;} .RighInfo002778 .intro, .RighInfo002778 .img{padding:2%; margin: 0 auto;} .RighInfo002778 .span{color:#cb8d40; font-size: 36px;} .RighInfo002778 .h1{color:#8a6129; font-size:30px; margin:14px 0; position: relative; padding-bottom: 60px;} .RighInfo002778 .h1:after{ position: absolute; left:16px; bottom: 0; display:block; content:''; width:1px; height:40px;background-color:#cb8d40; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); } .RighInfo002778 .p{color:#666; font-size:14px; margin: 0; line-height: 40px;} .RighInfo002778 .box{margin-top: 2%;} .RighInfo002778 .box ul{position:relative; font-size: 0;} .RighInfo002778 .box li .Ispic{display: block; transition:all 0.5s;} .RighInfo002778 .box .responList .slick-dots{margin-top: 30px;padding-bottom:0;text-align: center;position: relative;z-index: 99;} .RighInfo002778 .box .responList .slick-dots li{width: 10px;height: 10px;border-radius:50%;display: inline-block;vertical-align: middle;margin: 0 5px;background-color:#999;position: static;} .RighInfo002778 .box .responList .slick-dots li button{display: none;} .RighInfo002778 .box .responList .slick-dots li.slick-active{background-color:#09357f;} @media(min-width:541px){ .RighInfo002778 .title{ font-size:36px;} .RighInfo002778 .title span{font-size:30px;} .RighInfo002778 .box ul{ padding-bottom:31.152%;} .RighInfo002778 .box li{position:absolute; overflow: hidden;} .RighInfo002778 .box li:nth-child(1){width:32.91%; height:100%; left: 0; top:0;} .RighInfo002778 .box li:nth-child(2){width:9.94%; height:30.545%; left:34%; top: 0;} .RighInfo002778 .box li:nth-child(3){width:9.94%; height:30.545%; left:45.03%; top: 0;} .RighInfo002778 .box li:nth-child(4){width:9.94%; height:30.545%; left:56.06%; top: 0;} .RighInfo002778 .box li:nth-child(5){width:9.94%; height:30.545%; left:67.09%; top: 0;} .RighInfo002778 .box li:nth-child(6){width:21%; height:65.567%; left:34%; bottom: 0;} .RighInfo002778 .box li:nth-child(7){width:9.94%; height:30.545%; left:56.06%; top:34.4%;} .RighInfo002778 .box li:nth-child(8){width:9.94%; height:30.545%; left:67.09%; top:34.4%;} .RighInfo002778 .box li:nth-child(9){width:9.94%; height:30.545%; left:56.06%; bottom:0;} .RighInfo002778 .box li:nth-child(10){width:9.94%; height:30.545%; left:67.09%; bottom:0;} .RighInfo002778 .box li:nth-child(11){width:21.86%; height:65%; right:0; top:0;} .RighInfo002778 .box li:nth-child(12){width:10.435%; height:30.545%; right:11.525%; bottom:0;} .RighInfo002778 .box li:nth-child(13){width:10.435%; height:30.545%; right:0; bottom:0;} .RighInfo002778 .box li .Ispic{height: 100%;} .RighInfo002778 .box li:hover .Ispic{transform: scale3d(1.1,1.1,1.1);} } @media(max-width:540px){ .RighInfo002778 .box li{width: 48.5%; margin-right:3%; display: inline-block; margin-bottom:3%;} .RighInfo002778 .box li:first-child{width:100%; margin-right: 0; } .RighInfo002778 .box li:nth-child(2n+1){margin-right:0;} .RighInfo002778 .box li .Ispic{ padding-bottom: 50%;} } @media(min-width:1000px){ .RighInfo002778 .intro{ float:left; width:48%;padding-left:3%; } .RighInfo002778 .img{ float:right; width:50%; position: relative; padding: 22px; padding-right: 0;} .RighInfo002778 .img img{box-shadow: 0 0 5px #ccc;} .RighInfo002778 .img:before{left:-23%;content: ""; width:71%; height:98%; max-width: 668px;max-height: 668px; position: absolute; top:-8%; background:#faf8f5 ; z-index:-1;} } @media(min-width:1400px){ .RighInfo002778 .intro{ padding-top: 5%;} .RighInfo002778 .h1{font-size:48px;} .RighInfo002778 .p{ font-size:16px;} } .RighInfo002778 .title{margin-bottom: 1vw; text-align: center;} .RighInfo002778 .title .cn{font-size: 50px;color: #09357f; padding-bottom: 10px;font-weight: bold;} .RighInfo002778 .title .en{position: absolute; left: 0; top:0.9em; font-family: 'Arial'; font-size: 20.31vw; color: #000; opacity: 0.03; font-weight: 600; line-height: 0.923em; text-transform: uppercase; z-index: 10; text-align: left;} /*Floor003080 */ .Floor003080{ padding:1vw 0 6vw 0;font-family: 'SourceHanSansCN-Light'; font-size: 16px;overflow: hidden;} .Floor003080 .auto{max-width: 1600px;width: 100%;position: relative; z-index: 2;} .Floor003080 .title{line-height: 1;font-family: 'SourceHanSansCN-Medium';font-size: 48px; margin-bottom: 0.834em;color: #333;} .Floor003080 .info{text-align: justify;line-height: 1.875; margin-bottom: 6.4vw;color: #999999;} @media(min-width:641px){ .Floor003080 .info{max-width: 360px; width: 80%; } } @media(max-width:640px){ .Floor003080{font-size: 3vw;} .Floor003080 .title{font-size: 5vw} } .Floor003080 .ytable{table-layout: fixed;} .Floor003080 .category .item{border-radius: 6px; border: solid 1px #eee; padding:1.2vw 3vw 1.1vw 1.56vw; transition: 0.3s; cursor: pointer; position: relative; float: left; width: 43%; margin-right: 6%;background: #eee;} .Floor003080 .category .active{ background: linear-gradient(#bcbfbe,#ecedea);} .Floor003080 .category .tit{font-size: 22px;font-family: 'SourceHanSansCN-Regular';color: #666; line-height: 1;} .Floor003080 .category p{margin: 10px 0 0 0;color: #bbb;font-size: 14px; line-height: 1.715; min-height:3.43em;} .Floor003080 .category .active .tit{color: #000;} .Floor003080 .category .active p{color: #666;} .Floor003080 .category .icon{width: 40px;height: 40px; border-radius: 50%;background-color: #0f55b0;box-shadow: 0 8px 18px rgba(0, 97, 223, 0.5);position: absolute;transition: 0.3s;transform: scale(0);} .Floor003080 .category .active .icon{transform: scale(1)} .Floor003080 .category .icon:after{position: absolute; content: ''; width: 8px; height: 8px;border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); left: 50%; top: 50%; margin: -4px 0 0 -4px;} .Floor003080 .dots li{width: 8px; height: 8px; margin: 10px 0;position: relative;list-style: none;} .Floor003080 .dots li button{font-size: 0; width: 4px; height: 4px; background: rgba(0,0,0,0.2);border: 0;padding: 0; position: absolute; border-radius: 50%;} .Floor003080 .dots li:not(.slick-active) button{left: 50%; top: 50%; margin: -2px 0 0 -2px;} .Floor003080 .dots li.slick-active button{width: 100%; height: 100%; left: 0; top: 0;background: #0f55b0;} .Floor003080 .slider{position: relative;} .Floor003080 .slider a{color: #fff; display: block;position: relative;} .Floor003080 .slider .txt{position: absolute; left: 0; bottom: 0;width:100%; padding: 2.55vw 4.17vw;} .Floor003080 .slider .txt aside{line-height: 1; font-family: 'SourceHanSansCN-Medium';font-size: 30px;} .Floor003080 .slider .txt p{margin: 10px 0 0 0;} .Floor003080 .slider li{transition: 0.3s;} .Floor003080 .slider li:not(.slick-active){opacity: 0.2;} .Floor003080 .slider .pic img{border-radius: 5px;} .Floor003080 .pages{position: absolute; z-index: 10; left:4vw; top: 6.67vw;color: #fff; font-size: 60px;} .Floor003080 .pages span{font-family: 'Didot-Bold';line-height: 1;display: inline-block;vertical-align: text-bottom;} .Floor003080 .pages span.cur{font-size: 0.8em;position: relative; padding-right: 5px; padding-bottom: 5px;} .Floor003080 .pages span.cur:after{position: absolute; content: ''; width: 1px; height: 50px;transform: skewX(-30deg); left: 100%; top: 20%; background: #fff;} .Floor003080 .pages span.total{font-size: 0.2667em; padding-left: 10px;} .Floor003080 .slider .pic{margin-top: 22px;} @media(max-width:1560px){ .Floor003080 .slider{width: 106%;} .Floor003080 .dots{right: 1%;left: auto; } } @media(min-width:1025px) and (max-width:1440px){ .Floor003080 .info{ margin-bottom:3vw ;} } @media(min-width:1025px){ .Floor003080 .right{width: 50%;} .Floor003080 .category{width: 90%;} .Floor003080 .category .item:not(:last-child){margin-bottom: 25px;} .Floor003080 .slider{overflow: hidden;width:119.148%; padding-right: 6.771vw;} .Floor003080 .slider .ul{margin-left: -2.605vw; } .Floor003080 .slider a{margin:0 2.605vw;} .Floor003080 .slider .slick-list{overflow: inherit;} .Floor003080 .dots{position: absolute; left: 100%; width: 5.21vw;top: 0; height: 100%;z-index: 20;} .Floor003080 .dots .slick-dots{position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;} .Floor003080 .category .icon{right: -20px; top: 50%; margin-top: -20px; } } @media(max-width:1024px){ .Floor003080 .ytable, .Floor003080 .ytable-cell{display: block;} .Floor003080 .dots {padding-top: 4vw;} .Floor003080 .dots .slick-dots{display: table; margin: 0 auto;} .Floor003080 .dots .slick-dots li{float: left; margin: 0 5px;} .Floor003080 .category{display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;} .Floor003080 .category .item{width: 48%; margin-bottom: 38px; padding: 3vw 3vw 30px 3vw;} .Floor003080 .category .icon{bottom: -20px; left: 50%; margin-left: -20px; } .Floor003080 .category .icon:after{transform: rotate(135deg);} } @media(max-width:640px){ .Floor003080 .category .tit{font-size: 4.5vw} .Floor003080 .category p{font-size: 3vw;} .Floor003080 .slider .txt aside{font-size: 5vw;} } /*Floor003153 */ .Floor003153 .auto{max-width:1600px;margin:0 auto;padding: 2em 0 0 0;} .Floor003153 .listtitle{color:#333;font-size:36px;font-weight:600;} .Floor003153 .listtitle::after{display: block;content: '';height: 3px;background: #bcbfbe;width: 60px;margin-top: 22px;} .Floor003153 .miaoshu p{font-size:16px;line-height:30px;} @media (max-width:1024px) { .Floor003153 .auto{padding: 2em 0;} } /*ContactInfo */ .ContactInfo{max-width:1600px;margin:0 auto;padding:3vw 0 6vw;} .ContactInfo .tit { font-size: 36px; margin-bottom: 40px; line-height: 1.2; display: inline-block; color: #0037b5; background-image: -webkit-linear-gradient(left, #0037b5, #01a1c1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ContactInfo .form{ text-align: center;} .ContactInfo .form .listtitle{ text-align: center;font-size: 36px;color: #333;} .ContactInfo .form .listtitle:after{display: block;content: ''; height: 3px; background: #bcbfbe; width: 60px;margin:0 auto;margin-bottom:40px; margin-top: 22px;} .ContactInfo .form .infor{font-size:16px;color:#666;padding-bottom:40px;} .ContactInfo .form form { margin: 0 -12px; } .ContactInfo .form dl { float: left; padding: 0 12px; width: 33.33%; margin-bottom: 20px; } .ContactInfo .form dl dd { background-color: #fff; line-height: 50px; padding-left: 20px; vertical-align: top;border:1px solid #eee; } .ContactInfo .form dl dd .red { color: #ff0000; display: inline-block; } .ContactInfo .form .text { border: none; width: 90%; color: #666; } .ContactInfo .form dl.dl { width: 100%; float: none; } .ContactInfo .form textarea { border: none; overflow: hidden; resize: none; width: 100%; height: 180px; padding: 20px 0; color: #666; } .ContactInfo .form .btnbox { margin-left: 12px; text-align: center; } .ContactInfo .form .btn { display: inline-block; line-height: 40px; min-width: 140px; margin: 0 auto; background: none; color: #09357f; border: 2px solid #09357f; cursor: pointer; transition: 0.3s ease-out; } .ContactInfo .form .btn:hover { color: #fff;background:#09357f;} .ContactInfo .form.apply_form dl {width: 50%; } .ContactInfo .form.apply_form dl.dl { width: 100%; float: none; } @media(max-width:640px) { .ContactInfo .form dl { float: none; width: 100%; margin-left: 0 !important; } .ContactInfo .form textarea { height: 250px; } } @media(max-width:480px) { .ContactInfo .form .btn { width: 48%; margin-right: 2%; float: left; display: block; min-width: 2px; } } .Top001117 .topr{} .Top001117 .topr .lang{width: 130px;position: relative;border-radius:20px;line-height:34px;border:1px solid #e5e5e5;background:#fff;padding :0 20px;display: inline-block;vertical-align: middle;} .Top001117 .topr .lang span{font-size: 16px;color: #666666;position: relative;display: block;cursor: pointer;} .Top001117 .topr .lang span:before{width: 18px;height: 14px;content:'';background:url(../images/i1.png) no-repeat;background-size: contain;position: absolute;top: 50%;margin-top: -7px;right: 0;} .Top001117 .topr .lang .LangBox{display: none;} .Top001117 .topr .lang .LangBox a{display: block;font-size:16px;color: #666666;line-height:34px;} .Top001117 .topr .sear{display: inline-block;vertical-align: top;margin-left:10px;} .Top001117 .topr .sear .searB{display: block;width: 36px;height: 36px;background:url(../images/sear.png) no-repeat;background-size: contain;} .Top001117 .searBox{position: absolute;top: 100%;width: 100%;left: 0;background:rgba(0,0,0,.3);text-align: center;display: none;} .Top001117 .searBox input{display: inline-block;vertical-align: middle;line-height:55px;height: 55px;color: #fff;width: 28.5%;background:none;border:none;} .Top001117 .searBox input::-webkit-input-placeholder{color: #fff;} .Top001117 .searBox .searBtn{display: inline-block;vertical-align: middle;width: 15px;height: 15px;background:url(../images/sear2.png) no-repeat;background-size: contain;} .idxProlist{margin:60px 0 180px;} .idxProlist .itemList{width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;overflow: hidden;position: relative;height: 680px;} .idxProlist .itemList .item{width: 25%;overflow: hidden;-webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);-ms-transform: rotate(0deg) scale(1) translate(0%, 0%);transform: rotate(0deg) scale(1) translate(0%, 0%);transition: all 0.5s ease 0s;position: absolute;top: 0;height: 100%;} .idxProlist .itemList .item:nth-child(2){animation-duration: 1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;} .idxProlist .itemList .item:nth-child(3){animation-duration: 1.5s;-webkit-animation-delay: 1s;animation-delay: 1s;} .idxProlist .itemList .item:nth-child(4){animation-duration: 2s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;} .idxProlist .itemList .item:before{width: 100%;height: 100%;content:'';background:rgba(9,53,127,.4);position: absolute;top: 0;left: 0;} .idxProlist .itemList .item:nth-child(1){left: 0;} .idxProlist .itemList .item:nth-child(2){left: 25%;width: calc(25% + 1px);} .idxProlist .itemList .item:nth-child(3){right: 25%;} .idxProlist .itemList .item:nth-child(4){right: 0;} .idxProlist .itemList .item video{max-width: 200%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .idxProlist .itemList .item .txtBox{position: absolute;bottom: 50%;left: 50%;transform: translate(-50%, 50%);color: #fff;transition:.3s;text-align: center;} .idxProlist .itemList .item .txtBox .h5{font-size:30px;padding-bottom:15px;position: relative;display: inline-block;} .idxProlist .itemList .item .txtBox .h5:before{width: 100%;height: 3px;content:'';background:#fff;position: absolute;left: 0;bottom:0;} .idxProlist .itemList .item .txtBox .p{display: none;font-size:16px;line-height:30px;margin-top: 20px;} .idxProlist .itemList .item:hover{width: 100%;z-index: 2;} .idxProlist .itemList .item:hover .txtBox{transform: translate(0, 0);bottom:65px;left: 80px;max-width:45%;text-align: left;} .idxProlist .itemList .item:hover .txtBox .p{display: block;} .idxProlist .itemList .item:nth-child(2):hover{left: 0%;} .idxProlist .itemList .item:nth-child(3):hover{right: 0%;} /*响应式*/ .nav_btn {float:right; width:30px; height:27px; margin:28px 0 0 15px; position:relative; cursor:pointer; display:none; transition:margin 0.3s ease 0s;z-index: 999;} .nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#09357f; position:absolute; left:0;border-radius:3px;} .nav_btn span {top:50%; margin-top:-1px;} .nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;} .nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;} .nav_btn.open span {height:0;} .nav_btn.open span:before {transform:rotate(45deg); top:0;} .nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;} @media(min-width:1620px){ .Top001117 nav ol{margin-left:10.3%;} .Top001117 nav ul{float: right;width: 52%;} } @media(min-width:1900px){ .Top001117 nav ol{margin-left:18.3%;} } @media(max-width:1620px){ .Floor003029 .auto, .Floor002455 .homeAbout, .Banner002454, .Floor00245566 .homeAbout, .Top001117 header .auto, .solutionm, .Floor003080 .auto{padding:0 4%;} .solutionm{width: 100%;} .Floor00245566 .homeAbout .word .con p b{width: 40px;height: 40px;line-height:40px;} .Floor00245566 .wrap-container:before{width: 30%;} .Floor003029 .infor{width: 70%;} .Floor00245566 .homeAbout .word .word-tit{font-size:28px;} .Floor00245566 .homeAbout .word .word-tit span{font-size:20px;padding-right:15px;} .Floor00245566 .homeAbout .word .word-tit::before{width: 80px;margin-right:30px;} .Top001117 nav ol a, .Top001117 nav ul li a{font-size:16px;} .Floor00245566 .homeAbout .word .con{font-size:16px;} .idxProlist .itemList .item .txtBox .h5{font-size:22px;} .idxProlist .itemList{height: 520px;} .Top001117 nav .subnav figure{margin-left:22%;} .RighInfo0025546 .table_1{overflow-x: auto;} } @media(max-width:1366px){ .Top001117 nav .subnav figure{margin-left:21.5%;} .Top001117 nav ol{width: 5.6%;} } @media(max-width:1024px){ .nav_btn{display: block;} .Top001117 nav{position: absolute;top: 100%;margin-top: 0;height: auto;width: 60%;background:#fff;right: 0;display: none;} .Top001117 nav ul, .Top001117 nav ol{float: none;width: 100%;} .Top001117 nav ul li{float: none;width: 100%;} .Top001117 nav ol a, .Top001117 nav ul li a{line-height:40px;} .Top001117 nav .subnav figure{width: 100%;padding:0 4%;margin-left:0;} .Top001117 nav .subnav dt a{font-size:14px;} .Top001117 nav .subnav dt{line-height:30px;} .Banner003008 li .txt .dot3{font-size:100px;} .Floor003029 .index-tit b, .Floor002455 .homeAbout .word .word-tit, .Banner002454 .index-tit b, .Floor00245566 .index-tit b{font-size:4vw;} .Floor003029 .index-tit span, .Floor002455 .homeAbout .word .word-tit span, .Banner002454 .index-tit span, .Floor00245566 .index-tit span{font-size:16px;} .Floor003029 .infor{width: 100%;} .Floor003029 .mmore{top: 0;margin-bottom:15px;} .Floor003029 .mmore a, .Banner002454 .homeBanner li .word .more{width: 180px;font-size:14px;} .idxProlist .itemList{height: 420px;} .idxProlist .itemList .item .txtBox{width: 100%;} .idxProlist .itemList .item .txtBox .h5{font-size:20px;margin: 0;} .idxProlist .itemList .item .txtBox .p{font-size:14px;line-height:26px;} .idxProlist .itemList .item:hover .txtBox{left: 30px;bottom:20px;max-width:50%;} .idxProlist{margin: 30px 0 80px;} .Floor002455 .homeAbout .pic{margin-bottom:15px;} .Floor002455 .homeAbout .word .con{font-size:16px;line-height:1.8;} .Banner002454 .homeBanner li .word p{width: 100%;font-size: 14px;line-height: 26px;} .Floor00245566 .homeAbout .pic{margin-bottom:15px;} .Floor00245566 .slick-arrow.slick-prev{right: 80px;} .Floor00245566 .slick-arrow.slick-next{right: 0;} .Floor00245566 .wrap-container:before{display: none;} .Floor0031795 .pic-1{text-align: left;margin-bottom:15px;} .Floor0031795 p{width: 100%;} .Floor0031795 .pic img{width: 100%;} .Floor0031795 .box .pic{float: left;width: 49%;} .Floor0031795 .box .pic1{float: right;} .Floor003080 .category .item{margin-right:4%;} .Floor003080 .category .item:nth-child(2n){margin-right:0;} .Floor002711 .info{padding:8% 4%;} } @media(max-width:768px){ .Top001117 .logo{width: 35%;} .Top001117 .topr .lang{width: 80px;padding:0 10px;line-height:30px;} .Top001117 .topr .lang span{font-size:14px;} .Top001117 .topr .lang .LangBox a{font-size:14px;line-height:30px;} .Banner003008 li .txt .dot3{font-size:46px;margin-top: 0;} .Banner003008 li .txt aside{margin-top: 0;} .Floor003029 .index-tit b, .Floor002455 .homeAbout .word .word-tit, .Banner002454 .index-tit b{font-size:6vw;} .Floor003029 .index-tit span, .Floor002455 .homeAbout .word .word-tit span, .Banner002454 .index-tit span{font-size:14px;} .Floor003029 .index-tit::after,.Floor002455 .homeAbout .word .word-tit::before,.Banner002454 .index-tit::after{display: none;} .Floor003029 .mmore a, .Banner002454 .homeBanner li .word .more{width: 130px;} .Floor00245566 .homeAbout .word .word-tit{font-size:24px;} .Floor00245566 .slick-arrow{width: 28px;height: 28px;} .Floor00245566 .slick-arrow.slick-prev{right: 35px;} .idxProlist .itemList{height: 360px;} .idxProlist .itemList .item .txtBox .h5{font-size:16px;} .idxProlist .itemList .item:hover .txtBox{max-width:90%;left: 15px;} .idxProlist .itemList .item .txtBox .p{margin: 0;} .Top001117 nav .subnav dl{width: 33.33%;min-height: 150px;} .Top001117 nav .subnav dt{line-height:26px;} .Floor003080 .category .item{margin-bottom:20px;} .Floor0031795 p{font-size:14px;line-height:26px;} } .Floor0031795 .pic .v-box{ width: 550px; display: none;} .Floor0031795 .pic .v-box video{ width: 100%; display: block;} .Floor0031795 .pic .m-video.nowl::before, .Floor0031795 .pic .m-video.nowl::after{ display: none;} .Floor0031795 .m-video .close{ position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #09357f;cursor: pointer;} .Floor0031795 .m-video .close::before, .Floor0031795 .m-video .close::after{position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .Floor0031795 .m-video .close::before{transform:rotate(45deg);} .Floor0031795 .m-video .close::after{transform:rotate(-45deg);} .Norms{margin-top: 4%;padding: 3% 0;background-color: #f8f9fa} .Norms .Page003143 .Pages{padding-bottom: 0;} .auto_1600{max-width: 1600px} .Norms .list{margin-bottom: 3%;} .Norms .list ul{display: flex;flex-wrap: wrap;margin: -1%;} .Norms .list ul li{position: relative;width: 23%;margin: 1%;padding: 30px;background-color: #fff;transition: all .5s;box-sizing: border-box;} .Norms .list ul li a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;} .Norms .list ul li .img{overflow: hidden;} .Norms .list ul li .img img{width: 100%;transition: all .5s;} .Norms .list ul li .title{margin-top: 20px;font-size: 24px;} .Norms .list ul li:hover .title{color: #09357f;} .Norms .list ul li .more{margin-top: 30px;} .Norms .list ul li .more a{font-size: 18px;color: #666;padding-bottom: 5px;border-bottom: solid 1px #999;} .Norms .list ul li:hover{box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);transform: translateY(-5px);} .Norms .list ul li:hover .img img{transform: scale(1.03);} #Norms-info .top-box{margin-bottom: 30px;padding: 0 30px;display: flex;align-items: center;justify-content: space-between;height: 100px;background-color: #fece95} #Norms-info .top-box .name .cn{font-size: 24px;color: #333;} #Norms-info .top-box .name .en{margin-top: 15px;font-size: 16px;color: #333;} @media(max-width:768px){ .Norms .list ul{margin: -1%;} .Norms .list ul li{width: 48%;margin: 1%;padding: 20px;} #Norms-info .top-box{padding: 0 20px;} }