@font-face { font-family: "DINCond-Bold"; src: url("../fonts/DINCond-Bold.woff2") format("woff2"), url("../fonts/DINCond-Bold.woff") format("woff"), url("../fonts/DINCond-Bold.ttf") format("truetype"), url("../fonts/DINCond-Bold.eot") format("embedded-opentype"), url("../fonts/DINCond-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } /*Top002503 */ .Top002503{position:fixed; width:100%; left:0; top:0; z-index:100;} .Top002503 .header{padding: 10px 18% 0 5%;} .Top002503 .aa{position: relative} .Top002503 .gp{line-height: 24px;color: #fff;font-size: 14px;position: absolute;right: 2%;top: 20px;width: 210px;border-left: 1px solid #fff;padding-left: 20px} .Top002503 .gp span{float: left;width: 50%;} .Top002503 .gp span b{font-weight: normal;font-size: 14px;display:block} .Top002503 .gp p{float: right;width: 45%;margin: 0;background: url(../images/Floor002268-icon_arrow_up.png)no-repeat center right;background-size: 14px 20px;padding-right: 20px;font-size: 30px;color: #e78511;line-height: 50px} .Top002503 .header-right{ float:right; display:block;} .Top002503 .header-left{ left:2%; } .Top002503 .logo{ position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:left center; background-size:contain;} .Top002503 .logo.on{ display: none} .Top002503 .select dd{float:left;margin-left:10px;/* align-items: center; */} .Top002503 .select dd.search{position:relative;} .Top002503 .select dd.lang span{float:left;display:block;padding:0 18px 0 10px;margin-right:5px;background:url(../images/Top002503_icon.gif) no-repeat right center;color:#fff;cursor:pointer;position:relative;z-index:3;line-height: 36px;font-size: 16px;} .Top002503 .select dd.lang span a{color: #fff} .Top002503 .select dd.lang ul{ position:absolute; left:0; top:-5px; background:#e78511; width:100%; border-radius:5px; border:1px solid #e78511; overflow:hidden; padding-top:30px; z-index:1;} .Top002503 .select dd.lang ul li a{ display:block; padding:10px;color:#fff; transition:0.3s;} .Top002503 .select dd.lang ul li a:hover{ background:#fff; color:#e78511;} .Top002503 .select dd.member span{float:left;display:block;padding:0 10px 0 30px;margin-right:5px;background:url(../images/Top002503_icon2.png) no-repeat left center;color:#fff;cursor:pointer;position:relative;z-index:3;line-height: 36px;font-size: 16px;} .Top002503 .select dd.member figure{position:absolute;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);top:40px;z-index: 99;padding: 10px 20px;display:none;} .Top002503 .select dd.member figure:after{content:'';display: inline-block;width: 0;height: 0;border-width:10px;border-style: solid;border-color:#fff;left: 10px;top: -21px;border-top: 10px transparent dashed;border-left: 10px transparent dashed;border-right: 10px transparent dashed;position: absolute;z-index: 3;display: none} .Top002503 .select dd.member:hover figure{ display:block;} .Top002503 .select dd.member figure p{ margin:0; padding-bottom:12px; font-size:14px;} .Top002503 .select dd.member figure p a{ color:#333;} .Top002503 .select dd.member figure p a:hover{ color:#e78511;} .Top002503 .select dd.shop{float: left;} .Top002503 .select dd.shop a{color: #fff;font-size: 16px;line-height: 36px;margin-right: 20px;background:url(../images/Top002503_icon3.png) no-repeat left center;padding-left: 30px;} .Top002503 .select dd.on span{ color:#fff; background-image:url(../images/Top002503_icon_hover.gif);} .Top002503 .select dt{float:left;line-height: 30px;} .Top002503 .select dt a{color: #333;line-height:30px;height:30px;padding: 0 20px; background-image: linear-gradient(to right, #e77e01, #f1af10);border-radius:20px;color:#fff;display: inline-block;margin-left: 10px;} .Top002503 .select dt a:last-child{color:#e78511;box-sizing:border-box;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#e77e01,#f1af10);} .Top002503 .select dd span .text{width:190px;padding-right:20px;line-height: 34px;height: 33px;border:none;background:none;color: #fff;font-size: 14px;padding-left: 12px;} .Top002503 .select dd .btn{ position:absolute; right:10px; top:0; background:url(../images/Top001916-search.png) no-repeat center center; width:20px; height:100%; cursor:pointer;border:none; padding:0;} .Top002503 .select dd.search{margin-left: 10px;height: 36px;border-radius: 34px;border:1px solid #e1e2e6;} .Top002503 .sub-vertical .has-sub.aon{z-index:200;} .Top002503 .header-menu li .sub{} .Top002503 .no-fullbground .sub{background: #fcfcfc;} .Top002503 .header-menu li .sub dt a{color: #333;line-height:normal;line-height:40px;font-size: 14px;} .Top002503 .header-menu li .sub-menu dt{ text-align:left;} .Top002503 .header-menu li .sub-menu h3{font-size:24px; line-height:30px; margin:0 0 20px; color:#333} .Top002503 .header-menu li .sub-menu p{ color:#666; line-height:30px; margin:0 0 20px; font-size:16px;} .Top002503 .header-menu li.has-sub {position: inherit !important;} .Top002503 .header-menu li .sub-intro{ max-width:1440px; margin:0 auto; padding:2% 0;} .Top002503 .header-menu li .sub-right{width:38%;float: right;} .Top002503 .header-menu li .sub-Left{ width:58%;padding-bottom:18px;float: left;text-align: left;} .Top002503 .header-menu li .sub-menu dt{ width:33.333%; float:left; text-align:left;} .Top002503 .header-menu li .sub-menu dt > a{ padding:0;} .Top002503 .header-menu li .sub-menu dt a:hover{ background:none;color:#e78511;} .Top002503 .header-menu li .sub-three{ padding-top:3%; } .Top002503 .header-menu li .sub-three dd a{ font-size:12px; line-height:20px; color:#868484;} .Top002503 .sub-horizontal .sub-right .sub-menu >dl, .Top002503 .sub-horizontal .sub .sub-menu > dl{ width:100% !important;} @media(min-width:1023px){ .Top002503.on{background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,0.1)} .Top002503.on .gp{color: #555;border-left: 1px solid #ddd} .Top002503.on .select dd.lang ul li a{ color:#555;} .Top002503.on .select dd.member span{color:#555;background:url(../images/Top002503_icon2.jpg) no-repeat left center;} .Top002503.on .select dd.shop a{background:url(../images/Top002503_icon3on.png) no-repeat left center;color: #555} .Top002503.on .select dd.on span{ color:#555; background-image:url(../images/Top002503_icon_hover.gif);} .Top002503.on .header-menu li em a{color:#555;} .Top002503.on .select dd span .text{color: #555;} .Top002503.on .select dd.lang span{color:#555;} .Top002503.on .select dd.lang span a{color:#555;} .Top002503.on .logo.on{ display: block} .Top002503.on .logo.off{ display: none} .Top002503.hover{background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,0.1)} .Top002503.hover .gp{color: #555;border-left: 1px solid #ddd} .Top002503.hover .select dd.lang ul li a{ color:#555;} .Top002503.hover .select dd.member span{color:#555;background:url(../images/Top002503_icon2.jpg) no-repeat left center;} .Top002503.hover .select dd.shop a{background:url(../images/Top002503_icon3on.png) no-repeat left center;color: #555} .Top002503.hover .select dd.on span{ color:#555; background-image:url(../images/Top002503_icon_hover.gif);} .Top002503.hover .header-menu li em a{color:#555;} .Top002503.hover .select dd span .text{color: #555;} .Top002503.hover .select dd.lang span{color:#555;} .Top002503.hover .select dd.lang span a{color:#555;} .Top002503.hover .logo.on{ display: block} .Top002503.hover .logo.off{ display: none} #Top002503 .header-menu{ padding:3% 0;} .Top002503 .header-left{position:absolute;top:50%;transform:translateY(-50%);width:20%;max-width: 130px;height:100%;} .Top002503 .header-mid{float:right;width: 85%;max-width: 1200px;text-align: right} .Top002503 .header-menu{padding: 20px 0 0px;transition:0.3s;} .Top002503 .header-menu li{float:left;text-align: right;width: auto!important;margin-right: 45px;} .Top002503 .header-menu li:last-child{margin-right: 0;} .Top002503 .header-menu li em{ text-align:center;} .Top002503 .header-menu li em a{ display:inline-block; position:relative; color:#fff;padding-bottom: 30px} .Top002503 .header-menu li a{color:#666;transition:0.3s;font-size: 16px;} .Top002503 .header-menu li.aon em a, .Top002503 .header-menu li em a:hover{color: #e78511;} .Top002503 .header-menu li em a::after{position:absolute;content:'';width:0;bottom: 0px;left:50%;transform:translateX(-50%);height: 3px;background:#e78511;transition:0.3s;} .Top002503 .header-menu li.aon em a::after, .Top002503 .header-menu li:hover em a::after{ width:100%;} } @media(min-width:1700px){ .Top002503 .header-mid{width: 71%;} .Top002503 .header-left{left:5%;} .Top002503 .gp{right: 5%;} } @media(max-width:1600px){ .Top002503 .header{padding: 10px 18% 0 2%} .Top002503 .header-menu li{margin-right: 35px;} } @media(max-width:1440px){ .Top002503 .header-menu li{margin-right: 30px;} .Top002503 .header-menu li .sub-intro{ padding:2%;} .Top002503 .header{padding: 10px 18% 0 2%} } @media(max-width:1367px){ .Top002503 .header{padding: 10px 20% 0 2%} .Top002503 .gp{right: 2%;} .Top002503 .header-mid{width: 85%} .Top002503 .header-menu li{margin-right: 18px;} } @media(max-width:1280px){ .Top002503 .header-menu li{margin-right: 15px;} } @media(max-width:1024px){ .Top002503{position: relative;background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,0.1)} .Top002503 .header{padding: 10px 2%} .Top002503 .gp{top: 113px;right: 65px;color: #666;border-color: #ddd;width: 180px;padding-left: 15px} .Top002503 .gp span{width: 46%;} .Top002503 .gp span b{font-size: 15px;} .Top002503 .gp p{width: 50%;} .Top002503 .select dd{width: 50%;margin: 0!important} .Top002503 .select dd.search{width: 100%!important} .Top002503 .select dd a{font-size: 14px!important;margin: 0!important} .Top002503 .select dd span{font-size: 14px!important;} .Top002503 .select dd.lang ul li a{ color:#555;} .Top002503 .select dd.member span{color:#555;background:url(../images/Top002503_icon2.jpg) no-repeat left center;} .Top002503 .select dd.shop a{background:url(../images/Top002503_icon3on.png) no-repeat left center;color: #555} .Top002503 .select dd.on span{ color:#555; background-image:url(../images/Top002503_icon_hover.gif);} .Top002503 .header-menu li em a{color:#555;} .Top002503 .select dd span .text{color: #555;} .Top002503 .select dd.lang span a{color:#555;} .Top002503 .logo.on{ display: block} .Top002503 .logo.off{ display: none} .Top002503 #header-menu{position:fixed;left:-100%;top:0;overflow:auto;background: rgba(0,0,0,0.8);z-index:20;width: 100%;transition:0.3s;max-width: 280px;height: 100%;padding-top: 30px} .Top002503 #header-menu.header-menu-show{ left:0;} .Top002503 #header-menu li{line-height:30px;} .Top002503 #header-menu li a{display:block;padding:8px 20px;font-weight:normal;color: #fff;font-size:14px;position:relative;transition:0.3s;border-bottom: none;} .Top002503 .header-mid{padding: 30px 0;width: 100%} .Top002503 .header-left{position: absolute;width: 30%;height: 50%;bottom: 10px} .Top002503 .header-right{z-index:30;} .Top002503 #header-menu li .sub-right{width:100%;float:none; display:none;} .Top002503 #header-menu li .sub-left{ width:100%;padding-bottom:18px;float: none;} .Top002503 #header-menu li .sub-left h3, .Top002503 #header-menu li .sub-left p{ display:none;} .Top002503 #header-menu li .sub-left dl{ padding:10px 20px 0;} .Top002503 #header-menu li .sub-menu dt a{ line-height:36px; font-size:14px; color:rgba(255,255,255,0.8);padding: 0 20px} .Top002503 #header-menu li .sub-intro h3{display: none} .Top002503 #header-menu li .sub-intro p{display: none} .Top002503 #open_menu{position:relative;width:40px;height:30px;border-radius:5px;background:#e78511;z-index:30;border:0;float:right;margin: 10px 0;} .Top002503 #open_menu i, .Top002503 #open_menu i::before, .Top002503 #open_menu i::after{ position:absolute; background:#fff;} .Top002503 #open_menu i{ left:10%; width:80%; height:3px; top:50%; margin-top:-1.5px;} .Top002503 #open_menu i::before, .Top002503 #open_menu i::after{ width:100%; top:-7px;height:100%; content:''; transition:transform 0.3s;} .Top002503 #open_menu i::before{ top:7px;} .Top002503 #open_menu.open_menu_on i{ background-color:transparent;} .Top002503 #open_menu.open_menu_on i::before{ transform:rotate(45deg); top:0;} .Top002503 #open_menu.open_menu_on i::after{ transform:rotate(-45deg); top:0;} } @media(max-width:640px){ } /* .Banner002277 */ .Banner002277 .bx-controls-direction a { position: absolute;text-indent: 9999px; overflow: hidden; z-index: 99; top: 50%; margin-top: -22px; left:5%; height: 45px; width: 37px; color: #fff; cursor: pointer; background-repeat: no-repeat; display:none; } .Banner002277 .bx-controls-direction .bx-prev{background-image: url("../images/Banner002277-prev.png");} .Banner002277 .bx-controls-direction .bx-next { left: auto; right: 5%; background-image: url("../images/Banner002277-next.png");} .Banner002277 .bx-wrapper{ position:relative; z-index:1;} .Banner002277 .bx-viewport{ z-index:1;} .Banner002277 li a{ } .Banner002277 li img{ display:block; width:130%; position: relative; left: -30px; max-width: none; } .Banner002277 .bx-pager{ position:absolute; left:0; bottom:3%; text-align:center; width:100%; z-index:10;} .Banner002277 .bx-pager div{ display:inline-block;margin:0 5px;} .Banner002277 .bx-pager div a{ display:block; width:12px; height:12px; line-height:100px; overflow:hidden; border:1px #fff solid; border-radius:6px; background:none; } .Banner002277 .bx-pager div a.active{width:30px; height:12px; background:#fff;} .Banner002277 .svgbox{position: absolute; left: 0; top:0; width: 100%;height: 100%; display: none; z-index: 11;} .Banner002277 .svgbox svg#svg1{opacity: 0.6;} .Banner002277 .svgbox svg{position: absolute; left: 0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%;height: 100%;} .Banner002277 .Bantxtbox{width:74.58%; margin: 0 auto; position: relative; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 330px; -o-transform: translateY(-50%); transform: translateY(-50%);} .Banner002277 .Bantxtbox .letxt{position: absolute; left: 0; top:82px; width:55.36%;max-width: 888px;} .Banner002277 .Bantxtbox .item dd{position: absolute; left: 0; top:0; width:8.45%;} .Banner002277 .Bantxtbox .item dd img{width:100%; } .Banner002277 .Bantxtbox .item dd .imgbg{ } .Banner002277 .Bantxtbox .item dd.on .imgbg{background:url('../images/baniconbg.png') no-repeat center; background-size: cover;} .Banner002277 .Bantxtbox .item .dd1{ left: 37%;top: 65%; } .Banner002277 .Bantxtbox .item .dd2{ left: 56%;top: 16%; } .Banner002277 .Bantxtbox .item .dd3{ left: 80%;top: 59%;} .Banner002277 .Bantxtbox .item .dd4{ left: 92%;top: -10%;} @media only screen and (max-width: 767px) { } @media only screen and (min-width:768px){ .Banner002277 li{ width: 100%; height: 100%;} .Banner002277 li a{ background-repeat: no-repeat; background-position: center; background-size:cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .Banner002277 li img{ display: none;} .Banner002277 .svgbox{display: block;} } @media only screen and (min-width:1600px){ .Banner002277 .Bantxtbox{height: 420px;} } /*RighInfo002807 */ .home-more{display:block;background-image: linear-gradient(to right, #e77e01, #f1af10);position:relative;color: #fff;width: 142px;border-radius: 60px;padding: 8px 20px 8px 20px;line-height: 24px;} .home-more:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right:20px;top: 14px;} .home-more:hover{ color:#fff; background:#e78511;} .Tithead{ font-size:36px; color: #333;} .Tithead span{ display:block; text-transform:capitalize; font-family: "DINCond-Bold"; } .Tithead span.en{ letter-spacing:3.5px;font-size:50px;color:#e78511;} .Tithead span.cn{ margin-top:0px;} /*.Tithead:after{ content: ""; display: block; width:42px; margin-top:18px; height:4px; background: #e78511;}*/ @media(max-width:1024px){ .Tithead{ text-align: center;} } /* .Floor002396 */ .Floor002396{ background: #eaeaea;} .Floor002396 .auto{ padding-left:7.5%; margin: 0 auto; background:url(../images/Floor002396_bg.png) no-repeat left center #fff;} .Floor002396 .box{ float: left; width: 50%;position: relative} .Floor002396 .box .box-inner{padding: 4% 4% 0 0;} .Floor002396 .box .box-inner ul{padding-top: 5%;} .Floor002396 .box .box-con{ position:relative;} .Floor002396 .box .box-con figure{font-size: 16px;line-height: 30px;color: #666;height: 90px;overflow: hidden;margin: 25px 0;} .Floor002396 .box .box-con h3, .Floor002396 .box .box-con p{font-size: 20px;color:#333;line-height:30px;font-weight:normal;margin:0; padding-right:80px;} .Floor002396 .box .box-con h3{ margin-top:60px;} .Floor002396 .box .box-con p{margin-top:5px;position:relative;z-index: 9;display:block;} .Floor002396 .box .box-con p:after{content:'';background:#e78511;display:block;height: 4px;width: 150px;position:absolute;left:0;bottom: 5px;z-index: -1;display:block;} .Floor002396 .box .stock{position:absolute;right:7%;top: 9%;font-family: arial;font-weight:bold;} .Floor002396 .box .stock span{display:block;float: right;} .Floor002396 .box .stock span lable{display:block;line-height:24px;font-size:20px;color: #666;padding:1px 0;} .Floor002396 .box .stock article{color: #e78511;font-size: 38px;display: inline-block;float: left;margin-right:10px;margin-top: 5px;} .Floor002396 .box .stock article i{ display:inline-block; background:url(../images/Floor002268-icon_arrow_up.png) no-repeat; width:20px; height:30px; margin:0 5px;} .Floor002396 .box .stock h2{background: #e78511;font-size: 18px;margin: 0 15px 0 0;color: #fff;padding: 10px;border-radius: 10px;line-height: 24px;width: 117px;height: 66px;text-align: center; position:relative;} .Floor002396 .box .stock h2:after{content:'';width: 0;display:block;height: 0;border-left:10px solid #e78511;border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;right: -9px;top:50%;transform: translateY(-50%);} .Floor002396 .num{position: relative;margin-bottom: 5%;} .Floor002396 .num li{float:left;width:25%;} .Floor002396 .num li .inner{color: #e78511;font-family: "DINCond-Bold";font-size: 100px;display: table;} .Floor002396 .num li aside{overflow: hidden;height: 0.7em;} .Floor002396 .num li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .Floor002396 .num li sup{font-size: 40px;vertical-align: super;} .Floor002396 .num li span{font-size: 83px;line-height: 74px;vertical-align: text-top;color: #333;} .Floor002396 .num li p{font-size: 16px;color: #666;margin-top: 12px;} .Floor002396 .num li aside *{display: inline-block;} .Floor002396 .box-about{ position:relative; z-index:1; overflow:hidden;} .Floor002396 .box-about img{ width:100%; display:block;} .Floor002396 .box-about .ycenter{ position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center;color:#fff; overflow:hidden;} .Floor002396 .box-about .ycenter_click{ z-index:20; width:auto; height:auto; right:5%; top:5%; left:auto;} .Floor002396 .box-about .ycenter_click .title{ display:none;} .Floor002396 .box-about .video{ width:100%;} .Floor002396 .box-about video{ z-index:10; background:#000; position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002396 .box-about .play_btn{ cursor:pointer; display:inline-block;} .Floor002396 .box-about .play_btn i{ display:block; margin:0 auto 15px; width:49px; height:49px; border:2px solid #fff; border-radius:50%; background:url(../images/Floor002617_play.png) no-repeat center center;} .Floor002396 .box-about .close_btn i{ position:relative; background:none;} .Floor002396 .box-about .close_btn i::before, .Floor002396 .box-about .close_btn i::after{ position:absolute; content:''; width:3px; border-radius:3px; height:50%; top:25%; background:#fff; left:16px;} .Floor002396 .box-about .close_btn i::after{ left:26px;} @media(max-width:1366px){ .Floor002396 .auto{ padding-left:2%;} .Floor002396 .num li span{font-size: 60px;} } @media(max-width:1024px){ .Floor002396 .auto{ padding:0 2%;} .Floor002396 .box .box-con h3{ margin-top:10px;} .Floor002396 .box .box-con p{padding-right:0px;} .Floor002396 .box{ float: none; width: 100%;} .Floor002396 .num li .inner{font-size: 70px;display: block} .Floor002396 .box .stock{display: none} .Floor002396 .num li aside{height: auto;} } @media(max-width:768px){ .Floor002396 .num li{width: 50%;} .Floor002396 .num li:nth-child(2n+1){clear: left;} } @media(max-width:480px){ .Floor002396 .num li .inner{font-size: 50px;} .Floor002396 .box-about .title{ font-size:18px;} .Floor002396 .box-about .play_btn i{ margin:5px auto; background-size:12px;width: 36px;height: 36px;} .Floor002396 .box-about .close_btn i::before{ left:10px;} .Floor002396 .box-about .close_btn i::after{ left:20px;} } /*Floor000556*/ .Floor000556{ padding:3% 0;} .Floor000556 .auto{ padding-right:7.5%; padding-left:7.5%;} .Floor000556 .wrap-head{padding-bottom: 40px;} .Floor000556 .Tithead{margin-top: 22px;} .Floor000556 .tabs{ padding-top: 23px;} .Floor000556 .tabs a{display: block;float: left;width:14.28%;text-align: center;margin-bottom: 10px;font-size: 16px;color: #666;cursor: pointer;transition: all .3s ease-in-out;} .Floor000556 .tabs a img{display:block;margin: 0 auto 12px;max-width: 48px;} .Floor000556 .tabs a .img2{ display:none;} .Floor000556 .tabs a i{display:block;position:relative;z-index:3;width: 24px;height: 24px;margin: 12px auto 0;} .Floor000556 .tabs a i:after{content:'';display:block;width: 10px;height: 10px;display:block;border-radius:6px;background:#eaeaea;position:absolute;left: 50%;top: 13px;transform: translateX(-50%);z-index: 1;} .Floor000556 .tabs a i:before{content:'';display:block;background:rgba(231,133,17,0.5);width: 100%;height: 100%;border-radius: 12px;z-index: 1;position:absolute;left: 0%;top: 6px;display:none;} .Floor000556 .tabs a.on img, .Floor000556 .tabs a:hover img{display:none;margin: 0 auto 12px;} .Floor000556 .tabs a.on .img2, .Floor000556 .tabs a:hover .img2{ display:block;} .Floor000556 .tabs a.on i:before, .Floor000556 .tabs a:hover i:before{ display:block;} .Floor000556 .tabs a.on i:after, .Floor000556 .tabs a:hover i:after{ background:#e78511;} .Floor000556 .tabs a{position:relative;} .Floor000556 .tabs a:after{ display:block; height:1px;background:#eaeaea; width:79%; content:''; position:absolute; left:50%; margin-left:20px; bottom:6px} .Floor000556 .tabs a:last-child:after{ display:none;} .Floor000556 .tabs p{margin: 0;height: 44px;overflow: hidden} .Floor000556 .tabs .owl-nav div{position:absolute;top:50%;width:14px;overflow:hidden;line-height:1000px;height:28px;margin-top: -14px;background:url(../images/Floor002794-btn.png) no-repeat left top;z-index:10;} .Floor000556 .tabs .owl-nav .owl-prev{left: -2%;margin-left: 10px;} .Floor000556 .tabs .owl-nav .owl-next{right: -2%;margin-right: 10px;background-position: right top;} .Floor000556 .tab-info{ display:none;} .Floor000556 .pro_list{ position:relative;} .Floor000556 .owl-stage-outer{ overflow:hidden;} .Floor000556 .owl-item{ float:left;} .Floor000556 .owl-nav{ display:block!important;} .Floor000556 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; background: #fff;border-radius: 25px;padding: 0px 11px;box-shadow: 0 0 8px rgba(0,0,0,0.1);} .Floor000556 .owl-nav button.owl-prev{ left:-70px;} .Floor000556 .owl-nav button.owl-next{ right:-70px;} .Floor000556 .owl-nav button::before{ position:absolute; content:''; width:33%; height:33%; border-top:3px solid #ddd; border-right:3px solid #ddd; top:36%; left:28%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor000556 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);top:36%; left:40%; } .Floor000556 .owl-nav button:hover::before{ border-color:#000;} .Floor000556 .item{position: relative;background:#fff;padding:20px 20px 20px;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin: 12px;border-bottom:4px #e6e6e6 solid;position:relative;} .Floor000556 .item:after{content:''; width:0%; height:4px;background-image: linear-gradient(to right, #e77e01, #f1af10);position:absolute; left:0; bottom:-4px; transition:all 0.6s ease;} .Floor000556 .item:hover:after{ width:100%; z-index:3;} .Floor000556 .item:hover a h3{ color:#e78511;} .Floor000556 .item .pic{ display:block;} .Floor000556 .item h3{margin: 20px 0 0;font-size: 16px;font-weight:normal;text-align:center;color: #333;} .Floor000556 .item .pic img{ max-height: 100%; width: auto; position: relative; left: 0;transition: left .5s ease-in-out;-webkit-transition: left .5s ease-in-out;-ms-transition: left .5s ease-in-out;-moz-transition: left .5s ease-in-out; } @media(max-width:1367px){ .Floor000556 .tabs a:after{width:74%; margin-left:18px; bottom:6px} } @media(max-width:1024px){ .Floor000556 .auto{ padding: 0 2%;} .Floor000556 .tabs a{width:33.3%;font-size: 14px;margin-bottom: 20px} .Floor000556 .tabs a i{display: none;} .Floor000556 .tabs a::after{display:none;} .Floor000556 .tabs p{height: 60px;} .Floor000556 .pro_list{padding: 0 45px;} .Floor000556 .owl-nav button.owl-prev{ left:-35px;} .Floor000556 .owl-nav button.owl-next{ right:-35px;} } @media(max-width:480px){ .Floor000556 .title{font-size:18px;} .Floor000556 .title aside{ font-size:26px;} } @media only screen and (min-width:768px ) { .Floor000556 .Tithead{float: left;width: 146px;} .Floor000556 .tabs{float: right;text-align: center;width: 84%;/* background: #fff; *//* padding: 0 0 30px; */} .Floor000556 .tabs .owl-stage-outer{margin: 0 auto;} } /*owl-carousel*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /* .Floor001690 */ .Floor001690{ background:#f8f8f8;} .Floor001690 li{ float:left; width:20%;} .Floor001690 li img{ display:block; transition:0.3s; width:100%; opacity:0.3;} .Floor001690 li:hover img, .Floor001690 li.on img{ opacity:1;} .Floor001690 .Tithead{text-align:right;margin-bottom: 30px;} .Floor001690 .Tithead .en{ position:relative;} .Floor001690 .Tithead .en:after{content:'';background-image: linear-gradient(to right, #e77e01, #f1af10);height:2px;width: 56%;position:absolute;left:0%;top: 50%;} .Floor001690 .home-more{ padding-bottom:10px; padding-top:10px;} .Floor001690 .home-more:after{ top:16px;} .Floor001690 .con{ position:relative; /*background:#fff;*/ background-size:auto 100%;} .Floor001690 .con .Ispic{ position:absolute; left:0; width:100%; top:0; height:100%; background-position: left top; background-size:auto 100%;} .Floor001690 .con .auto{ padding:3% 0; position:relative; z-index:2;} .Floor001690 .con section{margin-left:42%;background-color:#fff;padding: 3% 4% 3%;box-shadow:0 0 10px rgba(0,0,0,0.1);box-sizing:border-box;border-right:4px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(0deg,#e77e01,#f1af10);} .Floor001690 .con dd figure{ float:right; width:26%; margin-right:10%; } .Floor001690 .con dd figure a{ display:block;position:relative;} .Floor001690 .con dd figure img{ display:block; width:100%;} .Floor001690 .con dd figure span{ position:absolute; top:100%; height:30px; overflow:hidden; left:0; width:100%; } .Floor001690 .con dd figure span img{ transform:rotateX(180deg);opacity:0.2;} .Floor001690 .con dd figure span::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .Floor001690 .con dd div{ float:left; width:48%;} .Floor001690 .con dd h1{margin:0;font-size: 24px;padding-left:34px;position:relative;font-weight: normal;color: #333;} .Floor001690 .con dd h1::before{ position:absolute; content:''; width:20px; height:2px; top:50%; margin-top:-1px; left:0; background-color:#4a4a4a;} .Floor001690 .con dd p{margin: 20px 0 0;line-height: 30px;font-size: 16px;color:#666;height: 90px;overflow:hidden;margin-bottom: 17px;} .Floor001690 .con dd .more{ display:inline-block; font-weight:bold; border:1px solid #f1f1f1; padding:0 76px 0 30px; line-height:30px; background:url(../images/Floor001690-more.png) no-repeat 80% center;} .Floor001690 .con dd .more:hover{ background-image:url(../images/Floor001690-more_hover.png); background-color:#ed6d00; color:#fff;} @media(max-width:1024px){ .Floor001690 .con section{ margin-left:20%;} .Floor001690 .Tithead .en{text-align: center;} .Floor001690 .Tithead .en:after{display: none;} .Floor001690 .con dd p{line-height: 26px;font-size: 14px;height: auto;margin-bottom: 17px;} } @media(max-width:768px){ .Floor001690 .con section{ margin-left:0;} .Floor001690 .con .Ispic{ position:static; height:auto; background-size:cover; padding-bottom:55%;} } @media(max-width:480px){ .Floor001690 .title h1{font-size:24px;} .Floor001690 .title h1 span{ color:#e57e47;} .Floor001690 .title p{ font-size:18px;} .Floor001690 .con dd div{ float:none; width:auto;} .Floor001690 .con dd figure{ display:none;} } /*Floor002140 */ .Floor002140{ padding:4% 0;} .Floor002140 .Tithead { margin-bottom:3%;} .Floor002140 .Tithead .cn, .Floor002140 .Tithead .en{ text-align:center;} .Floor002140 .tab_list dt{float:left;width: 45%;} .Floor002140 .tab_list dd{float:right;width: 52%;position:relative; margin-bottom:0px;} .Floor002140 .tab_list dd .txt{display:block;padding-right: 90px; position:relative;} .Floor002140 .tab_list dd .txt:after{display:block;content:'';width:1px;height:80%;background: #e6e6e6; position:absolute; right:70px; top:10%;} .Floor002140 .tab_list p{line-height: 30px;font-size: 16px;color: #666;overflow:hidden;} .Floor002140 .tab_list h2{font-size: 18px;/* font-weight: normal; */color: #333;} .Floor002140 .tab_list dd:hover h2 a, .Floor002140 .tab_list dt:hover h2 a{ color:#e78511;} .Floor002140 .tab_list dd time{color:#999;font-size: 20px;font-family: "DINCond-Bold";position:absolute;right:0;top:50%;transform: translateY(-50%);text-align: center;letter-spacing: 1px;} .Floor002140 .tab_list dd time b{font-size: 34px;display:block;} .Floor002140 .tab_list dt:after, .Floor002140 .tab_list dd:after{display:block;content:'';width:100%;height:1px;background: #e6e6e6;} .Floor002140 .tab_list dd:after{width: 100%;} .Floor002140 .tab_list dt .Ispic{ padding-bottom:56.75%; display:block; position:relative;/* box-shadow:0 0 15px rgba(0,0,0,.1)*/} .Floor002140 .tab_list dt .Ispic img{ display:none;} .Floor002140 .tab_list dt time{background:#e78511;position:absolute;right:0;bottom:0;text-align:center;padding:2% 3%;color:#fff;font-size: 16px;font-family: "DINCond-Bold";letter-spacing: 1px;} .Floor002140 .tab_list dt time span{font-size: 40px;display:block;line-height:50px;} .Floor002140 .tab_list dt h2{margin: 20px 0;} .Floor002140 .tab_list dt p{ margin-top:0;} .Floor002140 .more{padding-left: 48%;} .Floor002140 .more a{width: 142px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 20px 8px 20px;line-height: 24px;margin-top: -42px;position:relative;border-radius: 60px;} .Floor002140 .more a:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right: 20px;top: 14px;} .Floor002140 .more a:hover{ color:#fff; background:#e78511;} @media(max-width:1024px){ .Floor002140 .more{ padding-left:0; padding-top:3%;} .Floor002140 .more a{ margin:0 auto;} .Floor002140 .tab_list p{ height:auto;font-size: 14px;line-height: 26px} } @media(max-width:640px){ .Floor002140 .tab_list dt, .Floor002140 .tab_list dd{ float:none; width:auto;} } @media(max-width:480px){ .Floor002140 .tab_list dt time span{ font-size:30px;line-height:30px;} } /* Floor000712 */ .Floor000712{ padding:3% 0; background:url(../images/Floor000712_bg.png) no-repeat left bottom #fcfcfc;} .Floor000712 .middle{ position:relative;} .Floor000712 .pic{width:18%;float: left;} .Floor000712 .Tithead span.en{ line-height:50px; margin-bottom:10px;} .Floor000712 .text{ width:78%; float:right; margin-left:4%;} .Floor000712 .text ul li{font-size:14px;/*float:left; width:49%;*/line-height:24px;font-weight:normal;border-bottom:1px dashed #ddd;letter-spacing:1px;position:relative;padding-right: 110px;} .Floor000712 .text ul li time{color:#999;position:absolute;right:0;top:12px;font-size: 16px;} .Floor000712 .text ul li a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color: #333;background:url(../images/Floor000712_left.png) no-repeat 9px center;padding: 12px 0;padding-left:19px;font-size: 16px;} .Floor000712 .text ul .more{text-algin:right;padding-top:15px;} .Floor000712 .text ul:nth-of-type(2n){ margin-right:0;} .Floor000712 .text ul .more a{color:#e78511; font-size:12px; background:url(../images/Floor000712_add.jpg) no-repeat left center; padding-left:20px; text-transform:uppercase; display:inline-block; letter-spacing:1px; float:right; margin-top:15px;} .Floor000712 .text ul li:hover a{ color:#e78511;} .Floor000712 .iconfont{position: absolute;bottom: -30px;text-align: center;cursor: pointer;width: 50px;height: 50px;line-height: 50px;font-size: 30px;font-weight: bold;cursor: pointer;color: #c5c5c5;transform: translatey(-50%);background: #fff;border-radius: 25px;box-shadow: 0 0 8px rgba(0,0,0,0.1);/* margin-top: 64px; */} .Floor000712 .iconfont:hover{ color: #f8b62b;} .Floor000712 .prev{left: 0;} .Floor000712 .next{left: 70px;} .Floor000712 .owl-dots{display: none} @media (max-width:1366px){ .Floor000712 .Tithead span.en{ font-size: 46px;} } @media (max-width:768px){ .Floor000712{padding-bottom: 30px} .Floor000712 .middle{padding-bottom: 70px} .Floor000712 .pic, .Floor000712 .text{ width:100%; margin:0; padding:0; position:static;} .Floor000712 .pic{ margin-bottom:20px;} .Floor000712 .pic img{ width:100%;} .Floor000712 .prev{left: 34%} .Floor000712 .next{right: 34%;left: auto} } /*Bottom002574 */ .Bottom002574 {background: #282828;} .Bottom002574 .auto{padding: 0 5%;} .Bottom002574 .bottom{padding: 2% 0 2% 0;} .Bottom002574 .share{ float:right;width: 23%} .Bottom002574 .share li{float:left;text-align:center;margin-right:20px;color: #ddd;width: 29%} .Bottom002574 .share li:nth-of-type(3){margin-right:0px;} .Bottom002574 .share li:nth-of-type(4) a{color: #fff} .Bottom002574 .share li:nth-of-type(4), .Bottom002574 .share li:nth-of-type(5){clear: both;float: none;} .Bottom002574 .share li:nth-of-type(4), .Bottom002574 .share li:nth-of-type(5), .Bottom002574 .share li:nth-of-type(6){width:100%;color:#fff;text-align:left;margin-right:0;margin-top:20px;display:block; padding-left:30px;} .Bottom002574 .share li:nth-of-type(4){background:url(../images/Top002503_icon4.png) no-repeat left top /22px 22px; } .Bottom002574 .share li:nth-of-type(5){background:url(../images/tel.jpg) no-repeat left top /22px 22px; } .Bottom002574 .share li:nth-of-type(6){background:url(../images/address.jpg) no-repeat left top /22px 22px; } .Bottom002574 .share li span{display:block;margin-top: 4px;font-size:24px;font-family: "DINCond-Bold";letter-spacing:1px;} .Bottom002574 .share li em{display:block; margin-top: 4px; font-style:normal;} .Bottom002574 .share li:last-child{clear: both;float: none;} .Bottom002574 .share li .bdsharebuttonbox {text-align: center;margin: 0 auto;} .Bottom002574 .share li img{ max-width:90px; display:block; margin:0 auto 10px;} .Bottom002574 .share .bdsharebuttonbox a{ float:none; display:inline-block; margin:0 10px; margin-top:20px; width:33px; border-radius:50%; background: url(../images/share.png) no-repeat center top #373742; padding:0; height:33px;} .Bottom002574 .share .bdsharebuttonbox a.bds_qzone{ background-position:center -44px;} .Bottom002574 .share .bdsharebuttonbox a.bds_tsina{ margin-bottom:0;background-position:center -86px;} .Bottom002574 nav dl{ float:left; margin-right: 3%;} .Bottom002574 nav dt{color:#FFF;padding-bottom:20px;font-size: 16px;} .Bottom002574 nav dd{color:#c3c3c3;line-height:24px;font-size: 14px; padding-bottom:5px;} .Bottom002574 nav dd a{color: #ddd;} .Bottom002574 nav dd a:hover{ color:#e78511;} .Bottom002574 nav dl.contact b{ font-size:16px;} .Bottom002574 .copyright{padding-top:1%;padding-bottom:1%;border-top: 1px #444 solid;} .Bottom002574 .copyright a{color: #999;} .Bottom002574 .copyright a:hover{ color:#e78511;} @media(min-width:1025px){ .Bottom002574 .copyright dt{ float:left;} .Bottom002574 .copyright dd{float:right;color: #999;} } .Bottom002574 .copyright dt a::after{display:inline-block;content:'';width:1px;height:10px;background: #747474;margin:0 10px;} .Bottom002574 .copyright dt a:last-child::after{ display:none;} @media (max-width:1366px){ .Bottom002574 footer .auto{padding: 0 2%;} .Bottom002574 .share{width: 27%} .Bottom002574 .copyright{ padding:2%;} } @media(max-width:1200px){ .Bottom002574 .share li{width: 29.33%} .Bottom002574 nav dl{ display:none;} .Bottom002574 nav dl.contact{ display:block;} } @media(max-width:1024px){ .Bottom002574 .bottom{padding: 30px 0;} .Bottom002574 .share{width: 100%} .Bottom002574 .copyright{ padding-top:2%; padding-bottom:2%;} .Bottom002574 .copyright{ text-align:center;} .Bottom002574 .copyright dt{ padding-bottom:10px;} } @media(max-width:480px){ .Bottom002574 .share{ float:none; display:table; margin:0 auto;} .Bottom002574 nav dl.contact{ text-align:center; float:none;} .Bottom002574 nav dl.contact dt{ padding:15px 0 10px 0; font-size:16px; border-bottom:1px solid #000; margin-bottom:10px;} } /* .Floor002404 为demo编号 */ .Floor002404{background: #f8f8f8;} .Floor002404 .auto{ max-width:1440px; position: relative;} @media only screen and (max-width:1160px ) { .Floor002404 .auto{ padding-left: 15px; padding-right: 15px;} } .Floor002404 .bx-wrapper{ position: relative; padding-left: 45px;z-index:1;} .Floor002404 .bx-wrapper:before{ content: ""; display: block; width: 31px; height: 59px; position: absolute; top: 0; left: 0; background: url(../images/Floor002404-icon.png) no-repeat left top;} .Floor002404 .list li a{ line-height:45px; padding-right:22%;} .Floor002404 .bx-pager{ position: absolute; right: 0; top: 0; padding-top: 15px;} .Floor002404 .bx-pager >div{ display: inline-block; padding: 0 0 0 5px;} .Floor002404 .bx-pager >div a{ display: block; width: 14px; height: 14px; text-indent: 9999px; overflow: hidden; position: relative;} .Floor002404 .bx-pager >div a:before, .Floor002404 .bx-pager >div a:after{ display: block; content: ""; position: absolute;} .Floor002404 .bx-pager >div a:before{ width: 6px; height: 6px; z-index: 5; background: #8e8e8e; top: 4px; left: 4px;} .Floor002404 .bx-pager >div a.active:before{ background: #bd2436;} .Floor002404 .bx-pager >div a:after{ width: 14px; height: 14px; border: 2px solid transparent; top: 0; left: 0;} .Floor002404 .bx-pager >div a.active:after{ border-color: #bd2436;} .Floor002404 .bx-wrapper{ position:relative; } .Floor002404 .bx-controls-direction { display: none;} /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:400px; background-position:center top; background-repeat:no-repeat;} .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%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } /*.Menu002188 为demo编号*/ .Menu002188{ padding:37px 0;box-shadow: 0 3px 5px rgba(0,0,0,0.05)} .Menu002188 .Menu{ float:left;} .Menu002188 .Menu li{ float:left; padding:0 40px;position: relative} .Menu002188 .Menu li:first-child{ padding-left: 0} .Menu002188 .Menu li a{ font-size:14px; color:#333; padding-bottom:3px;transition: .3s ease-out;} .Menu002188 .Menu li::after{ content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: #eaeaea} .Menu002188 .Menu li:last-child::after{ display: none} .Menu002188 .Menu li.cur a, .Menu002188 .Menu li a:hover{ color:#e78511;border-bottom:2px solid #e78511;} .Menu002188 .Currents{ text-align:right; color:#999; line-height:25px; float:right;background:url(../images/Menu002188-icon.png)no-repeat left center;padding-left: 20px} .Menu002188 .Currents em{ font-style:normal;background:url(../images/Menu002188-current_icon.png) no-repeat left center; background-size:auto 100%; padding-left:30px; display:inline-block;} .Menu002188 .Currents a{color:#999;transition: .3s ease-out;} .Menu002188 .Currents a:hover{color:#e78511;} .Menu002188 .Currents span{color:#e78511;} @media (max-width: 1366px){ .Menu002188 .Menu li{ padding: 0 20px} } @media (max-width: 1024px){ .Menu002188{ padding:20px 0;} .Menu002188 .Menu{ float:none;width: 100%} .Menu002188 .Menu li{ padding:10px 15px!important;text-align: center;} .Menu002188 .Menu li a{ font-size: 14px;} .Menu002188 .Menu li:nth-child(3n)::after{} .Menu002188 .Currents{display: none} } .Menu0021881{ padding:37px 0;box-shadow: 0 3px 5px rgba(0,0,0,0.05)} .Menu0021881 .Menu{margin-top: 20px} .Menu0021881 .Menu li{ float:left; padding:0 40px;position: relative;margin-bottom: 20px} .Menu0021881 .Menu li:first-child{ padding-left: 0} .Menu0021881 .Menu li a{ font-size:14px; color:#333; padding-bottom:3px;transition: .3s ease-out;} .Menu0021881 .Menu li::after{ content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background: #eaeaea} .Menu0021881 .Menu li:last-child::after{ display: none} .Menu0021881 .Menu li.cur a, .Menu0021881 .Menu li a:hover{ color:#e78511;border-bottom:2px solid #e78511;} .Menu0021881 .Currents{ text-align:left; color:#999; line-height:25px;background:url(../images/Menu002188-icon.png)no-repeat left center;padding-left: 20px} .Menu0021881 .Currents em{ font-style:normal;background:url(../images/Menu002188-current_icon.png) no-repeat left center; background-size:auto 100%; padding-left:30px; display:inline-block;} .Menu0021881 .Currents a{color:#999;transition: .3s ease-out;} .Menu0021881 .Currents a:hover{color:#e78511;} .Menu0021881 .Currents span{color:#e78511;} @media (max-width: 1366px){ .Menu0021881 .Menu li{ padding: 0 20px} } @media (max-width: 1024px){ .Menu0021881{ padding:20px 0;} .Menu0021881 .Menu{ float:none;width: 100%} .Menu0021881 .Menu li{ padding:10px 15px!important;text-align: center;margin-bottom: 0} .Menu0021881 .Menu li a{ font-size: 14px;} .Menu0021881 .Menu li:nth-child(3n)::after{} .Menu0021881 .Currents{display: none} } /*公司简介*/ .RighInfo002808{padding: 4% 0} .RighInfo002808 .floor{position: relative; z-index: 1} .RighInfo002808 .floor .Ispic{position: absolute;height: 100%; right: 0; top: 0;} .RighInfo002808 .floor-1 .Ispic{width: 31.945%;} .RighInfo002808 .floor-1 .pic{float: right;margin-left: 100px;margin-bottom: 20px} .RighInfo002808 .floor-1 .txt{color: #777;font-size: 16px;} .RighInfo002808 .floor-1 .txt .info{ line-height: 36px;} .RighInfo002808 .floor-1 .txt h1{font-size: 50px;color: #333;margin: 0%;font-weight: normal;line-height: 42px;padding-bottom: 3%;font-family: "DINCond-Bold";} .RighInfo002808 .floor-1 .txt h2{font-size: 40px;color: #e78511;margin: 0%;font-weight: normal;font-family: "DINCond-Bold";padding-top: 10px;padding-bottom: 3%} .RighInfo002808 .floor-1 .txt .ti25{} .RighInfo002808 .floor-1 .txt p{margin-bottom: 0;} .RighInfo002808 .floor-1 .txt p{margin-top: 0;margin-bottom: 2.5%} @media(max-width:1366px){ .RighInfo002808 .floor-1 .pic{margin-left: 80px;} } @media(max-width:1024px){ .RighInfo002808 .floor-1 .txt h1{font-size: 24px;} .RighInfo002808 .floor-1 .txt h2{font-size: 24px;padding-top: 0px;} .RighInfo002808 .floor-1 .txt .info{ line-height: 28px;font-size: 14px;} } .RighInfo002808 .title{padding: 8% 0 3% 0;font-size: 30px;color: #333;} /*企业文化*/ .Floor001739{padding:4% 0;} .Floor001739 li{float:left;width: 31%;text-align: center; position:relative;background: #f8f8f8;margin-right: 3.5%;padding: 5% 0;margin-bottom: 2%} .Floor001739 li::before{ position:absolute; content:''; width:100%; left:0; bottom:0%; height:4px;background: #e78511} .Floor001739 li:nth-child(3n){margin-right: 0;} .Floor001739 li a{display: block; margin:0 auto; width:80%;} .Floor001739 li figure img{max-width: 130px;height: 130px} .Floor001739 li h3{font-size: 24px; color: #333;margin: 0;padding: 50px 0 20px;font-weight: normal;} .Floor001739 li h3::after{ display: block; content:''; width:30px; height:3px;background: #e78511;margin: 20px auto 0} .Floor001739 li p{line-height: 26px; height:125px; overflow:hidden;font-size: 14px;color: #777; margin:0;} .Floor001739 li a:hover *{} @media(max-width:1024px){ .Floor001739 li{ width:100%;margin-right: 0;margin-bottom: 20px;} .Floor001739 li h3{font-size: 24px; color: #333;margin: 0;padding: 20px 0;} } /*集团成员*/ .PicList001213{padding:4% 0} .PicList001213 dl{margin-bottom:5%;border-bottom: 1px solid #ddd;padding-bottom: 5%;} .PicList001213 dl:last-child{border-bottom: 0;padding-bottom: 0%;} @media(min-width:1024px){ .PicList001213 dl{ display:table; width:100%;} .PicList001213 dl dt, .PicList001213 dl dd{ display:table-cell; vertical-align:middle;} .PicList001213 dl dt{ width:35%;} .PicList001213 dl dt img{ width:100%;} .PicList001213 dl dd{padding-left: 4%;padding-right: 17.5%;position: relative} .PicList001213 dl dd::after{content: '';position: absolute;width: 1px;height: 30%;background: #ddd;right: 15.5%;top: 50%;transform: translateY(-50%)} } .PicList001213 dl h2{ font-size:20px; margin:0;padding-bottom: 26px} .PicList001213 dl h2:hover a{color: #e78511} .PicList001213 dl h2::before{content: '';display: block;width: 40px;height: 3px;background: #e78511;margin-bottom: 20px} .PicList001213 dl p{font-size: 14px;color: #777;line-height: 26px;margin: 0;max-height: 130px;overflow: hidden} .PicList001213 dl .more{position: absolute;width: 40px;height: 40px;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/PicList001213-more.png)no-repeat center;} @media(max-width:1024px){ .PicList001213 dl dd{padding: 20px 0} .PicList001213 dl p{max-height: 100%;} .PicList001213 dl .more{display: none} } /*荣誉资质*/ .PicList002239{ padding:4% 0 2%;} .PicList002239 li{margin-bottom: 1.5%; float:left;text-align: center} .PicList002239 li .pic{padding: 11% ;border: 1px solid #ddd;} @media(min-width:769px){ .PicList002239 li{margin-right:3%; width:22.75%; } .PicList002239 li:nth-child(4n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px;line-height:60px;} .PicList002239 li dt{font-size: 14px; color: #333;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} .PicList002239 li dl{ line-height:40px;margin-bottom: 10px} } /*分页*/ .Page002046 .Pages{ text-align:center; padding:0% 0 5%;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 20px; line-height:50px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#e78511; 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_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{padding: 0 30px} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:50px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;margin: 0 5px;display: none} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(max-width:1024px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} .Page002046 .Pages em{ display: none} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ display: inline-block} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /*公司动态*/ .PicList000715{ padding:4% 0 2%;} .PicList000715 ul li{ width:31.66666%; float:left; margin-right:2.5%; margin-bottom:4%; background: #f8f8f8;} .PicList000715 ul li:nth-child(3n){ margin-right:0;} .PicList000715 ul li figure{ padding-bottom: 60%} .PicList000715 ul li .CasesCont{ padding:0 6.5789%; background:#f3f7f9;} .PicList000715 ul li h1{font-size:20px; color:#000;padding-top: 5px;height: 60px;line-height: 28px;margin: 0 0 30px} .PicList000715 ul li h1 a{color:#000;} .PicList000715 ul li p{ font-size:14px; margin:0; margin:0; height:75px; overflow:hidden;color: #888;line-height: 24px;font-weight: lighter} .PicList000715 ul li time{ font-size:18px;color: #e78511;font-weight: bold;padding-top: 8%;display: block;} .PicList000715 ul li .CasesCont .more{color:#a7c222; font-size:0.75em; background:url(../images/BG5.jpg) no-repeat left center; padding-left:20px; text-transform:uppercase; display:inline-block; letter-spacing:1px; margin:8% 0;} .PicList000715 ul li dl{ width:100%; } .PicList000715 ul li dl a{font-size:14px;padding-right: 62px;background: url(../images/PicList000715-more.png)no-repeat right center} .PicList000715 ul li .main{ padding: 0 6.5789%;} .PicList000715 .more{padding:5% 0 10%;width: 100%} .PicList000715 .more a{width: 142px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 20px 8px 20px;line-height: 24px;position:relative;border-radius: 60px;} .PicList000715 .more a:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right:20px;top: 14px;} .PicList000715 .more a:hover{ color:#fff; background:#e78511;} @media (max-width:1024px){ .PicList000715 ul li{ width: 47.5%; margin-right:5%;} .PicList000715 ul li:nth-child(3n){ margin-right:5%;} .PicList000715 ul li:nth-child(2n){ margin-right:0;} .PicList000715 ul li .main{ padding: 0 4.5789%;} .PicList000715 ul li h1{font-size:18px; margin-bottom: 15px} } @media (max-width:480px){ .PicList000715 ul li{ width: 100%; margin-right:0%;} .PicList000715 ul li:nth-child(3n){ margin-right:0%;} .PicList000715 ul li:nth-child(2n){ margin-right:0;} } .TextList0013981{ padding:2% 0;} .TextList0013981 li{height: 70px; line-height: 70px; position:relative; padding: 0 30px;} .TextList0013981 li a{display:block; background: url(../images/TextList001398-icon.png) 0 50% no-repeat; font-size: 14px; color: #3d3d3d;padding: 0 30px} .TextList0013981 li a:hover{color: #e78511;} .TextList0013981 li .btn{width: 40px; height: 70px; position: absolute; top: 0; right: 10px; background: url(../images/TextList001398_btn.png) 0 50% no-repeat;} .TextList0013981 li:hover .btn{background: url(../images/TextList001398_btn1.png) 0 50% no-repeat;} .TextList0013981 li:nth-child(2n){background: #f8f8f8;} /*联系我们*/ .RighInfo002275{padding: 4% 0} .RighInfo002275 h1{margin:0;font-size: 50px;font-weight: normal;color: #333;font-family: "DINCond-Bold";} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 20px;color: #333;font-weight: normal;margin-bottom: 20px;margin-top: 0px;font-family: "DINCond-Bold";} .RighInfo002275 .text .title span{font-weight: bold;} .RighInfo002275 .text li{float: left;width: 50%;border-left: 5px solid #eeeff3;padding-top: 35px;padding-left: 20px;margin-bottom: 50px} .RighInfo002275 .text li:nth-child(1){width: 100%;background: url(../images/RighInfo002275-icon1.png)no-repeat left 20px top} .RighInfo002275 .text li:nth-child(2){background: url(../images/RighInfo002275-icon2.png)no-repeat left 16px top 5px} .RighInfo002275 .text li:nth-child(3){background: url(../images/RighInfo002275-icon3.png)no-repeat left 16px top 5px} .RighInfo002275 .text li:nth-child(4){background: url(../images/RighInfo002275-icon4.png)no-repeat left 16px top 5px;margin-bottom: 0px} .RighInfo002275 .text li:nth-child(5){background: url(../images/RighInfo002275-icon5.png)no-repeat left 16px top 2px;margin-bottom: 0px} .RighInfo002275 .text li p{color: #999;margin: 0;padding-bottom: 8px} .RighInfo002275 .text li span{color: #333;font-size: 16px;display: block;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 40px;} } @media screen and (min-width: 1200px) { .RighInfo002275 .text .title{margin-bottom: 75px} .RighInfo002275 .map{width: 50%;height: 620px;} .RighInfo002275 .text{width: 48%;} } @media (max-width: 1024px){ .RighInfo002275 h1{font-size: 24px;font-weight: normal;color: #333} .RighInfo002275 .text{margin-bottom: 0px} .RighInfo002275 .text li{float: left;width: 100%;margin-bottom: 20px!important} } /* .TextList002241 为demo编号 */ .TextList002241{ padding: 4% 0;background: #f9f9f9;font-size: 14px;} .TextList002241 .title{ text-align: center;padding-bottom: 3%} .TextList002241 .title h3{ font-size: 36px;font-weight: normal;color: #333;margin: 0;} .TextList002241 .title p{ font-size: 60px;font-weight: normal;color: #333;margin: 0;font-family: "DINCond-Bold";} .TextList002241 .list dl{display: block; margin-bottom:25px;padding:40px 50px 20px;background: #fff;height: 258px;position: relative} .TextList002241 .list dl dt{color: #000;font-size: 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height: 1.5em;line-height: 1.5;overflow: hidden; margin-bottom: 16px;} .TextList002241 .list dl::before{content: '';position: absolute;width: 10px;height: 20px;background: #e78511;left: 0;top: 44px} .TextList002241 .list dl dd{color: #888;font-weight: normal;line-height: 24px;margin-bottom: 5px} .TextList002241 .list dl dd span{width: 62px;float: left;text-align: right} .TextList002241 .list dl dd p{width: 86%;float: right;margin: 0} .TextList002241 .list dl:hover{background: #e78511;} .TextList002241 .list dl:hover{color: #fff;} .TextList002241 .list dl:hover dt{color: #fff;} .TextList002241 .list dl:hover dt+dd{color: #fff;} .TextList002241 .list dl:hover dd{color: #fff;} .TextList002241 .list dl:hover dd span{color: #fff;} @media (min-width: 640px){ .TextList002241 .auto{ overflow: hidden;} .TextList002241 .list{ margin: 0 -1%;} .TextList002241 .list dl:nth-child(2n){margin-right: 0;} .TextList002241 .list dl:nth-child(3n){margin-right: 1%;} .TextList002241 .list dl{float:left; width: 48%; margin: 0 1% 25px;} } @media (min-width: 1024px){ .TextList002241 .list dl:nth-child(3n){margin-right: 0;} .TextList002241 .list dl:nth-child(2n){margin-right: 1%;} .TextList002241 .list dl{ width: 31.33%;} } @media (max-width: 1366px){ .TextList002241 .list dl{display: block; margin-bottom:25px;padding:20px 30px;background: #fff;height: 258px;position: relative} .TextList002241 .list dl::before{top: 23px} .TextList002241 .list dl dd span{} .TextList002241 .list dl dd p{width: 80%;} } @media (max-width: 1024px){ .TextList002241{ padding: 30px 0;} .TextList002241 .title h3{ font-size: 26px;} .TextList002241 .title p{ font-size: 30px;} .TextList002241 .list dl{padding:20px;height: auto} .TextList002241 .list dl dd span{} .TextList002241 .list dl dd p{width: 79%;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:4% 0 0; text-align:center; overflow:hidden;} .Menu002252 a{font-size:16px; display: block;background:#eaeaea; padding: 10px; margin-bottom: 1px; } .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#e78511;} @media(min-width:768px){ .Menu002252 a{ display:inline-block; line-height:36px; padding:0 15px; min-width:140px; border-radius:36px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252 a{display:inline-block;line-height:40px; padding:0 20px;background:#eaeaea; min-width:140px; border-radius:36px;} } /*材料招标*/ .TextList002148{ padding:1% 0 4%;} .TextList002148 li{ overflow:hidden; padding-right:22%;position:relative;border-bottom: 1px solid #e7e8e8} .TextList002148 li div{padding:55px 0%;} .TextList002148 li time{ position:absolute; right:0; top:0; width:175px; height:100%;} .TextList002148 li time:after{ position:absolute; content:''; width:1px; height:50%; top:50%;transform: translateY(-50%);left: 0;background: #e7e8e8} .TextList002148 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#999; font-size:16px;text-align: right} .TextList002148 li time i{ font-style:normal; font-size:64px; color:#e78511; display:block;font-family: "DINCond-Bold";; line-height: 50px;margin-bottom: 15px;padding-right: 9px} .TextList002148 li h3{ margin:0; font-size:18px;font-weight: normal;} .TextList002148 li h3:hover a{color: #e78511} .TextList002148 li p{ line-height:26px; overflow:hidden; color:#999;margin:2% 0;} .TextList002148 .more{width: 142px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 20px 8px 20px;line-height: 24px;position:relative;border-radius: 60px;} .TextList002148 .more:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right: 20px;top: 14px;} .TextList002148 .more:hover{ color:#fff; background:#e78511;} @media(max-width:1024px){ .TextList002148 li{padding: 0;margin-top: 10px} .TextList002148 li div{padding:0px 0% 30px;} .TextList002148 li h3{ font-size:16px;padding-left: 0%;padding-right:0;} .TextList002148 li time{position: relative;} .TextList002148 li time:after{left: 26px} .TextList002148 li time span{font-size:12px;position: relative;transform: translateY(0%);text-align: left;top: 0} .TextList002148 li time i{font-size:30px;display: inline-block;margin-bottom: 0} } /*定期报告*/ .TextList001398{ padding:2% 0;} .TextList001398 li{padding: 40px 0;position:relative;border-bottom: 1px solid #e7e8e8} .TextList001398 li a{} .TextList001398 li h3{margin: 0;font-weight: normal;font-size: 16px; color: #333;display: inline-block;background: url(../images/TextList001398-icon.png)no-repeat center left;padding-left: 30px;width: 70%;line-height: 24px;} .TextList001398 li time{color: #b2b2b2;display: inline-block;border-right: 1px solid #e7e8e8;padding-right: 20px;margin-right: 20px;line-height: 24px;float: left} .TextList001398 li a:hover{color: #e78511;} .TextList001398 li:nth-child(2n){} .TextList001398 .btn{width: 142px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 20px 8px 20px;line-height: 24px;position:absolute;border-radius: 60px;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px} .TextList001398 .btn:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right: 20px;top: 14px;} .TextList001398 .btn:hover{ color:#fff; background:#e78511;} @media(max-width:1024px){ .TextList001398 li{padding: 20px 0} .TextList001398 li h3{width: 100%;margin-bottom: 15px;} .TextList001398 li time{border-right: 0} .TextList001398 .btn{position: relative;transform: translateY(0%);} } /*留言反馈*/ .Form000573{padding: 4% 0;} .Form000573 .list li{ margin-bottom:3%;line-height:22px;} .Form000573 .list li figure, .Form000573 .list li div{ padding:1em 2em 1em 3em;} .Form000573 .list li figure{ border:1px solid #f0f0f0; border-bottom:0; color:#33a260; text-align:justify; text-justify:inter-ideograph; background:url(../images/Form000573-icon_Q.gif) no-repeat 1.4em 1.4em #f8f8f8;padding-bottom:1.3em;} .Form000573 .list li figure time{ color:#b1b1b1; font-size:12px; float:right; margin-left:5px;} .Form000573 .list li div{ border:1px dotted #ddd;background:url(../images/Form000573-icon_A.gif) no-repeat 1.4em 1.4em; color:#9a9a9a; position:relative; } .Form000573 .list li div::before{ position:absolute; content:''; background:url(../images/Form000573-icon_jiao.png) no-repeat; width:20px; height:12px; left:3em; top:-11px;} .Form000573 .from{ float: right;width: 50%;padding: 5% 3%;background: #f8f8f8} .Form000573 .from h1{ margin:0; font-weight:normal;border-bottom:1px solid #d1d1d1; font-size:16px; padding-left:15px; height:50px;} .Form000573 .from h1 span{ border-bottom:3px solid #b12e33; padding-bottom:0.8em; display:inline-block; height:56px;} .Form000573 .from .btn{ cursor:pointer; border:none; width: 100%;height:50px; font-size:16px; color:#fff; background-image: linear-gradient(to right, #e77e01, #f1af10);} .Form000573 .from .f_name{ width:108px; padding-right:15px;text-align:right; color:#4d4d4d;font-size: 16px;} .Form000573 .from table{} .Form000573 .from td{ line-height:50px; padding-top:2%; vertical-align:top;} .Form000573 .from .text{ width:100%; border:1px solid #eaeaea; height:50px; line-height:50px; padding:0 2%;} .Form000573 .from .textcode{ width:80px;} .Form000573 .from .text:focus{ border-color:#df2130; box-shadow:0 0 8px #FBC1C1 inset; transition:all ease 0.5s;} .Form000573 .from textarea.text{ width:100%; height:175px;} .Form000573 .from i{ color:#19ad66; font-style:normal;} .Form000573 .form_err{color:#df2130;padding-right: 5px} .Form000573 .pic{float: left;width: 50%} @media(max-width:1024px){ .Form000573 .from{ float: none;width: 100%;padding:5% 2%;} .Form000573 .from .f_name{ font-size: 14px;} .Form000573 .from .btn{ height:40px; font-size:14px;} .Form000573 .from td{ line-height:40px;} .Form000573 .from .text{height:40px; line-height:40px} .Form000573 .pic{float: none;width: 100%} } /*高管团队*/ .Galary002512{ padding:4% 0;border-bottom: 1px solid #ddd;} .Galary002512 .auto{position: relative;} .Galary002512 .slider-for{ margin-bottom:3%;} .Galary002512 .slider-for li{} .Galary002512 .slider-for li .pic{width:40%;float: left;background: #f5f5f5;} .Galary002512 .slider-for li .Ispic{ display: block;padding-bottom: 120.5%;background-size: cover;background-position: center center;} .Galary002512 .txt{margin: 0;padding: 3%;color: #666;width: 57%;position: absolute;background: #fff;right: 0;top: 0} .Galary002512 .txt h1{margin:0;margin-bottom:40px;font-size:30px;line-height: 30px} .Galary002512 .txt h1::after{content: '';display: block;background: #e78511;width: 50px;height: 3px;margin: 20px 0} .Galary002512 .txt h1 a{color:#333;display: inline-block} .Galary002512 .txt h1 span{font-weight: normal;font-size: 18px;padding-left: 20px} .Galary002512 .txt p{margin:0;font-size:16px;line-height: 36px;color: #666} .Galary002512 .txt .more { display:block; margin-top:20px; background: #fff; color: #3caa91; padding: 0 15px; line-height: 35px; max-width: 120px;display: none} .Galary002512 .slider-nav li .Ispic{ background-color:#fff; padding-bottom:120.5%; border: 2px solid transparent;} .Galary002512 .slider-nav li.slick-current .Ispic{border-color:#e78511;} .Galary002512 .slider-nav li p{background: #fff;text-align: center;margin:0;font-size:15px;line-height: 35px;} .Galary002512 .slider-nav li.slick-current p{color:#3caa91;} .Galary002512 .slider-nav{ margin-bottom:30px;} /* Slider */ .Galary002512 .slick-slider{margin:0 auto; position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .Galary002512 .slider-nav{position: absolute;width: 57%;bottom: 0;right:0%;padding: 0 5%} .Galary002512 .slider-nav li{padding:0 11px;} .Galary002512 .slick-list{position: relative;overflow: hidden;margin:0 auto;} .Galary002512 .slick-slider .slick-track, .Galary002512 .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);} .Galary002512 .slick-track{position: relative;top: 0;left: 0;} .Galary002512 .slick-loading .slick-track{visibility: hidden;} .Galary002512 .slick-slide{display: none;float: left;min-height: 1px;} .Galary002512 .slick-initialized .slick-slide{display: block;} .Galary002512 .slick-loading .slick-slide{visibility: hidden;} .Galary002512 .slick-loading .slick-list{background: url(../images/ajax-loader.gif) center center no-repeat;} .Galary002512 .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .Galary002512 .slick-arrow.slick-hidden {display: none;} .Galary002512 .auto_1200:after {position: absolute;content: "";width: 110%;height: 65%;bottom: -5%;left: -5%;background: #f6f6f6;z-index: -1;} /* Arrows */ .Galary002512 .slick-arrow{font-size: 0;line-height: 0;position: absolute;top: 50%; width: 45px;height: 45px;padding: 0;cursor: pointer;border: none; z-index:10; margin-top:-20px; border-radius:0%;background: none} .Galary002512 .slick-arrow::before{ position:absolute; content:''; left:50%; top:50%; margin-left:-4px; margin-top:-8px; width:16px; height:16px; transform:rotate(-45deg);} .Galary002512 .slick-prev{left: 27px;} .Galary002512 .slick-next{right: 27px; background-position: right top;} .Galary002512 .slick-prev::before{ border-left:2px solid #999;border-top:2px solid #999;} .Galary002512 .slick-next::before{ border-right:2px solid #999;border-bottom:2px solid #999;margin-left:-12px;} /* Dots */ .Galary002512 .slick-dots{display: none; list-style: none;text-align: center; position:absolute; left:0; bottom:-30px; width:100%;} .Galary002512 .slick-dots li{display: inline-block;margin: 0 5px;} .Galary002512 .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;cursor: pointer;border: 0;background: rgba(0, 0, 0, 0.3); border-radius:50%; padding:0;} .Galary002512 .slick-dots li.slick-active button{opacity: .75;background: rgba(253, 141, 43, 0.5);} @media(max-width:1366px){ .Galary002512 .txt{padding:0 3% 3%;} .Galary002512 .txt h1{margin-bottom:20px;} .Galary002512 .txt p{line-height: 30px;} } @media(max-width:1200px){ .Galary002512 .slider-for{ margin-bottom:50px;} .Galary002512 .slick-prev, .Galary002512 .slick-next{} .Galary002512 .slick-prev{ } .Galary002512 .slick-next{} .Galary002512 .slider-for li .pic{width:100%;} .Galary002512 .slider-for li .txt{width:100%;position: relative;transform: translateY(0%);} .Galary002512 .auto_1200:after{width:100%;} } @media(max-width:1024px){ .Galary002512 .txt{padding: 3%;width: 100%;position: relative;right: auto;top: auto} .Galary002512 .txt h1{margin-bottom:20px;font-size:24px;} .Galary002512 .txt h1::after{margin: 10px 0} .Galary002512 .txt h1 span{font-size: 14px;padding-left: 0px;display: block} .Galary002512 .txt p{margin:0;font-size:14px;line-height: 26px;color: #666;text-align: justify} .Galary002512 .slider-nav{position: relative;width: 100%;bottom: auto;right:auto;padding: 0 5%} .Galary002512 .slick-arrow{width: 28px;} .Galary002512 .slick-prev{left: 0} .Galary002512 .slick-next{left: auto;right: 0;} } @media(max-width:640px){ .Galary002512 .slick-prev, .Galary002512 .slick-next{} .Galary002512 .slider-for{ margin-bottom:3%;} } /*项目案例*/ .PicList0007621{ padding:4% 0 4%;} .PicList0007621 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%; } .PicList0007621 li:nth-child(4n){ margin-right:0;} .PicList0007621 li a{ display:block;transition:all ease-in-out 0.3s;border-bottom: 1px solid #ddd} .PicList0007621 li h2{ margin:0; font-size:14px; color:#333;padding:20px 0%;font-weight: normal;} .PicList0007621 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:75%;} .PicList0007621 li a:hover{} .PicList0007621 li a:hover h2{color:#e78511;} @media(max-width:1024px){ .PicList0007621 li{width:49%;margin-bottom: 20px} .PicList0007621 li:nth-child(3n){ margin-right:2%;} .PicList0007621 li:nth-child(2n){ margin-right:0;} .PicList0007621 li h2{padding:10px 0%;font-size: 14px;} } @media(max-width:480px){ .PicList0007621 li h2{font-size:14px;} } /*案例详情*/ .RighInfo002450{ padding: 4% 0;} .RighInfo002450 .wrap-container .tit{ color: #1a1002; font-size: 24px; margin: 0 0 4%; font-weight: normal;} .RighInfo002450 .wrap-container .tit1{ padding-bottom: 20px} @media only screen and (min-width:1201px ) { .RighInfo002450 .wrap-container .tit{ font-size: 30px;} } @media only screen and (max-width:767px ) { .RighInfo002450 .wrap-container .tit{ text-align: center; font-size: 20px;} } .RighInfo002450 .wrap-container .tit{ border-bottom: 1px solid #ddd;position: relative;color: #333} .RighInfo002450 .wrap-container .tit p{ font-size: 14px;color: #999;} .RighInfo002450 .wrap-container .tit .back{width: 130px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 0;text-align: center;line-height: 24px;position:absolute;border-radius: 60px;right: 0;top: 50%;transform: translateY(-50%);font-size: 14px} .RighInfo002450 .wrap-container .tit .back:hover{ color:#fff; background:#e78511;} .RighInfo002450 .wrap-container img{ margin:10px auto; display: block;} .RighInfo002450 .wrap-container .word{ color: #666; font-size: 16px; line-height: 28px; margin-top: 3%;} @media(max-width:1024px){ .RighInfo002450 .wrap-container .tit .back{position: relative;transform: translateY(0%);margin:0 auto 20px;} .RighInfo002450 .wrap-container .word{ color: #666; font-size: 14px; line-height: 26px;} } /*投资者问答*/ .qa { padding: 2% 0 4%; } .qa .qa-list {} .qa .qa-list li { margin-bottom: 20px; } .qa .qa-list h5 { padding:0 120px 0 60px;background: url(../images/qa_img1.png) no-repeat left top; font-size: 16px; color: #333333; min-height: 50px; line-height: 28px; font-weight: normal;position: relative;} .qa .qa-list .qa-text { line-height: 26px; border-left: 5px solid #e78511; font-size: 14px; color: #666666; background: #f8f8f8; padding: 20px 34px 20px 26px; margin-top: 20px; } .qa .qa-list time{position: absolute;right: 0;top: 0px;color: #999;font-size: 12px} @media(max-width:1024px){ .qa .qa-list h5 { padding:0 0px 0 50px;margin-bottom: 0} .qa .qa-list time{position: relative;display: block;} .qa .qa-list .qa-text {margin-top: 10px;padding: 20px;text-align: justify} } /*投资者问答*/ .gpdt{padding: 4% 0} /*薪资福利*/ .Floor0017391{padding:4% 0;} .Floor0017391 .auto{border-bottom: 1px solid #eaeaea;padding-bottom: 4%} .Floor0017391 .tit{font-size: 30px;color: #333;text-align: center;margin-bottom: 5%} .Floor0017391 .tit::after{content: '';display: block;width: 50px;height: 3px;background: #e78511;margin: 20px auto} .Floor0017391 li{float:left;width: 14.285%;text-align: center; position:relative;} .Floor0017391 li a{display: block; margin:0 auto; width:80%; max-width:206px;} .Floor0017391 li figure img{ max-width:70px;margin-bottom: 15px} .Floor0017391 li figure .hover{ display:none;} .Floor0017391 li a:hover figure img{ display:none;} .Floor0017391 li a:hover figure .hover{ display:inline-block;} .Floor0017391 li h3{font-size: 14px; color: #333;font-weight: normal;} .Floor0017391 li p{line-height: 20px; height:40px; overflow:hidden;font-size: 12px;color: #999; margin-top:0;} .Floor0017391 li a:hover *{color: #ab0858 !important;} @media(max-width:1024px){ .Floor0017391 li{ width:50%;} .Floor0017391 li:nth-child(2n)::before{ display:none;} .Floor0017391 li h3{font-size: 16px;margin:0 0 30px;height: 42px} } /*招聘信息*/ .TextList001729 {padding-bottom: 4%} .TextList001729 .name{padding:15px 0; font-size:30px;text-align: center;color: #333} .TextList001729 .name::after{content: '';display: block;width: 50px;height: 3px;background: #e78511;margin: 20px auto} .TextList001729 ol.type{ margin-top:1%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#e78511; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:5px; padding-bottom:5px; line-height:50px;font-size: 16px} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li:nth-child(8){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(5){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(5){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On{background: #f8f8f8} .TextList001729 ul.type#On li:nth-child(5){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;;border-top: 0;border-bottom: 0; overflow:hidden; font-size:14px; padding:2%;line-height: 28px} .TextList001729 .list .con p{padding-bottom: 20px} .TextList001729 .list .con strong{font-size: 16px;color: #e78511;font-weight: normal;padding-bottom: 25px;display: inline-block} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#f29200; font-size:18px; border-radius:3px;} @media(max-width:1024px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5){ display:none;} .TextList001729 .type li:nth-child(1){ width:70% !important;} .TextList001729 .type li:nth-child(3){ width:30% !important;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /*新闻详情*/ .RighInfo0022283{ padding:3% 0;} .RighInfo0022283 .single-header{ text-align:center;} .RighInfo0022283 .single-header h3{color:#333; font-size:26px; margin:0; font-weight:normal; position:relative;border-bottom: 1px solid #eee;padding-bottom: 2%} .RighInfo0022283 .single-header h3 span{ position:relative; z-index:2; padding-top:5px;display: block;font-size: 14px} .RighInfo0022283 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;border-bottom: 1px solid #eee;padding-bottom: 2%} .RighInfo0022283 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo0022283 .single-content .no-textindent{ text-indent:0;} .RighInfo0022283 .btn{padding-top: 20px;float: left;} .RighInfo0022283 .btn a{display: block;line-height: 30px;color: #999} .RighInfo0022283 .more{width: 140px;height: 40px;text-align: center;background: #e7363b;color: #fff;line-height: 40px;float: right;margin-top: 30px} .RighInfo0022283 .more{width: 142px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 40px 8px 20px;line-height: 24px;border-radius: 60px;font-size: 14px;float: right;margin-top: 30px;position: relative} .RighInfo0022283 .more:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right: 20px;top: 14px;} .RighInfo0022283 .more:hover{ color:#fff; background:#e78511;} @media(max-width:768px){ .RighInfo0022283{ padding:30px 0;} .RighInfo0022283 .btn{padding-top: 20px;float: none;} .RighInfo0022283 .more{float: none;display: block;margin:30px auto} } @media screen and (min-width:465px){ .RighInfo0022283 .col2{ width:48%;} .RighInfo0022283 .fr{ float:right;} .RighInfo0022283 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo0022283 .single-content p{ padding:15px 0;} } @media screen and (min-width:1024px){ .RighInfo0022283 .single-header h1{ font-size:30px;} } /*旗下子公司*/ .TextList000962{ padding:4% 0;} .TextList000962 li{ float:left; width:49%; margin-right:2%; border:1px solid #e7e7e7; line-height:44px; margin-bottom:1%; position:relative;padding:0 20px} .TextList000962 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .TextList000962 li:nth-child(2n){ margin-right:0;} .TextList000962 li p{ margin:0;padding:16px 10px 16px 0;font-size: 16px;} .TextList000962 .more{width: 142px;background-image: linear-gradient(to right, #e77e01, #f1af10);color: #fff;height: 42px;display:block;padding: 9px 20px 8px 20px;line-height: 24px;position:relative;border-radius: 60px;float: right;margin-top: 16px} .TextList000962 .more:after{content:'';background:url(../images/right.png) no-repeat;position:absolute;width:18px;height:12px;right: 20px;top: 14px;} .TextList000962 .more:hover{ color:#fff; background:#e78511;} @media(max-width:768px){ .TextList000962 li{ float:none; width:auto; margin-right:0;} .TextList000962 li p{padding:5px;} .TextList000962 .more{display: none;} } /*搜索*/ .TextList002322{ padding: 4% 0;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #777;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .TextList002322 .list li a:hover{ color: #e9373d;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } /*主营业务*/ .PicList000762 { padding: 2% 0 2%; } .PicList000762 li { float: left; width: 23%; margin-right: 2.66%; margin-bottom: 3%; } .PicList000762 li:nth-child(4n) { margin-right: 0; } .PicList000762 li a { display: block; transition: all ease-in-out 0.3s; padding: 30px 0; position: relative; box-shadow: 0 0 12px rgba(0,0,0,0.1); ; border-bottom: 4px solid #e0e0e0 } .PicList000762 li a::after { content: ''; position: absolute; width: 0%; height: 4px; background: #e78511; left: 0; bottom: -3px; transition: 0.3s; } .PicList000762 li:hover h2 { color: #e78511; } .PicList000762 li:hover a::after { width: 100%; } .PicList000762 li h2 { margin: 0; font-size: 16px; color: #333; font-weight: normal; padding: 20px 20px 0; width: 100%; display: inline-block; transition: 0.3s; position: relative; border-top: 1px solid #f2f2f2 } .PicList000762 li h2::after { content: ''; position: absolute; width: 20px; height: 20px; top: 50%; transform: translateY(-50%); right: 30px; background: url(../images/PicList000762-more.png)no-repeat center; display: none } .PicList000762 li p { font-size: 12px; color: #999; line-height: 24px; margin: 0; padding: 5px 20px 0 } .PicList000762 li figure { background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 84%; } .PicList000762 li a:hover { } .PicList000762 li a:hover h2 { width: 100%; } @media(max-width:640px) { .PicList000762 li { width: 48.6%; } .PicList000762 li:nth-child(3n) { margin-right: 2%; } .PicList000762 li:nth-child(2n) { margin-right: 0; } } @media(max-width:480px) { .PicList000762 li h2 { font-size: 16px; } } /*筛选*/ /*Spec002780 */ .Spec002780 { padding-top: 4%; } .Spec002780 dl { border: 1px solid #eee; overflow: hidden; line-height: 24px; position: relative; min-height: 60px; padding: 10px 16px 10px 180px; margin-bottom: 10px; border-radius: 10px; } .Spec002780 dt { position: absolute; left: 0; top: 0; height: 100%; width: 170px; text-align: right; color: #333; line-height: 60px; font-size: 14px; } .Spec002780 dt span { position: relative; top: 50%; transform: translateY(-50%); display: block; } .Spec002780 dd { position: relative; padding: 0 60px 0 0; font-size: 14px; overflow: hidden; line-height: 36px; } .Spec002780 dd a { color: #555; display: inline-block; } .Spec002780 dd a:after { display: inline-block; content: ''; vertical-align: middle; width: 2px; background-color: #e7e7e7; border-left: 1px solid #a9a9a9; height: 14px; margin: 0 15px; } .Spec002780 dd a.on, .Spec002780 dd a:hover { color: #e78511; } .Spec002780 dl dd { } .Spec002780 dl dd a { color: #666; display: inline-block; border: 1px solid #e8e8e8; line-height: 26px; margin: 5px 0; min-width: 76px; text-align: center; border-radius: 4px; margin-right: 10px; padding: 0 10px; } .Spec002780 dl dd a:after { display: none; } .Spec002780 dl dd a.on, .Spec002780 dl dd a:hover { color: #e78511; border-color: #e78511; background: url(../images/Spec002780-img.png) no-repeat right bottom; } .Spec002780 dd span { position: absolute; right: 0; top: 8px; text-align: center; width: 20px; height: 20px; border: 2px solid #138eca; color: #138eca; cursor: pointer; display: none; border-radius: 30px; display: none !important } .Spec002780 dd span b { display: none; } .Spec002780 dd span i { border-color: #fff; width: 6px; height: 6px; border-top: 2px solid #138eca; border-left: 2px solid #138eca; display: block; transform: rotate(45deg); position: absolute; left: 5px; top: 6px; } .Spec002780 dd span i.on { transform: rotate(222deg); top: 4px; } .Spec002780 dl:nth-child(2) dd span { border-color: #a9cb6d; } .Spec002780 dl:nth-child(2) dd span i { border-top-color: #a9cb6d; border-left-color: #a9cb6d; } .Spec002780 dl:nth-child(3) dd span { border-color: #fc5b4e; } .Spec002780 dl:nth-child(3) dd span i { border-top-color: #fc5b4e; border-left-color: #fc5b4e; } .Spec002780 dl:nth-child(4) dd span { border-color: #8373ce; } .Spec002780 dl:nth-child(4) dd span i { border-top-color: #8373ce; border-left-color: #8373ce; } @media(max-width:640px) { .Spec002780 dd a:after { margin: 0 5px; } } @media(max-width:480px) { .Spec002780 dl { padding: 5px; min-height: inherit; } .Spec002780 dt { position: relative; height: auto; width: auto; text-align: left; margin-bottom: 0px; padding: 10px; padding-left: 0px; background-position: 34px 26px; line-height: 24px } .Spec002780 dt span { top: auto; transform: translateY(0%); } .Spec002780 dl:last-of-type dt { margin-bottom: 0; } } /*三级*/ .Menu002795 { padding: 4% 0 1%; } .Menu002795 .auto { } .Menu002795 ul { margin-bottom: 2%; text-align: center; } .Menu002795 li { display: inline-block; margin: 0 1.5%; margin-bottom: 1px; } .Menu002795 li a { display: block; padding: 0 40px; border-radius: 50px; line-height: 40px; background: #eaeaea; font-size: 14px; } .Menu002795 li:hover a, .Menu002795 li.aon a { color: #fff; background: #e78511; } .Menu002795 dl { font-size: 0; text-align: center; border-bottom: 1px solid #f0f0f0; } .Menu002795 dd { display: inline-block; padding: 0 40px; position: relative; } .Menu002795 dd::after { position: absolute; content: ''; width: 1px; right: 0; top: 50%; height: 14px; margin-top: -7px; background: #dfdfdf; } .Menu002795 dd:last::after { display: none; } .Menu002795 dd a { display: block; position: relative; overflow: hidden; height: 82px; font-size: 16px; line-height: 82px; text-transform: uppercase; } .Menu002795 dd a:after { position: absolute; left: 0; bottom: 0; content: ''; height: 2px; width: 100%; } .Menu002795 dd.aon a, .Menu002795 dd:hover a { color: #e78511; } .Menu002795 dd.aon a:after, .Menu002795 dd:hover a:after { background: #e78511; } @media(max-width: 930px) { .Menu002795 ul { float: none; max-width: none; overflow: hidden; } .Menu002795 li { margin: 0 0 1% 0; text-align: center; width: 49%; } .Menu002795 li a { padding: 0; } } @media(max-width:768px) { .Menu002795 dl { text-align: justify; } .Menu002795 dd { width: 49%; text-align: center; padding: 0; } .Menu002795 dd:nth-child(2n)::after { display: none; } .Menu002795 dd a { font-size: 16px; } } /*主营业务详情*/ .RighInfo001774 { padding: 12% 0 5%; background: url(../images/proinfoBG.jpg)no-repeat center top } .RighInfo001774 .list_img { float: left; width: 50%; } .RighInfo001774 .big { margin-bottom: 20px; } .RighInfo001774 .big li figure { padding-bottom: 80%; background-size: contain; } .RighInfo001774 .scroll li img, .RighInfo001774 .big li img { display: none; } .RighInfo001774 .scroll { padding: 0 30px; position: relative; overflow: hidden; } .RighInfo001774 .scroll a { position: absolute; height: 100%; top: 0; width: 25px; z-index: 10; cursor: pointer; } .RighInfo001774 .scroll a.prev { left: 0; } .RighInfo001774 .scroll a.next { right: 0; } .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop { cursor: default; } .RighInfo001774 .scroll a span { position: absolute; font-size: 20px; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; color: #ccc; } .RighInfo001774 .scroll .bd li { float: left; } .RighInfo001774 .scroll li figure { margin: 0 auto; padding-bottom: 53%; background-size: contain; max-width: 90%; background-color: #fff } .RighInfo001774 .scroll li.on figure { border-color: #e78511; } .RighInfo001774 .intro { float: right; width: 45%; padding: 2% 5% 4%; background: rgba(256,256,256,0.8) } .RighInfo001774 .intro h3 { font-size: 30px; color: #333; font-weight: normal; border-bottom: 1px solid #eaeaea; padding-bottom: 30px } .RighInfo001774 .intro p { position: relative; padding-left: 15px } .RighInfo001774 .intro p::before { content: ''; position: absolute; width: 6px; height: 6px; background: #e78511; left: 0; top: 7px; border-radius: 50% } .RighInfo001774 .buy { border-top: 1px solid #eaeaea; padding-top: 40px; margin-top: 40px } .RighInfo001774 .buy a { display: inline-block; font-size: 16px; height: 42px; line-height: 42px; color: #fff; text-align: center; padding: 0 40px; background-image: linear-gradient(to right, #e77e01, #f1af10); border-radius: 36px; } .RighInfo001774 .infobox { background: #fff } .RighInfo001774 .infobox .tab { background: #fff; margin: 4% 0 0; box-shadow: 0 4px 10px -5px #ccc; z-index: 999; position: relative } .RighInfo001774 .infobox .tab span { float: left; padding: 0 40px; color: #000; font-size: 16px; line-height: 70px; cursor: pointer; font-weight: normal; margin-right: 20px } .RighInfo001774 .infobox .tab span.on { background: #e78511; color: #fff; } .RighInfo001774 .single { padding-bottom: 20px; min-height: 300px; position: relative; z-index: 1 } .RighInfo001774 .single .tableInfo { border-bottom: 1px dashed #c1c1c1; padding-bottom: 20px; margin-bottom: 20px; } .RighInfo001774 .tableInfo dd { float: left; width: 25%; padding: 5px 10px 5px 0; line-height: 24px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .zoomContainer { margin-top: -1px; } @media(max-width:1000px) { .RighInfo001774 .intro { width: 55%; margin-right: 0; } } @media(max-width:768px) { .RighInfo001774 .list_img, .RighInfo001774 .guess_like, .RighInfo001774 .faq, .RighInfo001774 .intro { float: none; width: auto; margin-bottom: 3%; } .RighInfo001774 .tableInfo dd { width: 50%; } .RighInfo001774 .Pages .p_jump { display: none; } .zoomContainer { display: none !important; } }