* {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;} #NewsBanner {width:100vw;height:20vw;float:left;box-shadow:#879EAC 0 5px 5px -5px;padding-top: 12vw;position: relative;} #NewsBanner img{width:100vw;height:20vw;} #NewsBanner dl{width:92vw;height:20vw;text-align: left;padding-left:4vw;padding-right:4vw;position: absolute;left:0px;top:12vw;} #NewsBanner dt{font-size:3.5vw;padding-top: 5.5vw;color:#FFF;} #NewsBanner dd{font-size:2.5vw;padding-top: 0vw;color:#FFF;} #NewsNav {float:left;width:92vw;padding-left:3vw;padding-right:3vw;font-size: 2.5vw;color: #444;line-height: 8vw;text-align: left;background-color: #fff;display: none;} #News {float:left;width:100vw;background-color: #fff;} #NewsMain {float:left;width:94vw;padding-left: 3vw;padding-right: 3vw;padding-top: 2.5vw;padding-bottom: 2.5vw;} #NewsMainT{float:left;width:94vw;text-align: left;color:#000;border-bottom:solid 1px #f8f8f8;padding-bottom: 4vw;} #NewsMain h1{font-size: 5vw;line-height: 8vw;} #NewsMainM{width:94vw;float:left;font-size: 3.5vw;text-align: left;color:#333;line-height: 7vw;padding-top: 1.5vw;} #NewsMainM p{text-indent: 7vw;} #NewsMainB{width:94vw;float:left;font-size: 2.5vw;text-align: left;color:#ccc;line-height: 8vw;border-bottom:solid 1px #f8f8f8;} #NewsMainB font{color: #1086E0;font-weight: bold;} #NewsRight{float:left;width:94vw;padding-right: 3vw;padding-left: 3vw;padding-top:8vw;padding-bottom: 6vw;} #NewsRight dt{float:left;width:94vw;font-size: 4.5vw;color:#333;font-weight: bold;padding-bottom: 2vw;} #NewsRight dd{float:left;width:94vw;font-size: 3.5vw;color:#333;line-height: 6vw;border-bottom:solid 1px #f8f8f8;padding-bottom: 2vw;padding-top: 2vw;} #NewsMainM img{max-width: 94vw;} #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(/video/a1.jpg);} .index-img dl:nth-child(2) {background-image:url(/video/a2.jpg);} .index-img dl:nth-child(3) {background-image:url(/video/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;height:68vw;position:relative;overflow:hidden;} #AboutImg {float:left;height:46vw;width:100vw;background-image:url(../video/abouttelbg.jpg);background-repeat:no-repeat;background-size:100vw 70vw;height:68vw;} #AboutBox {float:left;width:100vw;background-image:url(../images/bg6a.png);background-repeat:no-repeat;background-size:100vw 70vw;padding-bottom:12vw;height:68vw;position:absolute;top:0px;left:0px;opacity:0.8;} #AboutTitle {float:left;width:100vw;font-size:5vw;padding-top:10vw;text-align:center;color:#fff;padding-bottom:5vw;display:none;} #AboutBoxMark {float:left;padding-left:3vw;padding-top:12vw;padding-right:3vw;font-size:3.5vw;line-height:7vw;text-align:left;color:#fff;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:#fff;font-size:3vw;padding-left:2vw;padding-right:2vw;padding-top:0.8vw;padding-bottom:0.8vw;border:solid 1px #fff;} .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/casebg/ag1.png);} #Base2 {background-image:url(../images/casebg/ag2.png);} #Base3 {background-image:url(../images/casebg/ag3.png);} #Base4 {background-image:url(../images/casebg/ag4.png);} #Base5 {background-image:url(../images/casebg/ag5.png);} #Base6 {background-image:url(../images/casebg/ag6.png);} #Base7 {background-image:url(../images/casebg/ag7.png);} #Base8 {background-image:url(../images/casebg/ag8.png);} #Base9 {background-image:url(../images/casebg/ag9.png);} #Base10 {background-image:url(../images/casebg/ag10.png);} #Base11 {background-image:url(../images/casebg/ag11.png);} #Base12 {background-image:url(../images/casebg/ag12.png);} #Base13 {background-image:url(../images/casebg/ag13.png);} #Base14 {background-image:url(../images/casebg/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;} #NewsTitle {float:left;width:94vw;padding-left:3vw;padding-right:3vw;padding-top:8vw;text-align:left;padding-bottom:6vw;background-color:#EDF2F5;} #NewsTitle span {padding-right:2vw;float:left;padding-bottom:2vw;} #NewsTitle font {float:left;background-color:#fff;padding-right:3vw;padding-left:3vw;padding-top:1.4vw;padding-bottom:1.2vw;font-size:3.5vw;color:#666;border-radius:4vw;} #NewsTitle .Check {background-color:#1086E0;color:#fff;} #NewsList {width:100vw;float:left;background-color:#EDF2F5;} #NewsList .NewsListBox:nth-child(5) {display:none;} #NewsList .NewsListBox:nth-child(6) {display:none;} #NewsList .NewsListBox:nth-child(7) {display:none;} #NewsList .NewsListBox:nth-child(8) {display:none;} #NewsList .NewsListBox:nth-child(9) {display:none;} .NewsListBox {width:100vw;float:left;border-top:1px solid #FAFBFC;padding-top:4vw;padding-bottom:6vw;} .NewsLeft {float:left;width:18vw;text-align:center;padding-right:2vw;padding-left:3vw;} .NewsLeft dt {font-size:8vw;color:#555;padding-top:3vw;} .NewsLeft dd {font-size:3vw;color:#777;padding-top:1.2vw;} .Newsright {float:left;width:69vw;text-align:left;} .Newsright dt {font-size:4vw;color:#666;padding-top:3vw;line-height:4vw;height:4vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .Newsright dd {font-size:3vw;color:#999;padding-top:2.6vw;line-height:5vw;height:10vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .NewsListBox dd a {color:#777;} #AaLiTitle {float:left;width:94vw;padding-left:3vw;padding-right:3vw;padding-top:8vw;text-align:left;padding-bottom:6vw;background-color:#fff;} #AaLiTitle span {padding-right:2vw;float:left;padding-bottom:2vw;} #AaLiTitle font {float:left;background-color:#EDF2F5;padding-right:3vw;padding-left:3vw;padding-top:1.4vw;padding-bottom:1.2vw;font-size:3.5vw;color:#666;border-radius:4vw;} #AaLiTitle .Check {background-color:#1086E0;color:#fff;} #AaLiList {width:100vw;float:left;background-color:#fff;padding-bottom:7vw;} .AaLiBox1 {width:48.5vw;height:25vw;padding-left:1vw;float:left;padding-bottom:1vw;position:relative;overflow:hidden;} .AaLiBox1 div {width:48.5vw;height:25vw;overflow:hidden;} .AaLiBox1Img {width:48.5vw;height:25vw;overflow:hidden;} .AaLiBox1 .imgt {width:48.5vw;height:25vw;float:left;} .AaLiBox1 dl {width:48.5vw;height:25vw;position:absolute;top:0px;left:1vw;background-image:url(../images/bg11.png);background-repeat:no-repeat;background-size:48.5vw 25vw;} .AaLiBox1 dt {display:none;} .AaLiBox1 dd {float:left;width:42.5vw;color:#fff;font-size:3.5vw;height:7vw;line-height:7vw;text-align:center;padding-top:18vw;padding-left:3vw;} #Advantage {float:left;width:100vw;height:72vw;background-image:url(../images/fangan-bg.jpg);background-repeat:no-repeat;background-size:100vw 72vw;overflow:hidden;} #AdvantageTitle {float:left;width:100vw;padding-top:10vw;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;overflow-x: hidden;} /*椤堕儴*/ /*绗竴灞�*/ #topbg {width:100%;height:10vh;background-image:url(../images/topbg2.png);background-size:100vw 10vh;position:fixed;top:0vh;left:0vw;overflow:visible;z-index:999;box-shadow:#879EAC 0 5px 5px -5px;} #top {width:78%;margin-left:auto;margin-right:auto;padding-left:4%;padding-right:18%;} #logo {float:left;height:9vh;padding-top:1vh;} #logo img {float:left;height:8vh;width: 17vh;} #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:#333;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 #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 .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:#1186E0;line-height:3vh;font-family:Impact;padding-top:0vh;} #topnav font:hover {cursor:pointer;opacity:0.8;} .navtel_1 {display:none;} #topback {display:none;} .topyy {box-shadow:#879EAC 0 5px 5px -5px;} #NewsBanner {width:100vw;height:20vw;float:left;box-shadow:#879EAC 0 5px 5px -5px;padding-top: 10vh;position: relative;} #NewsBanner img{width:100vw;height:20vw;} #NewsBanner dl{width:92vw;height:20vw;text-align: left;padding-left:4vw;padding-right:4vw;position: absolute;left:0px;top:10vh;} #NewsBanner dt{font-size:2vw;padding-top: 8vw;color:#FFF;} #NewsBanner dd{font-size:1vw;padding-top: 2vw;color:#FFF;} #NewsNav {float:left;width:92vw;padding-left:4vw;padding-right:4vw;font-size: 1.8vh;color: #444;line-height: 8vh;line-height:8vh;text-align: left;background-color: #EDF2F5;} #News {float:left;width:92vw;padding-left:4vw;padding-right:4vw;padding-bottom: 6vh;background-color: #EDF2F5;} #NewsMainBg {float:left;width:92vw;background-color: #fff;} #NewsMain {float:left;width:60vw;padding-left: 3vw;padding-right: 3vw;padding-top: 2.5vw;border-right:solid 1px #EDF2F5;padding-bottom: 2.5vw;} #NewsMainT{float:left;width:60vw;text-align: center;color:#000;border-bottom:solid 1px #EDF2F5;padding-bottom: 1.5vw;} #NewsMain h1{font-size: 1.6vw;line-height: 3vw;} #NewsMainM{width:60vw;float:left;font-size: 0.95vw;text-align: left;color:#333;line-height: 2vw;padding-top: 1.5vw;} #NewsMainM p{text-indent: 1.9vw;padding-bottom: 1vw;} #NewsMainB{width:60vw;float:left;font-size: 0.75vw;text-align: center;color:#333;line-height: 3vw;border-bottom:solid 1px #EDF2F5;} #NewsMainB font{color: #1086E0;font-weight: bold;} #NewsRight{float:right;width:20vw;padding-right: 3vw;;padding-top: 3vw;padding-bottom: 3vw;} #NewsRight dt{float:left;width:20vw;font-size: 1.2vw;color:#333;font-weight: bold;padding-bottom: 1vw;} #NewsRight dd{float:left;width:20vw;font-size: 0.85vw;color:#333;line-height: 1.6vw;border-bottom:solid 1px #EDF2F5;padding-bottom: 0.8vw;padding-top: 0.8vw;} #NewsMainM img{max-width: 60vw;} /*浣庨儴*/ #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/flow/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:#EDF2F5;position:relative;} #Waveline {width:100%;position:absolute;height:4px;width:100%;top:-2px;left:0px;background-color:#EDF2F5;} .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;padding-bottom:4vh;} #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 { /*瀹氫箟鍏抽敭甯с€乻caleDrew鏄渶瑕佺粦瀹氬埌閫夋嫨鍣ㄧ殑鍏抽敭甯у悕绉�*/ 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; } }