body{overflow-x:hidden;} @font-face { font-family: Fonts; src:url(../Fonts/Oswald-Regular.ttf); } @font-face { font-family: Fonts2; src:url(../Fonts/Oswald-Light.ttf); } a:hover{color:#000} .auto_1400{max-width:1400px} @media(max-width:1400px){.auto_1400{padding:0 2%} }.auto_1500{max-width:1500px} @media(max-width:1500px){.auto_1500{padding:0 2%} } .Top002070{width:100%;background:#323232; z-index:500; position: fixed; left: 0; top: 0; } .Top002070 .auto_1400{ position: relative; z-index: 101} .Top002070 .header-top{ height: 40px; width: 100%; background: #004ea2;transition: 0.5s; position: relative} .Top002070 .header-top:after{ content: ""; display: block; position: absolute;left: 0; top: 0; width:65%; height: 100%; background: url(../images/header-top-bg.png) no-repeat right center} .Top002070 .header-top *{ position: relative; z-index: 50} .Top002070 .header-con{position: relative} .Top002070 .header-left{position: absolute;left: 0; top: 0; height: 98px; width:34%;} .Top002070 .header-left img{ height: 100%; float: left;} .Top002070 .header-left img.logo2{display:none} .Top002070 .header-left i{width: 1px; height:30px; background:rgba(255,255,255,0.5); margin: 5px 15px 0 10px; float: left;transform: skewX(-18deg);} .Top002070 .header-left a{height: 100%; display: flex; align-items: center;} .Top002070 .header-right{position: absolute;right: 0;top: 0;padding: 35px 0;} .Top002070 .header-right dd{position:relative;float:left} .Top002070 .header-right dd >a{display:block;height: 29px;line-height:35px;} .Top002070 .logon a{display: block;width: 32px;height: 32px;background-image: url('../images/logon.png');} @media(min-width:1025px){ .Top002070 .header-mid{float:right;display: flex;align-items: center;margin-right: 58px;padding-right: 0px;} } @media(max-width:1025px){ .header-mid{float: right;margin-right: 90px; height: 80px; display: flex; align-items: center;} } .Top002070 .header-phone{ float: right; line-height: 40px; margin-right: 30px;color: #fff; font-size: 16px; background: url(../images/header-phone.png) no-repeat left center; padding-left: 20px} .Top002070 .header-phone span{ margin-left: 5px; font-family: Fonts, sans-serif; display: inline-block; vertical-align: -2px;} .Top002070 .header-lang{ float: right; position: relative; cursor: pointer; } .Top002070 .header-lang span{ color: #fff; display: block;font-size: 16px; line-height: 42px; background: url(../images/top_lang1.png) no-repeat left 13px; background-size: auto 15px; padding-left: 32px;padding-right: 20px;font-weight: bold; position: relative} .Top002070 .header-lang span:after{ content: ""; display: block; position: absolute; right: 0; top: 18px; width: 9px; height: 5px; background: url(../images/top_langdot.png) no-repeat center bottom} .Top002070 .header-lang ul{ position: absolute; left: 0; top: 80%; width: 100%; z-index: 50; height: auto; background: #fff; height: 0; overflow: hidden} .Top002070 .header-lang ul li{border: 1px solid #e5e5e5; margin-top: -1px; text-align: center; } .Top002070 .header-lang ul li a{ line-height: 30px; display: block} .Top002070 .header-lang ul li:hover{background: #f2f3f5} .Top002070 .header-lang-show ul{height: auto;} .Top002070 .header-lang-show span:after{background-position: center top;} .Top002070 .open-search{position:relative;display:block;width: 29px;height: 35px;border-radius:50%;background: url(../images/Top002070-search_btn1.png) no-repeat center center/cover;} .Top002070 .open-search::before,.Top002070 .open-search::after{position:absolute;content:'';height:3px;width:100%;left:0;transform:rotate(45deg);top:50%;margin-top:-2px;right:0} .Top002070 .open-search::after{transform:rotate(-45deg)} .Top002070 .open-search-show{background:none} .Top002070 .open-search-show::before,.Top002070 .open-search-show::after{background:#fff} .Top002070 .top-search{z-index:100;display:none;position:absolute;right:0;top:63px;border:1px solid #eee;background:#fff} .Top002070 .top-search .text{width:100%;height:46px;width:300px;line-height:50px;padding:0 46px 0 20px;border:none;color:#444; font-size: 16px;} .Top002070 .top-search .btn{position:absolute;right:0;top:-2px;height:50px;width:50px;background:url(../images/Top002070-search_btn2.png) no-repeat center center;background-size:auto 60%} .Top002070 .header-menu li{width:auto !important;padding: 0 32px; position: relative} .Top002070 .header-menu li em a{font-size:16px;position:relative;;color:#fff; line-height: 98px;} .Top002070 .header-menu li.aon em a, .Top002070 .header-menu li em a:hover{color:#fbc600} .Top002070 .header-menu li.aon em a:after, .Top002070 .header-menu li em a:hover:after{content:"";display:block;position:absolute;left:0;bottom:-1px; width:100%;height:2px;background:#fbc600} /*.Top002070 .header-menu li.has-sub{position:inherit !important}*/ .Top002070 .header-menu li .sub{ width:700px; left: 50%; margin-left: -535px; background:none;z-index:-5;height:0;overflow:hidden; opacity: 0} .Top002070 .header-menu li:hover .sub{height:auto;opacity: 1} /*.Top002070 .header-menu li .sub:after{content:"";display:block;position:absolute;left:0%;top:0;background: url(../images/bgTop.png) repeat;width:100%;height:100%;z-index:-2;transition:1s}*/ .Top002070 .header-menu li:hover .sub:after{left:0%} .Top002070 .header-menu li:last-child .sub{ left:auto; margin:0 ; right:-95px } .Top002070 #m3 .sub-menu dl{padding: 0 3%} /* .Top002070 #m3 .sub-menu dt{width: 50%} */ .Top002070 .header-menu li .sub-intro{max-width:700px;margin:0 auto;padding-top:40px;padding-bottom:40px} .Top002070 .header-menu li .sub-menu{width:100%} .Top002070 .header-menu li .sub-menu dl{width:100%;} .Top002070 .header-menu li .sub-menu dt a{transition:0.3s} .Top002070 .header-menu li .sub-menu dt a.mores{color:#888} .Top002070 .header-menu li .sub-menu dt{padding:10px 30px; height: auto;} .Top002070 .header-menu li .sub-menu dt a{padding:0;color:#fff;line-height:24px;padding-bottom:19px;margin-bottom:20px;display:block;font-size:16px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative} .Top002070 .header-menu li .sub-menu dt a:hover{color:#fbc600; } .Top002070 .header-menu li .sub-menu dt a:after{opacity:0.3;content:"";display:block;position:absolute;right:0;top:50%;width:10px;height:18px;margin-top:-9px;background:url(../images/top_arow.png) no-repeat center center} .Top002070 .header-menu li .sub-menu dt a span{display:block;text-transform:uppercase; font-family: Fonts2, sans-serif;;font-size:14px; color: #999; } .Top002070 .header-menu li .sub-menu dt a:hover{transition:0.5s;background:none} .Top002070 .header-menu li .sub-menu dt:hover a:after{} .Top002070 .header-menu li .sub-menu dt ul li{padding:0;width:100% !important;} .Top002070 .header-menu li .sub-menu dt ul li a{border-bottom:none;font-size:15px;color:rgba(255,255,255,0.6);line-height: 33px;margin-bottom:0;padding-bottom:0;} .Top002070 .header-menu li .sub-menu dt ul li a:hover{color:#fbc600;} .Top002070 .header-menu li.aon em a,.Top002070 .header-menu li em a:hover{color:#fbc600} .Top002070 .header-menu li.aon em a:after,.Top002070 .header-menu li em a:hover:after{background:#fbc600} .Top002070 .open-search-show::before,.Top002070 .open-search-show::after{background:#fff} .Top002070 .sub-menu-layer{background:#d2d3d5} .subbg{position:absolute;left:0;width:100%; background: url(../images/bgTop.png) repeat;transition:1s; z-index: 100} @media(min-width:1025px){ .Top002070 .header-menu li .sub-menu dl{height: 300px;} .Top002070 .header-menu li#m2 .sub, .Top002070 .header-menu li#m3 .sub, .Top002070 .header-menu li#m4 .sub{transform: translateX(-50%);margin-left:0;} .Top002070 #m3 .sub-menu dl, .Top002070 #m4 .sub-menu dl{display: flex; justify-content: center; flex-flow: row wrap;} } @media(max-width:1440px){ .Top002070 .header-menu li{padding: 0 20px;} } @media(max-width:1200px){ .Top002070 .header-menu li{padding: 0 12px;} } @media(max-width:1024px){.Top002070 .header{margin:0 2%;height:80px} .Top002070 .header-right{z-index:101; height: 80px; display: flex; align-items: center;} .Top002070 .Public_nav_style #open_menu{position:relative;right:0;top:auto;margin-left:10px;border-radius:0;background:#fff;height:32px;border:none;margin-top:4px} .Top002070 #open_menu i::before,.Top002070 #open_menu i::after{background:#fbc600 !important} .Top002070 #open_menu i{background:#fbc600;height:3px;margin-top:-1.5px} .Top002070 #header-menu ul{padding:0;border-top: 82px solid #222;background: rgb(60,60,60);} .Top002070 #header-menu li{text-align:center;position: relative;} .Top002070 #header-menu li em a{padding: 15px 5%;font-weight:normal;line-height:normal;} .Top002070 #header-menu li em::before{display: none;} .Top002070 #header-menu li .sub dt{margin-bottom:1px;background:rgba(0,0,0,0.3)} .Top002070 #header-menu li .sub dt ul{ height: auto;position: inherit;width: 100%;border-top: 0;} .Top002070 #header-menu li.has-sub em .op{ display: block; z-index: 200;transition: 0.3s;} .Top002070 #header-menu li.has-sub em::after{ display: none;} .Top002070 #header-menu li.has-sub em::before{display: none;} .Top002070 #header-menu li.has-sub em .op::before{display: none;} .Top002070 #header-menu li.has-sub em .op::after{position: absolute;content: '';right: 2%;border: 6px solid transparent;border-top-color: #fff;top: 50%;background: transparent;margin-top: -3px;} .Top002070 #header-menu li.clickon em .op::after{border-bottom-color: #fff;border-top-color: transparent;margin-top: -12px;} .Top002070 #header-menu li.has-sub.clickon em .op{transform: rotate(0deg);} } .Top002070_an, .Top002070_on{ background: #fff} .Top002070_an .header-mid, .Top002070_on .header-mid{border-right: 1px solid #e5e5e5} .Top002070_on .header-menu li em a{font-size:18px; color:#222} .Top002070_an .header-menu li em a, .Top002070_on .header-menu li em a{color:#444} .Top002070_on .header-menu li.aon em a,.Top002070 .header-menu li em a:hover{color:#fbc600} .Top002070_on .header-menu li.aon em a:after,.Top002070 .header-menu li em a:hover:after{background:#fbc600} .Top002070_an .header-left img.logo1, .Top002070_on .header-left img.logo1{display:none} .Top002070_an .header-left img.logo2, .Top002070_on .header-left img.logo2{display:block} .Top002070_an .open-search, .Top002070_on .open-search{background:url(../images/Top002070-search_btn2.png) no-repeat center center;} .Top002070_an .open-search-show::before, .Top002070_an .open-search-show::after, .Top002070_on .open-search-show::before, .Top002070_on .open-search-show::after{background:#444} .Top002070_an .open-search-show, .Top002070_on .open-search-show{background:none} .Top002070_an .header-left i, .Top002070_on .header-left i{ background: #ddd} @media(max-width:640px){ .Top002070 .header-left img{height: 60%;} } @media(max-width:480px){ /* .Top002070 .header-left img{ height:auto} */ .Top002070 .header-left{width: 58%;} .Top002070 .header-right{ padding: 20px 0;} /* .Top002070 .header-right dd{padding-top: 6px;} */ } /*Banner002729 */ .Banner002729{padding-top:98px;} .Banner002729 .slider li.slick-slide{ height: auto;position: relative;} .Banner002729 .ytable{height: 100%;} .Banner002729 .txt-main{position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 3;font-size: 50px;} .Banner002729 .txt-main a.more{ display: block; color: #184477; border-radius:50px ; width: 11.0625em; line-height: 2.875em; border: 2px solid #184477; text-align: center; letter-spacing: 0.625em; font-weight: bold; font-size: 0.32em;transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0; transition:transform 0.5s 1.5s,opacity 0.5s 1.5s;} .Banner002729 .txt-main a.more:hover{background: #184477; color: #fff;} .Banner002729 .txt-main aside{color: #184477; max-width: 700px; transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0;} .Banner002729 .txt-main aside.tit{font-size: 1em; line-height: 1em; max-height: 2em; margin-bottom: 20px; transition: 0.5s;} .Banner002729 .txt-main aside.pre{font-size: 0.44em; line-height: 1.2em; max-height: 2.4em; margin-bottom: 4%;transition: 0.5s 0.5s;} .Banner002729 .an-show .txt-main a.more, .Banner002729 .an-show .txt-main aside{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;-webkit-opacity: 1;} .Banner002729 .slider li img{display: block; width: 100%; object-fit: cover;} .Banner002729 .slick-dots{text-align: center;position: absolute; left: 0; z-index: 10; bottom: 45px; width: 100%;} .Banner002729 .slick-dots li{list-style: none; display: inline-block; margin: 0 8px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Banner002729 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;background: #fff; } .Banner002729 .slick-dots li.slick-active button{opacity: 1;-webkit-opacity: 1;width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff;} .Banner002729 .slick-dots li.slick-active{border-color: #fff;} @media(min-width:1201px){ .Banner002729 .slider li img.wap{display: none;} } @media(max-width:1200px){ .Banner002729 .slider li img.pc{display: none;} } @media(max-width:1024px){ .Banner002729 .txt-main{font-size: 40px;} } @media(max-width:640px){ .Banner002729{padding-top:80px;} .Banner002729 .txt-main{font-size:28px;} } @media(max-width:480px){ .Banner002729 .txt-main{font-size:20px;} } .h-title{margin-bottom:52px;position: relative;text-align: center;} .h-title h2{margin:0;font-size:38px;color:#000;font-weight: normal;line-height: 47px;} .h-title span{font-size:28px;text-transform: uppercase;color:#fbc600;} @media(max-width:640px){ .h-title span{font-size:32px;} .h-title{margin-bottom: 28px;} .h-title h2{font-size: 30px;} } .Floor000111{padding: 4% 0 0 } .Floor000111 .box{ width: 100%;margin-bottom:2%; transition: 0.5s;position: relative;} .Floor000111 .box a{ display: block; position: relative;overflow: hidden;} .Floor000111 .box .pic{ height: 400px;position: relative;} .Floor000111 .box .text{ position: absolute; left:0px; bottom: 0px; z-index: 100; width: 100%; transition: 0.5s} .Floor000111 .box .text h1{margin:0 0 10px;font-size:22px;color:#fff ; font-weight: normal } .Floor000111 .box .text h2{margin:0;color:#fff; font-size: 16px;font-weight: normal} .Floor000111 .box .text span{display: inline-block;} .Floor000111 .box1 .pic{ background-size: contain; transition: 0.5s} .Floor000111 .box1 .p1{ opacity: 1; display: block;} .Floor000111 .box1 .p2{ opacity: 0; display: none} .Floor000111 .box1:hover .p1{ opacity:0; display: none;} .Floor000111 .box1:hover .p2{ opacity: 1; display:block} .Floor000111 .box:hover .text{ } .Floor000111 .box .text .con{ padding: 20px; background: rgba(0,0,0,0.5); display: inline-block;} .Floor000111 .box2 .pic, .Floor000111 .box3 .pic{ height: 300px;position: relative; transition: all 0.6s;} .Floor000111 .box2 a:hover .Ispic, .Floor000111 .box3 a:hover .Ispic{transform: scale(1.05); } .Floor000111 .box2{ width: 35%;margin-right: 2%; float: left} /*.Floor000111 .box2 a:after{ content:""; display: block; position: absolute; left: 0; top: 0; width: 100%;height: 100%;); z-index: 50; transition: 0.5s; } */ .Floor000111 .box3{ width: 63%;margin-right: 0; float: left} /*.Floor000111 .box3 a:after{ content:""; display: block; position: absolute; left: 0; top: 0; width: 100%;height: 100%;background: rgba(142, 77, 77, 0.5); z-index: 50; transition: 0.5s} .Floor000111 .box:hover a:after{opacity: 0} */ .Floor000111 .slick-dots{text-align: center; width: 100%; text-align: center; margin: 50px 0; } .Floor000111 .slick-dots li{list-style: none; display: inline-block; margin: 0 8px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor000111 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #aaa; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;background: #aaa; } .Floor000111 .slick-dots li.slick-active button{opacity: 1;-webkit-opacity: 1;width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #aaa;} .Floor000111 .slick-dots li.slick-active{border-color: #aaa;} @media(max-width:768px){ .Floor000111 .box{ width: 100%;margin:0 0 10px 0; } .Floor000111 .box .pic{height: auto;padding-bottom:50%;} } /* .Floor000881 为demo编号 */ .Floor000881{ background-color:#fff;background: url(../images/bg2.jpg) bottom 13% center; padding:4% 0;} .Floor000881 .h-title{text-align: center;} /*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 15px;background:#fff; overflow:hidden} .Floor000881 .list_scroll li .Ispic{padding-bottom:59%;transition: all 0.6s;} .Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:61px;font-size:18px; background:#f6f6f6; border-top:0;} .Floor000881 .list_scroll li a:hover .Ispic{transform: scale(1.05); } .Floor000881 .list_scroll li a:hover p{color: #fbc600; } .Floor000881 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #fac600;border-left: 2px solid #fac600;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;} } /*Floor002749 */ .Floor002749{ padding: 4% 0;background: url(../images/bg1.jpg);} .Floor002749 .h-title{text-align: center;} /*slick Basic*/ .Floor002749 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002749 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002749 .slick-list:focus {outline: none} .Floor002749 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002749 .slick-slider .slick-track, .Floor002749 .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)} .Floor002749 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002749 .slick-track:before, .Floor002749 .slick-track:after{display: table; content: '';} .Floor002749 .slick-track:after{ clear: both;} .Floor002749 .slick-loading .slick-track { visibility: hidden;} .Floor002749 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002749 .slick-slide .slick-loading img { display: none;} .Floor002749 .slick-slide .dragging img { pointer-events: none;} .Floor002749 .slick-initialized .slick-slide { display: block;} .Floor002749 .slick-loading .slick-slide { visibility: hidden;} .Floor002749 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002749 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002749 .tab{text-align: center; padding-bottom: 24px;} .Floor002749 .tab ul{display: inline-block; } .Floor002749 .tab li{float: left; position: relative; margin: 0 3px;} .Floor002749 .tab li a{display: block; cursor: pointer;padding: 0 25px; line-height: 43px; border-radius: 3px; font-size: 18px; transition: 0.3s;} .Floor002749 .tab li a:hover, .Floor002749 .tab li.on a{ background: #191919; color: #fff;} .Floor002749 .tab li.on:before{position: absolute; content: ''; left: 50%; border:4px solid transparent; border-top-color: #191919; top: 100%; margin-left: -2px;} .Floor002749 .tab-list .list{position: fixed; left: -100%;width: 96%; max-width: 1400px;} .Floor002749 .tab-list .list.show{position: relative; left: auto; width: auto;} @media(min-width:769px){ .Floor002749 .list >*{width: 49.141%;} .Floor002749 .top-news{float: left;} .Floor002749 .list dl{float: right;} .Floor002749 .list dd{margin-bottom: 23px;} .Floor002749 .list dd .ytable{height: 100%;} .Floor002749 .list dd:last-child{ margin-bottom: 0} .Floor002749 .tab-list .list:before{ content: ''; position: absolute; width: 49.141%; height:100%; background: #fff} } .Floor002749 .top-news{padding: 2.2%;} .Floor002749 .top-news, .Floor002749 .list dd{background: #fff;} .Floor002749 .list .pic{display: block;} .Floor002749 .list .Ispic{ padding-bottom: 62.828%;transition: all 0.6s;} .Floor002749 .list dd{padding: 3.75% 4%;padding-left: 20%;position: relative;} .Floor002749 .list a{color: #333;} .top-news a{min-height:59px;display:inline-block;} .Floor002749 .list a:hover{color: #fbc600;} .Floor002749 .list a:hover .Ispic{transform: scale(1.05);} .Floor002749 .list h2{font-size: 22px;line-height: 30px;margin: 0;font-weight: normal;} .Floor002749 .list h2.dot2{max-height: 60px;} .Floor002749 .list time b{font-size: 36px;color: #999;} .Floor002749 .list dd time{font-weight: lighter; color: #999;} .Floor002749 .list dd time b{font-size: 57px;color: #fbc600;border-bottom:1px solid #eee;margin-bottom:9px;font-weight: lighter;} .Floor002749 .top-news .txt{position: relative; margin: 39px 0; padding-left: 95px;} .Floor002749 .top-news .txt time{position: absolute; border-right: 1px solid #e5e5e5; padding-right: 20px; text-align: center;left: 0; top: 50%; transform: translateY(-50%);font-weight: lighter;color:#999;} .Floor002749 .top-news .txt time b{display: block;line-height: 36px;font-size:36px;border-bottom: 1px solid #eee;padding-bottom: 5px;margin-bottom: 5px;color:#999;font-weight: lighter;color:#fbc600;} .Floor002749 .list dd time{position: absolute;left:5%;width: 10%;text-align: center;font-size: 16px;} .Floor002749 .list dd time b{display: block;} .Floor002749 .list dd p{line-height: 26px;max-height: 52px;color: #666;font-size: 14px;margin: 3% 0;} .Floor002749 .list dd h2{position: relative;min-height: 30px;} .Floor002749 .list dd h2 a{position: absolute; left: 0; top: 0; max-width: 100%;} .Floor002749 .list .more a{color: #999;} .Floor002749 .list .more a:hover{color: #fbc600;} .Floor002749 .list .more a:after{display: inline-block;content: '';width: 8px;height: 8px;border-right: 2px solid #999;border-top: 2px solid #999;vertical-align: middle;margin-left: 10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transition:transform 0.3s;} .Floor002749 .list .more a:hover:after{transform: rotate(135deg); -webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); margin-top: -4px;border-right: 2px solid #fbc600; border-top: 2px solid #fbc600;} .Floor002749 .slick-dots{overflow: hidden;} .Floor002749 .slick-dots li{float: left; width: 22px; height: 4px; background: #e5e5e5; margin-right: 3px; cursor: pointer;} .Floor002749 .slick-dots li button{display: none;} .Floor002749 .slick-dots li.slick-active{background: #fbc600;} @media(min-width:769px) and (max-width:1024px){ .Floor002749 .list h2{font-size: 16px;line-height: 22px;} .Floor002749 .list dd h2{min-height: 22px;} .Floor002749 .list dd p{line-height: 20px; max-height: 40px; font-size: 14px; margin: 10px 0;} } @media(max-width:768px){ .Floor002749 .tab{padding-bottom: 0px;} .Floor002749 .tab li{ margin: 0px 4px 2%; width: 31%;} .Floor002749 .list dd{margin-top: 20px; height: auto!important;} .Floor002749 .list dd{padding: 20px;padding-left: 23%} .Floor002749 .top-news{padding: 20px;} .Floor002749 .list dd time{ top: 5%;} } @media(max-width:640px){ .Floor002749{ padding: 30px 0;} .Floor002749 .tab li a{padding: 0 10px; line-height: 36px; font-size: 16px;} .Floor002749 .list h2{font-size: 18px;} .Floor002749 .list dd p{font-size: 14px;line-height: 20px; max-height: 40px; margin: 10px 0;} } @media(max-width:480px){ .Floor002749 .tab li a{padding: 5px; line-height: 30px; font-size: 14px;} } /* .Floor002411 为demo编号 */ .Floor002411 .h-title{text-align: center;} .Floor002411 .auto{ max-width: 1400px; overflow: hidden;} @media only screen and (max-width:1470px ) { .Floor002411 .auto{ padding-left: 15px; padding-right: 15px; max-width: 1470px;} } .Floor002411 .wrap-Tit {position: relative;} .Floor002411 .wrap-Tit h2{ font-size: 26px; color: #373f53; margin: 0; position: relative; z-index: 3;} .Floor002411 .wrap-Tit em{ font-style: normal; color: #3e61af; font-family: Myriad Pro; font-size: 34px; text-transform: uppercase;position: relative; z-index: 3;} .Floor002411 .wrap-Tit .bg{ font-size: 70px; font-weight: bold; color: rgba(169,179,197,.1); position: absolute; top: 54%; left: 0; text-transform: uppercase; z-index: 1; line-height: 0.8;} @media only screen and (min-width:1024px ) { .Floor002411 .wrap-Tit h2{ font-size: 36px;} .Floor002411 .wrap-Tit em{font-size: 44px;} .Floor002411 .wrap-Tit .bg{ font-size: 130px;top: 30%;} } @media only screen and (min-width:1440px ) { .Floor002411 .wrap-Tit h2{ font-size: 46px;} .Floor002411 .wrap-Tit em{font-size: 54px;} .Floor002411 .wrap-Tit .bg{ font-size: 150px;} } .Floor002411{ padding: 4% 0 3%;background: #f4f4f4;} @media only screen and (min-width:1024px) { .Floor002411 .wrap-container{ padding-left: 0%;} } @media only screen and (min-width:1440px) { .Floor002411 .wrap-container{ padding-left: 0px;} } .Floor002411 .wrap-content{ margin-top: 40px; position: relative; padding-left: 105px; } .Floor002411 nav{ position: absolute; left: 0; width:200px; top: 0; z-index: 6;} .Floor002411 nav li{ padding:16px 0;} .Floor002411 nav li a{ color: #333; font-size: 16px; position: relative; padding-right: 20px; cursor: pointer;} .Floor002411 nav li a:after{content:'';width:11px;height: 11px;border:2px solid #ddd;float:left;display: block;border-radius: 50px;margin-top:8px;margin-right:12px;} .Floor002411 nav li.slick-active a:after{background:#fbc600;border-color:#fbc600; } .Floor002411 nav li.slick-active a{ color: #333;} .Floor002411 .wrap-content{} .Floor002411 .lemore{ display: block; padding: 12px 0 12px 0; max-width: 135px; width: 90%; text-align: center; color: #fff;font-size:15px; border-radius:3px; position: absolute; left: 0; bottom:0px; cursor: pointer;} .Floor002411 .lemore span{ padding-right: 25px;background: url(../images/Floor002411-more_icon.png) no-repeat right center; position: relative; z-index: 3; } .Floor002411 .lemore:after{ content: "";position: absolute; left: 0; top: 0; width: 0; height: 100%; width: 100%;background: #191919; border-radius: 3px; transition: 0.5s} .Floor002411 .lemore:hover:after{ background: #fbc600 } @media only screen and (min-width:1024px ) { .Floor002411 .wrap-content{ padding-left: 135px;} } /* .Floor002411 .bx-wrapper{ padding-right: 60px; position: relative; margin-left: 6%;} .Floor002411 .bx-pager{ display: none;} .Floor002411 .bx-controls-direction a{ display: block; width: 50px; height: 50px; position: absolute; right: 0; background: url(../images/Floor002411-btns_icon.png) no-repeat; text-indent: 9999px; overflow: hidden;} .Floor002411 .bx-controls-direction .bx-prev{ top: 0; background-position: 0 0;} .Floor002411 .bx-controls-direction .bx-next{ bottom: 0; background-position: -50px 0;} .Floor002411 .bx-controls-direction .bx-prev:hover{ background-position: 0 -50px;} .Floor002411 .bx-controls-direction .bx-next:hover{ background-position: -50px -50px;} @media only screen and (max-width:1023px ) { .Floor002411 .bx-wrapper{ padding-right: 0;} .Floor002411 .bx-controls-direction{ display: none;} } */ .Floor002411 .pic{} .Floor002411 .word{ padding: 2% 0 0 0;} .Floor002411 .word h3{ font-size: 30px; color: #fff;font-weight: normal; margin: 0; position: relative; z-index: 3;} .Floor002411 .word h3:after{ content: ""; margin: 15px 0 25px; width: 31px; height: 2px; background: #fbc600; display: block;} .Floor002411 .word figure{ font-size: 16px; line-height: 33px; color: #fff;text-align: justify;} @media only screen and (min-width:1024px ) { .Floor002411 .word h3{ font-size: 30px;} .Floor002411 .pic{ float: left; width:100%;} .Floor002411 .pic a{ display: block; height: 429px; background: no-repeat center center; background-size: cover} .Floor002411 .pic img{ display: none} .Floor002411 .word{width: 47%;height: 100%; position: absolute;left:0;top:0; float: left; padding-left: 5%;padding-top:5%;padding-right:6%; background:rgba(0,0,0,0.6);} .Floor002411 .word figure{ } } @media only screen and (min-width:1440px ) { } .Floor002411 .word .more{ display: inline-block; border: 1px solid rgba(255,255,255,0.2); padding: 12px 0 12px 0; max-width: 135px; width: 90%; text-align: center; color: #fff;font-size:15px; position: relative; margin-top: 20px; transition: color .5s;} .Floor002411 .word .more span{ padding-right: 25px;background: url(../images/Floor002411-more_icon.png) no-repeat right center; position: relative; z-index: 3; } .Floor002411 .word .more:after{ content: "";position: absolute; left: 0; top: 0; width: 0; height: 100%;background: #fbc600;transition: width .5s; } .Floor002411 .word .more:hover{ color: #fff;} .Floor002411 .word .more:hover:after{ width: 100%;} .Floor002411 .word .video{display:inline-block;color:#fff;border: 1px solid rgba(255,255,255,0.2);padding: 12px 0 12px 26px;max-width: 149px;width: 90%;text-align: center;color: #fff;font-size:15px;position: relative;margin-top: 20px;margin-left:4%;background: url(../images/vicon.png) no-repeat left 22px center/28px;} .Floor002411 .word .video img{width:30px;} @media only screen and (min-width:1024px ) { .Floor002411 .word .more{margin-top: 40px;} } @media only screen and (max-width:1023px ) { .Floor002411 .lemore{ display: none } .Floor002411 .wrap-content{padding-left: 0;} .Floor002411 nav{ position: inherit; width: 100%;} .Floor002411 nav ul{overflow: hidden;} .Floor002411 nav li{float: left;width: 25%;} .Floor002411 nav li:nth-child(4n+1){ clear: both} .Floor002411 .bx-wrapper{ margin-left: 0%;} .Floor002411 .word h3{ color:#333} .Floor002411 .word figure{ color:#666} .Floor002411 .word .more,.Floor002411 .word .video{color: #fbc600; border: 1px solid rgba(251,198,0,0.2);} .Floor002411 .word .video{background: url(../images/vicon2.png) no-repeat left 22px center/28px;} .Floor002411 .word .more span{ background: url(../images/Floor002411-more_icon2.png) no-repeat right center; } } @media only screen and (max-width:480px ) { .Floor002411{padding: 4% 0 8%;} .Floor002411 nav li{width: 50%;} .Floor002411 nav li:nth-child(2n+1){ clear: both} } /*Floor002892 */ .Floor002892{position: relative; z-index: 1; overflow: hidden;} .Floor002892 .initial-bg{position: relative; z-index: 1; height: 100%;} .Floor002892 .hover_slider, .Floor002892 .center{position: absolute; z-index: 4; left: 0; top: 0; width: 100%;height: 100%;} .Floor002892 .hover_slider{z-index: 3;} .Floor002892 .hover_slider li{height: 100%;position: absolute ;left: 0; top: 0; width: 100%; opacity: 0;transition: 0.5s;} .Floor002892 .hover_slider li.show{opacity: 1; z-index: 10;} .Floor002892 .center .ytable{height: 100%;} .Floor002892 .center .mouse{width: 95%; max-width: 960px; margin: 0 auto;} .Floor002892 .center .mouse li{float: left; width: 50%;} .Floor002892 .center .mouse li aside{color: #fff;} .Floor002892 .center .mouse li .cn{font-size: 26px;} .Floor002892 .center .mouse li .en{font-size: 12px; text-transform: uppercase;} @media(min-width:1025px){ .Floor002892 .center .mouse li{border: 1px solid rgba(255,255,255,0.15); margin-top: -1px; } .Floor002892 .center .mouse li:nth-child(2n){margin-left: -1px;} .Floor002892 .center .mouse li:nth-child(2n+1){clear: left;} .Floor002892 .center .mouse li a{display: table; table-layout: fixed;height: 225px;float: right;margin: 0 25px 25px;} .Floor002892 .center .mouse li figure{display: table-cell; vertical-align: bottom; text-align: right;} .Floor002892 .center .mouse li .pic img{max-height: 225px; opacity: 0;} .Floor002892 .center .mouse li .txt{min-width: 120px;} .Floor002892 .center .mouse li.opacity{opacity: 0.75;} .Floor002892 .center .mouse li.opacity img{opacity: 1;} } @media(max-width:1024px){ .Floor002892 .center .mouse li{height: 35vw;position: relative;opacity: 0.75;} .Floor002892 .center .mouse li .pic img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto auto;max-height: 90%;max-width: 90%;z-index: -1;} .Floor002892 .center .mouse li a{display: flex;align-items: center; height: 100%; padding: 4vw;} .Floor002892 .center .mouse li .txt{width: 100%;text-align: right;} .Floor002892 .center .mouse li .cn{font-size: 5vw;} .Floor002892 .center .mouse li .en{font-size: 3vw; } } /*Floor002658 */ .Floor002658{ padding:4% 0; overflow:hidden; } .Floor002658 .title-intro{ text-align:center; padding:3% 0; color:#333; max-width:1150px; margin:0 auto;} .Floor002658 .title-intro h3{ margin:0; font-size:60px;} .Floor002658 .title-intro p{ font-size:20px; line-height:30px;} .Floor002658 .title-intro a{ color:#c09a75; text-decoration:underline;} @media(max-width:768px){ .Floor002658 .title-intro h3{ font-size:30px;} .Floor002658 .title-intro p{ font-size:16px; line-height:24px;} } @media(max-width:480px){ .Floor002658 .title-intro h3{ font-size:24px;} .Floor002658 .title-intro p{ font-size:14px; line-height:20px;} } /*slick Basic*/ .Floor002658 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002658 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002658 .slick-list:focus {outline: none} .Floor002658 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002658 .slick-slider .slick-track, .Floor002658 .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)} .Floor002658 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002658 .slick-track:before, .Floor002658 .slick-track:after{display: table; content: '';} .Floor002658 .slick-track:after{ clear: both;} .Floor002658 .slick-loading .slick-track { visibility: hidden;} .Floor002658 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002658 .slick-slide .slick-loading img { display: none;} .Floor002658 .slick-slide .dragging img { pointer-events: none;} .Floor002658 .slick-initialized .slick-slide { display: block;} .Floor002658 .slick-loading .slick-slide { visibility: hidden;} .Floor002658 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002658 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002658 .slider > ul{margin-bottom: 42px;} .Floor002658 li.slick-slide{ position:relative;transform:scale(0.8); transition:0.5s 0.3s;} .Floor002658 li.slick-slide:before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);transition:0.5s 0.3s;} .Floor002658 li.slick-current{ transform:scale(1);} .Floor002658 li.slick-current::before{opacity: 0;} .Floor002658 li.slick-slide .files, .Floor002658 li.slick-slide a{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.35);} .Floor002658 li.slick-slide .files{ background:#000; display:none;} .Floor002658 li.slick-slide aside{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:22px; color:#fff;} .Floor002658 li.slick-slide aside span{ display:block; border-radius:50%; width:70px; height:70px; border:3px solid #fff; position:relative; margin:0 auto 10px;} .Floor002658 li.slick-slide aside span::before{ position:absolute; content:''; border:12px solid transparent; border-left-color:#fff;left:50%; top:50%; margin-left:-3px; margin-top:-12px;} .Floor002658 .slick-dots{ text-align:center;position: absolute; left: 0; width: 100%; bottom:-42px;} .Floor002658 .slick-dots li{ display:inline-block; margin:0 5px;border:1px solid transparent; border-radius:50%; width:14px; height:14px; position:relative;} .Floor002658 .slick-dots li:before{ position:absolute; content:''; left:3px; top:3px; right:3px; bottom:3px; border-radius:50%; background:rgba(0,0,0,0.3);} .Floor002658 .slick-dots li.slick-active{ border-color:#fbc600;} .Floor002658 .slick-dots li.slick-active:before{ background:#fbc600;} .Floor002658 .slick-dots li button{display: none;} .Floor002658 .slick-arrow{ position:absolute; content:''; width:30px; height:30px;border: 0; border-top:3px solid #dcdcdc;border-right:3px solid #dcdcdc; transform:rotate(45deg); top:50%; margin-top:-16px; cursor:pointer; z-index:10;font-size: 0;background: none;} .Floor002658 .slick-prev{left:13%; margin-left:-32px;transform:rotate(-135deg);} .Floor002658 .slick-next{right:13%; margin-right:-32px;} .Floor002658 .slick-arrow:hover{ border-color:#c29c75;} @media(max-width:640px){ .Floor002658 li.slick-slide{ transform:scale(1);} .Floor002658 .slick-prev{left:3%; margin-left:0;} .Floor002658 .slick-next{right:3%; margin-right:0;} /*.Floor002658 li.slick-slide:before{ display:none;}*/ } @media(max-width:480px){ .Floor002658 li.slick-slide aside span{ width:50px; height:50px;} .Floor002658 .slick-arrow{width: 24px; height: 24px; margin-top: -12px;border-width: 3px;} } /*Floor002732 */ .Floor002732{padding:4.5% 0 7%;background:#333;background:url(../images/bg3.jpg) no-repeat;background-size: cover} .Floor002732 .auto{padding: 0!important; width: 96%; } .Floor002732 .h-title h2{color:#fff;} .Floor002732 .h-title span{color:rgba(255,255,255,1);} .Floor002732 .slick-dots{padding-top: 20px; text-align: center;} .Floor002732 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor002732 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;} .Floor002732 .slick-dots li.slick-active{border-color: #fbc600;} .Floor002732 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fbc600;} .Floor002732 .main{position: relative; } .Floor002732 .main:before, .Floor002732 .main:after{position: absolute; content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.1); left: 0;} .Floor002732 .main:before{ top: 0;} .Floor002732 .main:after{bottom: 0;} .Floor002732 .main .slider{margin-left: -19.5px; margin-right: -19.5px; } .Floor002732 .main .slick-list{padding: 0 19.5px;} .Floor002732 .slider{position: relative; z-index: 10;} .Floor002732 .slider li.slick-slide{position: relative; height: auto;} /*.Floor002732 .slider li:before{position: absolute; content: ''; left: -19px;top: 0; height: 0; background: #fbc600; right:-19px;opacity: 0; -webkit-opacity: 0; transition: 0.3s ease-in-out;}*/ .Floor002732 .slider li:hover:before{ opacity: 1; -webkit-opacity: 1; height: 100%;} .Floor002732 .slider li a{ position: relative; z-index: 10; text-align: center; height: 335px;} .Floor002732 .slider li p{height: 0; opacity: 0; -webkit-opacity: 0; color: #fff;} .Floor002732 .slider li .icon img{width: 75px; height: 75px;} .Floor002732 .slider li .icon .off{display: none;} .Floor002732 .slider li .title{max-width: 90%; margin: 0 auto; font-size: 16px; color: #555;} .Floor002732 .slider li h2{ margin-bottom: 10px; font-size: 22px; color: #fff;font-weight: normal;} .Floor002732 .slider li a:hover .title h2, .Floor002732 .slider li a:hover .title{color: #fff;} .Floor002732 .slider li a:hover .icon .on{display: none;} .Floor002732 .slider li a:hover .icon .off{display:inline-block;} .Floor002732 .slider li a:hover p{height:78px;opacity: 1; -webkit-opacity: 1; line-height: 26px;transition: 0.3s ease-in-out;font-size:16px;} .Floor002732 .slick-dots{position: absolute; left: 0; bottom: -60px; width: 100%; z-index: 10;} @media(max-width:1100px){ .Floor002732 .main{margin-bottom: 50px;} } .hmSol { padding:80px 0;position:relative;} .hmSol .h-title span{color:#fff;} .hmSol .h-title h2{color:#fff;} .hmSol .hmSol_bg{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .hmSol .hmSol_bg .hmSol_bg_li{width: 100%;height: 100%;background-size:cover;display: none;float: none;} .hmSol .hmSol_bg .hmSol_bg_li.on{display: block;} .hmSol .hmTitle h2, .hmSol .hmTitle p {color:#fff;} .hmSol .inner{position: relative;z-index: 2;width:1400px;margin:0 auto;} .hmSol ul {padding:0 0 1px 1px; overflow: hidden;} .hmSol li {float:left; width:50%;list-style: none;} .hmSol li a {display:block; background-color:rgba(0,0,0,.1); border:1px solid rgba(255,255,255,.3); padding:12.85% 40px; margin:0 0 -1px -1px; overflow: hidden; color:#fff;} .hmSol li a:hover {background-color:transparent;} .hmSol li .info {background:no-repeat left center; padding-left:140px; position:relative;} .hmSol li .info:before {content:''; display:block; width:1px; height:90px; background-color:rgba(255,255,255,.3); position:absolute; left:110px; top:50%; margin-top:-45px;} .hmSol li h3 {font-size:24px; font-weight:normal; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hmSol li p {font-size:16px; color:#fff; line-height: 28px; height:56px; overflow: hidden;} .hmSol .owl-nav button {display:block; position:absolute; top:50%; margin-top:-42.5px;} .hmSol .owl-nav .owl-prev {left:-90px;} .hmSol .owl-nav .owl-next {right:-90px;} .hmSol .owl-nav span {display:block; width:44px; height:85px; background:no-repeat center center; background-size:contain;} .hmSol .owl-nav .owl-prev span {background-image:url(../images/arrow_slides_left.png);} .hmSol .owl-nav .owl-next span {background-image:url(../images/arrow_slides_right.png);} .hmSol .owl-nav button:hover {opacity:.6;} /*Floor002891 */ .Floor002891{background-color: #fff;padding: 4% 0;} .Floor002891 .auto{max-width: 1400px; width: 94%;text-align: center;} .Floor002891 .home-title{text-align: center;font-family: 'SourceHanSansCN-Bold';font-size: 36px;font-weight: bold; color: #333;} @media(max-width:640px){ .Floor002891 .home-title{font-size: 7vw;} } .Floor002891 .more{ display: inline-block; border: 1px solid #ddd; padding: 12px 0 12px 0; max-width: 135px; width: 90%; text-align: center; color: #333;font-size:15px; position: relative; margin-top: 20px; transition: color .5s;} .Floor002891 .more span{ position: relative; z-index: 3; color:#333; } .Floor002891 .more:after{ content: "";position: absolute; left: 0; top: 0; width: 0; height: 100%;background: #fbc600;transition: width .5s; } .Floor002891 .more:hover{ color: #fff;} .Floor002891 .more:hover:after{ width: 100%;} .Floor002891 .tab-list{ background: #4a4a4a;} .Floor002891 .tab-list ol .Ispic{display: block;} .Floor002891 .tab-list li:nth-child(2){margin-top:3%;} .Floor002891 .tab-list li a{display: block; padding-left:10%;padding-right:10%;} .Floor002891 .tab-list li.on a{} .Floor002891 .tab-list li .tit{font-size:20px;text-align: center; margin:0% 0;padding:4% 0; color:#fff;} .Floor002891 .tab-list li.on a .tit{color: #fbc700;position: relative;} .Floor002891 .tab-list li.on a .tit:after{content:'';width: 33px;height: 42px;background: url(../images/vicon2.png) no-repeat left center/32px;display: block;position: absolute;left:0;top: 10px;} .Floor002891 .tab-list li p{font-size:16px;color: #999;line-height: 1.875em;} @media(min-width:1025px){ .Floor002891 .tab-list li{float: right;width: 42%;clear: right;} .Floor002891 .tab-list ol{float: left;width: 58%; } .Floor002891 .tab-list ol .Ispic{height: 460px;} .Floor002891 .tab-list li:not(:last-child){} .Floor002891 .tab-list li a{width: 100%; max-width: 668px; } } @media(min-width:1025px) and (max-width:1366px){ .Floor002891 .tab-list li:not(:last-child){margin-bottom: 40px;} .Floor002891 .tab-list ol .Ispic{height: 413px;} } @media(max-width:1024px){ .Floor002891 .tab-list ol .Ispic{padding-bottom: 60%;} .Floor002891 .tab-list li{margin: 4vw 0;} } @media(max-width:640px){ .Floor002891 .ul-tab{margin: 4vw auto 6vw;} .Floor002891 .tab-list li .tit{font-size: 4vw;margin-bottom: 0.8em;} .Floor002891 .tab-list li p{font-size:3vw;} } @media(max-width:480px){ .Floor002891 .ul-tab li a{padding: 0 4vw;} } .auto_1000{max-width:1000px;} .update-list { margin-top: 15px; } .update-list h2 { font-size: 16px; line-height: 16px; margin:5px 0; } .update-list h4 { padding: 10px 0; margin-bottom: 12px; border-bottom: 1px solid #f5f5f5; font-size: 15px; } .update-list h4 a{color:#e7b90f;} .update-list ul { margin-bottom: 10px; } .update-list ul li { margin-top: 8px; font-size: 13px; line-height: 24px; list-style-type:none; } .update-list .label { display: inline-block; margin-right: 10px; padding: 5px 0; width: 80px; border-radius: 2px; font-size: 12px; } .recommend-dialog { border-radius: 5px; } .recommend-dialog .layui-layer-content { overflow: visible; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label-danger { background-color: #e74c3c; }.label-success { background-color: #18bc9c; } .label-info { background-color: #3498db; } .Bottom002743{background: #252525; background-size: 400px; padding-top:4%;color:#666} .Bottom002743 .copyright{line-height:24px;color:#666;margin-top:50px} .Bottom002743 .copyright .auto{border-top:1px solid #333;padding:1% 0 2%} .Bottom002743 .copyright a{color:#666;font-size:14px} .Bottom002743 .copyright a:hover{color:#888} .Bottom002743 .copyright a:not(:last-child):after{display:inline-block;content:'';width:1px;height:10px;background:#666;vertical-align:middle;margin:0 8px} .Bottom002743 .contact{max-width:470px} .Bottom002743 .contact .name,.Bottom002743 nav dl dt{font-size:18px;padding-bottom:8px} .Bottom002743 .contact li{padding-bottom:5px;line-height:24px;font-size:16px;color:#999} .Bottom002743 .contact li aside{padding-left:25px;background-position:left 3px;background-repeat:no-repeat;background-size:16px} .Bottom002743 .contact li:nth-child(1){padding-bottom:20px} .Bottom002743 .contact li:nth-child(1) aside{background-image:url(../images/Bottom002743_icon_call.png)} .Bottom002743 .contact li:nth-child(2) aside{background-image:url(../images/Bottom002743_icon_add.png)} .Bottom002743 .contact li:nth-child(3) aside{background-image:url(../images/Bottom002743_icon_add.png)} .Bottom002743 .contact li:nth-child(4) aside{background-image:url(../images/Bottom002743_icon_email.png)} .Bottom002743 .contact li:nth-child(5) aside{background-image:url(../images/Bottom002743_icon_qq.png)} .Bottom002743 .contact li b{font-size:36px;line-height:42px;color:#fbc600;font-family: arial, sans-serif;;margin-top:10px;display:block; letter-spacing: 1px;} .Bottom002743 nav dl dt{margin-bottom:10px} .Bottom002743 nav dl:last-child dt{text-align:center;border:none} .Bottom002743 nav{float:right;width:66%} .Bottom002743 nav dl{float:left} .Bottom002743 nav dd{line-height:30px;color:#fff} .Bottom002743 nav dt{color:#ddd} .Bottom002743 nav dt a{color:#ddd} .Bottom002743 nav dd>a{color:#999;font-size:15px} .Bottom002743 nav dd>a:hover{color:#ccc;} .Bottom002743 nav .code{text-align:center} .Bottom002743 nav .code img{max-width:100px} .Bottom002743 nav .code p{color:#999;margin:10px 0;font-size:16px} .Bottom002743 nav .bshare-custom { margin-top: 5px; } .Bottom002743 nav .bshare-custom a{float:left;;width:32px !important;height:32px !important;border-radius:50%;background:url(../images/Bottom002743_share.png) no-repeat left center;padding:0;margin:0 1px; opacity: 0.8} .Bottom002743 nav .bshare-custom a.bshare-qqim{background-position:center center} .Bottom002743 nav .bshare-custom a.bshare-sinaminiblog{background-position:right center} .Bottom002743 nav .bshare-custom a:hover{ opacity: 1} @media(max-width:1367px){ .Bottom002743 .copyright .auto{padding:1% 2% 3%} } @media(min-width:769px){.Bottom002743 .contact{float:left} .Bottom002743 .copyright aside{float:right} } @media(max-width:1024px){.Bottom002743{} .Bottom002743 nav{display:none} .Bottom002743 .contact{padding:2%;} .Bottom002743 .contact li b{font-size: 30px;line-height: 36px;} .Bottom002743 .links{margin:30px 0} .Bottom002743 .contact .name,.Bottom002743 .copyright{text-align:center;border:none;margin:0} .Bottom002743 .copyright aside{display:none} } .Contain{background: #f5f5f5;margin-top: -1px;} .Contain>.auto{ background: #fff } .Contain_full{ padding: 3% 0} .Contain .fl{ width: 20%;border-right:1px solid #eee; } .Contain .fr{ width: 78%; padding: 6%;} .Banner002167{position:relative;z-index:1; margin-top:98px;} .Banner002167 div{height:420px;background-position:center top;background-repeat:no-repeat; background-size: cover} .Banner002167 img{display:none} .Banner002167 aside{position:absolute;left:50%;top:50%;line-height:46px;height:46px;width:100%;font-size:33px;padding:0 2%;max-width:1200px;color:#fff;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} @media(max-width:1000px){ .Banner002167 div{display:none} .Banner002167 img{display:block;width:100%} .Banner002167{margin-top:80px;} } @media(max-width:640px){.Banner002167 aside{font-size:24px} } .Solution_t{padding-top:9%;} @media(max-width:768px){ .Solution_t{padding-top:120px;} } /*Menu003057 */ .Menu003057{margin-top:40px;} .Menu003057 .auto{border-bottom: 1px solid #e5e5e5;padding: 30px 0 26px } .Menu003057 ul{margin-top: 0px; text-align: center; width: 100%} .Menu003057 li{ display: inline-block; } .Menu003057 li a{color: #444;font-size: 16px;line-height: 42px;display: block; padding: 0 25px;transition: 0.3s; position: relative;} .Menu003057 li:hover a, .Menu003057 li.on a{color: #fff; background: #fbc600; } @media(max-width:1024px){ .Menu003057{margin-top:80px} .Menu003057{/*padding: 6vw 0;*/text-align: center;} .Menu003057 .col-name{font-size: 5vw;display: block;} .Menu003057 li{display: inline-block;} .Menu003057 li a{/*font-size:3.2vw;*/padding: 0 1em;margin-bottom: 10px;} } @media(max-width:640px){ .Menu003057{margin-top:0px} } .Menu001234{text-align: center;padding:2% 0; background: #f5f5f5} .Menu001234 .auto{height:42px;} .Menu001234 ul{text-align: center; display: inline-block;} .Menu001234 li{display: inline-block; margin:0 5px; } .Menu001234 li:last-child{margin-bottom:0} .Menu001234 li a{display:block;line-height:42px;padding:0 25px; font-size: 16px;} .Menu001234 li.aon a,.Menu001234 li:hover a{color:#fff;background: #fbc600;} .Singlepage{padding: 3% 0; font-size: 16px;line-height:30px;} .Singlepage .pic_list li{ width: 32.7%;margin-right:0.5%; float: left } .Singlepage .pic_list li:nth-child(3n){ margin-right:0} .Singlepage img{height:auto !important;} .Menu001111 .tit{ font-size:16px;padding: 20px; border-bottom: 1px solid #eee; color: #fff; background:#444; text-align: center;} .Menu001111 li{ border-bottom: 1px solid #eee; } .Menu001111 li a{display: block;line-height: 50px;height: 50px;font-size: 16px ; text-align: left; position: relative; padding:0 7%;overflow: hidden; } .Menu001111 li:hover a, .Menu001111 li.cur a{background: #fbc600; color: #fff } .Menu001111 li:hover a:after, .Menu001111 li.cur a:after{ content:""; display: block; width: 20px; height: 100%; position: absolute; right: -20px; top: 0; background: url(../images/Solution_arrow.png) no-repeat left center;background-size: 100% 100% } .Menu001111 .cur .tit{background: #fbc600; color: #fff } /*@media(max-width:640px){ .Menu001111 li{width:45%;margin-left:5%;float:left;} }*/ @media(max-width:640px){ .Contain .fl{width: 94%;} .Menu001111 li a{ font-size:14px;line-height: 40px;height: 40px;} .Menu001111 li:hover a:after, .Menu001111 li.aon a:after{right: -20px;} .Contain .fr{ width: 100%;border-left: none;} } .PicList002274{padding: 0 0 3% 0;margin-top: -30px;} .PicList002274 .left img{width:100%;transition: transform .5s ease-in-out } .PicList002274 li:hover .left img{ transform: scale(1.1);} .PicList002274 .left .ispic{padding-top: 80.76%;transition: transform .5s ease-in-out;background-repeat: no-repeat; background-position: center center; background-size: contain;} .PicList002274 li:hover .left .ispic{ transform: scale(1.1);} .PicList002274 .right .time{font-size:12px;color:#666;border:1px solid #ccc;padding:4px 15px; margin-top:0px;display:inline-block;border-radius:100px;margin-bottom: 10px;} .PicList002274 .right .h3{color:#000;font-size:20px;font-weight: normal; margin:10px 0} .PicList002274 .right .p{color:#666;overflow:hidden; line-height: 2em; height: 60px; } .PicList002274 .right span{ color: #666; font-size:1em; margin-top:20px; display: block; } .PicList002274 ul li{margin-bottom:0;background:#fff;padding:35px 0;position:relative; border-bottom:1px solid #eee;transition:.5s} .PicList002274 ul li a{display:block;height:auto;overflow:hidden} @media(min-width:768px){ .PicList002274 .left{float:left;width:34%} .PicList002274 .right{float:right;width:60%;padding: 0} .PicList002274 .right .time{margin-top:14px} .PicList002274 ul li{padding-right:20px} } @media(max-width:768px){ .PicList002274{padding: 0} .PicList002274 ul li{padding: 0 0 2% 0} .PicList002274 .right .time{margin:20px 0 5px} } /* .PicList00227422{padding: 0 0 3% 0;margin-top: -30px;} */ .PicList00227422 .left .ispic{padding-top: 80.76%;transition: transform .5s ease-in-out;background-repeat: no-repeat; background-position: center center; background-size: contain;} .PicList00227422.right .time{font-size:12px;color:#666;border:1px solid #ccc;padding:4px 15px; margin-top:0px;display:inline-block;border-radius:100px;margin-bottom: 10px;} .PicList00227422 .right .h3{color:#000;font-size:20px;font-weight: normal; margin:10px 0} .PicList00227422 .right .p{color:#666;overflow:hidden; line-height: 2em; height: 60px; } .PicList00227422 .right span{ color: #666; font-size:1em; margin-top:20px; display: block; } .PicList00227422 ul li{margin-bottom:0;background:#fff;padding:35px 0;position:relative; border-bottom:1px solid #eee;transition:.5s} .PicList00227422 ul li a{display:block;height:auto;overflow:hidden} @media(min-width:768px){ /* .PicList00227422 .left{float:left;width:34%} */ .PicList00227422 .right{float:right;width:60%;padding: 0} .PicList00227422 .right .time{margin-top:14px} .PicList00227422 ul li{padding-right:20px} } @media(max-width:768px){ .PicList00227422{padding: 0} .PicList00227422 ul li{padding: 0 0 2% 0} .PicList00227422 .right .time{margin:20px 0 5px} } .Floor002411 .open-video{/*position: absolute;left: 49%;bottom: 40%;*/cursor: pointer;z-index: 10;} .video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:501; background:rgba(0,0,0,0.85);} .video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:107px;} .video-box .close::before, .video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-box .ytable{height: 100%;} .video-box .ytable-cell{ text-align:center;} .video-box video{ width:90%; max-width:900px;} .video-box iframe{width: 90%; height: 90%;} .video-box .cartoonbox{ height: 90%; overflow-y: auto; text-align: left; background-color: #fff; margin: 0 auto; max-height: 800px; display: inline-block; max-width:800px; padding: 2%;} .PicList002925{padding:3% 0 0;position:relative;z-index:50} .PicList002925 .list{padding:0 3.4375vw} .PicList002925 .list ul{margin:0 -2vw} .PicList002925 .list ul:nth-child(1){margin-bottom:0px} .PicList002925 li{float:left;text-align:center;position:relative; background:url(../images/PicList002925_taibg.png) repeat-x top 88% left;list-style: none} .PicList002925 li a{display:block;position:relative;z-index:3} .PicList002925 li .ytable{height:235px} .PicList002925 li .ytable-cell{vertical-align:bottom} .PicList002925 li figure{position:relative} .PicList002925 li figure img{max-height:230px;padding:8px;background:url(../images/PicList002925_kuang.png) no-repeat;background-size:100% 100%} .PicList002925 li .tit{margin-top:30px;padding:0 5%} .PicList002925 li .tit aside{font-size:16px;line-height:24px;height:50px;color:#444} .fancybox-title-float-wrap{font-weight:400 !important; font-size: 14px !important} @media(min-width:769px){.PicList002925 li{width:25%;padding:0 30px} .PicList002925 li:first-child:before,.PicList002925 li:nth-child(4n+1):before{position:absolute;top:0;content:'';height:100%; background:url(../images/PicList002925_taibg_l.png) no-repeat left top 88% #F5F5F5;width:7.4375vw;left:-2vw} .PicList002925 li:last-child:before,.PicList002925 li:nth-child(4n):before{position:absolute;top:0;content:'';height:100%; background:url(../images/PicList002925_taibg_r.png) no-repeat right top 88% #F5F5F5;width:7.4375vw;right:-2vw} } @media(max-width:768px){.PicList002925{padding:30px 0} .PicList002925 .list{padding:0 20px} .PicList002925 li{width:100%} .PicList002925 li .ytable{height:auto} .PicList002925 li figure{width:80%;margin:0 auto} .PicList002925 li .tit{margin:40px 0 20px} .PicList002925 li{background:url(../images/PicList002925_taibg.png) repeat-x top 86% left } .PicList002925 li:first-child:before,.PicList002925 li:nth-child(2n+1):before{position:absolute;top:0;content:'';height:100%;background:url(../images/PicList002925_taibg_l.png) no-repeat left top 86% #f5f5f5;width:7vw;left:-3vw} .PicList002925 li:last-child:before,.PicList002925 li:nth-child(2n):before{position:absolute;top:0;content:'';height:100%;background:url(../images/PicList002925_taibg_r.png) no-repeat right top 86% #f5f5f5;width:7vw;right:-3vw} } .Page002046 .Pages{text-align:center;padding:4% 0 4%} .Page002046 .Pages a{display:inline-block;vertical-align:middle;border:1px solid #ececec;background:#fff;padding:0 15px;line-height:38px;color:#999} .Page002046 .Pages a.a_cur,.Page002046 .Pages a:hover{background-color:#fbc600;color:#fff} .Page002046 .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden} .Page002046 .Pages em a{float:left;margin-left:-1px} .Page002046 .Pages .p_count,.Page002046 .Pages .p_cur,.Page002046 .Pages .p_jump,.Page002046 .Pages .p_total{display:none} .Page002046 .Pages .a_next,.Page002046 .Pages .a_prev{padding:0;width:44px;background:url(../images/Page002046-a_prev.gif) no-repeat center center #fff;overflow:hidden;line-height:1000px;height:38px} .Page002046 .Pages .a_next{background:url(../images/Page002046-a_next.gif) no-repeat center center #fff} @media(max-width:640px){.Page002046 .Pages .a_end,.Page002046 .Pages .a_first{display:none} } @media(max-width:480px){.Page002046 .Pages a{padding:0 15px} } .RighInfo002275{padding:3% 0} .RighInfo002275 .con_title{margin-bottom:10px;text-align:center} .RighInfo002275 .con_title h1{font-size:32px;font-weight:400;margin:0;padding:0 0 10px 0} .RighInfo002275 .con_title h1:after{content:"";display:block;width:50px;height:3px;background-color:#e60012;border-right:25px solid #666;margin:20px auto 30px} .RighInfo002275 .item{height:auto;overflow:hidden; background: #f5f5f5} .RighInfo002275 .text{padding:20px 100px} .RighInfo002275 .map .map_con{height:100%} .RighInfo002275 .map img{max-width:none!important} .RighInfo002275 .map{width:100%;overflow:hidden;} .RighInfo002275 .text{width:100%;margin-top: 30px;padding:6%;height:400px;position:relative} .RighInfo002275 .text:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/lawyer_bg.png) no-repeat right 60px bottom 40px;background-size:260px;opacity:.8} .RighInfo002275 .text .title{color:#ddd;margin-bottom:30px} .RighInfo002275 .text .title h1{margin:0;font-size:26px;color:#444;font-weight:400} .RighInfo002275 .text dl{position:relative;z-index:50} .RighInfo002275 .text dd{line-height:26px;font-size:16px;color:#666;padding-left:25px;margin:12px 0} .RighInfo002275 .text dd:nth-child(1){background:url(../images/contact_phone.png) no-repeat left 4px;background-size:20px} .RighInfo002275 .text dd:nth-child(2){background:url(../images/contact_fax.png) no-repeat left 4px;background-size:20px} .RighInfo002275 .text dd:nth-child(3){background:url(../images/contact_add.png) no-repeat left 4px;background-size:20px} .RighInfo002275 .text dd:nth-child(4){background:url(../images/contact_email.png) no-repeat left 4px;background-size:20px} @media(max-width:1440px){ .TextList001652 .list_ul li:last-child{padding: 1.5em 20px;} } @media(min-width:769px){ .RighInfo002275 .item:nth-child(2n){margin-top:25px} .RighInfo002275 .item:nth-child(2n) .map{float:right} .RighInfo002275 .item:nth-child(2n) .text{float:left} } @media(max-width:768px){ .RighInfo002275{padding:0 0 30px 0} .RighInfo002275 .auto{background:0 0} .RighInfo002275 .map{height:200px} .RighInfo002275 .map, .RighInfo002275 .text{float:left;width:100%} .RighInfo002275 .text{padding:30px;height:auto} .RighInfo002275 .text .title{margin:0 0 10px 0;font-size:20px} .RighInfo002275 .text .title h1{margin:0 0 20px 0;font-size:22px;} .RighInfo002275 .text .p{line-height:26px} .RighInfo002275 .con_title h1:after{margin:10px auto 10px} .RighInfo002275 .item{ margin-bottom: 20px; } } .Timeline000913{padding:3.8% 0} .Timeline000913 .main_title{text-align:center;margin-bottom:25px} .Timeline000913 .main{position:relative;z-index:1;padding-bottom:4vw} .Timeline000913 .main .quan{display:block;width:10px;height:10px;border-radius:50%;background:#fff;border:1px solid #dedede} .Timeline000913 .main:before{position:absolute;content:'';width:1px;top:10px;bottom:0;background:#e5e5e5} .Timeline000913 .main:after{ position:absolute;content:'';bottom:0; width: 33px; height: 17px; background: url(../images/Timeline000913_arrow.png); left: 50%;margin-left: -16px; } @media(min-width:769px){.Timeline000913 .main .quan{margin:0 auto} .Timeline000913 .main:before{left:50%} .Timeline000913 .outer>.ytable-cell{width:50%} } @media(max-width:768px){.Timeline000913 .outer,.Timeline000913 .outer>.ytable-cell{display:block} .Timeline000913 .main:before{left:5px} } .Timeline000913 .item{position:relative;z-index:4} .Timeline000913 .item:not(:last-child){margin-top:-10px} .Timeline000913 .info{position:relative} .Timeline000913 .info:before{position:absolute;content:'';top:50%;margin-top:-16px;border:16px solid transparent} .Timeline000913 .info .inner{background:#f5f5f5;padding:40px;border-radius:0px} .Timeline000913 .pic{width:35%} .Timeline000913 .pic img{border-radius:0px;transition:transform .5s ease-in-out} .Timeline000913 .info .inner:hover .pic img{transform:scale(1.06)} .Timeline000913 .pre pre{font-size:15px;line-height:1.867em} .Timeline000913 .year{font-family:Fonts;color:#fbc600;font-size:26px} .Timeline000913 .year aside{background-repeat:no-repeat;background-image:url(../images/Timeline000913_icon.png)} @media(min-width:769px){.Timeline000913 .item:nth-of-type(2n-1) .info{padding-right:32px} .Timeline000913 .item:nth-of-type(2n) .info{padding-left:32px} .Timeline000913 .item:nth-of-type(2n-1) .info:before{right:0;border-left-color:#f5f5f5} .Timeline000913 .item:nth-of-type(2n) .info:before{left:0;border-right-color:#f5f5f5} .Timeline000913 .item:nth-of-type(2n-1) .pre{padding-left:2vw} .Timeline000913 .item:nth-of-type(2n) .pre{padding-right:2vw} .Timeline000913 .item:nth-of-type(2n-1) .year aside{margin-left:-10px;background-position:left center} .Timeline000913 .item:nth-of-type(2n) .year aside:after,.Timeline000913 .item:nth-of-type(2n-1) .year aside:before{display:inline-block;content:'';width:60px;height:1px;vertical-align:middle;background:#e5e5e5;margin:-10px 0 0;z-index:-10;position:relative} .Timeline000913 .item:nth-of-type(2n) .year aside{background-position:right center;margin-right:-11px;text-align:right} } @media(max-width:768px){ .Timeline000913 .main{margin-left:3vw} .Timeline000913 .item:not(:last-child){margin-top:20px} .Timeline000913 .year{font-size:7vw} .Timeline000913 .year aside{padding-left:32px;background-position:left center;margin-left:-5px} .Timeline000913 .year aside:before{display:inline-block;content:'';width:30px;height:1px;vertical-align:middle;background:#d9d9d9;margin:-1vw 3vw 0} .Timeline000913 .info{padding:10px 0 0 30px} .Timeline000913 .info .inner{padding:30px} .Timeline000913 .pic{margin:0 0 20px} .Timeline000913 .pic,.Timeline000913 .pre{display:block;width:100%;padding:0} } .TextList001652{padding:0% 0 0} .TextList001652 .top{line-height:26px;margin-bottom:3%} .TextList001652 .job_ol,.TextList001652 .list_ul{overflow:hidden;clear:both; border-radius: 0px;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{list-style:none;float:left;width:28%; padding: 0 50px;} .TextList001652 .job_ol li:last-child, .TextList001652 .list_ul li:last-child{ width: 16%;text-align: center; } .TextList001652 .job_ol li{background-color:#444;color:#fff;line-height:4em} .TextList001652 .list{border-bottom:1px solid #ebebeb} .TextList001652 .job_info{display:none} .TextList001652 .list_ul{cursor:pointer;font-size:14px} .TextList001652 .list_ul li{padding:1.5em 50px;line-height:2.4em} .TextList001652 .list_ul li:last-child a{border:1px solid #ddd;color:#444;border-radius:100px;display:inline-block;padding:0 7%;line-height:2.4em;transition:.5s} .TextList001652 .list_ul li:last-child a:hover{background-color:#f39800;color:#fff; border-color: #f39800} .TextList001652 .job_info{padding:3% 7%;background:#f3f3f3;line-height:26px;display:none; border-radius:0px;} @media(max-width:640px){ .TextList001652 .list{ border: 1px solid #ebebeb;margin-bottom:10px} .TextList001652 .job_ol { background-color: #444;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:20%!important;padding:5px!important;} .TextList001652 .list_ul{ background-color: #f9f9fa;} .TextList001652 .list_ul li{font-size:16px;margin-bottom:0;box-shadow:none; border-radius:0} .TextList001652 .job_ol li:nth-child(1), .TextList001652 .list_ul li:nth-child(1){width:60%!important; text-align:left; font-size:16px} .TextList001652 .job_ol li:nth-child(4){display: none;} .TextList001652 .list_ul li:nth-child(4){width:100%!important;} .TextList001652 .list_ul li:nth-child(4) a{line-height: 2em; background: #fbc600; color: #fff;font-size:14px} .list_ul li:hover{ border: none!important; color: #666!important;} } .Map002520{ padding:3% 0 2%;} .Map002520 .auto{ background:#fff; } .Map002520 .select{ } .Map002520 .select dl > *{ float:left;} .Map002520 .select dd{position:relative; z-index:20; width:28%; margin-right:2%;} .Map002520 .select dd > a{ position:relative; line-height:45px; border:1px solid #e5e5e5; border-radius:45px; color:#666;} .Map002520 .select dd > a::after{ position:absolute; content:''; border:6px solid transparent; border-top-width:7px; border-top-color:#ababab; right:16px; margin-top:-3px; top:50%;} .Map002520 .select dd a{padding:0 16px; display:block;} .Map002520 .select dd figure{ position:absolute; left:16px; right:16px; top:100%; background:#fff;border:1px solid #e5e5e5; border-top:0;max-height:300px; overflow:auto; display:none;} .Map002520 .select dd figure a{ line-height:30px; } .Map002520 .select dd figure a:hover{ background:#f9f7e9; color:#000;} .Map002520 .select dt{ width:40%;} .Map002520 .search{ position:relative;} .Map002520 .search .text{ width:100%;line-height:45px;height:45px; border:1px solid #e5e5e5; border-radius:45px; color:#666;padding:0 55px 0 16px;} .Map002520 .search .btn{ position:absolute; right:0; top:0; width:55px; height:100%; background:url(../images/Map002520-btn.png) no-repeat center center;} @media(max-width:480px){ .Map002520 .select dl > *{ float:none; margin-bottom:10px; width:auto !important;} } .Linklist002317{padding:3% 0 0} .Linklist002317 .auto{overflow:hidden} .Linklist002317 .pban {margin-bottom:3%;} .Linklist002317 .pban img {display:block;width:100%; height:auto;} .Linklist002317 ul:nth-child(1), .Linklist002317 ul:nth-child(2){margin:0 0 20px 0} .Linklist002317 ul li{float:left;width:15.4%;margin-right:1.5%;text-align:center} .Linklist002317 ul li .pic_con{overflow:hidden; } .Linklist002317 ul li .pic{display:block;position:relative;padding-bottom:50%; background-size:contain;background-color:#fff;transition:transform .5s ease-in-out;} .Linklist002317 ul li:hover .pic{transform:scale(1.15)} .Linklist002317 ul li h1{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:10px 0 0;font-weight:400;font-size:14px} @media(min-width:769px){.Linklist002317 ul li:nth-child(6n){margin-right:0} } @media(max-width:768px){ .Linklist002317{padding: 5vh 0} .Linklist002317 ul li{float:left;width:49%;margin-right:2%; margin-bottom:2%} .Linklist002317 ul li:nth-child(2n){margin-right:0} .Linklist002317 ul:nth-child(1), .Linklist002317 ul:nth-child(2){margin:0 0 0px 0} } .PicList000593{padding-top:3.8%} .PicList000593 .fl{ width: 18%; } .PicList000593 .fr{ width: 78%; } .PicList000593.row_2{ padding-top: 0;} .PicList000593.row_2 li{ margin-bottom: 2%; width: 49%;} .PicList000593.row_2 li:nth-child(3n){margin-right:2%} .PicList000593.row_2 li:nth-child(2n){margin-right:0} .PicList000593 ul:first-child{margin-bottom:2%} .PicList000593 li{border-radius:0px;overflow:hidden;float:left;width:32%;margin-right:2%;position:relative;background:#f5f5f5} .PicList000593 li:nth-child(3n){margin-right:0} .PicList000593 li .video_files{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10} .PicList000593 li .video_files video{width:100%;height:100%;background-color:#000} .PicList000593 li .video_files .close{position:absolute;right:3%;top:3%;z-index:10;width:30px;height:30px;border-radius:50%;background-color:#d71518;cursor:pointer} .PicList000593 li .video_files .close::after,.PicList000593 li .video_files .close::before{position:absolute;content:'';width:3px;height:70%;border-radius:3px;background-color:#fff;left:13px;top:5px} .PicList000593 li .video_files .close::before{transform:rotate(45deg)} .PicList000593 li .video_files .close::after{transform:rotate(-45deg)} .PicList000593 li figure{position:relative} .PicList000593 li figure em{display:block;padding-bottom:57%;background-size:contain;background-position:center center;background-repeat:no-repeat} .PicList000593 li figure a{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.3);transition:.5s} .PicList000593 li:hover figure a{background-color:rgba(0,0,0,.5)} .PicList000593 li figure a::before{position:absolute;content:'';z-index:5;top:50%;left:50%} .PicList000593 li figure a::before{width:55px;height:55px;background:url(../images/play.png) no-repeat center center;background-size:contain;margin-left:-25px;margin-top:-25px;border-radius:50%;opacity:.6} .PicList000593 li p{text-align:center; font-size: 16px} @media(max-width:768px){ .PicList000593 .fl, .PicList000593 .fr{ width: 100%; } .PicList000593 .fl{margin: 20px 0;} .PicList000593{padding-top:0} .PicList000593 ul:first-child{margin-bottom:0} .PicList000593 li{width:100%;margin:0 0 20px 0} .PicList000593.row_2 li{ width: 100%;margin:0 0 20px 0} .PicList000593.row_2 li:nth-child(3n){margin-right:0} } .TextList002205{padding:3.8% 0 0} .TextList002205 .list .item{margin-bottom:15px;border:1px solid #eee;background:#f5f5f5;border-radius:5px;overflow:hidden} .TextList002205 .list .item:last-child{margin-bottom:0} .TextList002205 .list .item i.icon{display:block;position:absolute;right:20px;top:20px;background:url(../images/TextList002205-icon.png) -44px -82px no-repeat;width:21px;height:11px;transition:all .5s ease-out 0s;overflow:hidden} .TextList002205 .list .item .Q{margin:0;line-height:24px;padding: 18px 0; padding-left:75px;padding-right:20px; position:relative;cursor:pointer;transition:all .5s ease-out 0s;font-weight:400;font-size:16px;background:#fff} .TextList002205 .list .item .Q>a{color:#444;font-size:16px} .TextList002205 .list .item em.icon{font-family:Fonts2;position:absolute;top:0;left:0;width:50px;height:100%;display:block; text-align:center;font-size:24px;font-weight:700;font-style:normal;color:#fbc600;padding: 18px 0} .TextList002205 .list .item .Q em.icon{background:#fff;border-right:1px solid #eee;transition:all .5s ease-out 0s} .TextList002205 .list .item .A{ font-size: 16px; line-height:28px;position:relative;padding:60px 60px 60px 120px;} .TextList002205 .list .item .A em.icon{background:#fff;color:#666;transition:all .5s ease-out 0s} .TextList002205 .list .item.active .Q em.icon{background:#fbc600; color:#fff;} .TextList002205 .list .item.active i.icon{background-position:-44px -70px} .TextList002205 .search{ text-align: right; position: relative; padding-right:42px; margin-bottom: 3%} .TextList002205 .search .btn{position:absolute;display:block; top: 0;right: 0; width:42px;height: 100%;background:#000 url(../images/Top002070-search_btn1.png) no-repeat center center/cover; cursor: pointer;} .TextList002205 .search .text{ width: 100%; max-width: 300px; height: 38px; border: solid 1px #ddd; padding: 5px;} @media(max-width:768px){ .TextList002205 .list .item .A{line-height:24px;padding:20px 20px 20px 80px;} } .RichInfo005{padding:0;} .RichInfo005 .news_info{height:auto;overflow:hidden} .RichInfo005 .news_info .title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #d2d2d2;margin-bottom:30px} .RichInfo005 .news_info .title h1{margin:0;padding-bottom:15px;font-size:26px;font-weight:400;color:#444} .RichInfo005 .news_info .title p{margin:0;padding-bottom:10px} .RichInfo005 .news_info .title p span{margin:0 5px;color:#777;font-family:Arial,Helvetica,sans-serif} .RichInfo005 .news_info .info{text-align:justify;text-justify:inter-ideograph} .RichInfo005 .news_info .center{text-align:center} .RichInfo005 .info{font-size: 14px !important; line-height: 28px !important; } .RichInfo005 .news_info .info p{margin:5px 0 !important; font-size: 16px !important; line-height: 28px !important; } .RichInfo005 .info img{ margin:30px auto; display: block; } .RichInfo005 .info video{width:70%;display:block;margin:3% auto} .RichInfo005 .info .tou{width:100px;height:100px;overflow:hidden;margin:20px auto 50px;border-radius:50%} .RichInfo005 .info .tou img{height:100%;width:auto;margin:0} .RichInfo005 .bot{position:relative;margin-top:80px} .RichInfo005 .info_back{text-align:center;clear:both; padding:0;position:absolute;right:0;bottom:0} .RichInfo005 .info_back a{transition:.5s;color:#fff;font-size:16px;background:#fbc600; background-size:200% 100%;display:block;padding:0px 30px;line-height: 46px; border-radius:0px;text-align:center} .RichInfo005 .info_back a:hover{background-size:100% 300%} .RichInfo005 .info_pn span{display:block;font-size:14px;margin:15px 0; font-size: 16px;} .RichInfo005 .info_pn span a{color:#666} @media(max-width:1000px){ .RichInfo005 { padding:30px 0; } .RichInfo005 .news_info .title h1{font-size:20px; line-height: 28px;} .RichInfo005 .info_back{ position:relative; width: 100% } .RichInfo005 .info img{width: 90%; margin:0 auto; display: block; } } .RichInfo006{padding: 3% 0;margin-top: 150px} .RichInfo006 .title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #d2d2d2;margin-bottom:30px} .RichInfo006 .title h1{margin:0;padding-bottom:15px;font-size:26px;font-weight:400;color:#444} .RichInfo006 .title p{margin:0;padding-bottom:10px} .RichInfo006 .title p span{margin:0 5px;color:#777;font-family:Arial,Helvetica,sans-serif} .RichInfo006 .info{text-align:justify;text-justify:inter-ideograph} .RichInfo006 .downloadFile{border:none;} .Solution{ padding:0;font-size: 16px;line-height:30px; } .Solution .main_title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #ddd;margin-bottom:30px} .Solution .main_title h1{margin:0;padding-bottom:15px;font-size:32px;font-weight:400;color:#444;line-height: 38px;} .Solution .solu_tit{ font-size: 24px; font-weight: normal; color: #222; background: url(../images/solu_tit.png) no-repeat left center; padding-left:35px; } .Solution h2{ font-size:20px; font-weight: normal; color: #222 } /*.Solution img{margin:20px 0;}*/ .Solution .line{ width: 100%;height: 2px; border-bottom: 1px dashed #ddd;margin:50px 0; } .Solution .tab{ text-align: center; margin-bottom:5%; } .Solution .tab span{ display: inline-block; font-size: 16px; line-height: 50px;margin:0 15px;padding: 0 15px; } .Solution .tab span.on{ background: #fbc600; color: #fff } .social-share .social-share-icon{ background: url(../images/Bottom002825_qq.png) no-repeat center center !important; border-radius: 50%;transition: .3s;} .social-share .icon-qq:before, .social-share .icon-weibo:before, .social-share .icon-wechat:before{ display:none !important;} .social-share .icon-weibo{ background: url(../images/Bottom002825_sina.png) no-repeat center center !important;} .social-share .icon-wechat{ background: url(../images/Bottom002825_wx.png) no-repeat center center !important;} .social-share .social-share-icon:hover{ border-color:#ce1b2a;background :url(../images/Bottom002825_qq_on.png) #ce1b2a no-repeat center center !important;} .social-share .icon-weibo:hover{ background: url(../images/Bottom002825_sina_on.png) #ce1b2a no-repeat center center !important;} .social-share .icon-wechat:hover{ background: url(../images/Bottom002825_wx_on.png) #ce1b2a no-repeat center center !important;} /* .招聘表单 */ .Form001725{ padding:3% 3% 4%; background:#fff;} .Form001725 .form{ padding-top:30px; max-width:1000px; width:100%;} .Form001725 .form td{ padding-bottom:20px; font-size:14px; } .Form001725 .form td.w1{ width:44%;} .Form001725 .form td.w2{ width:5%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:45px;height:45px; text-indent:10px; background:none; } .Form001725 .form p{ margin:0 0 10px 0;color:#fbc600; background:url(../images/Form001725-icon.png) no-repeat left center; padding-left:5px;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#fbc600; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin-top:35px;} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} .Form001725 .form .but{ text-align:center;} /* .搜索 为demo编号 */ .TextList000746{ padding:3% 3% 4%; } .TextList000746 li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:10px 0;} .TextList000746 li a{ padding-left:20px; background:url(../images/TextList000746-icon.jpg) no-repeat 5px center;} .TextList000746 li a:hover{ color:#0D70B5;} .TextList000746 li time{ float:right; color:#999; font-size:12px; margin-left:10px;} /* 友情链接 为demo编号 */ .TextList0007445{ padding:3% 3% 4%; } .TextList0007445 li{/* border-bottom: #f0f0f0 1px dashed; */line-height:27px;padding:10px 0;float:left;width:33%;margin-bottom: 1%;} .TextList0007445 li a{padding: 16px;padding-left:20px;background:url(../images/TextList000746-icon.jpg) no-repeat 5px center;font-size: 16px;background: #eee;margin: 0 20px;} .TextList0007445 li a:hover{ color:#0D70B5;} .TextList0007445 li time{ float:right; color:#999; font-size:12px; margin-left:10px;} /*Floor003036 */ .Floor003036{background-size: 100% auto;padding: 70px 0;} .Floor003036 .auto{position: relative; z-index: 101;/*min-height:27.08vw;*/overflow: hidden;} .Floor003036 .right{background-color: #2d2d2d;padding-top: 20px;} .Floor003036 .right li a{display: block;padding: 0 1.81vw 0 3.08vw;height: 70px;border-right: 3px solid transparent;color: #fff;} .Floor003036 .right li .Ispic{position: absolute;} .Floor003036 .right li .ytable{height: 100%;} .Floor003036 .right li aside{position: relative;padding-left: 48px;/*font-family: 'SourceHanSansCN-Light';*/font-size:17px;line-height: 1.875em;max-height:5.625em;color: #fff;} .Floor003036 .right li .num{ position: absolute;left: 0;top: 0.2em;line-height: 20px; width: 33px; height:24px;text-align: center; color: #fff; border-radius: 2px; font-family: 'ArialMT';font-size: 12px;} .Floor003036 .right li.active a aside{ color:#fbc700} .Floor003036 .right li.active .num{background: #e28e07;} .Floor003036 .right li.active .num{background: url(../images/vicon2.png) no-repeat left center/24px;} .Floor003036 .more{display: block;border: 1px solid #ddd;padding: 12px 0 12px 0;max-width: 135px;width: 90%;text-align: center;color: #333;font-size:15px;position: relative;margin: 0 auto;margin-top: 20px;transition: color .5s;} .Floor003036 .more span{ position: relative; z-index: 3; color:#333; } .Floor003036 .more:after{ content: "";position: absolute; left: 0; top: 0; width: 0; height: 100%;background: #fbc600;transition: width .5s; } .Floor003036 .more:hover{ color: #fff;} .Floor003036 .more:hover:after{ width: 100%;} .Floor003036 .video_files{position:absolute; left:0; top:0; width:58%; height:460px; z-index:10;} .Floor003036 .video_files video{width:100%; height:100%; background-color:#000;} .Floor003036 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .Floor003036 .video_files .close::before, .Floor003036 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .Floor003036 .video_files .close::before{ transform:rotate(45deg);} .Floor003036 .video_files .close::after{ transform:rotate(-45deg);} .Floor003036 .right p{margin-bottom:0;} .moreVideo{background:rgba(0,0,0,.4);line-height:60px;text-align:center;display: block;height:60px;line-height:60px;color:#fff;} .moreVideo:hover{color:#fff;text-decoration: underline;} @media(max-width:1200px){ .Floor003036 .auto{padding: 0;width: 96%;} } .Floor003036 .right{float: right;width: 42%;} .Floor003036 .right li .Ispic{left: 0;top: 0;height: 462px;width: 58%;opacity: 0;transition: 0.5s;} .Floor003036 .right li.active .Ispic{opacity: 1;} @media(min-width:1025px){ .Floor003036{/* padding-top: 60px; */} } @media(max-width:768px){ .Floor003036 { padding: 40px 0;} .Floor003036 .auto{position: relative;z-index: 101; overflow: inherit ; } .Floor003036 .right-box{ min-height: 680px;} .Floor003036 .right li a{display: block;padding: 0 1.81vw 0 4.08vw;height: 56px;border-right: 3px solid transparent;color: #fff;} .Floor003036 .right li .Ispic{position: absolute;} .Floor003036 .right li .ytable{height: 100%;} .Floor003036 .right li aside{position: relative;padding-left: 48px;font-family: 'SourceHanSansCN-Light';font-size: 15px;line-height: 1.875em;max-height:5.625em;color: #fff;} .Floor003036 .right li .num{ top: 0.32em; width: 33px;height: 25px; } .Floor003036 .right li.active .num{background: url(../images/vicon2.png) no-repeat left center/24px;} .Floor003036 .video_files{position:absolute; left:0; bottom: 4px; top: auto; width:100%; height:300px; z-index:10;} .Floor003036 .right{ width: 100%; } .Floor003036 .right li .Ispic{left: 0;bottom: 4px;top: auto;height: 300px;width: 100%;opacity: 0;transition: 0.5s;} .Floor003036 .right li.active .Ispic{opacity: 1;} } .Floor002411 .wrap-content .slider{ padding-right: 60px; position: relative; margin-left: 6%;} .Floor002411 .wrap-content .slider .slick-arrow{ display: block; width: 50px; height: 50px; border: 0; position: absolute; right: 0; background: url(../images/Floor002411-btns_icon.png) no-repeat; text-indent: 9999px; overflow: hidden;} .Floor002411 .wrap-content .slider .slick-prev{ top: 0; background-position: 0 0;} .Floor002411 .wrap-content .slider .slick-next{ bottom: 0; background-position: -50px 0;} .Floor002411 .wrap-content .slider .slick-prev:hover{ background-position: 0 -50px;} .Floor002411 .wrap-content .slider .slick-next:hover{ background-position: -50px -50px;} @media(max-width:1024px){ .Floor002411 .wrap-content .slider{padding-right: 40px;} .Floor002411 .wrap-content .slider .slick-arrow{width: 35px; height: 35px; background-size: 70px;} .Floor002411 .wrap-content .slider .slick-prev{ top: 0; background-position: 0 0;} .Floor002411 .wrap-content .slider .slick-next{ bottom: 0; background-position: -35px 0;} .Floor002411 .wrap-content .slider .slick-prev:hover{ background-position: 0 -35px;} .Floor002411 .wrap-content .slider .slick-next:hover{ background-position: -35px -35px;} } .downloadFile{padding-top:30px;border-top: 1px solid #eee;margin-top:30px;text-align:center;} .downloadFile a{background:#f5f5f5;padding: 10px 30px;} .downloadFile a:hover{background-color:#fbc600;} @media(max-width:1440px){ .Banner002729{padding-top:22px;} .Top002070 .header-menu li em a{line-height:80px;} /* .Top002070 .header-left img{height:30px;} */ .Top002070 .header-left{height: 80px; display: flex; align-items: center;} /* .Top002070 .header-left{padding: 25px 0} */ .Top002070 .header-right{padding:25px 0} .auto_1400,.Floor002411 .auto{max-width:1200px;} .Floor003036 .right li aside{font-size:16px;} } .Form002324{ position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:9999; display: none} .Form002324 .wrap-container{ position:fixed; top:50%;margin-top: -300px; width:600px; height:auto; margin-left:-300px; left:50%; background:#fff; z-index:100;} .Form002324 .closeBtn{ position:absolute; top:20px; right:20px; height:17px; width:17px; display:block; background:url(../images/Form002324-colseBtn.jpg) no-repeat;} .Form002324 .Title{ font-size:24px; color:#555555; text-align:center; line-height:100px;} .Form002324 input{ display:block; color:#6e6e6e; border:1px solid #dcdcdc; height:43px; line-height:33px; padding:5px 10px 5px 10px; width: 100%} .Form002324 select{ display:block; color:#6e6e6e; border:1px solid #dcdcdc; height:43px; line-height:33px; padding:5px 10px 5px 10px; width: 100%} .Form002324 textarea{ display:block; color:#6e6e6e; border:1px solid #dcdcdc; height:120px; line-height:33px; padding:5px 10px 5px 10px; width: 100%} .Form002324 .btn{ background: #fbc600; color: #fff;border:none; margin-bottom: 50px; cursor: pointer } .Form002324 dd{position: relative; margin:0 auto 10px; width:348px;} .Form002324 dd em{position:absolute; right: -10px; top: 0; font-style:normal; color: red} @media only screen and (max-width:664px ) { .Form002324 .wrap-container{top:0;margin-top: 0; width:100%; height:100%; margin-left:0; left:0; padding: 5%;} .Form002324 input,.Form002324 textarea{ width: 100%;} .Form002324 .Title{ font-size: 20px; line-height: 70px;} } .Menu000655 .auto{ background: #f5f5f5;} .Menu000655_2 { background: #f5f5f5;} .Menu000655 ul{ text-align: center; height: auto; overflow:hidden; } .Menu000655 ul li{ display: inline-block; font-size: 16px; margin: 20px 10px; } .Menu000655 ul li a{line-height: 40px; display: block; padding: 0 15px; } .Menu000655 ul li:hover a, .Menu000655 ul li.aon a{ background: #fbc600; color: #fff; } @media(max-width:768px){ .Menu000655 .auto{ padding: 20px 2% } .Menu000655 ul li{ width: 48%;margin:0;margin-right: 4%; float: left } .Menu000655 ul li:nth-child(2n){ margin-right: 0 } } .Menu002119{padding-bottom:10%;} .Menu002119 ul{ text-align: center; } .Menu002119 ul li{ display: block; font-size: 16px; width: 100% } .Menu002119 ul li a{line-height: 50px;background: #f5f5f5; display: block; padding: 0 15px; position: relative; } .Menu002119 ul li:hover a, .Menu002119 ul li.aon a{ background: #fbc600; color: #fff; } .Menu002119 li:hover a:after, .Menu002119 li.aon a:after{ content:""; display: block; width: 20px; height: 100%; position: absolute; right: -20px; top: 0; background: url(../images/Solution_arrow.png) no-repeat left center;background-size: 100% 100% } @media(max-width:768px){ .Menu002119 .auto{ padding: 20px 4% } .Menu002119 ul li{ width: 100%;margin:0 0 10px; float: left } .Menu002119 ul li a{line-height:26px; padding: 5px } } .PicList000123 {padding:3% 0 } .PicList000123 li{width:31%;margin-right:3.5%; float: left; margin-bottom: 2%;list-style: none } .PicList000123 li:nth-child(3n){margin-right: 0 } .PicList000123 li .pic{padding-bottom:70%; border:1px solid #eee;margin-bottom:10px; } .PicList000123 li h1{ font-size: 22px; font-weight: normal;margin: 15px 0;} .PicList000123 li p{ font-size: 14px; line-height:26px;margin: 0; color: #999 } @media(max-width:768px){ .PicList000123 li{width:48%;margin-right:4%; } .PicList000123 li:nth-child(2n){margin-right: 0 } } .Form001733{padding:3% 0;background:#f2f3f5} .Form001733 .auto{padding:4% 6%;background:#fff;width:100%;overflow:hidden} .Form001733 .tips{padding: 0 0 3% 0;} .Form001733 .tips .desc{font-size: 18px;color: #333; line-height: 2;} .Form001733 .tips p{font-size: 16px;color: #999999;line-height: 1.875; margin: 0;} .Form001733 .form .btn{background:#666;color:#fff;cursor:pointer;font-size:16px;width:60%;max-width:130px;height:45px;border:none;margin-top:10px;margin-right:5px} .Form001733 .form .btn_submit{background:#fbc600} .Form001733 .form dl{position:relative;height:auto;overflow:hidden;margin-bottom:25px; width: 100%;} .Form001733 .form dd{width:48%;z-index:10;margin-right:4%;float:left;position:relative;padding: 0 10px;padding-left:130px;line-height:40px;min-height: 40px;} .Form001733 .form dl.fulldl dd{width: 100%} .Form001733 .form dd em{position:absolute; right: 0px; top: 0; font-style:normal; color: red} .Form001733 .form dd input{width:100%;line-height:40px;height:40px;border:1px solid #e5e5e5;padding:0 10px} .Form001733 .form dd select{width:100%;line-height:40px;height:40px;border:1px solid #e5e5e5;padding:0 10px} .Form001733 .form dd textarea{width:100%;line-height:30px;height:150px;border:1px solid #e5e5e5;padding:0 10px} .Form001733 .form dd h1{font-size:18px;margin:0;color:#444} .Form001733 .form dd .tit{position:absolute;left:0;top:0;line-height:40px;margin:0;font-size:16px;width: 120px;} .Form001733 .form dd .tit2{width: 100%;} .Form001733 .form dd:nth-child(2n){margin-right:0} .Form001733 .form .resume dd{width:100%;padding-left:0} .Form001733 .queueList{border:1px dashed #ddd;margin:0;padding:30px;background:#fff} .Form001733 .placeholder{padding-top:40px} .Form001733 .placeholder p{font-size:16px;position:relative;width:100%;text-align:center} .Form001733 .wu-example{padding-left:130px} .Form001733 .placeholder .webuploader-pick{background:#999;font-size:16px} .Form001733 .webuploader-container{font-size:12px!important} @media(max-width:768px){ .Form001733{padding:0} .Form001733 .auto{padding:4%} .Form001733 .form dl{margin-bottom:0} .Form001733 .form dl dd{width:100%;padding-left:20px;margin-bottom:10px} .Form001733 .wu-example{padding-left:0} .Form001733 .resume p{position:relative!important} .Form001733 .form dl dd{padding-left:0;} .Form001733 .form dl dd input{display:inline-block} .Form001733 .form dd .tit{position: relative;} } .Singlepage{padding: 3% 0; background: #f4f4f4} .Singlepage .apply { height: auto; overflow:hidden;} .Singlepage .apply .box{ width: 49%;margin-right: 2%; float: left;padding:3% 5%; background: #fff;min-height: 420px;} .Singlepage .apply .box2{ margin-right: 0} .Singlepage .apply .box .tit{text-align: center; font-size: 22px; color: #444;font-weight: normal; margin: 0; position: relative; z-index: 3; text-align: center;} .Singlepage .apply .box .tit:after{ content: ""; margin: 12px auto 25px; width: 31px; height: 2px; background: #fbc600; display: block;} .Singlepage .apply .box1 .con{border:1px dashed #ddd;margin:0;padding:70px 30px;background:#fff; text-align: center;} .Singlepage .apply .box1 .con a{background:#999;font-size:16px; width: 156px;line-height: 44px; text-align: center; color: #fff; text-align: center; border-radius: 2px; display: block; margin:0 auto;} .Singlepage .apply .queueList{border:1px dashed #ddd;margin:0;padding:30px;background:#fff} .Singlepage .apply .placeholder{padding-top:0px;min-height: auto} .Singlepage .apply .placeholder p{font-size:16px;position:relative;width:100%;text-align:center} .Singlepage .apply .placeholder .webuploader-pick{background:#999;font-size:16px} .Singlepage .apply .webuploader-container{font-size:12px!important} .Singlepage .apply .box2 .btn{background:#fbc600;color:#fff;cursor:pointer;font-size:16px;width:60%;max-width:130px;height:42px; border:none;margin:25px auto 0; display: block;} @media(max-width:768px){ .Singlepage{padding: 30px 0} .Singlepage .apply .box{ width: 100%; margin:0 0 15px 0; min-height: auto;padding: 30px 25px; } } /*RighInfo003072 */ .RighInfo003072{padding: 3.8% 0; font-size: 16px; background: #f4f4f4;} @media(max-width:640px){ .RighInfo003072{font-size: 3.5vw;} } @media(min-width:1024px){ .RighInfo003072 .txt-info{width: 53%;} .RighInfo003072 .video{width: 44%;} } @media(max-width:1024px){ .RighInfo003072 .txt-info{margin-bottom: 4vw;} } .RighInfo003072 .video .pic{position: relative; z-index: 1;overflow: hidden;background: #000; margin-bottom: 2.4vw;} .RighInfo003072 .video .pic img{opacity: 1;} .RighInfo003072 .video .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;} .RighInfo003072 .video .play:before{position: absolute; content: '';width: 86px;height: 86px;background:url("../images/RighInfo003072_play.png") no-repeat center center rgba(0,0,0,0.2); left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .RighInfo003072 .video .pic video{position: absolute;left: 0; top: 0; z-index: 20;background: #000;} @media(max-width:640px){ .RighInfo003072 .video .play:before{width: 20vw; height: 20vw;} } .RighInfo003072 .number li{float: left;color: #333; width: 33.33%; text-align: center; } .RighInfo003072 .number li aside{color: #fbc600;} .RighInfo003072 .number li aside b{font-size: 60px;font-weight: bold; line-height: 0.85em;display: inline-block;} .RighInfo003072 .number li p{margin-bottom: 0;} @media(min-width:769px) and (max-width:1024px){ .RighInfo003072 .number li aside b{font-size: 4vw; } } @media(max-width:640px){ .RighInfo003072 .number li aside b{font-size: 8vw; } } .RighInfo003072 .edit-info{line-height: 1.875;font-size: 16px; } .css-3072 .year{color: #ececec;font-weight: 900;font-family: 'Arial';font-size: 60px;line-height: 0.934em;} .css-3072 .name{color: #ee7133;font-size: 24px;font-weight: bold; margin: 1.5em 0 0.6em 0;} @media(max-width:640px){ .css-3072 .year{font-size: 14vw;} .css-3072 .name{font-size: 6vw;} } .Culture{padding: 3.8% 0;} .Culture .title h3{font-size: 30px;color: #333; text-align: center; font-weight: normal;} .Culture ul,.Culture li{width: 100%;float: left;} .Culture ul{margin-top: 5%;} .Culture li{margin-bottom: 8%;position: relative;} .Culture li .img{width: 80px;height: 80px;border: #E5E5E5 1px solid;overflow: hidden;background: #fff;border-radius: 100%;float: left;} .Culture li .title{top: 50%;right: 0;width: 100%;float: left;padding-left: 100px;transform: translate(0,-50%);position: absolute;} .Culture li .title>div{width: 100%;float: left;} .Culture li .title .name{font-size: 20px;line-height: 2;font-weight: bold;color: #333;} .Culture li .title .desc{font-size: 16px;line-height: 2;color: #666;} @media(min-width:1024px){ .Culture .box {width: 34%;float: left;} .Culture .pic {width: 61%;float: right;} } @media(max-width:640px){ .Culture li .title .name{font-size: 16px;} .Culture li .title .desc{font-size: 14px;} } /* 用户手册 */ .User-manual{ padding:0 0 3%; overflow: hidden;} .User-manual ul{ display:flex; flex-wrap:wrap;} .User-manual li{ text-align: center; width:32%; margin-right:2%; margin-bottom:2%; transition:all .5s; border-radius:5px; overflow: hidden;} .User-manual li:nth-child(3n){margin-right:0} .User-manual li .pic{ overflow: hidden;} .User-manual li .pic span{ display: block; padding-bottom:75%; background-size:cover !important; background-repeat: no-repeat !important; transition:all .5s;} .User-manual li .tit{ background: #f2f3f5; font-size:16px; padding:15px 0;} .User-manual li:hover{ box-shadow:0 0 10px rgba(0,0,0,.1);} .User-manual li:hover .pic span{ transform:scale(1.1);} .manua2 li:nth-child(3n){margin-right:2%} .manua2 li{ text-align: left; width:100%;} @media(max-width:640px){ .User-manual{ padding:8% 0; overflow: hidden;} .User-manual li:nth-child(3n), .User-manual li{ width:99%; margin-right:2%; margin-bottom:2%;} .User-manual li:nth-child(2n){margin-right:0} .User-manual li .tit{ font-size:14px; padding:10px 0;} } .omission1{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } .omission2{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .omission3{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .omission4{ overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } .Product-column{line-height: 1;} .Product-column .product-center{padding: 3% 0;} .Product-column .product-center .list ul{display: flex;flex-flow: wrap} .Product-column .product-center .list ul li{position: relative;width: 48.5%;margin-right: 3%;margin-bottom: 2%;} .Product-column .product-center .list ul li:nth-of-type(2n){margin-right: 0;} .Product-column .product-center .list ul li a{display: block;position: relative;} .Product-column .product-center .list ul li .img img{width: 100%;} .Product-column .product-center .list ul li .box{position: absolute;display: flex;align-items: center;justify-content: space-between;left: 0;bottom: 0;width: 100%;height: 80px;z-index: 1;background-color: rgba(0, 0, 0, .8);} .Product-column .product-center .list ul li .box .casket{width: 100%;} .Product-column .product-center .list ul li .box .title{font-size: 24px;color: #ffffff;text-align: center;} .Product-column .product-center .list ul li .box .more{display: none;margin-top: 30px;text-align: center;font-size: 16px;color: #ffffff;} .Product-column .product-center .list ul li:hover .box{height: 100%;} .Product-column .product-center .list ul li:hover .box .more{display: block;} .Product-column .news-information{padding: 3% 0;background-color: #f1f1f1;} .Product-column .news-information .table-nav ul{display: flex;justify-content: center} .Product-column .news-information .table-nav ul li{margin-right: 30px;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;color: #666666;border-radius: 8px;cursor:pointer} .Product-column .news-information .table-nav ul li:last-child{margin-right: 0;} .Product-column .news-information .table-nav ul li.on{color: #fff;background-color: #008fd5;} .Product-column .news-information .table-box{margin-top: 35px;} .Product-column .news-information .table-box .item{display: none;} .Product-column .news-information .table-box .item.on{display: block;} .Product-column .news-information .table-box .box{display: flex;justify-content: space-between} .Product-column .news-information .table-box .box .hot{width: 48.5%;padding: 30px;background-color: #fff;border-radius: 8px;box-sizing: border-box;} .Product-column .news-information .table-box .box .hot .img img{width: 100%;} .Product-column .news-information .table-box .box .hot .casket{margin-top: 40px;display: flex;} .Product-column .news-information .table-box .box .hot .casket .time{text-align: center;padding-right: 20px;margin-right: 20px;border-right: 1px solid #999999;} .Product-column .news-information .table-box .box .hot .casket .time .r{font-size: 28px;color: #008fd5;font-weight: bold;} .Product-column .news-information .table-box .box .hot .casket .time .ny{margin-top: 5px;padding-top: 5px;font-size: 16px;color: #999;border-top: 1px solid #999;font-weight: bold;white-space: nowrap;} .Product-column .news-information .table-box .box .hot .casket .title a{font-size: 22px;color: #999999;line-height: 1.5;} .Product-column .news-information .table-box .box .list{width: 47.8%;} .Product-column .news-information .table-box .box .list ul li{margin-bottom: 17px;display: flex;align-items: center;padding: 30px 25px;background-color: #fff;border-radius: 8px;box-sizing: border-box;} .Product-column .news-information .table-box .box .list ul li:last-child{margin-bottom: 0;} .Product-column .news-information .table-box .box .list ul li .time{margin-right: 40px;text-align: center;} .Product-column .news-information .table-box .box .list ul li .time .r{font-size: 42px;font-weight: bold;color: #008fd5;} .Product-column .news-information .table-box .box .list ul li .time .ny{margin-top: 5px;padding-top: 5px;font-size: 16px;color: #999999;border-top: 1px solid #999;font-weight: bold;white-space: nowrap;} .Product-column .news-information .table-box .box .list ul li .casket .title a{font-size: 22px;color: #333333;} .Product-column .news-information .table-box .box .list ul li .casket .text{margin-top: 15px;font-size: 14px;color: #999999;line-height: 2;} .Product-column .news-information .table-box .box .list ul li .casket .more{margin-top: 15px;} .Product-column .news-information .table-box .box .list ul li .casket .more a{font-size: 14px;color: #999;} @media(max-width:768px){ .Product-column .news-information .table-box .box{display: block;} .Product-column .news-information .table-box .box .hot{width: 100%;} .Product-column .news-information .table-box .box .list{width: 100%;margin-top: 30px;} } @media(max-width:640px){ .Product-column .product-center .list ul li{width: 100%;margin-right: 0;} .Product-column .product-center .list ul li .box .title{font-size: 18px;} .Product-column .news-information .table-box .box .hot{padding: 20px;} .Product-column .news-information .table-box .box .hot .casket .title a{font-size: 18px;} .Product-column .news-information .table-box .box .list ul li{padding: 20px;} .Product-column .news-information .table-box .box .list ul li .casket .title a{font-size: 18px;} } .Solution{line-height: 1;} .Solution .table-nav ul{display: flex;justify-content: center} .Solution .table-nav ul li{margin-right: 30px;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;color: #666666;border-radius: 8px;cursor:pointer} .Solution .table-nav ul li:last-child{margin-right: 0;} .Solution .table-nav ul li.on{color: #fff;background-color: #008fd5;} .Solution .table-box{margin-top: 35px;} .Solution .table-box .item{display: none;} .Solution .table-box .item.on{display: block;} .Solution .project{padding: 3% 0;} .Solution .project .list ul{display: flex;flex-flow: wrap;justify-content: center} .Solution .project .list ul li{position: relative;width: 31.333%;margin-right: 3%;margin-bottom: 2%;} .Solution .project .list ul li:nth-of-type(3n){margin-right: 0;} .Solution .project .list ul li:last-child{margin-right: 0;} .Solution .project .list ul li a{display: block;position: relative;} .Solution .project .list ul li .img img{width: 100%;} .Solution .project .list ul li .box{position: absolute;display: flex;align-items: center;justify-content: space-between;left: 0;bottom: 0;width: 100%;height: 80px;z-index: 1;background-color: rgba(0, 0, 0, .8);} .Solution .project .list ul li .box .casket{width: 100%;} .Solution .project .list ul li .box .title{font-size: 24px;color: #ffffff;text-align: center;} .Solution .project .list ul li .box .more{display: none;margin-top: 30px;text-align: center;font-size: 16px;color: #ffffff;} .Solution .project .list ul li:hover .box{height: 100%;} .Solution .project .list ul li:hover .box .more{display: block;} .Solution .news-information{padding: 3% 0;background-color: #f1f1f1;} .Solution .news-information .table-nav ul{display: flex;justify-content: center} .Solution .news-information .table-nav ul li{margin-right: 30px;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 20px;color: #666666;border-radius: 8px;cursor:pointer} .Solution .news-information .table-nav ul li:last-child{margin-right: 0;} .Solution .news-information .table-nav ul li a{color: #191919;} .Solution .news-information .table-nav ul li.on{background-color: #191919;} .Solution .news-information .table-nav ul li.on a{color: #fff;} .Solution .news-information .table-box{margin-top: 35px;} .Solution .news-information .table-box .item{display: none;} .Solution .news-information .table-box .item.on{display: block;} .Solution .news-information .table-box .box{display: flex;justify-content: space-between} .Solution .news-information .table-box .box .hot{width: 48.5%;padding: 30px;background-color: #fff;border-radius: 8px;box-sizing: border-box;} .Solution .news-information .table-box .box .hot .img img{width: 100%;} .Solution .news-information .table-box .box .hot .casket{margin-top: 40px;display: flex;} .Solution .news-information .table-box .box .hot .casket .time{text-align: center;padding-right: 20px;margin-right: 20px;border-right: 1px solid #999999;} .Solution .news-information .table-box .box .hot .casket .time .r{font-size: 28px;color: #008fd5;font-weight: bold;} .Solution .news-information .table-box .box .hot .casket .time .ny{margin-top: 5px;padding-top: 5px;font-size: 16px;color: #999;border-top: 1px solid #999;font-weight: bold;white-space: nowrap;} .Solution .news-information .table-box .box .hot .casket .title a{font-size: 22px;color: #999999;line-height: 1.5;} .Solution .news-information .table-box .box .list{width: 47.8%;} .Solution .news-information .table-box .box .list ul li{margin-bottom: 17px;display: flex;align-items: center;padding: 30px 25px;background-color: #fff;border-radius: 8px;box-sizing: border-box;} .Solution .news-information .table-box .box .list ul li:last-child{margin-bottom: 0;} .Solution .news-information .table-box .box .list ul li .time{margin-right: 40px;text-align: center;} .Solution .news-information .table-box .box .list ul li .time .r{font-size: 42px;font-weight: bold;color: #008fd5;} .Solution .news-information .table-box .box .list ul li .time .ny{margin-top: 5px;padding-top: 5px;font-size: 16px;color: #999999;border-top: 1px solid #999;font-weight: bold;white-space: nowrap;} .Solution .news-information .table-box .box .list ul li .casket .title a{font-size: 22px;color: #333333;} .Solution .news-information .table-box .box .list ul li .casket .text{margin-top: 15px;font-size: 14px;color: #999999;line-height: 2;} .Solution .news-information .table-box .box .list ul li .casket .more{margin-top: 15px;} .Solution .news-information .table-box .box .list ul li .casket .more a{font-size: 14px;color: #999;} @media(max-width:768px){ .Solution .news-information .table-box .box{display: block;} .Solution .news-information .table-box .box .hot{width: 100%;} .Solution .news-information .table-box .box .list{width: 100%;margin-top: 30px;} } @media(max-width:640px){ .Solution .project .list ul li{width: 100%;margin-right: 0;} .Solution .project .list ul li .box .title{font-size: 18px;} .Solution .news-information .table-box .box .hot{padding: 20px;} .Solution .news-information .table-box .box .hot .casket .title a{font-size: 18px;} .Solution .news-information .table-box .box .list ul li{padding: 20px;} .Solution .news-information .table-box .box .list ul li .casket .title a{font-size: 18px;} } /* 登录 */ .Form002099{ padding-top: 100px; margin-bottom: 100px; } .Form002099 .t1{ font-size: 48px; color: #333; font-weight: bold; vertical-align: middle; display: inline-block; } .Form002099 section{ position:relative;} .Form002099 .ad { position:absolute; left:0; top:0; height:100%; width:50.417%;} .Form002099 .ad aside{ width:100%;background-repeat: no-repeat; background-position: center center; background-size: cover;padding-bottom: 80%;} .Form002099 .form{ padding:8% 8% 10% 58%; border:6px solid #f0f0f0;} .Form002099 .form h1{ margin:0; font-size:28px; color:#fbc600;font-weight: normal;margin-bottom:4%;} .Form002099 .form td{ padding-top:16px;} .Form002099 .form td div{ position:relative; line-height:44px;} .Form002099 .form td label{ position:absolute; left:10px; color:#999;} .Form002099 .form td .text{ width:100%; line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none;} .Form002099 .form td .text:focus{ border-color:#f04848;} .Form002099 .form .fgpsw{ float:right; color:#737373;} .Form002099 .form .fgpsw:hover{ text-decoration:underline; color:#f04848;} .Form002099 .form .btn{ float:left; width:46%;border-radius:3px; font-size:16px; color:#fff; background:#fbc600; cursor:pointer; padding:0; border:none; height:44px;margin-top:6%;} .Form002099 .form .btn_reg{ float:right;color:#333; background:#f2f2f2;} .Form002099 .form .forget_code{ color: #fbc600; text-decoration: underline; } /*Form002100 */ .Form002100{padding:1% 0 4%;padding-top: 100px;} .Form002100 header{ padding-top:2%; padding-bottom:2%; position:relative;} .Form002100 header span{ color:#999; padding-left:3%; margin-left:3%; border-left:1px solid #ededed; vertical-align:middle; display:inline-block;} .Form002100 header span b{ display:block;font-size:16px;color:#f04848;} .Form002100 header em{ font-style:normal; position:absolute; right:0%;font-size:16px; top:50%; line-height:20px; margin-top:-10px;} .Form002100 header em a{background:#fbc600;color:#fff;padding: 7px 20px;border-radius: 3px;font-size: 15px;} .Form002100 .reg_form{ border:5px solid #f0f0f0; padding:4%;} .Form002100 .reg_form h1{ margin:0; font-size:48px; color:#333;} .Form002100 .reg_form h3{ margin:0; font-size: 28px;color: #fbc600;} .Form002100 .reg_form dl{ border-top:1px dashed #ccc; padding:3% 0 0 0; margin-top:3%; overflow:hidden;} .Form002100 .reg_form dl p{font-size:16px;line-height: 30px;} .Form002100 .reg_form dl .webuploader-pick{text-align: left;margin-top: 5%;margin-bottom: 5%;} .Form002100 .reg_form dl .webuploader-pick a{display: inline-block; color:#fff;background:#fbc600;padding:12px 33px;font-size:16px;border-radius: 3px;} .Form002100 .reg_form .checkbox{transform:scale(1.3) } .Form002100 .reg_form a.btn{display: inline-block; color:#fff;background:#fbc600;padding:12px 33px;font-size:16px;border-radius: 3px; margin-top: 10px;} .Form002100 .ts{border: 5px solid #f0f0f0;padding: 4%;text-align: center;} .Form002100 .ts .icon{margin-bottom: 30px;} .Form002100 .ts .icon img{max-width: 60px;} .Form002100 .ts h2{font-size:24px;color:#fbc600;} .Form002100 .ts p{font-size:16px;line-height:32px;} .Form002100 .ts p span{color:#fbc600;} .Form002100 .ts dl{max-width: 478px;margin:0 auto;} .Form002100 .ts dl dd{font-size:16px;line-height: 32px;text-align:left;margin: 15px 0px;} .Form002100 .ts dl dd span{color:#fbc600;} .Form002100 .scwz{text-align: left;position: relative;max-width: 630px;margin-bottom:2%;} .Form002100 .scwz input{border:1px solid #ddd;padding:0 10px;font-size:16px;width: 527px;height:50px;line-height: 50px;background:none;position: relative;border-radius: 3px;background:#fff;} .Form002100 .scwz button{position: absolute;right:0;top:0;background:#fbc600;color:#fff;height:50px;line-height: 50px;border:none;font-size:16px;padding: 0 5%;border-radius: 0 3px 3px 0} .Form002100 .reg_form dl p a{color:#fbc600;text-decoration: underline;} .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:left; line-height:37px;} .Form002100 .reg_form dl dt{width:24%;padding-left: 0%;} .Form002100 .reg_form dl dt b{ width:37px; height:37px; display:inline-block; margin-right:10px; text-align:center; line-height:37px; background:#e4e4e4; border-radius:50%; color:#fff;} .Form002100 .reg_form dl dd{ width:76%;} .Form002100 .reg_form dl.table dt{width:20%;font-size: 28px;color: #fbc600;} .Form002100 .reg_form dl.table dd{ width:80%;margin-bottom:2%;margin-left: auto;margin-right: auto;float: none;} .Form002100 .reg_form dl.tab a{ float:left;border:1px solid #e4e4e4; padding:0 5%; border-radius:3px; line-height:44px; margin-right:2%; color:#999;} .Form002100 .reg_form dl.tab a.on{ border-color:#f04848; color:#333;} .Form002100 .reg_form table{ max-width:550px;margin: 0 auto;} .Form002100 .reg_form td{ padding:0; line-height:37px; padding-bottom:10px;font-size:16px;} .Form002100 .reg_form td.f_name{ width:126px; color:#666;} .Form002100 .reg_form td.f_name span{color:#fbc600;display: inline-block;margin-right:5px;} .Form002100 .reg_form td .text{width: 380px;border:1px solid #ddd;padding:0 15px;border-radius:3px;line-height:42px;height:42px;margin-right: 10px;} .Form002100 .reg_form .btn{ text-align:center;} .Form002100 .reg_form td .span1{color:#fbc600;} .Form002100 .reg_form td .span2{color:#333;} .Form002100 .reg_form input.btn{border-radius:50px; font-size:16px; color:#fff; background:#fbc600; cursor:pointer; padding:0; border:none; height:44px; min-width:150px;margin-top:2%; margin-left: auto;margin-right: auto;display: block;} @media(max-width:1000px){ .Form002100 .reg_form dl dt, .Form002100 .reg_form dl dd{ float:none; width:auto !important;} .Form002100 .reg_form dl dt{padding-left:0;padding-bottom:10px;font-size: 24px;} .Form002100 .reg_form h1{font-size:36px;} .Form002100 .reg_form dl.table dt{font-size: 24px;} } @media(max-width:640px){ .Form002100 header span{ display:none;} .Form002100 header img{ height:50px;} .Form002100 .reg_form td.btn input{ font-size:15px; } .Form002100 footer{ text-align:left;} .Form002100 footer .bdsharebuttonbox{ float:none; margin-bottom:10px;} .Form002100 .reg_form h1{font-size:28px;} .Form002100 .reg_form dl.table dt{font-size: 20px;} .Form002100 header em{line-height: 40px;position: relative;} .Form002100 .reg_form td .text{width: 188px;} .Form002100 .reg_form td.f_name{width: 100px;display: inline-block;float: left;font-size: 14px;} } .Member { padding: 8% 0; } .Member .mem-left { background: #f1f1f1; padding: 20px 20px 100px; } .Member .mem-left .my-mem { font-size: 24px; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; } .Member .mem-left .mems-pic2 { text-align: center; margin-bottom: 30px; } .Member .mem-left .mems-pic2 img { width: 60px; height: 60px; } .Member .mem-left .mems-pic2 span { color: #fbc600; } .navs > ul > li > a { display: block; height: 45px; line-height: 45px; text-align: center; font-size: 16px; } .navs > ul > li.cr > a { background: #dedede; } .navs > ul > li.cr > ul > li.cr a { color: #fbc600 } .navs > ul > li { border-bottom: 1px solid #ddd; } .navs > ul > li > ul { padding: 15px 0 15px 0px; } .navs > ul > li > ul > li { height: 30px; line-height: 30px; text-align: center; } .Member .mem-right { } .Member .mem-right .mem-toptits { ; padding-left: 20px; font-size: 24px; color: #333; line-height: 55px; height: 55px; margin-bottom: 4px; background: #fafafa; } .Member .mem-right .mems-wraps { padding: 40px 30px; overflow: hidden; background: #fafafa; } .Member .mem-right .mems-headers { position: relative; min-height: 120px; padding-bottom: 10px; } .Member .mem-right .mems-person-pic { position: absolute; left: 0; top: 0; } .Member .mem-right .mems-person-infos { padding-left: 120px; } .Member .mem-right .mems-person-infos .user-name { font-size: 20px; margin-bottom: 15px; } .Member .mem-right .mems-person-infos .user-name span { font-size: 28px; color: #fbc600; padding-right: 10px; } .Member .mem-right .edits-infobtns a { border: 1px solid #fbc600; height: 25px; line-height: 22px; padding: 0 15px; min-width: 56px; text-align: center; background: #fbc600; display: inline-block; border-radius: 5px; color: #fff; margin-right: 10px; } .Member .mem-right .memheader-tit { margin-top: 15px; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px; line-height: 30px; overflow: hidden; } .Member .mem-right .memheader-tit span { float: left; font-size: 16px; } .Member .mem-right .memheader-tit a { float: right; } .Member .mem-right .memlist { margin: 20px 0 40px 0; } .Member .mem-right .memlist li { line-height: 25px; padding: 5px 0 5px 12px; display: block; overflow: hidden; border-bottom: 1px solid #eee; overflow: hidden; position: relative } .Member .mem-right .memlist li::before { content: ''; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #666; left: 0; top: 15px; } .Member .mem-right .memlist .time { float: right; color: #666; font-size: 12px; padding: 0 8px 0 0; } .Member .mem-right .frm-cell { position: relative; padding: 10px 0 10px 120px; overflow: hidden; } .Member .mem-right .frm-cell .frm-tit { position: absolute; left: 0; top: 17px; width: 100px; text-align: right; color: #333 } .Member .mem-right .frm-text { line-height: 35px; color: #777; } .Member .mem-right .myheads { float: left; padding-right: 10PX; } .Member .mem-right .uploads-logos { float: left; padding-top: 70PX; } .uploads-logos a { background: #fbc600; display: block; width: 80px; height: 30px; line-height: 30px; color: #fff; text-align: center; border-radius: 5px; } @media(min-width:1025px) { .Member .mem-left { width: 24% } .Member .mem-right { width: 72% } } @media(max-width:1024px) { .Member .mem-left { margin-bottom: 30px; } .Member .mem-right .edits-infobtns a { margin-right: 0px; } } .news_list ul li a { /* display: block; */ display: flex; justify-content: space-between; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px #eee solid; } .news_list ul li a .newsTxt { flex: 1; overflow: hidden; padding-right: 100px; transition: all .3s ease-out 0s; } .news_list ul li a .newsTxt h2 { color: #333; font-size: 18px; font-weight: bold; margin: 15px 0; } .news_list ul li a .newsTxt p { font-size: 13px; color: #999; } .news_list ul li a .newsData { width: 15%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .news_list ul li a .newsData p { margin: 0; color: #999; font-size: 24px; } .news_list ul li a .newsData span { font-size: 14px; color: #999; } @media (max-width: 768px) { .news_list ul li a .newsData { display: none; } .news_list ul li a .newsTxt { padding-right: 0px; } } .name1{ width: 150px; height: 60px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: bold; background-color: #f3561f; margin-right: 50px; margin-bottom: 50px; } /*Menu003185 */ .Menu003185{font-family: 'SourceHanSansCN-Regular';} .Menu003185 li:not(:last-child){margin-right: calc(65 / 1920 * 100vw);} .Menu003185 li a{color: #333333;display: block;font-size: calc(15 / 16 * 1em); padding: calc(30 / 18 * 1em) 0;position: relative;} .Menu003185 li a:after{position: absolute;content: ''; height: 2px;width: 0;transition: 0.3s;background-color: #f3561f; left: 50%;transform: translateX(-50%); bottom: 0;} .Menu003185 li a:hover:after, .Menu003185 li.aon1 a:after{width: 100%;} @media (min-width:1025px) { .Menu003185 li{float: left;} } @media (max-width:1024px) { .Menu003185 ul{overflow: auto;white-space: nowrap;} .Menu003185 li{display: inline-block;position: relative;} .name1{display: none;} .User-manual ul {display: block;} }