* {margin:0;padding:0;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;list-style-type:none;text-decoration:none;} a:link {color:#333;} a:active {color:#333;} a:visited {color:#333;} a:hover {color:#1086E0;} .txt1:link {color:#fff;} .txt1:active {color:#fff;} .txt1:visited {color:#fff;} .txt1:hover {color:#fff;} input,button,select,textarea {outline:none;-webkit-appearance:none;} @media only screen and (max-width:780px) { /*动画*/ body {height:100%;font:20px/20px "microsoft yahei";color:#666;overflow-x:hidden;width:100vw;} #topbg {width:96vw;height:12vw;position:fixed;z-index:9998;box-shadow:#CCC 0 5px 5px -5px;background-color:#fff;padding-left:1vw;padding-right:3vw;} #logo img {height:12vw;padding-top:0vw;float:left;} .navtel_1 {height:5vw;width:6vw;float:right;padding-top:3.5vw;} #toptxt {display:none;} #topright {width:100%;position:fixed;height:5000px;left:0px;z-index:89;background-color:#fff;display:none;} #topback {width:94vw;padding-left:3vw;padding-right:3vw;float:right;text-align:right;padding-top:3.5vw;padding-bottom:3.5vw;} #topback img {width:3vw;height:3vw;float:left;padding:1.5vw;border-radius:3vw;background-color:#1086E0;} #topnav {background-color:#ccc;} #topnav dd {font-size:3.5vw;height:5vw;line-height:5vw;float:left;width:94vw;padding-left:3vw;padding-right:3vw;border-bottom:solid 1px #efefef;padding-bottom:3.5vw;padding-top:3.8vw;color:#333;} #toptel {display:none;} #Paly {float:left;width:100vw;height:90vh;position:fixed;z-index:990;overflow:hidden;padding-top: 10vh;left: -100vw;} .PalyBoxVideo{width:100vw;height:90vh;margin-left: auto;margin-right: auto;object-fit:fill;cursor: pointer;} #current{position:absolute;z-index:996;font-size: 2vh;padding-left: 2vh;padding-right: 2vh;padding-top: 1vh;padding-bottom: 1vh;color: #fff;right:3vh;top:12vh;border-radius: 5vh;background-image:url(../images/bk1.png);} #flashbg {width:100%;float:left;width:100%;overflow-x:hidden;} .index-main {z-index:55;position:relative;width:100%;margin:0 auto;height:120vw;} .index-main-box {position:relative;display:block;overflow:hidden;} #indexslider {position:relative;width:100%;} .index-img {display:block;width:100vw;height:120vw;overflow:hidden;} .index-img dl {width:100vw;height:120vw;background-size:100vw 120vw;} .index-img dl:nth-child(1) {background-image:url(../images/a1.jpg);} .index-img dl:nth-child(2) {background-image:url(../images/a2.jpg);} .index-img dl:nth-child(3) {background-image:url(../images/a3.jpg);} .wrapper {width:100%;height:120vw;margin:0 auto;position:relative;background-size:100vw 0vw;} .bannerwg {width:100%;height:120vw;position:absolute;top:0px;left:0px;} .wrapper .ad_txt {position:absolute;left:8%;width:84%;top:30vw;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);font-size:3vw;line-height:3vw;padding-left:1vw;padding-bottom:1vw;padding-top:0.4vw;text-align:center;text-shadow:black 0.1em 0.1em 0.2em;} .wrapper .ad_txt h2 {left:0vw;width:100%;font:5vw Microsoft YaHei;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;padding-bottom:2vw;} .index-pagination {position:absolute;z-index:66;bottom:0px;left:50%;height:30px;width:102px;margin-left:-51px;text-align:center;} .index-pagination li {display:inline-block;width:30px;position:relative;float:left;height:23px;margin-right:4px;overflow:hidden;} .index-pagination li a {position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:2px;color:#5f6a72;text-align:center;} .index-pagination li a div {position:relative;z-index:555;display:block;height:2px;background:#FFF;} .index-pagination li a div span {position:absolute;top:0px;left:0px;height:2px;width:0px;background:#1086E0;} .prev {position:absolute;top:52vw;width:100%;height:16vw;width:8vw;z-index:102;background-image:url(../images/bnbtn.png);background-position:left center;background-repeat:no-repeat;background-size:16vw 16vw;opacity:0.6;filter:alpha(opacity=60);} .prev:hover {position:absolute;top:52vw;width:100%;height:16vw;width:8vw;z-index:102;background-image:url(../images/bnbtn.png);background-size:16vw 16vw;position:left center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);} .next {position:absolute;top:52vw;width:100%;height:16vw;width:8vw;right:0px;z-index:102;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;background-size:16vw 16vw;opacity:0.6;filter:alpha(opacity=60);} .next:hover {position:absolute;top:52vw;width:100%;right:0px;height:16vw;width:8vw;z-index:102;background-image:url(../images/bnbtn.png);background-position:right center;background-repeat:no-repeat;cursor:pointer;opacity:1;filter:alpha(opacity=100);background-size:16vw 16vw;} .ServiceFrame {display:none;} #ServiceBg {display:none;} #ServiceNr {float:left;width:100%;float:left;} #ServiceNr dl {float:left;width:44vw;padding-left:3vw;padding-right:3vw;text-align:center;padding-bottom:6vw;} #ServiceNr dl:nth-child(1) {background-color:#17C48E;} #ServiceNr dl:nth-child(2) {background-color:#9668FF;} #ServiceNr dl:nth-child(3) {background-color:#EC7066;} #ServiceNr dl:nth-child(4) {background-color:#FF9E3E;} #ServiceNr dl:nth-child(5) {display:none;} #ServiceNr dt {color:#fff;font-size:4vw;height:5vw;line-height:5vw;padding-bottom:2vw;font-weight:bold;} #ServiceNr ul {padding-top:8vw;} #ServiceNr img {height:10vw;padding-bottom:3vw;} #ServiceNr dd {color:#fff;font-size:3vw;height:10vw;line-height:10vw;opacity:0.9;background-image:url(../images/mark9.png);background-position:left bottom;background-repeat:repeat-x;} #ServiceNr div {display:none;} #About {float:left;width:100vw;text-align:center;} #AboutImg {float:left;height:46vw;width:100vw;background-image:url(../images/aboutbg1.jpg);background-repeat:no-repeat;background-size:100vw 46vw;overflow: hidden;} .AboutVideoT{width:100vw;float:left;height:46vw;object-fit:fill;} #AboutBox {float:left;width:100vw;background-image:url(../images/jhbg1.jpg);background-repeat:no-repeat;background-size:100vw 74vw;height:74vw;} #AboutTitle {float:left;width:100vw;font-size:5vw;padding-top:12vw;text-align:center;color:#333;} #AboutBoxMark {float:left;width:94vw;padding-left:3vw;padding-top:5vw;padding-right:3vw;font-size:3.5vw;line-height:7vw;text-align:left;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;text-indent:7vw;height:35vw;} #AboutBoxMark p {display:inline;} #AboutMore {float:left;padding-top:5vw;text-align:center;width:100vw;opacity:0.8;} #AboutMore font {color:#666;font-size:3vw;padding-left:2vw;padding-right:2vw;padding-top:0.8vw;padding-bottom:0.8vw;border:solid 1px #999;} .BaseBg {float:left;width:100vw;} .Base-box {width:50vw;height:37.5vw;float:left;position:relative;color:#FFF;overflow:hidden;} .Base-box .bigimg {width:50vw;height:37.5vw;} .Base-box .Base-item-back {display:none;} .Base-box .Base-item-front {width:50vw;height:37.5vw;left:0px;top:0vh;position:absolute;z-index:100;text-align:center;} #Base1 {background-image:url(../images/ag1.png);} #Base2 {background-image:url(../images/ag2.png);} #Base3 {background-image:url(../images/ag3.png);} #Base4 {background-image:url(../images/ag4.png);} #Base5 {background-image:url(../images/ag5.png);} #Base6 {background-image:url(../images/ag6.png);} #Base7 {background-image:url(../images/ag7.png);} #Base8 {background-image:url(../images/ag8.png);} #Base9 {background-image:url(../images/ag9.png);} #Base10 {background-image:url(../images/ag10.png);} #Base11 {background-image:url(../images/ag11.png);} #Base12 {background-image:url(../images/ag12.png);} #Base13 {background-image:url(../images/ag13.png);} #Base14 {background-image:url(../images/ag14.png);} #Base15t {display:none;} .Base-box .logo {height:12vw;padding-top:9.5vw;padding-bottom:1vw;} .Base-box dd {text-align:center;font-size:3.5vw;color:#fff;} .Case p {display:none;} #NewsList dl {width: 100%;float: left;} .NewsListBox {width:100vw;float:left;padding-top:4vw;padding-bottom:4vw;background-color: #252525;} #NewsList .NewsListBox:nth-child(1) {background-color:#17C48E;} #NewsList .NewsListBox:nth-child(2) {background-color:#9668FF;} #NewsList .NewsListBox:nth-child(3) {background-color:#EC7066;} #NewsList .NewsListBox:nth-child(4) {background-color:#FF9E3E;} #NewsList .NewsListBox:nth-child(5) {background-color:#1777C3;} #NewsList .NewsListBox:nth-child(6) {background-color:#FE67F6;} .NewsLeft {float:left;width:28vw;text-align:center;padding-right:3vw;padding-left:4vw;} .NewsLeft img{width:28vw;height:21vw;opacity: 1;} .Newsright {float:left;width:59vw;text-align:left;} .Newsright dt {opacity: 0.9;font-size:4vw;color:#fff;line-height:4vw;height:4vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .Newsright dd {opacity: 0.8;font-size:3vw;color:#fff;padding-top:2vw;line-height:5vw;height:10vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .Newsright a {color:#fff;} .Newsright div {font-size:3vw;color:#fff;padding-top:2vw;line-height:3vw;opacity: 0.8;} #AaLiList {width:100vw;float:left;background-color:#fff;padding-bottom:0vw;} .AaLiBox1 {width:50vw;height:30vw;float:left;position:relative;overflow:hidden;} .AaLiBox1 div {width:50vw;height:30vw;overflow:hidden;} .AaLiBox1Img {width:50vw;height:30vw;overflow:hidden;} .AaLiBox1 .imgt {width:50vw;height:30vw;float:left;} .AaLiBox1 dl {display:none;} .AaLiVideo {width:100%;float:left;width:50vw;height:30vh;object-fit:fill;} #AdvantageBg {float:left;width:100vw;height:72vw;position: relative;} #AdvantageVideoWg {position: absolute;width:100vw;height:72vw;left: 0px;top:0px;z-index: 1;background-image:url(../images/fangan-bg.jpg);background-size: 100vw 72vw;} #Advantage {position: absolute;width:100vw;height:72vw;left: 0px;top:0px;z-index: 2;} #AdvantageTitle {float:left;width:100vw;padding-top:12vw;text-align:center;padding-bottom:2vw;font-size:4.5vw;color:#fff;opacity:0.9;padding-bottom:2vw;} #AdvantageList {width:100vw;padding-left:0vw;float:left;opacity:0.9;} #Advantage .AdvantageBox:nth-child(1) {border-left:0px solid #414141;} #Advantage .AdvantageBox:nth-child(4) {border-left:0px solid #414141;} .AdvantageBox {width:29vw;padding-top:4vw;float:left;text-align:center;padding-left:2vw;padding-right:2vw;} .AdvantageBox img {width:6vw;height:6vw;border-radius:6vw;border:solid 1px #fff;border-radius:6.5vw;padding:2vw;} .AdvantageBox dt {font-size:3vw;color:#fff;padding-top:4vw;line-height:2vw;height:4vw;} .AdvantageBox dd {display:none;} #Process {float:left;width:100vw;background-color:#FFF;overflow:hidden;padding-bottom:8vw;} #ProcessTitle {float:left;width:88vw;padding-left:6vw;padding-right:6vw;} #ProcessTitle dt {float:left;width:88vw;color:#333;font-size:4.5vw;padding-top:8vw;} #ProcessTitle dd {float:left;width:88vw;color:#666;font-size:3vw;padding-top:2vw;padding-bottom:1vw;} #ProcessMainBg {float:left;width:100vw;padding-top:2vw;position:relative;} #ProcessMain {display:flex;display:-webkit-flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;width:100vw;} #ProcessMain dl {width:25vw;padding-top:3vw;} #ProcessMain dt {width:25vw;} #ProcessMain img {width:5vw;height:5vw;padding:3.5vw;background-color:#1086E0;} #ProcessMain img:hover {transition:all 0.3s linear;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} #ProcessMain dd {text-align:center;font-size:1.4vh;padding-top:1vh;color:#666;height:2vh;overflow:hidden;line-height:2vh;} /*低部*/ #WaveBg {width:100%;height:4.6vw;float:left;background-color:#fff;position:relative;} #Waveline {width:100%;position:absolute;height:4px;width:100%;top:-2px;left:0px;background-color:#fff;} .wave-box {width:100%;height:5vw;float:left;position:relative;} .wave-box img {height:5vw;} .marquee-box {overflow:hidden;width:100%;position:absolute;left:0;top:0} .marquee {width:8000%;height:5vw} .wave-list-box {float:left} .wave-list-box ul {float:left;height:5vw;overflow:hidden;zoom:1} .wave-list-box ul li {height:5vw;width:100%;float:left;line-height:5vw;list-style:none} #BtmService {float:left;width:100vw;border-bottom:solid 1px #363636;background-color:#252525;padding-bottom:6vw;} #BtmService dl {float:left;width:33vw;font-size:3vw;color:#929292;text-align:center;padding-top:5vw;} #BtmService dl:nth-child(7) {display:none;} #BtmService font {font-size:5vw;font-weight:bold;} #Btm {float:left;width:100vw;float:left;} #BtmLeft {display:none;} #BtmMid {float:left;padding-top:4vw;padding-bottom:4vw;width:94vw;padding-left:3vw;padding-right:3vw;background-color:#252525;border-bottom:solid 1px #363636;} #BtmMid dt {font-size:3vw;line-height:6vw;color:#929292;} #BtmMid dd {font-size:3vw;line-height:6vw;color:#929292;text-indent:5vw;} #BtmMid dd:nth-child(2) {background-image:url(../images/location.png);background-repeat:no-repeat;background-position:left center;background-size:3vw 3vw;} #BtmMid dd:nth-child(3) {background-image:url(../images/mail.png);background-repeat:no-repeat;background-position:left center;background-size:3vw 3vw;} #BtmMid dd:nth-child(4) {background-image:url(../images/conversation.png);background-repeat:no-repeat;background-position:left center;background-size:3vw 3vw;} #BtmMid dd a {color:#929292;} #BtmWX {display:none;} #BtmRight {background-color:#252525;padding-top:4vw;padding-bottom:4vw;width:94vw;padding-left:3vw;padding-right:3vw;float:left;font-size:3vw;line-height:6vw;color:#929292;} #BtmRight dt {font-weight:bold;font-size:3vw;} #BtmRight dd {float:left;height:18vw;overflow:hidden;} #BtmRight dd a {color:#929292;padding-right:1vw;} #BtmRight dd a:hover {color:#fff;} #BtmCopy {width:94vw;padding-left:3vw;padding-right:3vw;float:left;text-align:left;padding-top:4vw;background-color:#252525;border-top:solid 1px #363636;padding-bottom:4vw;} #BtmCopy dd {color:#717171;font-size:3vw;width:94vw;float:left;line-height:6vw;} #BtmCopy dt {display:none;} #BtmCopy a {color:#717171;} .section-nav {display:none} .arrow {display:none} #ZiXun {overflow:visible;z-index:999;position:fixed;bottom:4vh;right:0vw;width:16vw;height:17vh;} #ZiXun dl {width:16vw;height:16vw;padding-bottom:0.4vh;} #ZiXun dd {width:16vw;height:16vw;background-image:url(../images/bg19.png);} #ZiXun img {width:5vw;height:5vw;padding-top:2.4vw;padding-bottom:1.6vw;} #ZiXun p {font-size:3vw;color:#fff;text-align:center;} } /*960PC屏幕�?�?-------------*/ @media only screen and (min-width:800px) { body {height:100%;font:20px/20px "microsoft yahei";color:#666;} /*顶部*/ /*滚动框架*/ html,body {width:100%;height:100%;overflow:hidden;} .section-wrap {width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);} .section-wrap .section {position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;} .section-wrap .section .title {width:100%;position:absolute;top:10%;text-align:center;} .section-wrap .section .title p {padding:0 4%;opacity:30} .section-wrap .section .title.active .tit {opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);} .section-wrap .section-1 {background-color:#fff;} .section-wrap .section-2 {background-color:#fff;height:90%;} .section-wrap .section-3 {background-color:#fff;height:90%;} .section-wrap .section-4 {background-color:#252525;height:90%;} .section-wrap .section-5 {background-color:#252525;height:90%;} .section-wrap .section-6 {background-color:#252525;height:90%;} .section-wrap .section-7 {background-color:#252525;height:90%;} .section-wrap .section-8 {background-color:#252525;height:90%;} .section-wrap .section-9 {background-color:#252525} .section-wrap .section-10 {background-color:#252525} .put-section-0 {transform:translateY(0);-webkit-transform:translateY(0);} .put-section-1 {transform:translateY(-90%);-webkit-transform:translateY(-90%);} .put-section-2 {transform:translateY(-180%);-webkit-transform:translateY(-180%);} .put-section-3 {transform:translateY(-270%);-webkit-transform:translateY(-270%);} .put-section-4 {transform:translateY(-360%);-webkit-transform:translateY(-360%);} .put-section-5 {transform:translateY(-450%);-webkit-transform:translateY(-450%);} .put-section-6 {transform:translateY(-540%);-webkit-transform:translateY(-540%);} .put-section-7 {transform:translateY(-630%);-webkit-transform:translateY(-630%);} .put-section-8 {transform:translateY(-700%);-webkit-transform:translateY(-700%);} .put-section-9 {transform:translateY(-900%);-webkit-transform:translateY(-900%);} .put-section-10 {transform:translateY(-1000%);-webkit-transform:translateY(-1000%);} .section-btn {width:10px;position:fixed;right:1%;bottom:8%;z-index:9999;opacity:0.8;} .section-btn li {width:10px;height:10px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;text-align:center;background-color:#CFE7F9;cursor:pointer;} .section-btn li.on {background-repeat:no-repeat;background-position:center center;background-color:#1086E0;} .section-nav {position:absolute;top:0px;right:18px;top:-6px;display:none;} .section-nav dd {line-height:24px;height:24px;font-size:0px;color:#ececec;width:68px;text-align:center;background-repeat:no-repeat;background-position:right center;} .ppp {font-size:10px;color:#000;background-color:aqua;float:left;} .arrow {opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:0px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;cursor:pointer;overflow:hidden;z-index:99999;} .arrow:hover {animation-play-state:paused;-webkit-animation-play-state:paused;} #Paly {float:left;width:100vw;height:90vh;position:fixed;z-index:990;overflow:hidden;padding-top: 10vh;left: -100vw;} .PalyBoxVideo{width:100vw;height:90vh;margin-left: auto;margin-right: auto;object-fit:fill;cursor: pointer;} #current{position:absolute;z-index:996;font-size: 2vh;padding-left: 2vh;padding-right: 2vh;padding-top: 1vh;padding-bottom: 1vh;color: #fff;right:3vh;top:12vh;border-radius: 5vh;background-image:url(../images/bk1.png);} /*第一�?*/#topbg {width:100%;height:10vh;position:fixed;z-index:9999;background-image:url(../images/topbg1.png);background-size:100vw 10vh;} #top {width:78%;margin-left:auto;margin-right:auto;padding-left:4%;padding-right:18%;} #logo {float:left;height:9vh;padding-top:1vh;display:none;} #logo img {float:left;height:8vh;} #logotxt dd {font-size:0.3vh;color:#666;line-height:2vh;padding-top:1.2vh;} #topnav {float:right;height:10vh;line-height:10vh;font-size:2.2vh;position:relative;} #topnav dd {float:left; color:#fff;line-height:10vh;padding-left: 1vw;padding-right: 1vw;border:none;position:relative;cursor: pointer;} #topnav .white:before,#topnav .white:after,#topnav .white>.ui-border-element:before,#topnav .white>.ui-border-element:after {content:'';position:absolute;} #topnav .white:after {border-bottom:2px solid #fff;left:51%;right:51%;bottom:0px;transition-property:all;transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-duration:200ms;transition-delay:0s} #topnav .white:hover:after {left:0%;right:0%} #topnav .white:not(:hover):after {-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;} #topnav .black:before,#topnav .black:after,#topnav .black>.ui-border-element:before,#topnav .black>.ui-border-element:after {content:'';position:absolute;} #topnav .black:after {border-bottom:3px solid #333;left:51%;right:51%;bottom:0px;transition-property:all;transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-duration:200ms;transition-delay:0s} #topnav .black:hover:after {left:0%;right:0%} #topnav .black:not(:hover):after {-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;} #toptel {float:right;position:absolute;right:-14vw;top:3.4vh;height:4vh;width:14vw;} #toptel img {height:2.6vh;float:right;padding-top:0.3vh;} #toptel dt {float:right;font-size:2.6vh;padding-left:0.2vw;color:#fff;line-height:3vh;font-family:Impact;padding-top:0vh;} #topnav font:hover {cursor:pointer;opacity:0.8;} .navtel_1 {display:none;} #topback {display:none;} .VideoMb {width:100%;float:left;height:90vh;object-fit:fill;} .VideoMb video {width:100%;height:100%;float:left;object-fit:fill;/*加滤�?*/ /*-webkit-filter:grayscale(100%);*/ /*filter:grayscale(100%);*/} .VideoMb source {width:100%;height:100%;float:left;} #flashbg {width:100%;float:left;} .index-main {z-index:55;position:relative;width:100%;margin:0 auto;height:100vh;} .index-main-box {position:relative;display:block;overflow:hidden;} #indexslider {position:relative;width:100%;} .index-img {display:block;width:100vw;height:100vh;overflow:hidden;} .index-img dl {width:100vw;height:100vh;background-size:100vw 100vh;} .index-img dl:nth-child(1) {background-image:url(../images/1.jpg);} .index-img dl:nth-child(2) {background-image:url(../images/2.jpg);} .index-img dl:nth-child(3) {background-image:url(../images/3.jpg);} .wrapper {width:100%;height:100vh;margin:0 auto;position:relative;background-size:100vw 100vh;} .bannerwg {width:100%;height:100vh;position:absolute;min-width:1200px;top:0px;left:0px;background-position:top center;overflow:hidden;} .wrapper .ad_txt {position:absolute;left:8%;width:84%;top:42vh;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);font-size:1.5vw;line-height:3vw;padding-left:1vw;padding-bottom:1vw;padding-top:0.4vw;text-align:left;background-image:url(../images/bannerbg11.png);text-shadow:black 0.1em 0.1em 0.2em;} .wrapper .ad_txt h2 {font:3.4vw Microsoft YaHei;text-shadow:black 0.1em 0.1em 0.2em;text-align:center;} .wrapper .ad_txt p {text-shadow:black 0.1em 0.1em 0.2em;text-align:center;} .wrapper .ad_txt a {display:block;width:5.5vw;height:1.6vw;line-height:1.6vw;font-size:1.8vw;margin-top:0.4vw;text-align:center;background:#fff;color:#666;text-decoration:none;text-shadow:none;} .wrapper .ad_txt a:hover {display:block;width:5.5vw;height:1.6vw;line-height:1.6vw;font-size:1.8vw;margin-top:0.4vw;text-align:center;background:#000;color:#fff;text-decoration:none;text-shadow:none;} #flashbg video {width:100%;height:100%;float:left;object-fit:fill;/*加滤�?*/ /*-webkit-filter:grayscale(100%);*/ /*filter:grayscale(100%);*/} #flashbg source {width:100%;height:100%;float:left;} .videocolse {width:100%;height:100%;} .index-img .Txt4 {font-size:1vw;color:#fff;position:absolute;top:20vw;left:38vw;line-height:1.2vw;padding-top:0.8vw;padding-bottom:0.8vw;padding-left:2vw;padding-right:2vw;border:solid 0.1vw #fff;} .index-pagination {position:absolute;z-index:66;bottom:80px;left:50%;height:30px;width:270px;margin-left:-135px;text-align:center;} .index-pagination li {display:inline-block;width:80px;position:relative;float:left;height:23px;margin-right:10px;overflow:hidden;} .index-pagination li a {position:relative;z-index:666;display:block;padding:16px 0px 5px 0px;height:3px;color:#5f6a72;text-align:center;} .index-pagination li a div {position:relative;z-index:555;display:block;height:2px;background:#FFF;} .index-pagination li a div span {position:absolute;top:0px;left:0px;height:2px;width:0px;background:#1086E0;} /*公司�?�?*/#Service {float:left;width:100vw;height:90vh;position:relative;overflow:hidden;} .ServiceFrame {float:left;width:100vw;height:100vw;} #ServiceBg {float:left;width:100vw;height:90vh;position:absolute;left:0px;top:0px;z-index:2;opacity:0.7;} #ServiceBg dd:nth-child(1) {float:left;height:90vh;width:20vw;background-color:#9668FF;} #ServiceBg dd:nth-child(2) {float:left;height:90vh;width:20vw;background-color:#17C48E;} #ServiceBg dd:nth-child(3) {float:left;height:90vh;width:20vw;background-color:#00E3E3;} #ServiceBg dd:nth-child(4) {float:left;height:90vh;width:20vw;background-color:#EC7066;} #ServiceBg dd:nth-child(5) {float:left;height:90vh;width:20vw;background-color:#FF9E3E;} #ServiceNr {float:left;width:100vw;height:90vh;position:absolute;left:0px;top:0px;z-index:3;} #ServiceNr dl {float:left;height:90vh;width:14vw;padding-left:3vw;padding-right:3vw;text-align:center;} #ServiceNr dt {color:#fff;font-size:2.2vh;height:4vh;line-height:4vh;padding-bottom:1.6vh;} #ServiceNr ul {padding-top:14vh;} #ServiceNr img {height:6vh;padding-bottom:2vh;} #ServiceNr dd {color:#fff;font-size:1.6vh;height:6vh;line-height:6vh;opacity:0.9;background-image:url(../images/mark9.png);background-position:left bottom;background-repeat:repeat-x;} #ServiceNr dd:hover {color:#fff;cursor:pointer;opacity:1;transition:all 0.5s linear;background-image:url(../images/9.png);background-position:center center;background-repeat:no-repeat;background-size:14vw 6vh;} #ServiceNr div {padding-top:5vh;padding-left:2px;} #ServiceNr font {color:#fff;font-size:1.4vh;padding-left:2vh;padding-right:2vh;padding-top:0.7vh;padding-bottom:0.7vh;background-image:url(../images/mark9.png);} #ServiceNr font:hover {color:#1086E0;background-color:#fff;border:1px solid #FFFFFF;opacity:1;cursor:pointer;position:relative;animation:myfirst 2s;-moz-animation:myfirst 2s;/* Firefox */ -webkit-animation:myfirst 2s;/* Safari and Chrome */-o-animation:myfirst 2s;/* Opera */} #About {float:left;width:100vw;height:90vh;position:relative;overflow:hidden;text-align:center;} .AboutVideoT{width:100vw;float:left;height:90vh;object-fit:fill;-webkit-filter:grayscale(100%);filter:grayscale(100%);} #AboutTitle {float:left;width:100vw;font-size:5vh;padding-top:25vh;text-align:center;color:#fff;padding-bottom:6vh;} #AboutBoxMark {float:left;width:100vw;font-size:2.2vh;line-height:6vh;text-align:center;color:#fff;padding-bottom:6vh;} #AboutMore font {color:#fff;font-size:1.8vh;padding-left:3vh;padding-right:3vh;padding-top:1vh;padding-bottom:1vh;border:solid 2px #fff;} #AboutMore font:hover {color:#1086E0;background-color:#fff;border:2px solid #FFFFFF;cursor:pointer;position:relative;animation:myfirst 2s;-moz-animation:myfirst 2s;/* Firefox */ -webkit-animation:myfirst 2s;/* Safari and Chrome */-o-animation:myfirst 2s;/* Opera */} #AboutImg {position:absolute;top:0px;left:0px;height:90vh;width:100vw;} #AboutBox {position:absolute;left:0px;top:0px;width:100vw;height:90vw;background-image:url(../images/bg6.png);background-repeat:no-repeat;background-size:100vw 90vh;z-index:2;} .BaseBg {float:left;width:100vw;height:89.9vh;background-color:#1086E0;overflow:hidden;-webkit-font-smoothing:none;} .Base {transform:translate3d(0,0,0);float:left;} .Base-box {position:relative;width:20vw;height:30vh;overflow:hidden;} .Base-box:hover .bigimg {animation-name:cf4FadeInOut;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:2s;animation-direction:alternate;} .Base-item dl {width:20vw;height:30vh;background-color:black;} .Base-item-front {transform:rotateY(0deg);z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s ease-in-out;transform-style:preserve-3d;backface-visibility:hidden;opacity:0.9;box-sizing:border-box;} #Base1 {background-image:url(../images/ag1.png);} #Base2 {background-image:url(../images/ag2.png);} #Base3 {background-image:url(../images/ag3.png);} #Base4 {background-image:url(../images/ag4.png);} #Base5 {background-image:url(../images/ag5.png);} #Base6 {background-image:url(../images/ag6.png);} #Base7 {background-image:url(../images/ag7.png);} #Base8 {background-image:url(../images/ag8.png);} #Base9 {background-image:url(../images/ag9.png);} #Base10 {background-image:url(../images/ag10.png);} #Base11 {background-image:url(../images/ag11.png);} #Base12 {background-image:url(../images/ag12.png);} #Base13 {background-image:url(../images/ag13.png);} #Base14 {background-image:url(../images/ag14.png);} #Base15 {background-image:url(../images/ag15.png);} .Base-item-back {transform:rotateY(180deg);z-index:1;background-image:url(../images/bg7.png);position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s ease-in-out;transform-style:preserve-3d;backface-visibility:hidden;/*border:1px solid #ddd;*/ box-sizing:border-box;opacity:1;cursor:pointer1;} .Base-box:hover .Base-item-front {z-index:1;transform:rotateY(180deg);} .Base-box:hover .Base-item-back {z-index:2;transform:rotateY(0deg);} .Base-box:hover .Base-item-bling {transform:translate3d(0,0,0);animation:rotate infinite 4s linear;} .Base-box .logo {height:10vh;padding-top:8vh;padding-bottom:1vh;} .Base-box dd {text-align:center;font-size:2vh;color:#fff;} .Base-box .bigimg {width:20vw;height:30vh;} #NewsMain {float:left;width:100vw;height:90vh;position: relative;background:#fff;} #NewsMainVideo {width:100vw;height:90vh;background-image:url(../images/bg21.png);} .NewsMainVideoT {width:100%;float:left;height:90vh;object-fit:fill;} #NewsList {width:99vw;float:left;position: absolute;left: 1vw;top:4vh;z-index: 2;} #NewsList dl {display: none;} #NewsList dl:nth-child(1) {display: block;} .NewsListBox {height:26vh;width:48.5vw;float:left;margin-right: 1vw;margin-bottom: 1vw;background-image:url(../images/bg24.png);color:#fff;} .NewsListBox:hover {box-shadow:0 0 30px #A3BDCD;transition:all 0.5s linear;cursor:pointer;opacity: 1;background:#fff;color:#333;} .NewsListBox:hover dt a {padding-left:2.2vh;color:#1086E0;transition:all 0.5s linear;} .NewsListBox:hover .Newsright dt {background-image:url(../images/jiantou.png);background-repeat:no-repeat;background-size:1.6vh 1.6vh;background-position:left bottom;} .NewsListBox:hover img{animation-name:cf4FadeInOut;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:2s;animation-direction:alternate;} .NewsLeft {float:left;width:19vw;text-align:center;height:26vh;background-color: #0C66A9;overflow: hidden;} .NewsLeft img{width:19vw;height:26vh;opacity: 1;} .Newsright {float:left;width:25vw;text-align:left;padding-left: 1.5vw;} .Newsright dt {font-size:2.2vh;color:#000;padding-top:7vh;line-height:2.2vh;height:2.2vh;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: bold;} .Newsright dd {font-size:1.5vh;padding-top:1.6vh;line-height:2.6vh;height:5.2vh;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .Newsright div {font-size:1.5vh;padding-top:1vh;line-height:2.6vh;height:2.6vh;} .NewsListBox a {color:#fff;} #AaLiList {width:100vw;padding-left:0vw;float:left;} .AaLiBox1 {width:25vw;height:30vh;float:left;position:relative;overflow:hidden;} .AaLiBox1 div {width:25vw;height:30vh;overflow:hidden;} .AaLiBox1:hover dl {top:0vw;transition:all 0.3s linear;opacity: 0.8;cursor: pointer;background-image:url(../images/bg12.png);} .AaLiBox1:hover .imgt {animation-name:cf4FadeInOut;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:2s;animation-direction:alternate;} .AaLiBox1Img {width:25vw;height:30vh;overflow:hidden;} .AaLiBox1 .imgt {width:25vw;height:30vh;float:left;} .AaLiBox1 dl {width:25vw;height:32vh;position:absolute;top:0px;top:0vh;background-repeat:no-repeat;background-size:25.2vw 32.2vh;} .AaLiBox1 dt {float:left;width:25vw;height:11vh;padding-top:14.4vh;text-align:center;} .AaLiBox1 font {padding-top:1.7vh;padding-bottom:1.7vh;padding-left:1.2vh;padding-right:1.2vh;color:#fff;font-size:2vh;border-top:solid 2px #fff;border-bottom:solid 2px #fff;text-shadow: black 0.1vw 0.1vw 0.2vw;font-weight: bold;} .AaLiVideo {width:100%;float:left;width:25.2vw;height:30.2vh;object-fit:fill;} #AdvantageBg {float:left;width:100vw;height:90vh;position: relative;} #AdvantageVideoWg {position: absolute;width:100vw;height:90vh;left: 0px;top:0px;z-index: 1;background-image:url(../images/bg21.png);} #Advantage {position: absolute;width:100vw;height:90vh;left: 0px;top:0px;z-index: 2;} .AdvantageVideoT {width:100%;float:left;height:90vh;object-fit:fill;} #AdvantageTitle {float:left;width:100vw;padding-top:7vh;text-align:center;padding-bottom:6vh;font-size:3.2vh;color:#333;display: none;} #AdvantageList {width:96vw;padding-left:4vw;float:left;padding-top: 12vh;} .AdvantageBox {opacity: 0.9;height:26vh;width:24.5vw;padding-top:7vh;float:left;background-image:url(../images/bg21.png);text-align:center;padding-left:3vw;padding-right:3vw;margin-bottom: 0.16vw;margin-left: 0.16vw;} .AdvantageBox:hover {opacity: 1;box-shadow:0 0 30px #A3BDCD;transition:all 0.5s linear;background-image:url(../images/bg22.png);} .AdvantageBox:hover img {transition:all 0.3s linear;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} .AdvantageBox img {width:6vh;height:6vh;border-radius:8vh;background-color:#000;padding:1vh;} .AdvantageBox dt {font-size:2vh;color:#fff;padding-top:3vh;line-height:2.2vh;height:2.2vh;font-weight:bold;} .AdvantageBox dd {font-size:1.5vh;color:#fff;padding-top:1.5vh;line-height:2.6vh;height:5.2vh;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} #Process {float:left;width:100vw;height:32vh;background-color:#FFF;overflow:hidden;} #ProcessTitle {float:left;width:92vw;padding-left:4vw;padding-right:4vw;} #ProcessTitle dt {float:left;width:100vw;color:#333;font-size:2.8vh;padding-top:7vh;} #ProcessTitle dd {float:left;width:100vw;color:#666;font-size:1.5vh;padding-top:1vh;} #ProcessMainBg {float:left;width:92vw;padding-left:4vw;padding-right:4vw;padding-top:3vh;position:relative;} #ProcessMain {display:flex;display:-webkit-flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;height:12vh;width:92vw;background-image:url(../images/line.png);background-repeat:repeat-x;background-position-y:3.6vh;} #ProcessMain dl {width:8vh;} #ProcessMain dt {width:8vh;} #ProcessMain img {width:3vh;height:3vh;padding:2vh;background-color:#1086E0;} #ProcessMain img:hover {transition:all 0.3s linear;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);} #ProcessMain dd {text-align:center;font-size:1.4vh;padding-top:1vh;color:#666;height:2vh;overflow:hidden;line-height:2vh;} /*低部*/ #WaveBg {width:100%;height:4.6vh;float:left;background-color:#fff;position:relative;} #Waveline {width:100%;position:absolute;height:4px;width:100%;top:-2px;left:0px;background-color:#fff;} .wave-box {width:100%;height:5vh;float:left;position:relative;} .wave-box img {height:5vh;} .marquee-box {overflow:hidden;width:100%;position:absolute;left:0;top:0} .marquee {width:8000%;height:5vh} .wave-list-box {float:left} .wave-list-box ul {float:left;height:5vh;overflow:hidden;zoom:1} .wave-list-box ul li {height:5vh;width:100%;float:left;line-height:5vh;list-style:none} #BtmService {float:left;width:92vw;border-bottom:solid 1px #363636;padding-left:4vw;padding-right:4vw;height:12vh;padding-top:6vh;background-color:#252525;} #BtmService dl {float:left;width:13vw;font-size:1.4vh;color:#929292;text-align:center;} #BtmService font {font-size:4vh;} #Btm {float:left;width:92vw;padding-left:4vw;padding-right:4vw;background-color:#121212;height:22.5vh;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;} #BtmLeft {float:left;padding-top:6.6vh;padding-bottom:6.6vh;} #BtmLeft1 {height:1vw;float:left;} #BtmLeft1 img {height:6vh;width:6vh;float:left;} #BtmLeft2 {float:left;color:#929292;font-size:1.4vh;padding-left:0.6vw;} .BtmLeft3 {color:#929292;line-height:3vh;font-size:2.6vh;padding-bottom:1.4vh;padding-top:1vh;font-family:Impact;} #BtmLeft a {border:solid 1px #929292;height:24px;float:left;width:70px;line-height:24px;text-decoration:none;text-align:center;font-size:12px;color:#929292;} #BtmLeft a:hover {border:solid 1px #929292;height:24px;float:left;width:70px;line-height:24px;text-decoration:none;text-align:center;background-color:#FFF;color:#1086E0;} #BtmMid {float:left;padding-top:6vh;padding-bottom:6vh;} #BtmMid dt {font-size:1.4vh;line-height:3vh;color:#929292;} #BtmMid dd {font-size:1.4vh;line-height:3vh;color:#929292;text-indent:2vh;} #BtmMid dd:nth-child(2) {background-image:url(../images/location.png);background-repeat:no-repeat;background-position:left center;background-size:1.5vh 1.5vh;} #BtmMid dd:nth-child(3) {background-image:url(../images/mail.png);background-repeat:no-repeat;background-position:left center;background-size:1.5vh 1.5vh;} #BtmMid dd:nth-child(4) {background-image:url(../images/conversation.png);background-repeat:no-repeat;background-position:left center;background-size:1.5vh 1.5vh;} #BtmMid dd a {color:#929292;} #BtmWX {float:left;padding-top:6.6vh;padding-bottom:6vh;} #BtmWX img {height:9.1vh;border:solid 0.5vh #fff;} #BtmRight {padding-top:6vh;padding-bottom:6vh;width:30vw;font-size:1.4vh;line-height:3vh;color:#929292;} #BtmRight dt {font-weight:bold;} #BtmRight dd {float:left;height:9vh;overflow:hidden;} #BtmRight dd a {color:#929292;padding-right:0.5vw;} #BtmRight dd a:hover {color:#fff;} #BtmCopy {width:92vw;padding-left:4vw;padding-right:4vw;float:left;text-align:left;padding-top:4vh;background-color:#252525;border-top:solid 1px #363636;} #BtmCopy dd {color:#717171;font-size:1.4vh;width:92vw;float:left;} #BtmCopy dt {padding-top:1vh;float:left;} #BtmCopy a {color:#717171;} #ZiXun {overflow:visible;z-index:999;position:fixed;bottom:40vh;right:0vw;width:10vh;height:21vh;opacity:0.9;display: none;} #ZiXun dl {width:10vh;height:10vh;padding-bottom:0.4vh;} #ZiXun dd {width:10vh;height:10vh;background-color:#1086E0;} #ZiXun dd:hover {background-color:#0C66A9;cursor:pointer;} #ZiXun img {width:3vh;height:3vh;padding-top:2.2vh;padding-bottom:0.8vh;} #ZiXun p {font-size:1.6vh;color:#fff;text-align:center;} } img {margin:0 auto;display:block;} /**/ @keyframes myfirst {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-moz-keyframes myfirst /* Firefox */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-webkit-keyframes myfirst /* Safari and Chrome */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } @-o-keyframes myfirst /* Opera */ {0% {left:0px;bottom:0px;} 25% {left:0px;bottom:10px;} 50% {left:0px;bottom:0;} 100% {left:0px;bottom:0px;} } /**/@keyframes mytwo {0% {left:0px;top:0px;} 100% {left:0px;top:-100px;} } @keyframes rotate { 0% { transform-origin:center; transform:rotate3d(0,0,1,0deg); } 100% { transform-origin:center; transform:rotate3d(0,0,1,360deg); } } @keyframes scaleDraw { /*定义关键帧�?�scaleDrew是需要绑定到选择器的关键帧名�?*/ 0%{ transform: scale(1); /*�?始为原始大小*/ } 25%{ transform: scale(1.1); /*放大1.1�?*/ } 50%{ transform: scale(1); } 75%{ transform: scale(1.1); } } @keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:.5} } @-webkit-keyframes btboxarrow{ %0,%100{bottom:0px; opacity:1;} 50%{bottom:-6px; opacity:0.5} } @keyframes arrow {%0,%100 {bottom:5px;opacity:1;} 50% {bottom:10px;opacity:.5} } @-webkit-keyframes arrow {%0,%100 {bottom:5px;opacity:1;} 50% {bottom:10px;opacity:.5} } @keyframes cf4FadeInOut { 0% { opacity: 1; } 100% { opacity: 0.8; transform:scale(1.2); } } @keyframes cf4FadeInOutflash { 0% { opacity: 1; } 100% { opacity: 0.8; } }