/*Floor002650 */ @import url('animate.min.css'); /* 设置字库 */ /* body{ font-family: 'SHSregular';} */ .p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;} .ul,.ul li{ list-style:none; margin: 0; padding: 0;} p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;} ul,ul li{ list-style:none; margin: 0; padding: 0;} .w1400{ max-width: 1400px; width: 96%; margin: 0 auto;} .Floor002650 .section{ background-repeat:no-repeat; background-position: center center;background-size:cover; position:relative; } .Floor002650 .header{ position:fixed; left:0; top:0; z-index:200; padding:0 5%; border-bottom:1px solid rgba(255,255,255,0.2); width:100%; background:#fff;} .Floor002650 .header-left{float: left;width: 27%;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} @media(min-width:1025px){ .Floor002650 .header-left{display: table;height: 108px;} .Floor002650 .header-left a{display: table-cell;vertical-align: middle;} } .Floor002650 .header-right{float: right;width: 60%;margin-left: 7%;} .Floor002650 .header-top{line-height:20px;padding: 15px 0 10px;text-align: right;} .Floor002650 .header-top dt{float:right;margin-top: 2px;} .Floor002650 .header-top dt >*{ float: left;} .Floor002650 .open-search{ width:20px; height:20px; background:url(../images/Floor002650_btn_search.png) no-repeat center center;} .Floor002650 .header-top dd{line-height: 24px;font-size: 14px;float: right;padding-right: 21px;} .Floor002650 .header-top dd span{font-size:22px;font-family:'DINmedi';color: #ff6402;} .Floor002650 .login-after{ display:none; color:#fff;} .Floor002650 .header-bottom{position:relative; height:108px; line-height:108px;} .Floor002650 .top-menu{ margin-right:10%;} .Floor002650 .top-language{position: absolute;z-index: 100;right: 0;top: 35px;line-height: 40px;} .Floor002650 .top-language span{display: block;margin-bottom: 18px;color: #fff;font-size: 16px;background: #0074e5;padding: 0 15px;border-radius: 20px;} .Floor002650 .top-language span:after{display: inline-block; content: ''; width: 8px; height: 8px; border-left: 1px solid #fff;border-top: 1px solid #fff; transform: rotate(-135deg); vertical-align: middle; margin-left: 10px; margin-top: -4px;} .Floor002650 .top-language figure{position: absolute;right: 0;top: 100%;/* margin-top: 20px; */width: 100%;background: rgba(255,255,255,0.8);/* border-radius: 5px; */padding-top:20px;display: none;} .Floor002650 .top-language figure a{display: block;text-align: center;padding: 5px 0;line-height: 36px;} .Floor002650 .top-language figure a:hover{ color:#0074e5} .Floor002650 .top-menu li#m73,.Floor002650 .top-menu li#m74{display: none;} .Floor002650 .top-menu li#m73.prosub,.Floor002650 .top-menu li#m74.prosub{display: block;} .Floor002650 .top-menu li{float:left;position:relative;width: 14.28%;text-align:center;} .Floor002650 .top-menu li.prosub {float:left;position:relative;width: 11.1%;text-align:center;} .Floor002650 .top-menu li.prosub .sub {width: auto;position: fixed; margin-left: 0;top:108px;left:5%;right:5%; font-size: 0;background:rgba(255,255,255,0.9);} /*.Floor002650 .top-menu li#m4.prosub .sub dd{width: 20%;}*/ .Floor002650 .top-menu li.prosub .sub dl{display: table; width: 100%; table-layout: fixed;} .Floor002650 .top-menu li.prosub .sub dd{padding: 2.5%;display: table-cell; vertical-align: top; padding:40px 1.6%;background:none;/*width:33.333%*/;border-right:1px solid #e6e6e6;} .Floor002650 .top-menu li.prosub .sub dd:last-child { border-right:0;} .Floor002650 .top-menu li.prosub .sub dd h3 { position: relative;text-align: left;padding-left: 12px; margin-bottom: 20px;} .Floor002650 .top-menu li.prosub .sub dd h3:before { position: absolute;content:'';top:0;left:0; width: 3px; height: 100%; background:#0074e5;} .Floor002650 .top-menu li.prosub .sub dd h3 a { color:#333; font-size: 20px; line-height: 25px;} .Floor002650 .top-menu li.prosub .sub dd div { font-size: 0;text-align: left; overflow: hidden;} .Floor002650 .top-menu li.prosub .sub dd div a {display: table;color:#666;font-size: 15px;} .Floor002650 .top-menu li.prosub .sub dd a:hover { color:#0074e5;} .Floor002650 .top-menu li.prosub .sub dd a:hover { background:none;} .Floor002650 .top-menu li a{ line-height:36px;} .Floor002650 .top-menu li em{ font-style:normal;} .Floor002650 .top-menu li em a{font-size: 18px;position:relative;padding-bottom: 20px;display:inline-block;} .Floor002650 .top-menu li em a::before{ position:absolute; content:''; width:0; height:3px; background:#fff; left:50%; transform:translateX(-50%); bottom:-1px; transition:width 0.3s ease-out;} .Floor002650 .top-menu li.aon em a::before{width:100%;} .Floor002650 .top-menu li .sub{ position:absolute; top:100%; width:130%; left:0;margin-left:-15%; display:none;} .Floor002650 .top-menu li .sub dd{ background:rgba(255,255,255,0.9); opacity:1; transform-origin: top center; } .Floor002650 .top-menu li .sub dd a{ transition:0.3s; display:block;line-height:48px;} .Floor002650 .top-menu li .sub dd a:hover{ color:#0074e5; background:#fff;} .Floor002650 .header .header-left a .noCLogo{display: none;} .Floor002650 .header-white{background:#fff; transition: 0.3s; -webkit-box-shadow:0 0 20px rgba(51,51,51,.2);-moz-box-shadow:0 0 20px rgba(51,51,51,.2);box-shadow:0 0 20px rgba(51,51,51,.2);} .Floor002650 .header-white .top-menu li em a{ color: #333;} .Floor002650 .header-white .top-menu li.aon em a{ color: #0074e5;} .Floor002650 .header-white .top-menu li em a::before{ background: #0074e5;} .Floor002650 .header-white .header-left a .haCLogo{display: none;} .Floor002650 .header-white .header-left a .noCLogo{display: block;} .Floor002650 .header-white .open-search{background:url() no-repeat center center;} .Floor002650 .header-white .header-top dd{ color: #666;} .Floor002650 .header-white .header-top dd span{ color: #ff6402} @media(max-width:1440px){ .Floor002650 .header-right { width: 69%; margin-left: 4%;} .Floor002650 .top-menu li.prosub .sub {padding:40px 0;} .Floor002650 .top-menu li.prosub .sub dd { width: 33.3%;} .Floor002650 .header-bottom { padding-right: 15%;} } @media(max-width:1100px){ .Floor002650 .header{ background:#0d3374; position:relative; padding:0 2%;} .Floor002650 .top-menu{ display:none;} .Floor002650 #header_menu{ position:absolute; right:0; top:100%; z-index:100; background:rgba(255,255,255,0.8); width:200px; display:none;} .Floor002650 #header_menu li{ border-bottom:1px solid #0d3374;} .Floor002650 #header_menu li em{ font-style:normal; font-size:18px; display:block; padding:5% 10%;} .Floor002650 #header_menu li em a{ display:block;} .Floor002650 #header_menu li .sub{ display:none; background:#0d3374; padding:5% 10%;} .Floor002650 #header_menu li dl dd a{ color:#fff; line-height:30px;} .Floor002650 #header_menu li.has-sub em{ position:relative;} .Floor002650 #header_menu li.has-sub em::before, .Floor002650 #header_menu li.has-sub em::after{ position:absolute; content:'';} .Floor002650 #header_menu li.has-sub em::before{ width:100%; left:0; top:0; height:100%;} .Floor002650 #header_menu li.has-sub em::after{ right:3%; border:6px solid transparent; border-top-color:#0d3374; top:50%; margin-top:-3px;} .Floor002650 #header_menu.header_menu_show{ display:block;} .Floor002650 .top-language{ position:relative; float:right; } .Floor002650 .header-bottom{ padding-right:0;} .Floor002650 #open_menu{ float:right; width:36px; height:36px; background:#fff; position:relative;} .Floor002650 #open_menu i{ width:60%; left:20%; height:3px;margin-top:-1.5px;} .Floor002650 #open_menu i, .Floor002650 #open_menu i::before, .Floor002650 #open_menu i::after{background:#0d3374; } } @media(max-width:1024px){ .Floor002650 .header{ display:block;} .Floor002650 .header-left{ position:absolute; left:2%; top:53%; width:60%;} .Floor002650 .header-right{ margin-left:0; width:auto; } .Floor002650 #header_menu li em { font-size: 16px;} .Floor002650 #header_menu li.prosub .sub dd div { display: none;} .Floor002650 #header_menu li.prosub .sub dd h3 { font-weight: normal; font-size: 14px;} .Floor002650 #open_menu { width: 30px; height: 30px;} .Floor002650 .top-language { top:0;} .Floor002650 .top-language span { line-height: 30px; padding:0 8px;font-size: 14px;border-radius:0;} .Floor002650 .header-top dd span { font-size: 18px; } } .Floor002650 .top-search, .Floor002650 .top-search-layer{position:fixed; left:0; top:0; width:100%; height:100%;} .Floor002650 .top-search-layer{ background:rgba(0,0,0,0.7); display:none;} .Floor002650 .top-search{ z-index:202;left:-100%;} .Floor002650 .top-search .ytable{height: 100%;} .Floor002650 .top-search .main{ position:relative; z-index:200;margin:0 auto; width:90%; max-width:600px; padding:3%; border-radius:20px; background:rgba(239, 132, 18, 0.16); border:2px solid #383635; transform:scale(0); transition:transform ease-out 0.3s;} .Floor002650 .top-search-show { left:0;} .Floor002650 .top-search-show .main{ transform:scale(1);} .Floor002650 .top-search .main .close{ position:absolute; right:-20px; top:-20px; width:40px; height:40px; border-radius:50%; background:#383635; cursor:pointer;} .Floor002650 .top-search .main .close::before, .Floor002650 .top-search .main .close::after{ position:absolute; content:''; width:70%; left:15%; top:50%; height:3px; margin-top:-1.5px; transform:rotate(45deg); background:#fff;} .Floor002650 .top-search .main .close::after{ transform:rotate(-45deg);} .Floor002650 .top-search .main .box{ position:relative; padding-right:100px;} .Floor002650 .top-search .main .box .text{ width:100%; line-height:40px; padding:0 10px; border:1px solid #000; background:#fff;} .Floor002650 .top-search .main .box .btn{ position:absolute; right:0; text-align:center;width:100px;line-height:40px; top:0; border:1px solid #0074e5; background:#0074e5; color:#fff; border-left:0;} .Floor002650 .top-search .main p{ color:#fff;} .Floor002650 .top-search .main p a{color:#fff; opacity:0.8;} .Floor002650 .top-search .main p a::after{ display:inline-block; content:''; width:1px; height:10px; background:#fff; margin:0 10px; opacity:0.5; vertical-align:middle;} .Floor002650 .top-search .main p a:last-child::after{ display:none;} @media(max-width:480px){ .Floor002650 .top-search .main{ padding:20px;} } #fp-nav{position: fixed;z-index: 100;top: 50%;right:17px;transform: translate3d(0,-50%,0);-webkit-transform: translate3d(0,-50%,0);} #fp-nav ul{ padding:15px 0;} #fp-nav ul li{margin:5px 0;width: auto; height: auto;margin: 7px 0;} #fp-nav ul li+li{position: relative;margin-top:15px;} #fp-nav ul li a{width: 24px;height: 24px;border-radius:50%;background:none;/*border: 1px rgba(255,255,255,0.1) solid;*/position:relative;display:block;cursor:pointer;} #fp-nav ul li a.active{ border:none;background:url(../images/fp.png) no-repeat center center;} #fp-nav ul li a:before{position:absolute;content:'';width: 5px;height: 4px;top:50%;left:50%;margin: -2px 0 0 -2px;background: #fff;border-radius:50%;} #fp-nav ul li a.active:before{ background:none;} #fp-nav ul li a span{display: none;} .Floor002650 .slides > li {display: none; -webkit-backface-visibility: hidden; overflow:hidden;} .Floor002650 .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .Floor002650 .slides {display: block;} * html .Floor002650 .slides {height: 1%;} .no-js .Floor002650 .slides > li:first-child {display: block;} .Floor002650 .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .Floor002650 .flex-viewport {max-height: 300px;} .Floor002650 .slides {zoom: 1;} .loadingimg{ width:100%; max-width:none; position:absolute; left:-100%; top:0; opacity:0;} /* =Skitter styles ----------------------------------------------- */ .box_skitter {position:relative;width:100%;background:#000;} .box_skitter img { max-width:none; } /* Tip for stildv */ .box_skitter ul {display:none;} .box_skitter .container_skitter {overflow:hidden;position:relative; z-index:2;} .box_skitter .image {overflow:hidden;} .box_skitter .image img {display:none; width:100%;} /* =Box clone -------------------------------------------------------------- */ .box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;} .box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;} /* =Navigation -------------------------------------------------------------- */ .box_skitter .prev_button , .box_skitter .next_button{ display:none !important;} /* =Numbers -------------------------------------------------------------- */ .box_skitter .info_slide {position:absolute;bottom:15px;left:0 !important; width:100%; text-align:center;z-index:10;} .box_skitter .info_slide span { opacity: 0; position:relative; display:inline-block; width:116px; height:41px; overflow:hidden; line-height:1000px; background:url() no-repeat left center; padding:0 70px 0 0; cursor:pointer; transition:0.3s;} .box_skitter .info_slide span::after{ position:absolute; content:''; top:50%; margin-top:-1px; width:66px; height:2px; background:url() repeat-x left center;right:0;} .box_skitter .info_slide span:last-child{ padding-right:0; width:46px;} .box_skitter .info_slide span:last-child::after{ display:none;} .box_skitter .info_slide span.image_number_select { background-image:url(../images/Floor002650_dot_on.png);} @media(max-width:480px){ .box_skitter .info_slide span{ width:30px; height:30px; background-size:contain; padding-right:0;} .box_skitter .info_slide span::after{ display:none;} } .section{ position: relative;} .section .bg { position: absolute;width: 100%;height:100%;top:0;background-repeat: no-repeat;background-size:cover; z-index: -1;} .Floor002650 .BanbBox{position: absolute;width: 100%;left: 0;bottom:0;background: rgba(0,0,0,.3);z-index: 999;color: #fff;} .Floor002650 .BanbBox .auto{ padding: 0 5%;} .Floor002650 .BanbBox .itemB{float: left;width: 19.99%;border-left: 1px solid rgba(255,255,255,.1); padding: 1.2% 3% 1.5% 1.5%;} .Floor002650 .BanbBox .itemB:nth-child(1){border-left:none;} .Floor002650 .BanbBox .itemB h5{font-family:'DINmedi';font-size:50px; margin: 0;} .Floor002650 .BanbBox .itemB h5 span{font-size:16px;margin-left:2%; font-weight: normal;} .Floor002650 .BanbBox .itemB p{font-size:16px;line-height: 24px;margin:5px 0 0;font-family:'SHSlight';} .Floor002650 .BanbBox .itemB .imgBox{ display: none;} @media (max-width:768px) { .Floor002650 .BanbBox { position: relative;padding:3% 0;} .Floor002650 .BanbBox .auto { display: flex; flex-wrap: wrap;padding: 0 2%;} .Floor002650 .BanbBox .itemB { width: 33.3%;} .Floor002650 .BanbBox .itemB h5 { font-size: 28px;} .Floor002650 .BanbBox .itemB p { font-size: 14px;} } /*hometitBox */ .hometitBox{padding: 3% 0; text-align: center;font-size: 100px;} .hometitBox .t-1{font-family: 'DINmedi';font-size:44px;font-weight:normal;color: rgba(255,255,255,0.2);line-height:1;text-transform: uppercase;margin-bottom: 1.2%;letter-spacing: 0.1em;font-size: 0.5em;text-transform: uppercase;line-height: 1em;} .hometitBox .t-2{font-size: 0.45em;line-height:75px;color: #0c3863;font-weight: normal;margin: 0;margin-top: -1.2em;} .hometitBox .t-2:after{display: block; content: '';background:#0074e5; width: 2px; height: 18px; margin: 2px auto 0;} @media (max-width:768px) { .hometitBox .t-1 { font-size: 0.3em;} .hometitBox .t-2 { font-size: 0.28em;} } /*智慧停车*/ #parking{background-repeat: no-repeat;background-position:right;} #parking .bg{ height: 888px;} #parking .section-main{background-image:url(../images/page2BG.jpg);-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;background-position:left center;background-repeat: no-repeat;display: table;width: 100%;} #parking .section-main .distabcel{display: table-cell;vertical-align: middle;padding-left: 15%;padding-top: 6%;} #parking .section-main .distabcel h5{font-family: 'DINmedi';font-size:44px;font-weight:normal;color: #0c3863;line-height:1;text-transform: uppercase;margin-bottom: 1.2%;/* font-weight: 300; */ /*font-style: italic;*/ letter-spacing: 0.1em;} #parking .section-main .distabcel h1{font-size:50px;line-height:75px;color: #0c3863;font-weight: normal;margin: 0;} #parking .section-main .distabcel h4{font-size:14px;line-height:30px;font-weight:normal;position: relative;padding-bottom: 3%;margin: 5px 0 0; width:40%;} #parking .section-main .distabcel .listBox{height: 300px;margin-top:3%;} #parking .section-main .distabcel .listBox li{width: 34%;float: left;background: #0555ae;padding: 35px 0;line-height:150px;text-align: center;-webkit-transition: 1s;-o-transition: 1s;-moz-transition: 1s;transition: 1s;position: relative;bottom:0;} #parking .section-main .distabcel .listBox li a{color: #fff;font-size:24px;display: block;border-left:1px solid rgba(255,255,255,.2);padding: 0 8%;} #parking .section-main .distabcel .listBox li a img{margin-right: 5%;} #parking .section-main .distabcel .listBox li a p{display: none;font-size:14px;line-height:24px;color: #fff;} @media(min-width:1024px){ #parking .section-main{height: 100%!important; position: relative;} #parking .section-main .distabcel .listBox li:hover{transform: scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);} #parking .section-main .distabcel .listBox li:hover{line-height:1;text-align: left;bottom: 25px;} #parking .section-main .distabcel .listBox li:hover p{display: block;} #parking .section-main .distabcel .listBox li:hover img{display: block;} #parking .section-main .distabcel .listBox li:hover span{display: block;line-height:80px;} } @media(min-width:1366px){ #parking .section-main .distabcel .listBox li { width: 20%;} } @media(max-width:768px){ #parking .bg { position: relative; height: 300px; margin-top: 5%;background-position: right;} #parking .section-main { padding: 0 2%;background:none;} #parking .section-main .distabcel { padding-left: 0;} #parking .section-main .distabcel h5 { font-size: 20px;} #parking .section-main .distabcel h1 { font-size: 24px;} #parking .section-main .distabcel h4 { font-size: 15px;} #parking .section-main .distabcel .listBox { height: auto;margin: 5% 0;} #parking .section-main .distabcel .listBox li { float: none;width: 80%;padding:0; line-height: 60px;border-bottom:1px solid #3279bf; margin: 0 auto 1%;} #parking .section-main .distabcel .listBox li a { font-size: 16px;} #parking .section-main .distabcel .listBox li a img { width: 30px;} } /*end*/ /*产品中心*/ /*#product .titBox{text-align: center;color: #fff;} @media(min-width: 1280px){ #product .titBox{padding-top:8%;} } #product .titBox h1{font-size:50px;font-weight:normal;line-height:75px;} #product .titBox h5{font-size:40px;text-transform:uppercase;font-weight:normal;font-family:'Hvbo';padding-bottom:3%;position: relative;margin-bottom:3%;} #product .titBox h5:before{width: 50px;height: 4px;background:#00a0d9;content: '';position: absolute;left:50%;margin-left:-25px;bottom:0;}*/ #product .hometitBox { padding-top: 8%; } #product .hometitBox .t-1 { color: rgba(255, 255, 255, 0.1); } #product .hometitBox .t-2 { color:#fff; } #product .idxproBox { margin-bottom: 2%; } #product .idxproBox .hd { text-align: center; margin-bottom: 3%; } #product .idxproBox .hd li { display: inline-block; line-height: 50px; padding: 0px 5%; font-size: 24px; border: 1px solid #fff; color: #fff; margin: 0px 15px; cursor: pointer; transition: all 0.3s ease 0s; } #product .idxproBox .hd li:hover, #product .idxproBox .hd li.on { background: #0074e5; border: 1px solid #fff; color: #fff; } #product .idxproBox .bd { } #product .idxproBox .bd .idxproList:not(.show) {position: fixed;left: -100%;opacity: 0; width: 100%; top: 0;} #product .idxproBox .bd .idxproList .w1400{width: 100%;} @media(max-width:1400px){ #product .idxproBox .bd .idxproList:not(.show){width: 96%;} } #product .idxproBox .bd .idxproList.show{position: relative;} /*#product .idxproBox .bd .idxproList.active { display: block; }*/ #product .idxproBox .bd .idxproList .owl-stage-outer { overflow: hidden; padding-top: 10px; } #product .idxproBox .bd .idxproList .owl-item { float: left; } #product .idxproBox .bd .idxproList li {background:#fff;text-align: center;padding:5% 0%;transition: all 0.3s ease 0s;} #product .idxproBox .bd .idxproList li .imgBox { min-height: 205px; overflow: hidden; } #product .idxproBox .bd .idxproList li .imgBox figure { padding-bottom: 90%; background-size: contain; } #product .idxproBox .bd .idxproList li h5 {font-size: 20px;line-height: 1;font-weight: normal;margin: 20px 0px 5%;} #product .idxproBox .bd .idxproList li p { font-size: 16px; line-height: 24px; color: rgb(153, 153, 153); min-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #product .idxproBox .bd .idxproList li:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px; margin-top: -10px; } #product .idxproBox .owl-carousel{ position: relative;z-index: 2;} #product .idxproBox .bd .idxproList .btns{position: absolute;left: -4%;top: 50%;transform: translateY(-50%); margin-top: 20px; width: calc(100% - 60px);display: block;z-index: 1;} #product .idxproBox .bd .idxproList .btns a{color: #fff;/* display: inline-block; */} #product .idxproBox .bd .idxproList .btns a:before{ font-size:40px;} #product .idxproBox .bd .idxproList .btns a.next{margin-left: 110%;} #product .idxproBox .bd .idxproList .btns a.next:before{top: -40px;position: relative;} .view{display: block;margin:0 auto;width: 190px;text-align: center;line-height:50px;font-size:16px;color: #fff;border: 2px solid rgba(255,255,255,.5);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .view:hover{border:1px solid #fff;color: #fff;} #product .view { margin-top: 2%;} @media(max-width:1440px){ #product .idxproBox .hd { margin-bottom: 2%;} #product .idxproBox .hd li { font-size: 20px;} #product .idxproBox .bd .idxproList li { padding: 8% 15% 2%;} } @media(max-width:768px){ #product { padding-bottom: 5%;} #product .idxproBox { margin-bottom: 5%;} #product .idxproBox .hd ul { font-size: 0;} #product .idxproBox .hd li { width: 31%; line-height: 40px; font-size: 15px;margin:0 1%;padding:0;border-radius:5px;} #product .idxproBox .bd .idxproList .btns { width: 100%;left: 0; margin-top: 0;z-index: 3;} #product .idxproBox .bd .idxproList .btns a {position: absolute;left: 0;top:0;color: #0c3863;} #product .idxproBox .bd .idxproList .btns a.next { left:auto;right: 0;margin-left: 0;} #product .idxproBox .bd .idxproList .btns a.prev:before, #product .idxproBox .bd .idxproList .btns a.next:before { position: relative;top:-40px;} } @media(max-width:640px){ .view { width: 130px; line-height: 40px;} } /*end*/ .more{display: block;width: 190px;text-align: center;line-height:50px;font-size:16px;color: #0c3863;border: 1px solid #0c3863;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .more:hover{color: #fff;background:#0c3863; border-color: #0c3863} @media(max-width:1440px){ .more {margin:0 auto; width: 170px; line-height: 40px; font-size: 15px;} } @media(max-width:640px){ .more {width: 130px; line-height: 40px; } } /*解决方案 */ .Floor002706{ background:url(../images/Floor002706_bg.jpg) no-repeat center top; background-size:cover; padding:8% 0 4%;} .Floor002706 .auto{ max-width:1400px; width:100%;} .Floor002706 .hometitBox .t-1 { color: rgba(12, 56, 99, 0.12); } @media(max-width:1600px){ .Floor002706 .auto{ padding:0 2%;} } .Floor002706 ul > *{ float:left;} .Floor002706 li{overflow:hidden;width: 25%;} .Floor002706 li a{display:block;background: #043769;color:#fff;height:380px;position:relative;padding:23% 12% 0 15.5%;} .Floor002706 li:nth-of-type(2n) a{background: #0555ae;} .Floor002706 li aside{position:absolute;right:8%;top:5%;font-size: 20px;opacity:0.3;font-family: 'DINmedi';} .Floor002706 li aside::before{ display:block; margin:0 auto 20px; width:1px; height:60px; content:''; background:#fff; transition:height 0.3s;} .Floor002706 li a:hover aside::before{ height:40px;} .Floor002706 li figure img{ height:75px;} .Floor002706 li a:hover figure{ animation:ease 1s ani2706;-webkit-animation:ease 1s ani2706; } .Floor002706 li h2{font-size: 22px;font-weight:normal;margin-top: 40px;} .Floor002706 li p{font-size:18px;margin:15px 0 0;} .Floor002706 .more{ margin: 3% auto 0;} @keyframes ani2706{ 0%{ padding-left:0;} 50%{ padding-left:30%; opacity:0.5; transform:scale(0.85); -webkit-transform:scale(0.85);} 100%{ padding-left:0; opacity:1;} } @-webkit-keyframes ani2706{ 0%{ padding-left:0;} 50%{ padding-left:30%; opacity:0.5; transform:scale(0.85); -webkit-transform:scale(0.85);} 100%{ padding-left:0; opacity:1;} } @media(max-width:1440px){ .Floor002706 li a{ height:300px; padding-top:18%;} } @media(max-width:1024px){ .Floor002706 ul ol{ float:none; width:auto;} .Floor002706 ul li{ width:25%;} .Floor002706 ul li:nth-of-type(1), .Floor002706 ul li:nth-of-type(2), .Floor002706 ul li:nth-of-type(3){ width:33.333%} } @media(max-width:640px){ .Floor002706 { padding-bottom: 8%;} .Floor002706 .title h3{ font-size:40px;} .Floor002706 .title h4{ font-size:20px;} .Floor002706 ul li{ float:none; width:auto !important;} .Floor002706 li a{ height:auto; padding:3% 15% 3% 3%; text-align:center;} } @media(max-width:480px){ .Floor002706 .title h3{ font-size:30px;} .Floor002706 li h2{ font-size:24px; margin:5px 0 0 0;} .Floor002706 li figure img{ height:40px;} } /*end*/ /*案例中心*/ #case{background-position: left;background-repeat: no-repeat;position: relative;} #case:before{background-image:url(../images/page4BG.jpg);-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;background-position:right center;background-repeat: no-repeat;width: 50%; position: absolute; right: 0; top: 0; z-index: 1; content: '';height: 100%!important; display: none;} #case .section-main .distabcel{display: table-cell;vertical-align: middle;padding-left:5%;} #case .section-main .distabcel h5{font-family:'Hvbo';font-size:40px;font-weight:normal;color: #033470;line-height:1;text-transform: uppercase;margin-bottom: 1.5%;} #case .section-main .distabcel h1{font-size:50px;line-height:75px;color: #033470;font-weight: normal;} @media(min-width:1024px){ #case:before { display: block;} #case .section-main{height: 100%!important;} } /*Floor002698 */ .Floor002698{ position:relative; z-index:4; padding-top:4%;} .Floor002698 .auto{position:relative;z-index:3; max-width: 1400px;} .Floor002698 .top{ padding-left:50%; padding-bottom: 6%} .Floor002698 .top dl{text-align: center;/* float: right; */} .Floor002698 .top dl dd{display: inline-block;line-height:50px;font-size: 20px;color: #333;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;margin-left: 22px;text-align: center;} .Floor002698 .top dl li{display: inline-block;line-height:50px;font-size: 20px;color: #fff;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;margin-left: 22px;text-align: center; padding:10px;} .Floor002698 .top dl li a{color: #fff; padding: 10px;} .Floor002698 .top dl dd:hover a, .Floor002698 .top dl dd.on a{ text-decoration: underline; color: #0074e5} .Floor002698 .top dl li:hover a, .Floor002698 .top dl li.slick-active a{color: #fff;border-bottom: 2px solid #fff;} .Floor002698 .title{ padding:15% 0 5% 10.5%;} .Floor002698 .title h5{font-family: 'DINmedi';font-size:44px;font-weight:normal;color: #fff;line-height:1;text-transform: uppercase;margin-bottom: 1.2%;letter-spacing: 0.1em;} .Floor002698 .title h1{font-size:50px;line-height:75px;color: #fff;font-weight: normal;margin: 0; position: relative;padding-bottom: 3%;} .Floor002698 .title h1:before{width: 50px;height: 3px;content: '';background: #0074e5;left: 0;bottom:0;position: absolute;} .Floor002698 .list{ overflow:hidden; max-width:1760px; position: relative; display: none;} .Floor002698 .list.show { display: block;} .Floor002698 .list .slider{ padding-left:10%;} .Floor002698 .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002698 .slick-list{ position: relative; z-index: 1;display: block;} .Floor002698 .slick-list:focus{outline: none} .Floor002698 .slick-list.dragging {cursor: hand;} .Floor002698 .slick-slider .slick-track, .Floor002698 .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)} .Floor002698 .slick-track{position: relative; top: 0; left: 0; display: block;} .Floor002698 .slick-track:before, .Floor002698 .slick-track:after{display: table; content: '';} .Floor002698 .slick-track:after{ clear: both;} .Floor002698 .slick-loading .slick-track { visibility: hidden;} .Floor002698 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002698 .slick-slide .slick-loading img { display: none;} .Floor002698 .slick-slide .dragging img { pointer-events: none;} .Floor002698 .slick-initialized .slick-slide { display: block;} .Floor002698 .slick-loading .slick-slide { visibility: hidden;} .Floor002698 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002698 .slick-arrow .slick-hidden { display: none;} .Floor002698 .list li a:after{ transition:0.3s; position:absolute; left:0; bottom:0; height:40%; right:0; z-index:3; content:''; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */} .Floor002698 .list li .txt{ margin:0 auto; width:94%; background:#eff3f9; padding:9%;} .Floor002698 .list li a{ margin: 0 10px; display: block; position: relative; overflow: hidden; } .Floor002698 .list li .pic{ display: block; width: 100%; transition: 0.3s; padding-bottom: 72%; background-position: center; background-repeat: no-repeat; background-size: cover; } .Floor002698 .list li h1{position: absolute; left:6%; bottom:8%; width: 90%; color: #fff; font-weight:normal; font-size: 16px; margin: 0; z-index: 10;} .Floor002698 .list li:hover .pic{ transform: scale3d(1.04,1.04,1.04); transition: 0.3s} .Floor002698 .btn{text-align:center;height:40px;/* margin:2.7% 0; */position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);z-index: 3;} .Floor002698 .btn button{font-size:0;border:0;padding:0;cursor:pointer;width: 48px;height: 48px;position:absolute;left:50%;background:none;background: rgba(0,0,0,0.5);border-radius: 24px;} .Floor002698 .btn button::before{position:absolute;content:'';width: 14px;height: 14px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);left:50%;top:50%;margin: -8px 0 0px -8px;} .Floor002698 .btn .slick-prev{left: 2%;} .Floor002698 .btn .slick-next{ margin-left: 45%;} .Floor002698 .btn .slick-prev::before{transform:rotate(-135deg);border-color:#fff;margin-left: -4px;} .Floor002698 .slick-arrow{font-size:0;border:0;padding:0;cursor:pointer;width: 48px;height: 48px;position:absolute;top:50%;left:50%;margin-top:-24px;background:none;background: rgba(0,0,0,0.5);border-radius: 24px; z-index: 90;} .Floor002698 .slick-arrow::before{position:absolute;content:'';width: 14px;height: 14px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);left:50%;top:50%;margin: -8px 0 0px -8px;} .Floor002698 .slick-prev{left: 2%;} .Floor002698 .slick-next{ margin-left: 45%;} .Floor002698 .slick-prev::before{transform:rotate(-135deg);border-color:#fff;margin-left: -4px;} @media(min-width:1201px) and (max-width:1440px){ .Floor002698 .auto{background-size:50% 790px; min-height:790px;} } @media(min-width:1025px) and (max-width:1200px){ .Floor002698 .auto{background-size:50% 730px; min-height:730px;} } @media(max-width:1024px){ .Floor002698 .auto{ background-size:50% 100%; min-height:inherit;} } @media(max-width:480px){ .Floor002698::after{ width:100%; left:0; bottom:-20%;} .Floor002698 .auto{ background:none;} .Floor002698 .top{ padding:0;} /*.Floor002698 .list{ width:auto !important;}*/ .Floor002698 .listbox { overflow: hidden;} .Floor002698 .list .slider{ padding-left:0;} .Floor002698 .title{ padding:3%; text-align: center;} .Floor002698 .title h5 { font-size: 26px;} .Floor002698 .title h1 { font-size: 24px; line-height: 45px;} .Floor002698 .top dl dd { font-size: 16px;margin:0 10px;} .Floor002698 .top dl dd:hover a, .Floor002698 .top dl dd.on a { color: #fff;} .Floor002698 .btn .slick-next { margin-left: 34.4%;} .Floor002698 .slick-prev { left: 4%;} .Floor002698 .slick-next { margin-left: 0; left: auto; right: 4%;} .Floor002698 .top dl li {font-size: 16px;margin:0 10px;} .Floor002698 .top dl li:hover a, .Floor002698 .top dl li.slick-active a {color:#fff;} } /* .新闻 */ .Floor002722{padding: 5% 0 2%;} .Floor002722 .hometitBox .t-1{ color:rgba(12,56,99,0.12);} .Floor002722 .auto{width:96%; max-width:1440px;} /*slick Basic*/ .Floor002722 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002722 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002722 .slick-list:focus {outline: none} .Floor002722 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002722 .slick-slider .slick-track, .Floor002722 .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)} .Floor002722 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002722 .slick-track:before, .Floor002722 .slick-track:after{display: table; content: '';} .Floor002722 .slick-track:after{ clear: both;} .Floor002722 .slick-loading .slick-track { visibility: hidden;} .Floor002722 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002722 .slick-slide .slick-loading img { display: none;} .Floor002722 .slick-slide .dragging img { pointer-events: none;} .Floor002722 .slick-initialized .slick-slide { display: block;} .Floor002722 .slick-loading .slick-slide { visibility: hidden;} .Floor002722 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002722 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ /*.Floor002722 .news-top{ background:url(../images/Floor002722_bg.jpg) no-repeat center top; background-size:cover; padding-top:2%; border-radius:50px 0;}*/ .Floor002722 .news-top .auto{ background:#fff;} .Floor002722 .news-top li.slick-slide{ position:relative;} .Floor002722 .news-top li.slick-slide .Ispic:after{ opacity:0.6; content:''; position:absolute; left:0; width:100%; height:60%; bottom:0; z-index:1;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 64%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 64%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .Floor002722 .news-top li.slick-slide .Ispic aside{position:absolute;left:5%;right:20%;bottom: 30px;color:#fff;font-size:24px;z-index:4;} .Floor002722 .news-top li.slick-slide .inner{background: url(../images/Floor002722_txtbg.png) no-repeat right bottom;background-size: 50% auto;} .Floor002722 .news-top li.slick-slide time{font-family:'DINmedi'; color:#999; font-size:20px;} .Floor002722 .news-top li.slick-slide time span{ color:#333; font-size:32px; display: inline-block;} .Floor002722 .news-top li.slick-slide time span:after{content: '';display: inline-block;margin: 0 7px;background: #aaa;height: 24px;width: 2px;transform: rotate(15deg);} .Floor002722 .news-top li.slick-slide h1{margin:1em 0;font-size:24px;line-height:1.45em;font-weight: normal;} .Floor002722 .news-top li:hover h1 a{ color:#0074e5;} .Floor002722 li.slick-slide p{color: #666;margin: 0;overflow: hidden;height: 48px;line-height: 24px;padding: 0;} .Floor002722 .news-top li.slick-slide p{ line-height:1.715em; } .Floor002722 .news-top li.slick-slide .more{background: url(../images/Floor002722_more.png) no-repeat right center;width: 92px;line-height: 24px;padding: 0;border: none;text-align: left;margin-top: 10%;} .Floor002722 .news-top li.slick-slide:hover .more{ background:url(../images/Floor002722_more_hover.png) no-repeat right center;} .Floor002722 .news-top li.slick-slide:hover .more a{color: #0074e5;} .Floor002722 .news-top .slick-dots li{ cursor:pointer;display:inline-block; width:14px; height:14px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; margin-right:12px;} .Floor002722 .news-top .slick-dots li button{ display:none;} .Floor002722 .news-top .slick-dots li.slick-active{border-color: #fff;border-width:2px;} @media(max-width:1200px){ .Floor002722 .news-top{border-radius: 20px 0;} .Floor002722 .news-top .auto{ padding:0; width:96%; } } @media(min-width:769px){ .Floor002722 .news-top li.slick-slide .Ispic{ position:absolute; left:0; top:0; height:100%; width:61.584%;} .Floor002722 .news-top li.slick-slide .txt{ padding-left:61.584%;} .Floor002722 .news-top li.slick-slide .inner{padding: 8% 8.68% 10%;} .Floor002722 .news-top .slick-dots{z-index:10;position:absolute;left:0;text-align:right;bottom: 30px;width:60%;} } @media(min-width:1441px){ .Floor002722 .news-top li.slick-slide .inner{padding: 10% 8.68% 10%;} } @media(max-width:768px){ .Floor002722 .news-top li.slick-slide .Ispic{ position:relative; padding-bottom:56%; display:block;} .Floor002722 .news-top li.slick-slide .inner{ padding:3%; } /*.Floor002722 .news-top li.slick-slide .more{ padding-top:5%;}*/ .Floor002722 .news-top .slick-dots{ text-align:center; padding:10px 0;} .Floor002722 .news-top .slick-dots li{ border-color:#ccc;} .Floor002722 .news-top .slick-dots li.slick-active {border-color: #0555ae;} } @media(max-width:640px){ .Floor002722 .news-top li.slick-slide .Ispic aside{ right:5%; font-size: 16px;} .Floor002722 .news-top li.slick-slide h1{ font-size:18px;} .Floor002722 .news-top {border-radius: 10px 0;} } .Floor002722 .list .slick-slider { padding-right: 4%; } .Floor002722 .list .slick-slider::after { position: absolute; width: 1px; height: 100%; background: rgb(222, 222, 222); right: 7.66%; top: 0px; z-index: 10; } .Floor002722 .list .slick-arrow { font-size: 0px; background: none; z-index: 10; border-top: none; border-right: none; border-bottom: none; border-image: initial; border-left: 0px; position: absolute; right: 0px; width: 4%; height: 50%; padding: 0px; cursor: pointer; } .Floor002722 .list .slick-arrow::before {position: absolute;content: "";width: 20px;height: 20px;border-right: 2px solid rgb(153, 153, 153);border-top: 2px solid rgb(153, 153, 153);transform: rotate(45deg);top: 50%;left: 50%;margin: -12px 0px 0px -10px;} .Floor002722 .list .slick-arrow:hover::before { border-color: rgb(0, 116, 229); } .Floor002722 .list .slick-prev { top: 0px; border-bottom: 0px; } .Floor002722 .list .slick-prev::before { transform: rotate(-135deg); } .Floor002722 .list .slick-next { bottom: 0px; } .Floor002722 .list .slick-next::before { margin-left: -19px; } .Floor002722 .list { margin-top: 10px; } .Floor002722 .list li { border-left: 0px; } .Floor002722 .list li time { display: block; line-height: 24px; color: rgb(102, 102, 102); margin: 12px 0px 0px; } .Floor002722 .list li a { display: block; padding: 30px 0px 20px 0px; margin-right: 30px; border-bottom:1px #e6e6e6 solid; position: relative; } .Floor002722 .list li a::before { position: absolute; content: ""; left: 0px; width:0%; height: 2px; background: #0074e5; bottom: 0px; transition: all 0.5s ease 0s; } .Floor002722 .list li:hover a::before{ width: 100%;} .Floor002722 .list li h2 { font-weight: normal; margin: 0px; font-size: 18px; line-height: 1.555em; min-height: 3.11em; } .Floor002722 .list li p { margin: 20px 0px 0px; } .Floor002722 .list li a:hover h2 { color: rgb(0, 116, 229); } @media (max-width: 640px) { .Floor002722 .list li a { padding: 5% 3%; } .Floor002722 .list .slick-slider { padding-right: 50px; } .Floor002722 .list .slick-arrow { width: 50px; } .Floor002722 .list .slick-slider::after { right: 50px; } .Floor002722 .list li h2 { font-size: 16px; } } /*end*/ /* .合作伙伴 */ .Floor002358 { position: relative} .Floor002358 .lizi-canvas{position: absolute; left: 0; bottom: 0; width:100%; height: 70%; z-index: 1;} .Floor002358 .auto{ position:relative; width: 96%; max-width: 1400px; z-index: 2;} .Floor002358 .title{ margin-bottom:3%; font-size:28px; text-align: center; color: #fff;} .Floor002358 .list{ width:100%; position: relative;} .Floor002358 .bd ul{margin: 0;padding: 0 8px;} .Floor002358 .bd li{width: 100%;margin: 0 0 16px;transition:.5s;display: block;} .Floor002358 .bd li a{ overflow: hidden; display: block;} .Floor002358 .bd li a img{ transition:all 0.3s; } .Floor002358 .bd li:hover img{transition:all 0.3s; transform: scale(1.05);} .Floor002358 .bd li a .Ispic {padding-bottom: 33.4%; transition:all 0.3s} .Floor002358 .bd li:hover a .Ispic {/*padding-bottom: 40%;*/ transition:all 0.3s;transform: scale(1.05);} .Floor002358 .list .iconfont{position: absolute;top: 50%;display: inline-block;width: 30px;height: 30px;transform: rotate(45deg);border-left:4px solid;border-bottom:4px solid;border-color: #fff; border-radius:2px; margin-top: -25px;} .Floor002358 .list .iconfont.next{transform: rotate(-135deg);border-radius: 1.5px;} .Floor002358 .list .iconfont:before{display: none;} .Floor002358 .list .prev{ left: -30px;} .Floor002358 .list .next{ right: -30px;} @media only screen and (min-width:1024px ) { .Floor002358 .title{ font-size:40px;} } @media only screen and (max-width:1360px ) { .Floor002358 .list{ padding: 0 50px;overflow:hidden;} .Floor002358 .list .iconfont{ font-size: 32px; width: 32px; height: 32px; margin-top: -16px;} .Floor002358 .list .prev{ left: 0;} .Floor002358 .list .next{ right: 0;} } @media only screen and (max-width:767px ) { .Floor002358 .title{ padding-bottom: 20px;} .Floor002358 .list{ padding: 0 15px 0 0;} .Floor002358 .list .iconfont{ display: none;} .Floor002358 .title{ font-size: 24px;} .Floor002358 .title:after{ margin-top: 20px;} } /*end */ /*底部 */ #footer, .Bottom002887{background: #001326;} .Bottom002887, .Bottom002887 a{color:rgba(255,255,255,0.4);} .Bottom002887 a:hover{color: #fff; } .Bottom002887 .auto{max-width: 1400px; width:96%; overflow: hidden;} .Bottom002887 .b_nav .tit a{ color:#fff;} .Bottom002887 .copyright{padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.1);line-height: 30px; color:rgba(255,255,255,0.4);} .Bottom002887 .copyright .fr{overflow: hidden;} .Bottom002887 .copyright .fr a{display: inline-block;color:rgba(255,255,255,0.4);} .Bottom002887 .copyright .fr a:hover{ color:#fff;} .Bottom002887 .copyright .fr a:not(:last-child):after{margin: 0 20px;content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle;background: rgba(255,255,255,0.2);} .Bottom002887 .b_link{/*border-top: 1px solid rgba(255,255,255,0.1);*/padding:0px 0 15px;line-height: 24px;position: relative;padding-left:75px;} .Bottom002887 .b_link span{position: absolute;left: 0;top: 0;} .Bottom002887 .b_link a{display: inline-block; position:relative;} .Bottom002887 .b_link a:after{ content:''; display:inline-block; background:#fff; opacity:0.4; height:12px; width:1px; margin:0 14px; position:relative; top:2px;} .Bottom002887 .b_link a:hover:after{ opacity:0.4;} .Bottom002887 .b_link a:last-child:after{ display:none;} .Bottom002887 .code{margin: 0 !important;} .Bottom002887 .code li{float: left;width: 46%;text-align: center;} .Bottom002887 .code li:nth-child(2n){float: right;} .Bottom002887 .code li aside{color: rgba(255,255,255,0.4);margin-top: 10px;} .Bottom002887 .code li img{border-radius: 4px; display: block; width: 100%;} .Bottom002887 .b_nav{padding:4% 0 6%;} .Bottom002887 .b_nav .tit{font-size: 18px;} .Bottom002887 .b_nav nav dd{line-height: 24px;padding: 4px 0;} .Bottom002887 .b_nav nav dd a{color: rgba(255,255,255,0.4);} .Bottom002887 .b_nav nav dd a:hover{color: #fff;} .Bottom002887 .contact p {background: url(../images/tel.png) no-repeat right top 8px / 24px;margin:0;padding: 8px 32px 8px 0;margin-bottom:3px;text-align: right;} .Bottom002887 .contact .tit{ text-align: right;} .Bottom002887 .contact .call span{font-size:24px; margin-left:2px;display: inline-block;font-family:'DINmedi';color: #0074e5;} .Bottom002887 .contact .email{background: url(../images/email.png) no-repeat right top 8px / 24px;} .Bottom002887 .contact .address{background: url(../images/address.png) no-repeat right center;} .Bottom002887 .contact dl { text-align: right;} .Bottom002887 .contact dl a{ display:inline-block; margin-left: 15px; margin-bottom:5px;} .Bottom002887 .contact dl a:first-child{ margin-left: 0;} .Bottom002887 .contact dl a img{ max-width:42px; opacity: .6} .Bottom002887 .contact dl a:hover img{opacity: 1} @media(min-width:641px){ .Bottom002887 .b_nav nav .item{float: left; } .Bottom002887 .b_nav nav .code{width: 21%;} .Bottom002887 .b_nav .tit{padding-bottom: 24px; } .Bottom002887 .b_nav nav .item dl{display: block!important;} } @media(min-width:1025px){ .Bottom002887 .b_link > div{max-width: 48%;} .Bottom002887 .code{width: 44%;} .Bottom002887 .b_nav nav{width: 68%;} .Bottom002887 .contact{width: 30%;} } @media(max-width:1024px){ .Bottom002887 .contact, .Bottom002887 .code .tit{text-align: center;} .Bottom002887 .contact{padding: 20px 0;} } @media(max-width:640px){ .Bottom002887 .b_nav nav .item{margin: 0!important;border-bottom: 1px solid rgba(255,255,255,0.1); display: none;} .Bottom002887 .b_nav nav .item.code{display: block; padding-bottom: 8%;} .Bottom002887 .b_nav nav .item dl{display: none; padding-bottom: 20px;} .Bottom002887 .b_nav .tit{padding: 20px 0; text-align: center; } .Bottom002887 .contact dl{ text-align: center;} .Bottom002887 .b_nav nav .tit{position: relative;z-index: 1;} .Bottom002887 .b_nav nav .tit i{position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -8px;transition: 0.3s;} .Bottom002887 .b_nav nav .tit i.on{transform: rotate(45deg);} .Bottom002887 .b_nav nav .tit i:before, .Bottom002887 .b_nav nav .tit i:after{position: absolute; content: ''; left: 50%; top: 50%;transform: translate(-50%,-50%);background: #fff;} .Bottom002887 .b_nav nav .tit i:before{width: 50%; height: 2px;} .Bottom002887 .b_nav nav .tit i:after{width: 2px; height: 50%;} .Bottom002887 .b_nav nav dd{padding: 5px 0;} .Bottom002887 .code{max-width: 100%;} .Bottom002887 .code li img{width: 80%; margin: 0 auto;} .Bottom002887 .contact p { padding-left: 32px; padding-right: 0;text-align:left;background-position:left;} .Bottom002887 .contact .address {background-position:left} } /*end*/ .Floor002650 .active .Floor002706 li { -webkit-animation-name:bounceInRight; animation-name:bounceInRight; } @media(max-width:1200px){ .Floor002650 #fullpage, .Floor002650 .fp-table, .Floor002650 .fp-tableCell{height: auto!important;} } .w1400{ max-width: 1400px; margin: 0 auto; width: 96%;} /*Banner002145 */ .Banner002145 div{ background-repeat:no-repeat; height:650px; background-position:center top; background-size: cover;} .Banner002145 img{ display:none;} @media(max-width:1024px){ .Banner002145 div{ display:none;} .Banner002145 img{ display:block; width:100%;} } /*Menu002387*/ .Menu002387{ background: #f3f3fa;/*box-shadow: 0 0 20px rgba(51,51,51,.3);width: 100%;z-index: 999;*/} .Menu002387 .Current em{float: right;font-style: normal; padding:28px 0;max-width: 100%} .Menu002387 .Current, .Menu002387 .Current a{color: #666;} .Menu002387 .Current a:hover{color: #0094de;} .Menu002387 .Current a:not(:last-child):after{display: inline-block;width: 5px;height: 5px;vertical-align: middle;background: #e5e5e5;content: '';margin: 0 12px;} .Menu002387 #side-menu .owl-item{float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;} .Menu002387 #side-menu{ position:relative;} .Menu002387 #side-menu li{line-height:24px;float: left; margin-right: 20px;} .Menu002387 #side-menu li a{font-size: 16px;color: #333;display: block;transition: 0.3s;padding: 28px 25px;} .Menu002387 #side-menu li.aon a, .Menu002387 #side-menu li a:hover{color: #fff;background: #0074e5;} .Menu002387 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#85c226; color:#fff; cursor:pointer; padding:0;} .Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002387 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002387 #side-menu .disabled{ display:none;} @media(min-width:1025px){ .Menu002387 .Current{float: right;width: 20%;} .Menu002387 #side-menu{float: left;width: 80%;} } @media(max-width:768px) { .Menu002387 .Current em {padding:18px 0;} .Menu002387 #side-menu li { width: 100%;margin-right: 0;} .Menu002387 #side-menu li a {display: block;padding:2px 0; text-align: center; line-height: 38px; font-size: 15px;} } /*Floor002827 */ /*PicList002220*/ .PicList002220{ padding:3% 0 2%;} .PicList002220 .title{padding-bottom: 2.11vw;color: #333;font-size: 100px;padding-top: 1.5%;} .PicList002220 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .PicList002220 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .PicList002220 .title{font-size: 80px;} .PicList002220 .title .cn { font-size: 24px;} .PicList002220 .title .en { font-size: 18px;} } @media(max-width:480px){ .PicList002220 .title{font-size: 60px;} } .PicList002220 .ListAll:last-child{ border-bottom:none;padding-bottom: 0%; } .PicList002220 .ListAll ul{position:relative;/* overflow:hidden; */} .PicList002220 .ListAll li{float:left;width: 23.5%;margin: 15px 2% 25px 0;box-shadow: 0 0 25px rgba(0,0,0,0.15);-o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;padding: 2% 0 2%;} .PicList002220 .ListAll li figure{ padding-bottom: 90%; background-size: contain; background-position: center; background-repeat: no-repeat;} .PicList002220 .ListAll li:nth-child(4n){ margin-right:0;} .PicList002220 .ListAll .txt{ margin: 15px 0 0;} .PicList002220 .ListAll h4{margin:0;text-align:center;font-size:20px;padding: 0 0 5px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;font-weight: normal; color:#333; } .PicList002220 .ListAll p{ color: #666; line-height: 24px; text-align: center; margin-top: 5px; font-size: 16px; display: block;margin-bottom: 0;} .PicList002220 .ListAll li .pic{ overflow: hidden; padding: 4% 0;} .PicList002220 .ListAll li .pic{-o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;} .PicList002220 .ListAll li:hover .pic figure{-o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .PicList002220 .ListAll li:hover{ -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px);-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;} .PicList002220 .ListAll li:hover h4{color: #0074e5} .PicList002220 .ListAll .btns{padding-top: 45px;} .SolutionF4 .List .btns .btn{width: 136px;line-height: 45px;font-size: 16px; } .PicList002220 .ListAll .btns .btn{display: block; margin: 0 auto 3%; width:120px;line-height: 35px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #0074e5; color: #fff;text-align: center; } @media(min-width:1024px){ .PicList002220 .ListAll .btns .btn{width: 136px;line-height: 45px;font-size: 16px;transition: .3s; } .PicList002220 .ListAll .btns .btn:hover{width: 150px; } } @media(max-width:767px){ .PicList002220 .ListAll li{ width:31.33334%} .PicList002220 .List .tit{ font-size:16px;} .PicList002220 .Ptit span{ font-size:20px;} } @media(max-width:480px){ .PicList002220 .ListAll { padding-top: 5%;} .PicList002220 .ListAll li{ width:48%; margin:0 4% 4% 0;} .PicList002220 .ListAll li:nth-child(2n){ margin-right: 0;} .PicList002220 .List ul{ width:100%; float:none !important;} .PicList002220 .List ul:first-child li{ margin-bottom:3.3%;} .PicList002220 .ListAll h4 { font-size: 16px; padding-bottom: 0;} .PicList002220 .ListAll p { font-size: 15px;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 60px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#0074e5;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } /*RighInfo002857 */ @font-face { font-family: "DINBold"; src: url(http://www.qigonggate.com/cn/fonts/DINBold.woff2) format("woff2"), url(http://www.qigonggate.com/cn/fonts/DINBold.woff) format("woff"), url(http://www.qigonggate.com/cn/fonts/DINBold.ttf) format("truetype"), url(http://www.qigonggate.com/cn/fonts/DINBold.eot) format("embedded-opentype"), url(http://www.qigonggate.com/cn/fonts/DINBold.svg) format("svg"); font-weight: normal; font-style: normal; font-display:swap; } .RighInfo002857{padding: 4% 0 5%;} .RighInfo002857 .title{padding-bottom: 3.11vw;color: #333;font-size: 100px;} .RighInfo002857 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .RighInfo002857 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .RighInfo002857 .title{font-size: 80px;} } @media(max-width:480px){ .RighInfo002857 .title{font-size: 60px;} } .RighInfo002857 .edit-css{ float:left; width:50%;} .RighInfo002857 .pic{ float:right; width:50%;} .RighInfo002857 .edit-css .tit{font-size: 24px;color: #ea5432;padding-bottom:4vw;} .RighInfo002857 .edit-css li{margin-bottom:8%;color: #999;} .RighInfo002857 .edit-css li .icon{margin-bottom: 5px;font-size: 20px;color: #333;} .RighInfo002857 .edit-css li .icon .icon_1 {margin-right: 12px;} .RighInfo002857 .edit-css li aside{font-size: 16px;margin-top: 10px;color: #999;} @media(min-width:641px){ .RighInfo002857 .edit-css li{/*float: left;width: 32%; */padding-left: 22px; border-left:5px solid #f8f8f8;} /*.RighInfo002857 .edit-css li:not(:nth-child(3n)){margin-right: 2%;} .RighInfo002857 .edit-css li:nth-child(3n+1){clear: left;}*/ } @media(max-width:640px){ .RighInfo002857 { padding-top: 5%;} .RighInfo002857 .edit-css { float: none; width: 100%;} .RighInfo002857 .pic { float: right; width: 100%;} .RighInfo002857 .edit-css .tit{font-size: 20px;} .RighInfo002857 .title .cn{ font-size: 24px;} .RighInfo002857 .title .en{ font-size: 18px;} } @media(max-width:480px){ .RighInfo002857 .edit-css .tit{font-size:18px;} .RighInfo002857 .edit-css li{ padding: 22px; border-bottom:5px solid #f8f8f8;} } /*Floor002884 */ @font-face { font-family: 'SourceHanSansCN-Bold'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/SourceHanSansCN/Bold.woff") format("woff"); font-display: swap; } @font-face { font-family: 'SourceHanSansCN-Regular'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/SourceHanSansCN/Regular.woff") format("woff"); font-display: swap; } .Floor002884{background-color: #fafafd;padding: 3.85vw 0 4.11vw 0;font-family: 'SourceHanSansCN-Regular';} .Floor002884 .title{padding-bottom: 3.11vw;color: #333;font-size: 100px;} .Floor002884 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .Floor002884 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .Floor002884 .title{font-size: 80px;} .Floor002884 .title .cn{font-size: 24px;} .Floor002884 .title .en{ font-size: 18px;} } @media(max-width:480px){ .Floor002884 .title{font-size: 60px;} } @media(min-width:1201px){ .Floor002884 .left{float: left; width: 32.5%;} .Floor002884 .right{float: right; width: 66.875%;} } .Floor002884 .left .infoScrollbar{max-height: 648px;} .Floor002884 .left .infoScrollbar .mCSB_scrollTools{width: 2px;} .Floor002884 .left .infoScrollbar .mCSB_scrollTools .mCSB_draggerRail{background:#f6fbff;} .Floor002884 .left .infoScrollbar .mCSB_outside + .mCSB_scrollTools{right:-3px;} .Floor002884 .list-web:not(:last-child){padding-bottom: 2vw;} .Floor002884 .list-web .name{line-height: 2em;font-size: 24px;color: #0074e5; padding-left: 28px;background: url(../images/Floor002884_cur.png) no-repeat left center;} .Floor002884 .list-web li{height: 200px;position: relative;font-size: 16px;color: #333;padding-right: 5%;} .Floor002884 .list-web li .ytable{height: 100%;position: relative; z-index: 5;} .Floor002884 .list-web li .bg-img{position: absolute; top: 0; width: 100%;right: 0; height: 100%;border-radius:0 4px 4px 0; z-index: 1;opacity: 0; transition: 0.3s; overflow: hidden;} .Floor002884 .list-web li .bg-img:before{position: absolute; content: ''; left: 0; top: 0; width: 100%;opacity: 0.9; height: 100%;-webkit-opacity:0.9; background: rgb(255,165,78); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,165,78,1) 0%, rgba(234,91,2,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,165,78,1) 0%,rgba(234,91,2,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(109,194,248,1) 0%,rgba(0,116,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa54e', endColorstr='#ea5b02',GradientType=1 ); /* IE6-9 */} .Floor002884 .list-web li.hover .bg-img{opacity: 1;-webkit-opacity: 1;} .Floor002884 .list-web li.hover{color: #fff;} .Floor002884 .list-web li .tit{margin-bottom: 1.2vw;} .Floor002884 .list-web li.hover .tit{font-size: 24px;font-family: 'SourceHanSansCN-Bold';} .Floor002884 .list-web li dd{position: relative;padding-left: 60px;line-height: 1.5em;} .Floor002884 .list-web li:not(.hover) dd{opacity: 0.5;-webkit-opacity: 0.5;} .Floor002884 .list-web li dd span{position: absolute; left: 0; top: 0;} .Floor002884 .map{max-width: 980px; margin: 0 auto;position: relative; width: 96%;} .Floor002884 .map dl{position:absolute; width: 0.816%;height: 1.03%; z-index: 10;} .Floor002884 .map dd{position: absolute;opacity: 0;-webikt-opacity: 0; width: 100px;padding-top: 15px;} .Floor002884 .map dt{height: 100%;position: absolute;left: 0; top: 0;width: 100%;border-radius: 50%; background: #6dc2f8; } .Floor002884 .map .can-click{cursor: pointer; z-index: 12;} .Floor002884 .map .can-click dt{background: #0074e5;} .Floor002884 .map .can-click dt:before, .Floor002884 .map dt:after{position: absolute; content: '';border-radius: 50%; } .Floor002884 .map .can-click dt:before{background: rgba(0,116,229,0.2);z-index: 3; width:237.5%; height: 237.5%; left: -68.75%; top: -68.75%;} .Floor002884 .map dt:after{background: rgba(109,194,248,0.15); width: 462.5%;height: 462.5%; left: -181.25%;top: -181.25%;} .Floor002884 .map .can-click dt:after{background: rgba(0,116,229,0.1); animation: test 1s linear infinite;} .Floor002884 .map .can-click dd{opacity: 1;-webikt-opacity: 1;color: #0074e5;} .Floor002884 .map dd{left: 50%; margin-left: -50px; text-align: center;} .Floor002884 .map .cur i{position: absolute;background: url(../images/Floor002884_cur2.png) no-repeat; width:20px; height: 24px;margin-left: -10px; left: 50%; bottom: 100%;} .Floor002884 .map .cur dt:before, .Floor002884 .map .cur dt:after{display: none;} @keyframes test{ 0%{opacity:0;transform:scale(0);} 40%{opacity:0.5;transform:scale(0.5);} 60%{opacity:1;transform:scale(1.5);} 100%{opacity:0;transform:scale(2);} } .Floor002884 dl.beijing{bottom:57.372%;right:30%;} .Floor002884 dl.shenzhenzongbu{bottom:10.425%;right:31.225%;} .Floor002884 dl.guangdong{bottom:17%;right:33.878%;} .Floor002884 dl.hainan{bottom:1.802%;right:40.307%;} .Floor002884 dl.fujian{bottom:19.177%;right:27.041%;} .Floor002884 dl.zhejiang{bottom:24.325%;right:23.368%;} .Floor002884 dl.jiangxi{bottom:24.325%;right:30%;} .Floor002884 dl.hunan{bottom:24.325%;right:36.429%;} .Floor002884 dl.guizhou{bottom:22.652%;right:43.062%;} .Floor002884 dl.yunnan{bottom:17.504%;right:50.817%;} .Floor002884 dl.shanghai{bottom:31.146%;right:20.715%;} .Floor002884 dl.anhui{bottom:31.146%;right:28.674%;} .Floor002884 dl.sichuan{bottom:31.146%;right:50.817%;} .Floor002884 dl.jiangsu{bottom:34.621%;right:24.694%;} .Floor002884 dl.xizang{bottom:34.621%;right:78.164%;} .Floor002884 dl.henan{bottom:36.551%;right:36.633%;} .Floor002884 dl.gansu{bottom:41.7%;right:52.245%;} .Floor002884 dl.shanxi{bottom:43.372%;right:44.388%;} .Floor002884 dl.shandong{bottom:45.046%;right:26.021%;} .Floor002884 dl.qinghai{bottom:45.046%;right:62.655%;} .Floor002884 dl.shangxi{bottom:46.976%;right:39.286%;} .Floor002884 dl.hebei{bottom:48.52%;right:33.98%;} .Floor002884 dl.ningxia{bottom:50.451%;right:52.143%;} .Floor002884 dl.tianjin{bottom:54.312%;right:27.556%;} .Floor002884 dl.liaoning{bottom:60.618%;right:17.143%;} .Floor002884 dl.neimenggu{bottom:60.618%;right:36.531%;} .Floor002884 dl.wulumuqi{bottom:60.618%;right:74.388%;} .Floor002884 dl.jilin{bottom:67.697%;right:13.164%;} .Floor002884 dl.heilongjiang{bottom:76.32%;right:9.388%;} .Floor002884 dl.hubei{bottom:34.621%;right:33.878%;} .Floor002884 dl.guangxi{bottom:13%; right:40.878%;} .Floor002884 dl.chongqing{bottom:29.652%;right:43.062%;} .Floor002884 dl.xizang dt:after{width: 1750%;height: 1750%;left: -825%;top: -825%;} .Floor002884 dl.heilongjiang dt:after, .Floor002884 dl.qinghai dt:after, .Floor002884 dl.wulumuqi dt:after{width: 1450%;height: 1450%;left: -675%;top: -675%;} .Floor002884 dl.shandong dt:after, .Floor002884 dl.liaoning dt:after, .Floor002884 dl.neimenggu dt:after, .Floor002884 dl.sichuan dt:after{width: 1000%;height: 1000%;left: -450%;top: -450%;} .Floor002884 dl.yunnan dt:after, .Floor002884 dl.guizhou dt:after{width: 900%;height: 900%;left: -400%;top: -400%;} .Floor002884 dl.zhejiang dt:after, .Floor002884 dl.shangxi dt:after{width: 750%;height: 750%;left: -325%;top: -325%;} @media(max-width:480px){ .Floor002884 .list-web .name, .Floor002884 .list-web li.hover .tit{font-size: 4vw;} .Floor002884 .list-web li{font-size: 4vw; height: 30vw; padding-left: 5% !important;} .Floor002884 .list-web .name { padding: 2% 0 2% 28px;} .Floor002884 .left .infoScrollbar{max-height: 100vw;} .Floor002884 .right { overflow-x: auto;} .Floor002884 .map { width: 600px;} .Floor002884 .map dd{font-size: 2vw;padding-top: 1vw;} .Floor002884 dl.guangdong {bottom:78px;} } /* .Timeline000618 为demo编号 */ .Timeline000618{ padding:4% 0 6%;} .Timeline000618 .title{padding-bottom: 2.11vw;color: #333;font-size: 100px;} .Timeline000618 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .Timeline000618 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .Timeline000618 .title{font-size: 80px;} .Timeline000618 .title .cn{ font-size: 24px;} .Timeline000618 .title .en{ font-size: 18px;} } @media(max-width:480px){ .Timeline000618 .title{font-size: 60px;} } .Timeline000618 .word{ font-size:16px; margin-bottom:4%} .Timeline000618 .word img{margin-top:2%} .Timeline000618 .year{position: relative; z-index: 1;} .Timeline000618 .year li {width: 100%;position: relative;line-height: 50px;text-align: center; cursor:pointer;background: url(../images/Timeline000618-yearbg.png) no-repeat center top 10px; background-size:contain; font-size:20px; padding-top: 40px;font-family: 'DINmedi';} .Timeline000618 .year li.slick-current{ color:#0074e5;} .Timeline000618 .year li:after{ position: absolute;left: 50%;top:4px;width: 11px;height: 11px;content: '';background: #fff;border: 3px solid #d6d6d6;border-radius: 50%;z-index: 3;margin-left: -6px;} .Timeline000618 .year li.slick-current:after{ border-color:#0074e5;} .Timeline000618 .btn .slick-arrow{position:absolute;top:-15px;width: 40px;height: 40px;cursor:pointer;background-color: #bbb;border-radius: 50px;z-index:10;font-size: 0;} .Timeline000618 .btn .slick-prev{ left:0;} .Timeline000618 .btn .slick-next{ right:0;} .Timeline000618 .btn .slick-next:hover, .Timeline000618 .btn .slick-prev:hover{ background-color:#0074e5;} .Timeline000618 .btn .slick-prev:before, .Timeline000618 .btn .slick-next:before{ position:absolute; content: ''; width: 12px; height: 12px; border-left: 4px solid #fff;border-top: 4px solid #fff; left: 50%; top: 50%; margin: -6px 0 0 -8px;transform: rotate(135deg);} .Timeline000618 .btn .slick-prev:before{transform: rotate(-45deg);margin-left: -3px;} .Timeline000618 .list{ padding-right:30%; position:relative; padding-top:1%;} .Timeline000618 .list:before{ background:url(../images/Timeline000618-bg.png) no-repeat right bottom; width:30%; height:100%; position:absolute; content:''; right:0; bottom:0; background-size:contain;} .Timeline000618 .box dl{ padding: 2% 0; border-bottom: 1px solid #eee;} .Timeline000618 .box dl dt{ font-size:24px; color:#6f9bc7;font-family: 'DINmedi'; } .Timeline000618 .box dl dd{ padding:1% 0; font-size:16px;} @media(max-width:640px){ .Timeline000618 .box dl dt{ font-size:16px; padding-bottom:10px;} .Timeline000618 .box dl dd{ font-size:12px;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:5% 0;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#0074e5; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:16px; line-height:2; padding-top:2%;} .RighInfo002228 .single-content p{ font-size: 16px;line-height: 30px;margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} .RighInfo002228 .single-content p { font-size: 14px;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:49%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f2f2f2; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /*PicList002938 */ .PicList002938{padding: 3% 0 1%;} .PicList002938 ul{padding: 1.93vw; background: #f5f5f5;margin-bottom: 2%;} .PicList002938 li .inner{padding-left: 33px;font-size: 16px; } .PicList002938 li time{color: #6f9cc8;font-family: 'DINmedi';} .PicList002938 li time a{float: right;color: #fff;padding: 5px 26px;font-size: 14px;background: #0074e5;border-radius: 50px;} .PicList002938 li p{color: #b3b3b3;line-height: 1.625em; height: 3.25em;font-size: 14px; margin-top: 10px;} .PicList002938 li aside{font-size: 17px;font-weight:bold;} .PicList002938 li aside a{color: #444;} .PicList002938 li aside a:hover{color: #0074e5;} @media(min-width:481px){ .PicList002938 ol{width: 250px;} } @media(max-width:640px){ .PicList002938 li .inner{padding-left: 3vw;font-size: 14px; } .PicList002938 li aside{font-size: 16px;} } @media(max-width:480px){ .PicList002938 .ytable, .PicList002938 .ytable-cell{display: block;} .PicList002938 ul{padding: 3vw 0;} .PicList002938 li .inner{padding: 3vw;} .PicList002938 ol { text-align: center;} .PicList002938 ol img {width: 92.3%;} } /* .RighInfo002254 为demo编号 */ .RighInfo002254{ padding:4% 0 1%;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:3px solid #f6f6f6;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #3c89d9;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #f2f2f2;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#0074e5; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ display:inline-block; padding:10px 5%; color:#fff; background-color:#0074e5;transition:0.4s;margin-right: 10px;} .RighInfo002254 .right_info a:hover{ background-color:#0074e5; color:#fff;} .RighInfo002254 .right_info a.tel{background: url(../images/tel.png) #0074e5 no-repeat 13px center/20px; padding-left: 40px; } .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:3px solid #0074e5; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f0f0f0; margin-right:10px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#0074e5; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .tab .info .pic{ text-align:center} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} .RighInfo002254 .evaluate h1{ margin:0; font-size:18px; color:#0074e5;} .RighInfo002254 .evaluate dd{ padding:2% 0; line-height:25px; color:#333;} .RighInfo002254 .evaluate .from{ padding:3% 0;} .RighInfo002254 .from .name{ width:81px; color:#999; vertical-align:top;} .RighInfo002254 .from textarea{ width:100%; border:1px solid #ebebeb; background:none; padding:10px; line-height:22px; height:130px; margin-bottom:20px;} .RighInfo002254 .from .btn{ color:#fff; background:#0074e5; width:81px; height:29px; cursor:pointer; border:none; padding:0;} @media(max-width:768px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo002254 .tab { padding-top: 6%;} .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%; line-height: 40px;} } /*PicList002953 */ .PicList002953{padding: 4% 0 1%;} .PicList002953 ul{margin: 0 -1%;} .PicList002953 li{float: left;width: 31.3333%;background: #fff; margin: 0 1%;margin-bottom: 2.332%;border-radius: 6px;box-shadow: 0 0 10px 2px #eee;} .PicList002953 li a{display: block;padding: 1.56vw;} .PicList002953 li aside.dot{font-size: 20px;line-height: 1em;border-left:3px solid #0074e5; margin: 30px 0;padding-left: 20px;color: #333;/*font-weight: bold;*/} .PicList002953 li a:hover aside.dot{color: #0074e5;} .PicList002953 li p{margin: 0;line-height: 1.625em;font-size:14px;color: #666;} .PicList002953 li .pic{overflow: hidden;border-radius: 5px;} .PicList002953 li .Ispic{padding-bottom: 66.077%; transition: 0.3s;} .PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002953 li .more_1{overflow: hidden;} .PicList002953 li .more_1 span{margin: 20px auto 0; display:block;width: 40px;height: 40px;border: solid 2px #0074e5; background: #0074e5;border-radius: 50%;position: relative; transition: 0.3s;} .PicList002953 li .more_1 span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;} .PicList002953 li a:hover .more_1 span{border-color: #0074e5;background: #0074e5;} .PicList002953 li a:hover .more_1 span:after{border-color: #fff;} @media(max-width:1024px){ .PicList002953 li a{padding: 4vw;} .PicList002953 li .txt{padding: 1vw 1vw 0;} } @media(max-width:640px){ .PicList002953 li { width: 48%;} .PicList002953 li a { padding:2vw;} .PicList002953 li aside.dot{font-size: 4vw; margin-bottom: 2vw;} .PicList002953 li p{font-size: 3.5vw;} .PicList002953 li .more_1{padding-top: 2vw;} .PicList002953 li .more_1 span{width: 26px;height: 26px; margin-top: 10px;} } .procon {padding: 4% 0;} .procon .title{padding-bottom: 3.11vw;color: #333;font-size: 100px;} .procon .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .procon .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} .procon .title p{font-size: 16px;color: #555; line-height: 32px;margin-top:6%} .procon .title .pp_cent{ text-align:center} @media(max-width:640px){ .procon .title{font-size: 80px;} .procon .title .cn{font-size: 24px;} .procon .title .en{font-size: 18px;} } @media(max-width:480px){ .procon .title{font-size: 60px;} } @media(min-width:1025px){ .cur-prod.fixed{position: fixed; top: 11%; z-index: 8;} } .cur-prod li{padding: 6px 11px;position: relative;font-size: 18px;} .cur-prod li a{ cursor: pointer;display: inline-block;padding: 10px 22px;} .cur-prod li.active a{color: #fff; border-radius: 4px;background: #0074e5;} .cur-prod li.active:before{background: #0074e5;border: 0;} @media(min-width:1025px){ .cur-prod li{border-left: 1px dashed #e5e5e5;} .cur-prod li:before{content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #e5e5e5; top: 50%; margin-top: -4px;background: #fff; left: -5px;} } @media(max-width:1024px){ .cur-prod{display: none;} } /*.cur-prod-box{padding-bottom: 10vw;}*/ .cur-prod-box .box{border-radius: 5px; background-color: #fff;box-shadow: 0 0 18px 2px rgba(0,0,0,0.06); margin-bottom: 36px;} .cur-prod-box .box dl{padding:4% 4% 5%; overflow: hidden;} .cur-prod-box .box dl .img{ text-align:center} .cur-prod-box .name{font-size: 20px; color: #0074e5;font-weight: bold;} .cur-prod-box .box dd{padding:2% 0 2%;} .cur-prod-box .box dd p{padding:5px 3% 5px 40px;background: url(../images/fp.png) no-repeat left center;line-height: 32px; font-size:16px} /*@media(min-width:769px){ .cur-prod-box .box dd{float: left; width: 32%;} .cur-prod-box .box dd:not(:nth-child(3n)){margin-right: 2%;} }*/ .prod-info-nav{ border: 1px solid #eee; border-radius: 5px; overflow: hidden;} .prod-info-nav ol{padding: 20px;background: #005ca2;color: #fff;font-size: 18px; font-weight: bold;} .prod-info-nav ul{padding: 0 10px;} .prod-info-nav li{padding: 10px 10px 10px 20px;background: url(../images/TextList002855_icon.png) no-repeat left 5px top 14px; } .prod-info-nav li a.aon{color: #005ca2;} @media(min-width:1025px){ .prod-info-nav ul{display: block!important;} } @media(max-width:1024px){ .prod-info-nav ul{display: none;} .prod-info-nav ol{position: relative; z-index: 10;overflow: hidden;} .prod-info-nav ol span{position: absolute;right: 0; top: 0; transition: 0.3s; width: 40px; height: 100%;} .prod-info-nav ol span.active{transform: rotate(45deg);} .prod-info-nav ol span:before, .prod-info-nav ol span:after{position: absolute; content: ''; background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);} .prod-info-nav ol span:before{width: 14px; height: 2px;} .prod-info-nav ol span:after{width: 2px; height: 14px;} } /*RighInfo002542 */ .RighInfo002542{ padding:4% 0 5%} .RighInfo002542 .intro p{ line-height:30px; font-size:16px; margin-bottom:2%} .RighInfo002542 .intro h1{padding: 5px 3% 5px 40px;background: url(../images/fp.png) no-repeat left center;color: #0074e5;} .RighInfo002542 .title{padding-bottom: 2.11vw;color: #333;font-size: 100px;} .RighInfo002542 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .RighInfo002542 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .RighInfo002542 .title{font-size: 80px;} .RighInfo002542 .title .cn { font-size: 24px;} .RighInfo002542 .title .en { font-size: 18px;} .RighInfo002542 .intro h1 { font-size: 20px;} } @media(max-width:480px){ .RighInfo002542 .title{font-size: 60px;} } .RighInfo002542 .info_main .info{ padding-top:3%;} .RighInfo002542 .info_list dl{ padding:2% 0;} @media(min-width:481px){ .RighInfo002542 .info_list dd{ float:left; width:31.5%; margin-right:2.75%;} .RighInfo002542 .info_list dd:nth-child(3n){ margin-right:0;} .RighInfo002542 .info_list dd:nth-child(3n+1){ clear:left;} } .RighInfo002542 .info_list dd img{ display:block; width:100%;} .RighInfo002542 .info_list dd p{ font-size:20px; color:#0074e5;margin: 4% 0 1%;padding: 5px 3% 5px 40px; background: url(../images/fp.png) no-repeat left center;} .RighInfo002542 .info_list dd p span{font-size: 14px;color: #ccc;margin-left: 2%;font-family: 'DINmedi';text-transform:uppercase;} .RighInfo002542 .info_list dd div{ line-height:26px;font-size: 16px;} @media(max-width:1360px){ .RighInfo002542 .info_list{ padding:0 2%;} } @media(max-width:1024px){ .RighInfo002542 .intro .Ispic{ padding-bottom:50%;} .RighInfo002542 .intro .info_main{ padding:5%;} } @media(max-width:640px){ .RighInfo002542 .title span{ font-size:40px;} .RighInfo002542 .title{ font-size:24px;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:4%;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; } .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block;transition:all ease-in-out 0.3s;border-radius: 20px;} .PicList000762 li h2{ margin:0; font-size: 18px; font-weight: normal; color: #888;text-align:center; padding:3% 2%;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:67%;border-radius: 10px;} .PicList000762 li a:hover{ background-color:#0074e5; } .PicList000762 li a:hover h2{color:#fff;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /*Floor001906*/ .Floor001906{/* background:url(../images/Floor001906-bg.jpg) no-repeat center top;*/ padding:4% 0 3% } .Floor001906 .title{padding-bottom: 3.11vw;color: #333;font-size: 100px;} .Floor001906 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .Floor001906 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .Floor001906 .title{font-size: 80px;} .Floor001906 .title .cn {font-size: 24px;} .Floor001906 .title .en {font-size: 18px;} } @media(max-width:480px){ .Floor001906 .title{font-size: 60px;} } .Floor001906 dl{ margin:0 -2%} .Floor001906 dl dd{ float:left; width:45%; margin:0 2%} .Floor001906 dl dd span{ display:block; text-align:center} .Floor001906 ul{max-width:100%; margin-top:4% } .Floor001906 li{ position:relative; padding-bottom:4%;padding-left:8%;} .Floor001906 li a{ display:block;} .Floor001906 li p{ padding-right:2%; margin-bottom:0; border-right:2px solid #484e5e; line-height:30px; font-size: 16px;overflow:hidden; opacity:0.8; color:#555;} .Floor001906 li .icon{ position:absolute; background:url(../images/Floor001906-icon_bg.png) no-repeat; width:70px; height:80px; left:0; top:0; margin-right:-35px;} /*.Floor001906 li:nth-child(1) .icon{ top:-50%;} .Floor001906 li:nth-child(2) .icon{ top:-25%;}*/ .Floor001906 li .icon img{width:70px; height:80px;} .Floor001906 li b{ font-size:20px; color:#0074e5;padding-bottom: 12px} .Floor001906 li a:hover p{ border-left-color:#a61d25;} @media(max-width:640px){ .Floor001906{ background-position: left top;} .Floor001906 .title{ padding-bottom:40px;} .Floor001906 .title, .Floor001906 ul{ max-width:none;} .Floor001906 li{ padding: 0 4% 4% 19%;} .Floor001906 li .icon{ width: 50px; height: 57px;margin-right:0; top:0 !important;background-size:contain;} .Floor001906 li .icon img { height: auto;} .Floor001906 li a { padding-top: 4%;} .Floor001906 li p{ padding-left:5%;} } @media(max-width:480px){ .Floor001906 .title{ padding-top:30px; background-size:auto 22px;} .Floor001906 .title span{ font-size:24px;} } /* .Floor000881 为demo编号 */ .Floor000881{ background-color:#f7f7fa; padding:4% 0 5%;} .Floor000881 .title{padding-bottom: 3.11vw;color: #333;font-size: 100px;} .Floor000881 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .Floor000881 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} @media(max-width:640px){ .Floor000881 .title{font-size: 80px;} .Floor000881 .title .cn { font-size: 24px;} .Floor000881 .title .en { font-size: 18px;} } @media(max-width:480px){ .Floor000881 .title{font-size: 60px;} } /*slick Basic*/ .Floor000881 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000881 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000881 .slick-list:focus {outline: none} .Floor000881 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000881 .slick-slider .slick-track, .Floor000881 .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)} .Floor000881 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000881 .slick-track:before, .Floor000881 .slick-track:after{display: table; content: '';} .Floor000881 .slick-track:after{ clear: both;} .Floor000881 .slick-loading .slick-track { visibility: hidden;} .Floor000881 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000881 .slick-slide .slick-loading img { display: none;} .Floor000881 .slick-slide .dragging img { pointer-events: none;} .Floor000881 .slick-initialized .slick-slide { display: block;} .Floor000881 .slick-loading .slick-slide { visibility: hidden;} .Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000881 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000881 .list_scroll li a{display: block; margin: 0 16px;transition: 0.3s; overflow:hidden} .Floor000881 .list_scroll li .Ispic{padding-bottom:68%;border-radius: 10px;} .Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:55px;font-size: 18px;color: #888;} /*.Floor000881 .list_scroll li a:hover{ background-color:#014584;}*/ .Floor000881 .list_scroll li a:hover p{ color:#0074e5;} .Floor000881 .list_scroll li a:hover{transform: scale(1.05);-webkit-transform: scale(1.05);-ms-transform: scale(1.05);} .Floor000881 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-35px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 3px solid #0074e5;border-left: 3px solid #0074e5;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:-25px;} .Floor000881 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{margin: 0 -16px;} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} .Floor000881 .list_scroll .slider{padding: 0 26px;} .Floor000881 .list_scroll li a{margin: 0 5px;} } /*PicList001954*/ .PicList001954{ padding:4% 0 2%;} .PicList001954 .title{padding-bottom: 3.11vw;color: #333;font-size: 100px;} .PicList001954 .title .cn{font-size: 30px;color: #0074e5;font-weight:bold;} .PicList001954 .title .en{font-size: 18px;color: #cbcbcb;text-transform: uppercase;/* font-family: 'DINmedi'; */font-weight:lighter;} .PicList001954 .title p{font-size: 16px;color: #555; line-height:30px; margin-top:2%} @media(max-width:640px){ .PicList001954 .title{font-size: 80px;} .PicList001954 .title .cn {font-size: 24px;} .PicList001954 .title .en { font-size: 16px;} } @media(max-width:480px){ .PicList001954 .title{font-size: 60px;} } .PicList001954 ul{/* border-bottom:1px solid #e5e5e5;*/} .PicList001954 li{ padding-bottom:5%;} .PicList001954 li h1{ margin:0; border-bottom:1px solid #eaf5ff; position:relative;} .PicList001954 li h1 a{ color:#0074e5; font-size:20px; padding: 5px 3% 5px 40px;background: url(../images/fp.png) no-repeat left center;} .PicList001954 li h1:after{ display:block; content:'';height:2px; margin-top:20px;background-color:#0074e5; width:40px;} .PicList001954 li p{ margin: 15px 0;font-size: 16px;color: #555; line-height: 30px;} .PicList001954 li p b{ font-size: 16px;color: #0074e5; margin-right:5px} .PicList001954 li figure{ margin-top:2% } .PicList001954 li figure img{ display:block; width:100%;} .PicList001954 .word{ padding: 3% 0 2%;border-top: 1px solid #eee;} .PicList001954 .word p{ line-height: 30px;font-size: 16px;margin: 15px 0;} .PicList001954 .word p span{ margin-right: 2%;} .PicList001954 .word h1{ padding: 5px 3% 5px 40px;background: url(../images/fp.png) no-repeat left center;color: #0074e5;} @media(max-width:640px){ .PicList001954 .ad, .PicList001954 ul{ float:none; width:auto;} .PicList001954 .ad{ text-align:center; padding-bottom:3%;} .PicList001954 .ad img{ width:auto;} .PicList001954 li h1 a { font-size: 18px;} .PicList001954 .word h1 { font-size: 20px;} } /* .RichInfo005 */ .RichInfo005{ padding:20px 0;min-height: 300px;} .RichInfo005 .news_info {padding-top:2%;padding-bottom:1%;font-size:16px;line-height:2;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;color:#444;font-weight:bold;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#0f76d3; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;line-height: 2;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#0f76d3;} /* .TextList000591 */ .TextList000591{ padding:2% 0;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;} .guiges table{border: 1px solid #ddd;border-collapse: collapse;width:100% !important;} .guiges td, .guiges th{border: 1px solid #ddd;padding:1% 5px;font-size:15px !important;text-align: center;color:#333 !important} .guiges td span,.guiges td b{font-size:15px !important;color:#333 !important} .guiges th{font-weight:bold;} .guiges td p{margin:0;} .guiges td:nth-child(odd),.guiges th:nth-child(odd){background-color:#f5f5f5 !important;color:#333;} /* 评价 */ .proinfo .scorecontent .item{padding:30px;border-bottom:1px solid #f0f0f0;} .proinfo .scorecontent .item .pic{float:left;width:94px;height:94px;border-radius:100%;padding:4px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.2);} .proinfo .scorecontent .item .pic .Ispic{height:86px;width:86px;display:block;border-radius:100%;} .proinfo .scorecontent .item .word{float:left;padding:0 0 0 30px;width:983px;position:relative;} .proinfo .scorecontent .item figure{color:#555;padding-bottom:20px;} .proinfo .scorecontent .item .replaycon{position:relative;min-height:20px;line-height:20px;color:#888;} .proinfo .scorecontent .item .replaycon .name{display:inline-block;padding-left:25px;color:#025eab;} .proinfo .scorecontent .item .replaycon .name:before{content:"";position:absolute;display:block;background:url(../images/icons.png) no-repeat 0 -215px;width:19px;height:19px;top:0;left:0;} .proinfo .scorecontent .item .word-r{position:absolute;right:0;top:0;} .proinfo .scorecontent .item .userscore{display:block;color:#555;} .proinfo .scorecontent .item time{display:block;color:#888;} .proinfo .scorecontent .item .stars{padding-bottom:10px;} .label-wrap {text-align: center; font-size: 0;margin-bottom: 10px;} .label-wrap a {display: inline-block;font-size: 16px; height: 40px;padding: 0 1%;margin: 0 10px;line-height: 40px; border: 1px solid #ddd; color: #666;margin-bottom: 5px;} .label-wrap a.aon {background-color: #0074e5;border-color:#0074e5;color:#fff;} /* 20210315 */ .fiexd-menu{display: none;} @media(max-width:768px){ .fiexd-menu{display: block; position: fixed; width: 100%; left: 50%;bottom: 0; transform: translateX(-50%); background-color: #0d3374; z-index: 10;} .fiexd-menu li{width: 20%; float: left; box-sizing: border-box; text-align: center; position: relative; border-right: 1px solid rgba(255,255,255,.2);} .fiexd-menu li a{color: #fff; font-size: 14px;line-height: 30px; position: relative; display: block;padding-top: 30px; } .fiexd-menu li:last-of-type{border-right: 0;} .fiexd-menu li a::before{content: ''; width: 25px; height: 30px; position: absolute; top: 5px; left: 0; right: 0; margin: auto; background-position: center center; background-repeat: no-repeat; background-size: contain;} .fiexd-menu li:nth-of-type(1) a::before{background-image: url(../images/xinxi.png);} .fiexd-menu li:nth-of-type(2) a::before{background-image: url(../images/chanpin.png);} .fiexd-menu li:nth-of-type(3) a::before{background-image: url(../images/dianhua.png);} .fiexd-menu li:nth-of-type(4) a::before{background-image: url(../images/kefu.png);} .fiexd-menu li:nth-of-type(5) a::before{background-image: url(../images/anli.png);} } @media(max-width:440px){ .fiexd-menu li a{font-size: 12px;} .fiexd-menu li::before{width: 25px; height: 25px;} }