.menu-top-bar .text-small{font-size: 15px;} p{line-height:28px;font-size:16px;margin-top:0;margin-bottom:1.5% !important;} .Top002503{position:fixed;width:100%;left:0;top:0;z-index:100;transition:1s; } .Top002503 .header{padding:10px 0px 10px 0; } .Top002503 .aa{position:relative} .Top002503 .gp{line-height:24px;color:#fff;font-size:14px;position:absolute;right:2%;top:20px;width:190px;border-left:1px solid #fff;padding-left:20px} .Top002503 .gp span{float:left;width:50%} .Top002503 .gp span b{font-weight:400;font-size:17px} .Top002503 .gp p{float:right;width:50%;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:#df1614;line-height:50px} .Top002503 .header-right{float:right;display:block} .Top002503 .header-left{left:6%} .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} .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:#df1614;width:100%;border-radius:5px;border:1px solid #df1614;overflow:hidden;padding-top:30px;z-index:1} .Top002503 .select dd.lang ul li a{display:block;padding:10px;color:#fff;transition:.3s} .Top002503 .select dd.lang ul li a:hover{background:#fff;color:#df1614} .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,.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:#df1614} .Top002503 .select dd.shop{float:left} .Top002503 .select dd.shop a{color:#fff;font-size:14px;line-height:36px;margin-right:20px;padding-left:10px} .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,#e74e4c,#f6bab9);border-radius:20px;color:#fff;display:inline-block;margin-left:10px} .Top002503 .select dt a:last-child{color:#df1614;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,#e74e4c,#f6bab9)} .Top002503 .select dd form .text{width:190px;padding-right:20px;line-height:34px;height:33px;border:none;background:0 0;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 .no-fullbground .sub{background:#fcfcfc} .Top002503 .header-menu li .sub dt a{color:#333;line-height:normal;line-height:40px;font-size:16px} .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:0 0;color:#df1614} .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 .sub-menu>dl,.Top002503 .sub-horizontal .sub-right .sub-menu>dl{width:100%!important} @media(min-width:1023px){ .Top002503.on{background:#fff;box-shadow:0 3px 12px rgba(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{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,.1);transition:1s} .Top002503.hover .gp{color:#555;border-left:1px solid #ddd;transition:1s} .Top002503.hover .select dd.lang ul li a{color:#555;transition:1s} .Top002503.hover .select dd.member span{color:#555;background:url(../images/top002503_icon2.jpg) no-repeat left center;transition:1s} .Top002503.hover .select dd.shop a{color:#555;transition:1s} .Top002503.hover .select dd.on span{color:#555;background-image:url(../images/top002503_icon_hover.gif);transition:1s} .Top002503.hover .header-menu li em a{color:#555;transition:1s} .Top002503.hover .select dd span .text{color:#555;transition:1s} .Top002503.hover .select dd.lang span{color:#555;transition:1s} .Top002503.hover .select dd.lang span a{color:#555;transition:1s} .Top002503.hover .logo.on{display:block;transition:1s} .Top002503.hover .logo.off{display:none;transition:1s} #Top002503 .header-menu{padding:3% 0} .Top002503 .header-left{position:absolute;top:60%;transform:translateY(-50%);width:20%;max-width:190px;height:100%} .Top002503 .header-mid{float:right;width:70%;max-width:1200px} .Top002503 .header-menu{padding:15px 0 0;transition:.3s} .Top002503 .header-menu li{float:left;text-align:right} .Top002503 .header-menu li em{text-align:center} .Top002503 .header-menu li em a{display:inline-block;position:relative;color:#fff;padding-bottom:20px} .Top002503 .header-menu li a{font-size:18px} .Top002503 .header-menu li em a:hover,.Top002503 .header-menu li.aon em a{color:#df1614} .Top002503 .header-menu li em a::after{position:absolute;content:'';width:0;bottom:0;left:50%;transform:translateX(-50%);height:3px;background:#df1614;transition:.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-menu li a{color:#666;transition:.3s;font-size:18px} .Top002503 .header-left{left:12.2%} .Top002503 .gp{right:12.2%} } @media(min-width:1731px){ .Top002503 .header-left{left:8%} .Top002503 .gp{right:2%} } @media(min-width:1920px){ .Top002503 .header-left{left:12.2%} .Top002503 .gp{right:12.2%} } @media(max-width:1600px){ .Top002503 .header{padding:10px 20px 0 2%} } @media(max-width:1440px){ .Top002503 .header-menu li .sub-intro{padding:2%} .Top002503 .header{padding:10px 20px 0 2%} } @media(max-width:1367px){ .Top002503 .header{padding:10px 20px 0 2%} .Top002503 .gp{right:2%} .Top002503 .header-mid{width:80%} } @media(max-width:1024px){ .Top002503{position:relative;background:#fff;box-shadow:0 3px 12px rgba(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{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{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 form .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,.8);z-index:20;width:100%;transition:.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:400;color:#fff;font-size:14px;position:relative;transition:.3s;border-bottom:none} .Top002503 .header-mid{width:100%} .Top002503 .header-left{position:absolute;width:30%;height:50%;/* bottom:10px */} .Top002503 .header-right{z-index:30;width:100%} .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:32px;font-size:14px;color:rgba(255,255,255,.7);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:#df1614;z-index:30;border:0;float:right;margin:10px 0} .Top002503 #open_menu i,.Top002503 #open_menu i::after,.Top002503 #open_menu i::before{position:absolute;background:#fff} .Top002503 #open_menu i{left:10%;width:80%;height:3px;top:50%;margin-top:-1.5px} .Top002503 #open_menu i::after,.Top002503 #open_menu i::before{width:100%;top:-7px;height:100%;content:'';transition:transform .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} } .Banner002277 .bx-controls-direction a{position:absolute;text-indent:9999px;overflow:hidden;z-index:99;top:50%;margin-top:-22px;left:5%;height:90px;width:60px;color:#fff;cursor:pointer;background-repeat:no-repeat;background:rgba(0,0,0,.13)} .Banner002277 .bx-controls-direction a::before{position:absolute;content:'';width:20px;height:20px;transform:rotate(-45deg);top:50%;margin-top:-10px;border-top:2px solid #fff;border-left:2px solid #fff} .Banner002277 .bx-controls-direction a:hover{background:#df1614} .Banner002277 .bx-controls-direction .bx-prev::before{left:40%} .Banner002277 .bx-controls-direction .bx-next{left:auto;right:5%} .Banner002277 .bx-controls-direction .bx-next::before{left:20%;transform:rotate(135deg)} .Banner002277 .bx-controls-direction a:hover::before{border-color:#fff!important} .Banner002277 .bx-wrapper{position:relative;z-index:1} .Banner002277 .bx-viewport{z-index:1} .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;display:none} .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:0 0} .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:.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:0;width:36.36%} .Banner002277 .Bantxtbox .item dd{position:absolute;left:0;top:0;width:8.45%} .Banner002277 .Bantxtbox .item dd img{width:100%} .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 (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} } .home-more{display:block;background-image:linear-gradient(to right,#e74e4c,#f6bab9);position:relative;color:#fff;width:123px;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:#df1614} .Tithead{font-size:36px;color:#333} .Tithead span{display:block;text-transform:capitalize;} .Tithead span.en{letter-spacing:3.5px;font-size:42px;color:#df1614} .Tithead span.cn{margin-top:0} .Floor002396{background:#eaeaea} .Floor002396 .auto{padding-left:7.5%;margin:0 auto;background:url(../images/floor.jpg) no-repeat left center #fff} .Floor002396 .box{float:left;width:50%;position:relative} .Floor002396 .box .box-inner{padding:3% 4% 0 0} .Floor002396 .box .box-inner ul{padding-top:4%} .Floor002396 .box .box-con{position:relative} .Floor002396 .box .box-con figure{font-size:16px;line-height:30px;color:#666;height:120px;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:400;margin:0;padding-right:80px} .Floor002396 .box .box-con h3{margin-top:30px} .Floor002396 .box .box-con p{margin-top:5px;position:relative;z-index:9;display:block} .Floor002396 .box .box-con p:after{content:'';background:#df1614;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:700} .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:#df1614;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:#df1614;font-size:18px;margin:0 15px 0 0;color:#fff;padding:10px;border-radius:10px;line-height:24px;width:66px;height:66px;text-align:center;position:relative} .Floor002396 .box .stock h2:after{content:'';width:0;display:block;height:0;border-left:10px solid #df1614;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:#df1614;font-size:100px;display:table} .Floor002396 .num li aside{overflow:hidden;height:.7em} .Floor002396 .num li sub{font-size:.24em;text-transform:uppercase;line-height:.8em;float:left;margin-top:1.7em} .Floor002396 .num li sup{font-size:40px;vertical-align:super} .Floor002396 .num li span{font-size:60px;line-height:68px;vertical-align:text-top;color:#333; font-weight: bold;} .Floor002396 .num li p{font-size:16px;color:#000;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,.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:0 0} .Floor002396 .box-about .close_btn i::after,.Floor002396 .box-about .close_btn i::before{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{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 .num li sup{font-size:24px} .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{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;max-height:90px} .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,.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:#df1614} .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:0 0;cursor:pointer;background:#fff;border-radius:25px;padding:0 11px;box-shadow:0 0 8px rgba(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,.1);margin:12px;border-bottom:4px #e6e6e6 solid;position:relative} .Floor000556 .item:after{content:'';width:0%;height:4px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);position:absolute;left:0;bottom:-4px;transition:all .6s ease} .Floor000556 .item:hover:after{width:100%;z-index:3} .Floor000556 .item:hover a h3{color:#df1614} .Floor000556 .item .pic{display:block} .Floor000556 .item h3{margin:20px 0 0;font-size:16px;font-weight:400;text-align:center;color:#333} .Floor000556 .item .pic img{max-height:325px;width:auto;margin:0 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:0} .Floor000556 .owl-nav button.owl-next{right:0} } @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%} .Floor000556 .tabs .owl-stage-outer{margin:0 auto} } .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(../images/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%} .Floor001690{background:#f8f8f8} .Floor001690 li{float:left;width:20%} .Floor001690 li img{display:block;transition:.3s;width:100%;opacity:.3} .Floor001690 li.on img,.Floor001690 li:hover img{opacity:1} .Floor001690 .Tithead{text-align:right;margin-bottom:30px} .Floor001690 .Tithead .cn1{position:relative} .Floor001690 .Tithead .cn{position:relative} /* .Floor001690 .Tithead .cn:after{content:'';background-image:linear-gradient(to right,#e74e4c,#f6bab9);height:2px;width:83%;position:absolute;right:17%;top:-22px} */.Floor001690 .home-more{padding-bottom:10px;padding-top:10px} .Floor001690 .home-more:after{top:16px} .Floor001690 .con{position:relative;background-size:auto 100%} .Floor001690 .con .Ispic{position:absolute;left:0;width:100%;top:0;height:100%;background-position:left top;background-size:auto 114.6%} .Floor001690 .con .auto{padding:3% 0;position:relative;z-index:2} .Floor001690 .con section{margin-left:53%;/* margin-left:33%; */background-color:#fff;padding:3% 4% 3%;box-shadow:0 0 10px rgba(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,#e74e4c,#f6bab9)} .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:.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;position:relative;font-weight:400;color:#333} .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:700;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 .cn:after{content:'';background-image:linear-gradient(to right,#e74e4c,#f6bab9);height:2px;width:53%;position:absolute;left:0;top:-22px} .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{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:0} .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;color:#333} .Floor002140 .tab_list dd:hover h2 a,.Floor002140 .tab_list dt:hover h2 a{color:#df1614} .Floor002140 .tab_list dd time{color:#999;font-size:20px;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 dd:after,.Floor002140 .tab_list dt: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} .Floor002140 .tab_list dt .Ispic img{display:none} .Floor002140 .tab_list dt time{background:#df1614;position:absolute;right:0;bottom:0;text-align:center;padding:2% 3%;color:#fff;font-size:16px;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:123px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);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:#df1614} @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 dd,.Floor002140 .tab_list dt{float:none;width:auto} } @media(max-width:480px){ .Floor002140 .tab_list dt time span{font-size:30px;line-height:30px} } .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:36px;margin-bottom:10px} .Floor000712 .text{width:78%;float:right;margin-left:4%} .Floor000712 .text ul li{font-size:14px;line-height:24px;font-weight:400;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:#df1614;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:#df1614} .Floor000712 .iconfont{position:absolute;bottom:-30px;text-align:center;cursor:pointer;width:50px;height:50px;line-height:50px;font-size:30px;font-weight:700;cursor:pointer;color:#c5c5c5;transform:translatey(-50%);background:#fff;border-radius:25px;box-shadow:0 0 8px rgba(0,0,0,.1)} .Floor000712 .iconfont:hover{color:#f8b62b} .Floor000712 .prev{left:0} .Floor000712 .next{left:70px} @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{background:#eeeeee} .Bottom002574 .bottom{padding:2% 0 2% 0;border-bottom:1px #cccccc solid} .Bottom002574 .share{float:right; color: #666; font-size: 14px; line-height: 2;} .Bottom002574 .share li{float:left;text-align:center;margin-right:20px;color:#ddd} .Bottom002574 .share li:nth-of-type(3){margin-right:0} .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;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-bottom: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:5%} .Bottom002574 nav dt{color:#000;padding-bottom:10px;font-size:18px; } .Bottom002574 nav dd{color:#c3c3c3;line-height:24px;font-size:14px; } .Bottom002574 nav dd a{color:#666} .Bottom002574 nav dd a:hover{color:#df1614} .Bottom002574 nav dl.contact b{font-size:16px} .Bottom002574 .copyright{padding-top:1%;padding-bottom:1%; display: flex; align-items: center; justify-content: space-between;} .Bottom002574 .copyright a{color:#333; padding-right: 20px; font-size: 14px; } .Bottom002574 .copyright a:hover{color:#df1614} .Bottom002574 .copyright-l{ float: left; width:73% } .Bottom002574 .copyright-l >img{ width: 224px; float: left; margin-right: 50px; } .Bottom002574 .copyright-r{ float: right; width: 250px; } .Bottom002574 .copyright p{ margin: 0!important; font-size: 14px; line-height: 24px; } @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:1200px){ .Bottom002574 nav dl{display:none} .Bottom002574 nav dl.contact{display:block} } @media(max-width:1024px){ .Bottom002574 .bottom{padding:20px 0} .Bottom002574 .copyright{padding-top:2%;padding-bottom:2%} .Bottom002574 .copyright{text-align:center} .Bottom002574 .copyright dt{padding-bottom:10px} .Bottom002574 .copyright-l{ width: 100%; } .Bottom002574 .copyright-l>img,.Bottom002574 .copyright-r{display: none;} .Bottom002574 .share{ width: 100%; padding: 0 20%; } } @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{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:after,.Floor002404 .bx-pager>div a:before{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{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% ;height: 120px; object-fit: cover; } } @media(max-width:640px){ .Banner002167 aside{font-size:24px} } .Menu002188{padding:37px 0;box-shadow:0 3px 5px rgba(0,0,0,.05)} .Menu002188 .Menu{float:left;padding-top:10px;} .Menu002188 .Menu li{float:left;padding:0 40px;position:relative} /*.Menu002188 .Menu li:first-child{padding-left:0}*/ .Menu002188 .Menu li a { font-size: 20px; color: #333; padding-bottom: 3px; transition: .3s ease-out } .Menu002188 .Menu li::before, .Menu002188 .Menu li::after { content: ''; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 10px; height: 10px; border: 7px solid rgba(223, 22, 20, 0.3); border-radius: 50%; box-sizing: content-box; } .Menu002188 .Menu li::after { left: 7px; margin-top: -5px; background: #DF1614; border: none; z-index: 2; } .Menu002188 .Menu li::before { animation: _Scale 2s infinite; } @keyframes _Scale { 50% { transform: scale(0.5); } to { transform: scale(1); } } .Menu002188 .Menu li a:hover,.Menu002188 .Menu li.cur a{color:#df1614;border-bottom:2px solid #df1614} .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:#df1614} .Menu002188 .Currents span{color:#df1614} @media (max-width:1366px){ .Menu002188 .Menu li{padding:0 20px} } @media (max-width:1024px){ .Menu002188{padding:15px 0} .Menu002188 .Menu{float:none;width:100%; padding-top: 0;} .Menu002188 .Menu ul{padding-left: 0;} .Menu002188 .Menu li { padding: 5px 20px 5px 30px !important; text-align: center } .Menu002188 .Menu li a { font-size: 16px } .Menu002188 .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:36px;color:#333;margin:0;font-weight:400;line-height:42px} .RighInfo002808 .floor-1 .txt h2{font-size:40px;color:#df1614;margin:0;font-weight:400;padding-top:10px;padding-bottom:3%} .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:0} .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:#df1614} .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:400} .Floor001739 li h3::after{display:block;content:'';width:30px;height:3px;background:#df1614;margin:20px auto 0} .Floor001739 li p{line-height:30px;height:60px;overflow:hidden;font-size:16px;color:#777;margin:0} @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 dd,.PicList001213 dl dt{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:#df1614} .PicList001213 dl h2::before{content:'';display:block;width:40px;height:3px;background:#df1614;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:16px;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.a_cur,.Page002046 .Pages a:hover{background-color:#df1614;color:#fff} .Page002046 .Pages em{font-style:normal;display:inline-block;vertical-align:middle;overflow:hidden} .Page002046 .Pages em a{float:left} .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:50px;background:url(../images/page002046-a_prev.gif) no-repeat center center;overflow:hidden;line-height:1000px;height:52px;margin:0 5px} .Page002046 .Pages .a_next{background-image:url(../images/page002046-a_next.gif)} @media(max-width:1024px){ .Page002046 .Pages .a_end,.Page002046 .Pages .a_first{display:none} .Page002046 .Pages em{display:none} .Page002046 .Pages .a_next,.Page002046 .Pages .a_prev{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%; background-image: url(../images/menu-sub-img4.jpg);} .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:#df1614;font-weight:700;padding-top:8%;display:block} .PicList000715 ul li .CasesCont .more{color:#a7c222;font-size:.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:123px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);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:#df1614} @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} } .PicList000762{padding:2% 0 2%; background-color: #F7F8FA;} .PicList000762 .ul li{float:left;width:23%;margin-right:2.66%;margin-bottom:3%} .PicList000762 .ul li:nth-child(4n){margin-right:0} .PicList000762 .ul li a{display:block;transition:all ease-in-out .3s;padding:0px 0 10px;position:relative;box-shadow:0 0 12px rgba(0,0,0,.1);border-bottom:4px solid #e0e0e0; position: relative; } .PicList000762 .ul li a::after{content:'';position:absolute;width:0%;height:4px;background:#df1614;left:0;bottom:-3px;transition:.3s} .PicList000762 .ul li:hover h2{color:#df1614} .PicList000762 .ul li:hover a::after{width:100%} .PicList000762 .ul li h2{margin:0;font-size:18px;color:#333;font-weight:400;padding:20px 20px 0;width:100%;display:inline-block;transition:.3s;position:relative;border-top:1px solid #f2f2f2; text-align: center; } .PicList000762 .ul 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 .ul li p{font-size:14px;color:#999;line-height:24px;margin:0;padding:5px 20px 0;font-size: 14px; color: #999; line-height: 24px; margin: 0; padding: 5px 20px 0; overflow: hidden; display: block; display: -webkit-box; display: -ms-flexbox; max-height: 9em; -webkit-box-orient: vertical;} .PicList000762 .ul li figure{background-position:center center;background-repeat:no-repeat;background-size:contain;padding-bottom:84%;background-color: #fff;} .PicList000762 .ul li a:hover h2{width:100%} .PicList000762 .ul li a div{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; text-align: center; padding: 40px 30px; background: rgba(0,0,0,.8); opacity: 0; transition: .5s; } .PicList000762 .ul li a div h3{ font-size: 20px; font-weight: bold; } .PicList000762 .ul li a div h4{ font-size: 16px; font-weight: 500; margin: 15px 0 30px; height: 6em; line-height: 2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .PicList000762 .ul li a div span{ display: block; margin: 0 auto; line-height: 36px; width: 50%; border: 1px solid #fff; border-radius: 18px; } .PicList000762 .ul li a:hover div{ opacity: 1; } .PicList000762 .ul li a:hover h2{ opacity: 0; } @media(max-width:640px){ .PicList000762 .ul li{width:48.6%} .PicList000762 .ul li:nth-child(3n){margin-right:2%} .PicList000762 .ul li:nth-child(2n){margin-right:0} } @media(max-width:480px){ .PicList000762 .ul li h2{font-size:16px} } .Spec002780{padding-top:4%} .Spec002780 dl{border:1px solid #eee;overflow:hidden;line-height:24px;position:relative;min-height:60px;padding:10px 16px 10px 120px;margin-bottom:10px;border-radius:10px} .Spec002780 dt{position:absolute;left:0;top:0;height:100%;width:110px;text-align:right;color:#333;line-height:60px;font-size:16px} .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:#df1614} .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:#df1614;border-color:#df1614;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:0;padding:10px;padding-left:0;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 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:16px} .Menu002795 li.aon a,.Menu002795 li:hover a{color:#fff;background:#df1614} .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:#df1614} .Menu002795 dd.aon a:after,.Menu002795 dd:hover a:after{background:#df1614} @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 .big li img,.RighInfo001774 .scroll 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.nextStop,.RighInfo001774 .scroll a.prevStop{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:#ffffff1a} .RighInfo001774 .scroll li.on figure{border-color:#df1614} .RighInfo001774 .intro{float:right;width:45%;padding:2% 5% 4%;background:rgba(256,256,256,.8);font-size:16px;line-height:26px} .RighInfo001774 .intro h3{font-size:30px;color:#333;font-weight:400;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:#df1614;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,#e74e4c,#f6bab9);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:400;margin-right:20px} .RighInfo001774 .infobox .tab span.on{background:#df1614;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 .faq,.RighInfo001774 .guess_like,.RighInfo001774 .intro,.RighInfo001774 .list_img{float:none;width:auto;margin-bottom:3%} .RighInfo001774 .tableInfo dd{width:50%} .RighInfo001774 .Pages .p_jump{display:none} .zoomContainer{display:none!important} } .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:#df1614} .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:36px;font-weight:400;color:#333} .RighInfo002275 .text{margin-bottom:30px} .RighInfo002275 .text .title{font-size:30px;color:#333;font-weight:400;margin-bottom:20px;margin-top:0;} .RighInfo002275 .text .title span{font-weight:700} .RighInfo002275 .text li{float:left; width:33.33%; padding-left:60px; margin: 10px 0 !important; border-left: 3px solid #ddd;} .RighInfo002275 .text li:nth-child(1){background:url(../images/contact_icon1.png) no-repeat left 20px center} .RighInfo002275 .text li:nth-child(2){background:url(../images/contact_icon2.png) no-repeat left 16px center} .RighInfo002275 .text li:nth-child(3){background:url(../images/contact_icon3.png) no-repeat left 16px center} .RighInfo002275 .text li:nth-child(4){background:url(../images/contact_icon4.png) no-repeat left 16px center} .RighInfo002275 .text li:nth-child(5){background:url(../images/contact_icon5.png) no-repeat left 16px center} .RighInfo002275 .text li:nth-child(6){background:url(../images/contact_icon6.png) no-repeat left 16px center} .RighInfo002275 .text li:nth-child(7){background:url(../images/contact_icon7.png) no-repeat left 16px center} .RighInfo002275 .text li:nth-child(8){background:url(../images/contact_icon8.png) no-repeat left 16px center} .RighInfo002275 .text li p{color:#333; margin:0 !important; font-weight: bold;} .RighInfo002275 .text li span{color:#333;font-size:16px;display:block} .RighInfo002275 .map{width:100%;height:600px; display: none;} .RighInfo002275 .map #map{height:600px} .RighInfo002275 .map img{max-width:none!important} @media screen and (min-width:768px){ .RighInfo002275 .text{float:left;width:100%} .RighInfo002275 .map{float:left;width:100%;height:260px} .RighInfo002275 .map #map{height:260px} } @media screen and (min-width:1024px){ .RighInfo002275 .map{width:100%;height:320px} .RighInfo002275 .map #map{height:320px} .RighInfo002275 .text .title{font-size:26px} } @media screen and (min-width:1200px){ .RighInfo002275 .text .title{margin-bottom: 45px} .RighInfo002275 .map{width:46%;height:560px} .RighInfo002275 .map #map{height:560px} .RighInfo002275 .text{width:100%} } @media (max-width:1024px){ .RighInfo002275 h1{font-size:24px;font-weight:400;color:#333} .RighInfo002275 .text .title{font-size:20px} .RighInfo002275 .text{margin-bottom:0} .RighInfo002275 .text li{float:left;width:100%;margin-bottom:20px!important} .TextList003 .list dl { width: 100% !important; } } .TextList002241{padding:3% 0;background:url(../images/contactbg1.jpg) no-repeat; background-size: cover; font-size:14px} .TextList002241 .title{text-align:center;padding-bottom:3%} .TextList002241 .title h3{font-size:36px;font-weight:400;color:#fff;margin:0} .TextList002241 .list dl{display:block;margin-bottom:25px;padding:30px 15px 20px 18px ;background:#fff;height:188px;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:3px;height:26px;background:#df1614;left:0;top:44px} .TextList002241 .list dl dd{color:#777;font-weight:400;line-height:24px;margin-bottom:5px} .TextList002241 .list dl dd span{width:43px;float:left} .TextList002241 .list dl dd p{width:90%;float:left;margin:0} .TextList002241 .list dl dd p:hover{color: #fff;} .TextList002241 .list dl:hover{background:#df1614} .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 -0.5%} .TextList002241 .list dl{float:left;width:48%;margin:0 0.5% 25px} } @media (min-width:1024px){ .TextList002241 .list dl{width:20%} } @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 p{width:84%} } @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 24px;height:auto} .TextList002241 .list dl dd span{width:14%} .TextList002241 .list dl dd p{width:86%} } .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:#df1614} @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:#df1614;display:block;line-height:50px;margin-bottom:15px;padding-right:9px} .TextList002148 li h3{margin:0;font-size:18px;font-weight:400} .TextList002148 li h3:hover a{color:#df1614} .TextList002148 li p{line-height:26px;overflow:hidden;color:#999;margin:2% 0} .TextList002148 .more{width:123px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);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:#df1614} @media(max-width:1024px){ .TextList002148 li{padding:0;margin-top:10px} .TextList002148 li div{padding:0 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 h3{margin:0;font-weight:400;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:#df1614} .TextList001398 .btn{width:123px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);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:#df1614} @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 div,.Form000573 .list li figure{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%;background:#f8f8f8} .Form000573 .from h1{margin:0;font-weight:400;border-bottom:1px solid #d1d1d1;font-size:16px;padding-left:15px;height:50px} .Form000573 .from h1 span{border-bottom:3px solid #b12e33;padding-bottom:.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,#e74e4c,#f6bab9)} .Form000573 .from .f_name{width:108px;padding-right:15px;text-align:right;color:#4d4d4d;font-size:16px} .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 .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 .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:#df1614;width:50px;height:3px;margin:20px 0} .Galary002512 .txt h1 a{color:#333;display:inline-block} .Galary002512 .txt h1 span{font-weight:400;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:#df1614} .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} .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-list,.Galary002512 .slick-slider .slick-track{-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} .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:0 0} .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} .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,.3);border-radius:50%;padding:0} .Galary002512 .slick-dots li.slick-active button{opacity:.75;background:rgba(253,141,43,.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 .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:0;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 .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 .3s;border-bottom:1px solid #ddd} .PicList0007621 li h2{margin:0;font-size:16px;color:#333;padding:20px 0;font-weight:400} .PicList0007621 li figure{background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom:75%} .PicList0007621 li a:hover h2{color:#df1614} @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:400} .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,#e74e4c,#f6bab9);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:#df1614} .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 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:#333;min-height:50px;line-height:28px;font-weight:400;position:relative;text-align:justify} .qa .qa-list .qa-text{line-height:26px;border-left:5px solid #df1614;font-size:14px;color:#666;background:#f8f8f8;padding:20px 34px 20px 26px;margin-top:20px} .qa .qa-list time{position:absolute;right:0;top:0;color:#999;font-size:12px} @media(max-width:1024px){ .qa .qa-list h5{padding:0 0 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:#df1614;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; display: inline-block;} .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:18px;color:#333;font-weight:400} .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} } .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:#df1614;margin:20px auto} .TextList001729 ol.type{margin-top:1%} .TextList001729 .type{display:table;width:100%} .TextList001729 ol.type{font-size:16px;background-color:#df1614;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(4){padding-left:2%;text-align:left!important} .TextList001729 ul.type li:nth-child(4){background:url(../images/textlist001729-icon_close.png) no-repeat 90% center} .TextList001729 ul.type#On{background:#f8f8f8} .TextList001729 ul.type#On li:nth-child(4){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 strong{font-size:16px;color:#df1614;font-weight:400;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){display:none} .TextList001729 .type li{width:20%!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{width:30%!important} .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:400;position:relative;border-bottom:1px solid #eee;padding-bottom:15px} .RighInfo0022283 .single-header h3 span{position:relative;z-index:2;padding-top:10px;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 !important} .RighInfo0022283 .single-content .no-textindent{text-indent:0} .RighInfo0022283 .single-content img{display: inline-block;} .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:123px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);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:#df1614} @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: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:123px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);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:#df1614} @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%} } .supplier{padding:4% 0} .Banner002033 div{height:400px;background-position:center top;background-repeat:no-repeat} .Banner002033 div img{display:none} @media(max-width:640px){ .Banner002033 div{height:auto;background:0 0!important} .Banner002033 div img{display:block;width:100%} } .Form002337{max-width:800px;margin:0 auto} .Form002337 figure{text-align:center;padding:20px 0 30px} .Form002337 .row{padding-bottom:15px} .Form002337 .row em{color:red} .Form002337 .rowbox{padding-bottom:0} .Form002337 .rowbox:after{content:"";height:1px;width:100%;margin:30px 0;padding:0;background-color:#f2f2f2;border:none;display:block} .Form002337 .row-inner{margin:0 auto;position:relative;padding-left:150px;color:#666;font-size:14px;line-height:40px} .Form002337 .row-inner .h5{position:absolute;color:#000;left:0;top:0;margin:0;font-size:15px} .Form002337 .row-inner .username{display:block} .Form002337 .row-inner .text{border:1px solid #ccc;color:#666;line-height:42px;width:100%;padding:0 10px;display:inline-block} .Form002337 .row-inner .text.focus{border-color:#333;color:#333} .Form002337 .btn{background-color:#df1614;line-height:40px;font-size:16px;color:#fff;text-align:center;width:130px;border:none;cursor:pointer;margin:20px auto 20px;display:inline-block} .Form002337 .btn.reset{background-color:#d4c496;margin-left:30px} .Form002337 .address>*{display:block;float:left} .Form002337 .address>*+*{margin-left:1%} .Form002337 .address .selectbox{max-width:200px} .Form002337 .address .selectbox select{height:40px;width:100%;padding:0 10px;border:1px solid #ccc;color:#666} .Form002337 .address .selectbox select.focus{color:#333} .Form002337 .address .text{width:37%;max-width:546px} .Form002337 input::-webkit-input-placeholder{color:#adadad} .Form002337 input::-moz-placeholder{color:#adadad} .Form002337 input:-moz-placeholder{color:#adadad} .Form002337 input:-ms-input-placeholder{color:#adadad} .Form002337 .textarea{height:120px;resize:none;border:1px solid #ccc;width:100%;color:#666;padding:5px 10px;line-height:24px} @media only screen and (max-width:767px){ .Form002337 .address .selectbox{width:32.3334%} .Form002337 .address .text{width:100%;margin-top:10px;margin-left:0} } @media only screen and (max-width:480px){ .Form002337 .row{padding-bottom:10px} .Form002337 .row-inner{padding-left:0} .Form002337 .row-inner .h5{position:relative} .Form002337 .address .selectbox{width:100%;margin-left:0!important;max-width:none} .Form002337 .address .selectbox+.selectbox{margin-top:10px} .Form002337 .row-inner .text{max-width:none} .Form002337 .btn{margin:10px auto} } @media only screen and (max-width:600px){ .ercodediv{ text-align:center; color:white; } } @media only screen and (min-width:601px){ .ercodediv{ display:flex; flex-wrap: wrap; width:20%; text-align:center; color:white; } } .num1{ height:400px } .jtshixy{ position:absolute; left:0; top:81%;padding:0 10px;background-color:#fff;border-radius:0px 2px 2px 0px;opacity:0.6; } @media(max-width:800px){ .num1{ height:0px } .jtshixy{ display:none;; } } /*pages*/ .pages { clear:both; width:100%; height:40px; margin:30px 0 20px; } .pagebox { width:100%; height:40px; line-height: 40px; margin: 20px 0; text-align:center; clear:both; font-size:16px; } .pagebox span a, .pagebox_pre_nolink{ height:30px; line-height:30px; border:1px solid #ddd; padding:5px 10px; font-size: 16px; color:#666; cursor:default; text-align:center; } .pagebox span.pagebox_num_nonce { background-color:#e40013 ; border:1px solid #e40013 ; color:#fff; height:30px; line-height:30px; margin:0 5px; padding:5px 10px; box-sizing: border-box; } .pagebox span.pagebox_num:hover a{ background-color:#e40013 ; border:1px solid #e40013 ; color:#fff; cursor:pointer; } .pagebox span.pagebox_next:hover a,.pagebox span.pagebox_pre:hover a{ background-color:#e40013 ; border:1px solid #e40013 ; color:#fff; cursor:pointer; } .pagebox_jump { display:none; } .pagebox span.pagebox_num_nonce a{ color:#fff; margin:0; padding:0; background: none; border: 0; } .pagebox strong{ font-weight: normal; } .pagebox span.pagebox_num_nonce a{ color:#fff; margin:0; padding:0; background: none; border: 0; } .pagebox strong{ font-weight: normal; } .ul-menu{ display: flex; flex-wrap: wrap; } .ul-menu li{ font-size: 16px; background-color: #fff; box-shadow: 0 1px 2px #777; padding: 0 45px; min-width: 160px; line-height: 52px; margin-right: 15px; border-radius: 80px; } .ul-menu .active a{ color: #df1614; } .ul-menu li a{ color: #000; } .ptbox { position: relative; } .ptbox .inner { overflow: hidden; padding-bottom: 67%; position: relative; } .ptbox .pic { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; } .ptbox .pic video{ height: 100%; display: inline-block; } .ptbox .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: all 0.3s ease-out 0s; } .ptbox .pic:hover .img { transform: scale(1.1); } .ptbox .img a { display: block; height: 100%; } .solutionList{ padding: 2% 0 2%; background-color: #F7F8FA; box-shadow: 0 -2px 2px #EDEDED; } .solutionInfo{ margin: 40px auto; } .solutionInfo>h3{ font-size: 24px; padding-bottom: 26px; color: #333333; font-weight: 400; margin-bottom: 0; } .solutionInfo1{ padding-bottom: 40px; border-bottom: 1px solid #e3e4e5; } .solutionInfo1 img{ display: inline-block; } .solutionInfo1 .cont{ display: flex; } .solutionInfo1 .cont .txt_left{ flex:1; padding-right: 30px; } .solutionInfo1 .cont .txt_left .btn{ padding-top: 25px; } .solutionInfo1 .cont .txt_left .btn a{ margin-right: 20px;width:190px;background-image:linear-gradient(to right,#e74e4c,#f6bab9);color:#fff;height:54px; line-height: 54px; display:inline-block;border-radius:60px;font-size: 18px; text-align: center; } .PicList000715 .more a:hover{color:#fff;background:#df1614} .solutionInfo1 .cont .img_right{ width: 580px; } .solutionInfo1 .cont .img_right .inner { padding-bottom: 50%; } .solutionInfo2 ul{ display: flex; flex-wrap: wrap; } .solutionInfo2 ul li{ width: calc(33.33% - 20px); box-shadow: 1px 3px 2px #E0E0E0; padding: 12px; margin-bottom: 25px!important;background: #fff; } .solutionInfo2 ul li:before{ display: none!important; } .solutionInfo2 ul li:nth-child(3n+2){ margin: 0 30px; } .solutionInfo2 ul li span{ display: block; font-size:24px; font-weight: bold; color: #d23d3b; padding: 15px 0 25px; } .solutionInfo2 ul li p{ font-size: 16px; color: #888; line-height: 1.6; margin: 0; overflow: hidden; display: block; display: -webkit-box; display: -ms-flexbox; max-height: 9em; -webkit-box-orient: vertical; } .solutionInfo3 .cont{ margin-left: -60px; margin-right: -60px; padding:0 60px; overflow: hidden; } .swiper-case{ margin-left: -60px; margin-right: -60px; padding:0 60px; overflow: hidden; position: relative; } .swiper-case .swiper-slide{ width: calc(33.33- 30px); } .swiper-case .swiper-button-prev,.swiper-case .swiper-button-next{ width: 42px; height: 42px; background-color: #3d3d3d; border-radius: 50%; -moz-background-size:14px auto; background-size: 14px auto; margin-top: -40px; /* background-image: url(../images/left_arrow.png); background-position: center; -moz-background-size:42px auto; background-size: 42px auto; margin-top: -9px; */ } .swiper-case .swiper-button-next.swiper-button-disabled,.swiper-img .swiper-button-prev.swiper-button-disabled{ opacity: .8; background-color: rgba(241, 241, 241, 1); } .swiper-case .swiper-button-prev{ } .swiper-case .swiper-button-next{ } .swiper-case .swiper-slide .txt{ position: absolute!important; left: 0!important; bottom: 0!important; right: 0!important; background: linear-gradient(0deg,rgba(0,0,0,0.80),rgba(30,30,30,0.00))!important; color: #fff; padding:30px 20px 20px; } .swiper-case .swiper-slide .txt p{ font-size: 18px;margin-bottom: 0; } .division_intro .swiper-case .swiper-slide .txt{ position: relative !important; background: none !important; padding: 20px 10px 0; } .division_intro .swiper-case .swiper-slide .txt p{ font-size: 20px; text-align: center; } /* 文字列表 */ .common-list { min-height:400px; padding: 20px 0; } .common-list li { display: flex; align-items: center; height: 50px; font-size: 18px; border-bottom: 1px dashed rgb(221, 221, 221); cursor: pointer; margin-bottom: 0!important; margin-top: 0!important; } .common-list li:hover { background: #F6F6F6; } .common-list li span { padding-right: 5px; color: #888; } .common-list li p { flex: 1; overflow: hidden; position: relative; padding-left: 15px; padding-right: 15px; margin-bottom: 0!important; white-space: nowrap; text-overflow: ellipsis; } .common-list li p:before { content: ''; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); width: 5px; height: 5px; background: #333; border-radius: 50%; } .common-list li:hover p:before { background: #C9151E; } .zjtdList,.leaderList{ background-color: #f7f8fa; padding: 40px 0; min-height: 800px; } .zjtdList .zjtdListItem{ float: left; width: calc(50% - 20px); background-color: #fff; padding: 45px 35px; margin: 20px 0; display: flex; } .zjtdList .zjtdListItem:nth-child(2n){ float: right; } .zjtdList .zjtdListItem dt,.leaderList .leaderListItem dt{ width: 220px; border-radius: 50%; border: 6px solid #fff; box-shadow: 0 2px 6px #ddd; } .zjtdList .zjtdListItem dt img,.leaderList .leaderListItem dt img{ width:208px; height: 208px; border-radius: 50%; object-fit: cover; } .zjtdList .zjtdListItem dd{ flex:1; padding-left: 30px; overflow: auto; } .zjtdList .zjtdListItem dd>h3,.leaderList .leaderListItem dd>h3{ font-size: 26px; color: #d40415; padding-top:15px; margin-bottom: 10px!important; } .zjtdList .zjtdListItem dd>span,.leaderList .leaderListItem dd>span{ font-weight: bold; font-size: 18px; font-weight: bold; color:#333; } .zjtdList .zjtdListItem dd>p{ width: 100%; margin-top: 12px; font-size: 15px; color: #888; line-height: 1.6; text-align: justify; max-height:8em ; } .leaderList .leaderListItem dd>p{ width: 100%; margin-top: 12px; font-size: 15px; color: #888; line-height: 1.6; text-align: justify; } .leaderList .auto{ display: flex; flex-wrap: wrap; } .leaderListItem{ float: left; width: calc(25% - 27px); background-color: #ededed; border-top: 3px solid #d40415; padding: 25px 35px; margin: 20px 0px; margin-left: 36px; align-items: center; display: flex; flex-direction: column; } .leaderListItem:nth-child(4n+1){ margin-left: 0; } .leaderList .leaderListItem dd{ padding-top: 5px; flex: 1; overflow: hidden; } .leaderList .leaderListItem dd>h3,.leaderList .leaderListItem dd>span{ text-align: center; display: block; } /* 集团分公司 */ .TextList003{ padding: 3% 0; background: url(../images/contactbg2.jpg) no-repeat; background-size: cover; } .TextList003 .title { text-align: center; padding-bottom: 3%; color: #333; } .TextList003 .list dl:nth-child(2n){float: right;} .TextList003 .list dl{float:left;width:48%;} .TextList003 .list dl{display:block;margin-bottom:25px;padding:40px 45px 20px;background:#fff;height:258px;position:relative} .TextList003 .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} .TextList003 .list dl::before{content:'';position:absolute;width:3px;height:26px;background:#df1614;left:0;top:44px} .TextList003 .list dl dd{color:#777;font-weight:400;line-height:24px;margin-bottom:5px} .TextList003 .list dl dd span{width:43px;float:left} .TextList003 .list dl dd p{width:86%;float:left;margin:0} .TextList003 .list dl dd p:hover{color: #fff;} .TextList003 .list dl:hover{background:#df1614} .TextList003 .list dl:hover{color:#fff} .TextList003 .list dl:hover dt{color:#fff} .TextList003 .list dl:hover dt+dd{color:#fff} .TextList003 .list dl:hover dd{color:#fff} .TextList003 .list dl:hover dd span{color:#fff} .list dl{display:block;margin-bottom:25px;padding:40px 25px 20px;background:#fff;height:188px;position:relative} .messageBox{ padding: 3% 0; background: url(../images/contactbg3.jpg) no-repeat; background-size: cover; } .messageBox .title { text-align: center; padding-bottom: 3%; color: #fff; } .msgform{ font-size: 18px; } .msgform .msgformIpt{ float: left; width: 48%; margin-bottom: 15px; background-color: #fff; padding: 6px 15px; } .msgform .msgformIpt2{ width: 100%; } .msgform .msgformIpt:nth-child(2n){ float: right; } .msgform .msgformBtn{ text-align: center; padding: 30px 0; float: left; width: 100%; display: flex; justify-content: center; } .msgform .msgformIpt input[type="text"]{ width: 100%; height: 36px; } .msgform .msgformIpt2 textarea{ width: 100%; height: 80px; } .msgform .msgformBtn input[type="button"]{ width: 160px; background-image: linear-gradient(to right,#e74e4c,#f6bab9); color: #fff; height: 50px; display: block; padding: 9px 20px 8px 20px; line-height: 24px; border-radius: 60px; font-size: 18px; } .single-content img{ display: inline-block; } .honorList{ background-color: #f7f8fa; padding-bottom: 20px; } .honorHd{ padding: 35px 0 15px; color: #333; } .honorBd { padding-bottom: 15px; } .honorBd ul{ display: flex; padding-bottom: 5px; border-bottom: 2px solid #cfd0d1; padding-left: 0!important; } .honorBd ul li{ width: calc(20% - 32px); margin-right: 40px; transition: all 0.5s ease-out 0s; cursor: pointer; } .honorBd ul li:nth-child(5n){ margin-right: 0; } .honorBd ul li .imgArea{ padding: 10px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .honorBd ul li .imgArea img{ max-width: 100%; max-height: 100%; } .honorBd ul li:hover{ transform: translateY(-15px); } .honorBd ul li>p{ padding: 15px; font-size: 18px; text-align: center; overflow: hidden; display: block; display: -webkit-box; -webkit-line-clamp: 1; max-height: 2.5em; -webkit-box-orient: vertical; } /* solutionDetail */ .solutionDetail{ background-color: #fff; padding: 2% 0 2%; box-shadow: 0 -2px 2px #EDEDED; } .solutionDetail .hd{ color: #333; font-size: 24px; font-weight: bold; } .solutionDetailCont1{ /*padding-bottom: 40px;*/ } .solutionDetailCont1 .cont{ display: flex; } .solutionDetailCont1 .cont .txt_left{ flex:1; padding-right: 110px; padding-top: 50px; font-size: 18px; } .solutionDetailCont1 .cont .txt_left p{ font-size: 18px; } .solutionDetailCont1 .cont .txt_left .btn{ padding-top: 25px; } .solutionDetailCont1 .cont .img_right{ width: 54%; } .solutionDetailCont1 .cont .img_right .inner { padding-bottom: 50%; } .solutionDetailCont2{ /*background-color: #f2f2f2; padding: 50px 0;*/ } .solutionDetailCont2 p, .solutionDetailCont2 span{ background: transparent !important; } .solutionDetailCont2 .cont .txt_left{ background-color: #fff; padding: 60px;; } .solutionDetailCont3{ padding-top: 40px; } .swiper-pro .swiper-slide{ width: calc(25% - 30px); background-color: #fff; } .swiper-pro .swiper-slide .txt{ height: 90px; background:#fff; color: #000; padding:15px 10px; } .swiper-pro .swiper-slide .txt p{ font-size: 18px;margin-bottom: 0; height: 56px; overflow: hidden; } .swiper-pro .swiper-slide .txt span{ color: #666; font-size: 15px; height: 40px; overflow: hidden; } @media screen and (max-width: 768px){ .common-list li { height: 40px; font-size: 16px; } }