body{overflow-x: hidden;} /* .TextList002322 */ .TextList002322{ padding: 2% 0;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #999;} .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: #2196f3;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} } /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:20px 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#0049F9; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#0049F9;} .xpfb{padding:2% 0;} /* .Menu000654 为demo编号 */ .Menu000654{ margin-top:53px; border: 1px solid #eee;} .Menu000654 header{ background: url(../images/Top002407-nav_libg.png) no-repeat top left #009dfa; color:#fff; font-size:24px; padding:40px 0 25px 0; text-align:center; position:relative; z-index:5;} .Menu000654 header span{ font-size:14px; display:block;} .Menu000654 li a{display:block;padding-left: 30px;padding-top:10px;padding-bottom:10px;line-height:32px;border-bottom:1px solid #eee;background: #fff;font-size: 15px;} .Menu000654 dl a{background: #fff !important;} .Menu000654 li a:hover, .Menu000654 li a.aon{ background-color:#0049f9; color:#fff;} .Menu000654 li dl{ background-color:#fff; font-size:12px; display:none;border-bottom: 1px solid #eee;padding:5px 0 10px;} .Menu000654 li a.click{ position:relative;} .Menu000654 li a.click::after, .Menu000654 li a.click::before{ position:absolute; content:''; background-color:#999; top:50%;} .Menu000654 li:hover a.click::after, .Menu000654 li:hover a.click::before{ position:absolute; content:''; background-color:#fff; top:50%;} .Menu000654 li a.click::after{width: 12px;height:2px;left:10px;margin-top: 4px;transform: rotate(-45deg);} .Menu000654 li a.click::before{width:2px;height: 12px;left:16px;margin-top: -9px;transform: rotate(-45deg);right: 0;} .Menu000654 li dl dd a{ color:#666;padding: 5px 0 5px 35px;border:0 } .Menu000654 li dl dd a.aon{ color:#0049f9 !important;} .Menu000654 li dl dd a:hover{ color:#0049f9; background: #ffa0c4;} .Menu000654 li dl dd a:hover a.aon::after{ background: #fff;} .Menu000654 li a.aon::before{ background-color:#fff;} .Menu000654 li a.aon::after{ background-color:#fff;} @media(max-width:950px){ .Menu000654 header{ margin-top:0;font-size:20px; padding:15px 0; } .Menu000654{width: 104%;margin-left: -2%;margin-top: 0;} } /* .PicList000593 为demo编号 */ .PicList000593{ padding-top:2%;} .PicList000593 {position: relative} .PicList000593 li{ position:relative; padding-bottom:2%;background: #f9f9f9} .PicList000593 li:nth-child(3n){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:64.5%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 70px;height: 70px;margin-left: -35px;margin-top: -35px;border-radius: 50%;background-color:rgba(0,0,0,0.35);} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -6px;margin-top: -12px;} .PicList000593 li p{text-align:center;font-size: 16px;color: #555;} .PicList000593 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-19px; overflow:hidden; line-height:200px; z-index:10;} .PicList000593 .bx-controls-direction a.bx-prev{ left:-45px;} .PicList000593 .bx-controls-direction a.bx-next{ right:-45px;} .PicList000593 .bx-controls-direction a::before, .PicList000593 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#0049f9; left:0; } .PicList000593 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;} .PicList000593 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;} .PicList000593 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;} .PicList000593 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;} .PicList000593 .owl-nav{ display: block !important;} .PicList000593 .owl-nav div{position: absolute; border:none;height:20px; font-size:0; cursor:pointer; width:20px;} .PicList000593 .owl-nav div.owl-prev{ left:-40px;top:50%;margin-top: -20px} .PicList000593 .owl-nav div.owl-next{right:-40px;top:50%;margin-top: -20px} .PicList000593 .owl-nav div.owl-prev::before, .PicList000593 .owl-nav div.owl-prev::after{ position:absolute; content:''; width:15px; height:2px; background-color:#8d8d8d; left:0; } .PicList000593 .owl-nav div.owl-prev::before{ transform:rotate(-45deg);top:4px;} .PicList000593 .owl-nav div.owl-prev::after{ transform:rotate(45deg);top:14px;} .PicList000593 .owl-nav div.owl-next::before, .PicList000593 .owl-nav div.owl-next::after{ position:absolute; content:''; width:15px; height:2px; background-color:#8d8d8d; left:0; } .PicList000593 .owl-nav div.owl-next::before{ transform:rotate(-45deg);top:4px;} .PicList000593 .owl-nav div.owl-next::after{ transform:rotate(45deg);top:14px;} .PicList000593 .owl-nav div.owl-next::before{ transform:rotate(45deg); left:auto; right:0;} .PicList000593 .owl-nav div.owl-next::after{ transform:rotate(-45deg); left:auto; right:0;} .PicList000593 .owl-nav div.owl-next:hover::before, .PicList000593 .owl-nav div.owl-next:hover::after{background-color:#0049f9; } .PicList000593 .owl-nav div.owl-prev:hover::before, .PicList000593 .owl-nav div.owl-prev:hover::after{background-color:#0049f9; } @media(max-width:1280px){ .PicList000593 .owl-nav div.owl-prev{ left:30px;} .PicList000593 .owl-nav div.owl-next{right:30px;} } @media(max-width:768px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} .PicList000593 li:nth-child(3n){ margin-right:0;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList000593 li{width:100%; float:none; margin-right:0 !important;} } /*Floor002059 */ .Floor002059{ padding:4% 0;background: #f8f8f8} .Floor002059 .title{color: #333;margin-bottom:2%;font-size: 28px;} .Floor002059 .title span{font-size: 14px;color: #ccc;} .Floor002059 h1{ margin:0 0 7% 0;font-size: 28px;text-align: center;color: #009dfa;} .Floor002059 h1:after{display: block; content:'';width: 20px;height: 2px;background: #009dfa; margin:0 auto; margin-top:13px;} .Floor002059 li{ float:left; width:24%; margin-right:1.33%; margin-bottom:2%; position:relative; padding-bottom:26%;background: #fff} .Floor002059 li .links{ position:absolute; left:0; top:0; width:100%; height:60%;} .Floor002059 li figure, .Floor002059 li div{ position:absolute; left:0; width:100%;} .Floor002059 li figure{ height:60%; transition:top 0.3s; top:0;} .Floor002059 li figure img{ display:none;} .Floor002059 li div{ background-color:#fff; bottom:0; height:40%; padding:10% 5%; transition:0.3s;} .Floor002059 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:10px; left:50%; margin-left:-12px;} .Floor002059 li aside{ position:absolute; top:52%; margin-top:-50px; z-index:10; left:50%; width:100px; height:100px; margin-left:-50px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:0.3s;} .Floor002059 li aside img{ display:block; width:100%; height:100%;} .Floor002059 li aside img.hover{ display:none;} .Floor002059 li h5{margin:0;font-size: 18px;padding:5px 0 ; font-weight: normal;text-align:center;position: absolute;bottom: 0;background: rgba(0,0,0,0.5);width: 100%;color: #fff} .Floor002059 li p{ line-height:24px; overflow:hidden;margin:0;width:48%;float: left;margin-right:2%} .Floor002059 li:hover p a{ color: #fff;} .Floor002059 li:hover div{ color:#fff;background:#0049f9;} .Floor002059 li:hover figure{top:-3%;} .Floor002059 li:hover div{ bottom:-3%;height:46%;} .Floor002059 li:hover div:before{background:url(../images/Floor002059-more.png) no-repeat;} .Floor002059 li:hover aside{background:#009dfa; top:50%;} .Floor002059 li:hover aside img{ display:none;} .Floor002059 li:hover aside img.hover{display:block;} @media(min-width:769px){ .Floor002059 li:nth-child(4n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .Floor002059 li p{ height:48px;} .Floor002059 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .Floor002059 ul{ margin:0 auto; max-width:400px;} .Floor002059 li{ float:none; width:auto; padding-bottom:0; height:470px; margin:0 0 5% 0;} } /*Floor002476 */ .Floor002476{ padding:4% 0 } .Floor002476 .title{color: #333;margin-bottom:2%;font-size: 28px;} .Floor002476 .title span{font-size: 14px;color: #ccc;} .Floor002476 .list li{ float:left; width:18%; position:relative; } .Floor002476 .list li .img{ position:relative; background-repeat:no-repeat; background-size:cover; z-index:2;min-height: 400px;} .Floor002476 .list li .img img{ width:100%;} .Floor002476 .list li .img::before{ position:absolute; content:''; width:100%; height:100%; background-color:#000; opacity:0.4;border-right:1px solid rgba(255,255,255,0.5);} .Floor002476 .list li .img figure{ position:absolute; left:0; bottom:0; color:#fff; z-index:10; border-top:1px solid rgba(255,255,255,0.2); width:100%; padding:5% 20px;} .Floor002476 .list li .img figure a{ color:#fff; margin:10px 0; font-size: 14px; line-height: 22px; height: 45px; overflow: hidden; display: block;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; /* 这个表示要显示几行 */ -webkit-box-orient: vertical; } .Floor002476 .list li .img time{ font-size:14px;font-family:Arial, Helvetica, sans-serif; color: rgba(255,255,255,0.5) } .Floor002476 .list li .links{position: absolute;left:0;right:0;top:0;bottom: 0;z-index: 999;} .Floor002476 .list li.onShow{ width:64%;} .Floor002476 .list li.onShow .img{ width:50%; position: relative; z-index: 100} .Floor002476 .list li.onShow .img::before, .Floor002476 .list li.onShow .img figure{ display:none;} .Floor002476 .list li .deco{ position:absolute; right:-7%; top:0; height:100%; width:75%; background:url(../images/Floor002476-bg.jpg) no-repeat right bottom #fff; background-size:cover; z-index:1; box-shadow:0 0 50px rgba(0,0,0,0.1);} .Floor002476 .txt{ position:absolute; left:0; top:0; padding-left:55%; padding-right:5%; z-index:3; background: #f8f8f8; height: 100%; padding-top: 80px;} .Floor002476 .txt h1{ font-size:20px; font-weight:normal; margin-bottom: 15px;} .Floor002476 .txt h1{ font-size:20px; font-weight:normal; margin-bottom: 15px;} .Floor002476 .txt p{ margin-bottom:10%; color:#6b6464; line-height:26px; font-size: 14px; height: 80px; overflow: hidden} .Floor002476 .txt time{ position:relative; display:block; color:#0049f9; font-size:16px;font-family:Arial, Helvetica, sans-serif ; background: url(../images/time.png) no-repeat left 1px; padding-left: 18px;} .Floor002476 .txt time b{ font-size:57px; font-style:italic; font-weight:normal;} .Floor002476 .txt time i{ font-size:30px; margin:0 10px;} .Floor002476 .list li .deco, .Floor002476 .list li .txt{ opacity:0; overflow:hidden; transition:transform 2s,opacity 0.3s;} .Floor002476 .list li .deco{ transform:translateY(-100%);} .Floor002476 .list li .txt{ transform:translateY(100%);} .Floor002476 .list li.onShow .deco, .Floor002476 .list li.onShow .txt{ opacity:1;transform:translateX(0); overflow:inherit; transition:transform 0.3s,opacity 1s;} .Floor002476 .txt .more{color:#fff; border:1px solid #0049f9; font-size: 14px; width: 150px; text-align: center; display: block; line-height: 30px; background: url(../images/more2.png) no-repeat 80% #0049f9; padding-right: 30px;} .Floor002476 .bx-controls-direction{ text-align:center;position:relative; z-index:200; padding-right:2px; margin-top: 30px;} .Floor002476 .bx-controls-direction *{ display:inline-block;} .Floor002476 .bx-pager{ margin:0 10px; } .Floor002476 .bx-pager div{ margin:0 3px;} .Floor002476 .bx-pager a{ display:inline-block; width:10px; overflow:hidden; line-height:1000px; height:10px; background-color:#a09997; border-radius:50%;} .Floor002476 .bx-pager a.active{ background-color:#0049f9;} .Floor002476 .bx-next, .Floor002476 .bx-prev{ position:relative; height:18px; width:53px; border-bottom:2px solid #79242f; line-height:1000px; overflow:hidden; margin: 0 5px;display: none} .Floor002476 .disabled{ cursor:default;} .Floor002476 .bx-next.disabled, .Floor002476 .bx-prev.disabled{ border-bottom-color:#666;} .Floor002476 .bx-next::before, .Floor002476 .bx-prev::before{ position:absolute; content:''; bottom:2px; height:2px; width:20px; background-color:#666;} .Floor002476 .bx-next::before{ right:-4px; transform:rotate(45deg);} .Floor002476 .bx-prev::before{left: -4px;transform:rotate(-45deg);} .Floor002476 .bx-next.disabled::before, .Floor002476 .bx-prev.disabled::before{background-color:#666;} @media(min-width:1367px){ .Floor002476{ font-size:18px;} } @media(max-width:1366px){ .Floor002476 .txt time{ margin:12% 0 10% 0;} .Floor002476 .txt h1{ font-size:20px;} } @media(max-width:1024px){ .Floor002476 .list li{ width:26%} .Floor002476 .txt{ padding-left:35.12%} .Floor002476 .list li.onShow .img{ width:35.12%} .Floor002476 .list li.onShow{ width:74%} } @media(max-width:768px){ .Floor002476 .list li.onShow{ width:100%} .Floor002476 .bx-controls-direction{ margin-top:0;} .Floor002476 .bx-viewport{ height:auto !important;} } @media(max-width:640px){ .Floor002476 .txt h1{ font-size:16px; line-height:21px; overflow:hidden; max-height:42px;} .Floor002476 .txt p{ line-height:normal; font-size:12px;} .Floor002476 .txt time b{ font-size:42px;} } @media(max-width:480px){ .Floor002476 .txt h1{ height:21px; } .Floor002476 .txt p{line-height:20px; overflow:hidden; max-height:40px; } .Floor002476 .txt time{ font-size:18px;} .Floor002476 .txt time i{ font-size:16px;} .Floor002476 .txt time b{ font-size:30px;} .Floor002476 .list li.onShow .img{width: 100%;} .Floor002476 .list li .img{min-height: 200px;} .Floor002476 .txt{position: relative;padding:0;padding:16px;} .Floor002476 .txt time{margin:0;} } /*Top002258*/ .Top002258{position: absolute;top: 0;width: 100%;background:rgba(255,255,255,0);z-index: 100} .Top002258 .header{position: relative;} .Top002258 .top-language a{ display:block; color: #fff;} .Top002258 .top-search{ position:relative;padding-top: 20px;} .Top002258 .top-search .text{width: 100%;color: #666;font-size: 12px;display: block;padding:0 25px 0 16px;line-height: 28px;height: 30px;width: 205px;background: #fff;border: 0;} .Top002258 .header-left .logo img.hover{display:none;} .Top002258 .top-search .text:focus{border-color: #009dfa;background: #fff;color: #333;} .Top002258 .top-search .btn{position: absolute; right: 8px; top: 12px; background: url(../images/Top002258-search.png) no-repeat center center; width: 16px; height: 100%;} @media(min-width:1025px){ .Top002258 .header-left{ float: left; max-width: 147px; width: 50%; height:75px; display:table;} .Top002258 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002258:hover .header-left .logo img.hover{display:block;} .Top002258:hover .header-left .logo img{display:none;} .Top002258 .header-mid{float:right;line-height:75px;margin-left: 10px;margin-right: 240px;} .Top002258 .header-right dd{ float:left; margin-left:15px;} .Top002258 .header-right dd:first-child{margin-left:0;margin-right: 10px;} .Top002258 .top-language a{text-align:center;position: relative;top:3px;} .Top002258 .top-language a{display: inline-block;content: '';width:30px;text-align:center;border-radius:50%;background: #0049f9;height:30px;line-height: 30px;position: absolute;z-index: -1;left:-6px;top:22px;} /*.Top002258 .top-search .text{ border-radius: 30px;transition: all .3s ease-in-out;}*/ .Top002258:hover{background:rgba(255,255,255,1);} .Top002258:hover .header-menu li em a.tit{color:#666;} .Top002258 .header-right{position:absolute;top:50%;right:3%;margin-top: -36px;} .Top002258 .header-right dd{position:relative; float:left;} .Top002258 .header-right dd .open-search{ display:block;height:40px; line-height:40px;} .Top002258 .open-search{ width:40px; background:url(../images/Top002070-search_btn.png) no-repeat center center; } .Top002258:hover .open-search{ width:40px; background:url(../images/Top002070-search_btn2.png) no-repeat center center; } .Top002258 .search-box{position:absolute;width: 0;overflow:hidden;right:0;top:50%;margin-top:-15px;background:#eee;transition:0.3s;opacity: 0;z-index: 99;} .Top002258 .search-box .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;} .Top002258 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:40px;background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002258 .top-search-on .search-box{ width:160px; opacity:1;} } .Top002258 .header-menu li{ width:auto !important;} .Top002258 .header-menu li em{ position:relative;padding:0 24px;} .Top002258 .header-menu li:last-child em::before{ display:none;} .Top002258 .header-menu li em a.tit{font-size: 16px; color: #fff;} .Top002258 .header-menu li.aon em a.tit, .Top002258 .header-menu li em a.tit:hover{ color:#0049f9;} .Top002258 nav .subnav{ position:absolute; width:100%; left:0; background:#fff; top:75px;display:none;height: auto; overflow: hidden; padding-bottom: 30px} .Top002258 .subnav .auto{ position:relative;} .Top002258 nav .subs dl{text-align: center; width: 100%} .Top002258 nav .subs dd{width:20%;padding: 2%; display: inline-block} .Top002258 nav .subs dd i{font-style:normal;color: #333;line-height: 40px;} .Top002258 nav .subs dd img{ max-width:60px;} .Top002258 nav .subs dd p{margin: 0;padding: 0;line-height: 40px;color: #666; } .Top002258 .subnav .menu{ float:left; width:22%; background: #f5f6f7;padding-top:20px;padding-bottom: 20px;} .Top002258 .subnav .hover{ float:right; width:78%;padding:30px;} .Top002258 .subnav .menu dt{ line-height:38px;height:38px;} .Top002258 .subnav .menu dt a{ display:block;padding-left:20px;padding-right: 20px;color: #444;background: url(../images/Top002258-icon1.png) no-repeat 95%;} .Top002258 .subnav .menu dt.on a, .Top002258 .subnav .menu dt a:hover{ color:#444; background-color:#fff; position:relative; z-index:5;background: url(../images/Top002258-icon2.png) no-repeat 95% #fff;} .Top002258 .header-menu #m2 .subnav .hover,.Top002258 .header-menu #m3 .subnav .hover,.Top002258 .header-menu #m4 .subnav .hover{padding:0;} .Top002258 .header-menu #m2 .subnav .hover dd,.Top002258 .header-menu #m3 .subnav .hover dd,.Top002258 .header-menu #m4 .subnav .hover dd{ border-bottom: none; } .Top002258 .subnav .dl a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;} .Top002258 .subnav .dl figure{background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom: 70%;} .Top002258 .subnav .dl dd{borer-bottom: none;} .Top002258 .subnav .dl h2{margin:0;padding:0;text-align: center;line-height: 50px;font-size: 15px;font-weight: normal;background: #fff;} .Top002258 .subnav .hover dl{ display:none;} .Top002258 .subnav .hover dd{float: left;width:31.6666%;margin-right: 3%;border-bottom: 1px solid #e8e8e8;padding: 20px 0;height: 250px;} .Top002258 .subnav .hover dd.last-child{border-bottom: 0px solid #e8e8e8;} .Top002258 .subnav .hover dd:nth-child(2n){ margin-right: 0;} .Top002258 .subnav .hover dd .pic{float: left;width:45%;} .Top002258 .subnav .hover dd .con{float: left;width:55%;} .Top002258 .subnav .hover dd .con h3{margin:0;font-size: 14px;color: #444;} .Top002258 .subnav .hover dd .con span{display: block;font-size: 12px;line-height: 24px;} /* .Top002258 .mv{position: relative;} .Top002258 .header-menu #m4{position: relative;} .Top002258 .header-menu #m5{position: relative;} .Top002258 .header-menu #m6{position: relative;} */ .Top002258 .subs {background:#fff;display: block;width:100%;position: absolute;left:0;top:75px !important;text-align: center;display: none;transition: .3s;} .Top002258 li:hover .subs{display: block;} .Top002258 .subs dt{line-height: 38px;} .Top002258 .subs dt a{color: #444;} .Top002258 .subs dt:hover{color: #fff;background: #0049F9 !important;} .Top002258 .subs dt:hover a{color: #fff;background: #0049F9 !important;} @media(max-width:1200px){ .Top002258 .header-menu li em{padding:0 15px;} } @media(max-width:1024px){ .Top002258 .header{ position:relative; z-index:100;} .Top002258 .header-left{ padding:2% 60% 2% 0;} .Top002258 .header-left .logo{ display:block;} .Top002258 #header-menu{ position:absolute; top:100%; right:2%; background:#009dfa; padding-top:75px; padding-bottom:10px; z-index:100; overflow:hidden; width:0; opacity:0; transition:ease-in-out 0.3s;} .Top002258 #header-menu.header-menu-show{width:205px; opacity:1;} .Top002258 #header-menu ul{padding-top: 20px;} .Top002258 #header-menu li em, .Top002258 #header-menu li em a{ border-bottom:0;} .Top002258 #header-menu li:nth-child(2n-1){ background:rgba(255,255,255,0.08);} .Top002258 #header-menu li em a{ font-weight:normal;height:40px; overflow:hidden;} .Top002258 #open_menu{ position:absolute; right:2%; top:50%; width:25px; height:30px; margin-top:-15px;} .Top002258 #open_menu i, .Top002258 #open_menu i::before, .Top002258 #open_menu i::after{background:#009dfa;} .Top002258 #open_menu i{ height:3px; margin-top:-1.5px; width:100%;} .Top002258 .header-right{ position:absolute; top:100%; right:2%; z-index:101; padding-top:10px;} .Top002258 .top-search .text{ line-height:35px; height:35px;} .Top002258 .top-language a{ line-height:30px; font-weight:bold; font-size:18px; background:url(../images/Top002258-en.png) no-repeat 10px center #000; padding:0 10px 0 35px;} .Top002258 .header-right{ width:0; overflow:hidden; opacity:0; transition:ease-in-out 0.3s;} .Top002258 .header-right.header-right-show{ width:205px; opacity:1;} .Top002258 nav .subnav{display: none !important;} .Top002258 .subnav .auto{display: none !important;} .Top002258 .sub{display: none !important;} .Top002258 li:hover .subs{display: none !important;} } /* * Owl Carousel - Core 插件样式如遇相同只留一份 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .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; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -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 { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { 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-loaded { display: block; } .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; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; 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 Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms 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-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Banner002465 为demo编号 */ .Banner002465{ position: relative;} .Banner002465 li a{ display:block; } .Banner002465 li a .phoneimg{ display: none;} .Banner002465 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;} .Banner002465 .owl-dots>div{ display:inline-block; margin:0 0.2%;position: relative;} .Banner002465 .owl-dots>div span{ display:block; width:30px; height:4px;; background: #fff; -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); } .Banner002465 .owl-dots>div.active span{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); } .Banner002465 .owl-nav >div{ position: absolute; top: 50%; margin-top: -25px; background: url(../images/Banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;} .Banner002465 .owl-nav{ -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms; } .Banner002465 .owl-nav .owl-prev{left: -5%;} .Banner002465 .owl-nav .owl-next{right: -5%;} .Banner002465 .owl-nav.hover .owl-prev{ left: 5%; background-position: 0 0;} .Banner002465 .owl-nav.hover .owl-next{ right: 5%; background-position: -50px 0;} .Banner002465 .owl-nav .owl-prev:hover{ background-position: 0 -50px;} .Banner002465 .owl-nav .owl-next:hover{ background-position: -50px -50px;} @media(max-width:1200px){ .Banner002465 li a .pcimg{ display: none;} .Banner002465 li a .phoneimg{ display: block;} .Banner002465 .owl-dots>div{ margin: 0 3px;} } /* .Floor000880 为demo编号 */ .Floor000880{margin-bottom: 1%;} .Floor000880 .list_scroll li{text-align:center;position:relative;padding:17px 0;} .Floor000880 .list_scroll li img{width:59px;height:59px;} .Floor000880 .list_scroll li p{ margin:0; padding:10px 5px 0 5px;} .Floor000880 .bx-wrapper{ position:relative;} .Floor000880 .bx-viewport{/* background-color:#f8f8f8; */z-index:1;} .Floor000880 .bx-pager{text-align:center;padding-top:16px;height:32px;display: none;} .Floor000880 .bx-pager div{ display:inline-block; padding:0 5px;} .Floor000880 .bx-pager div a{ display:block; width:9px; height:9px; border-radius:50%; background-color:#8d8d8d; overflow:hidden; text-indent:-999em;} .Floor000880 .bx-pager div a.active{ background-color:#0068b7;} .Floor000880 .bx-controls-direction a{ position:absolute; width:21px; height:21px; top:50%; margin-top:-19px; overflow:hidden; line-height:200px; z-index:10;} .Floor000880 .bx-controls-direction a.bx-prev{ left:-45px;} .Floor000880 .bx-controls-direction a.bx-next{ right:-45px;} .Floor000880 .bx-controls-direction a::before, .Floor000880 .bx-controls-direction a::after{ position:absolute; content:''; width:15px; height:2px; background-color:#8d8d8d; left:0; } .Floor000880 .bx-controls-direction a:hover::before, .Floor000880 .bx-controls-direction a:hover::after{background-color:#0049f9; } .Floor000880 .bx-controls-direction a::before{ transform:rotate(-45deg);top:4px;} .Floor000880 .bx-controls-direction a::after{ transform:rotate(45deg);top:14px;} .Floor000880 .bx-controls-direction a.bx-next::before{ transform:rotate(45deg); left:auto; right:0;} .Floor000880 .bx-controls-direction a.bx-next::after{ transform:rotate(-45deg); left:auto; right:0;} @media(max-width:1250px){ .Floor000880 .bx-controls-direction a.bx-prev{ left:5px;} .Floor000880 .bx-controls-direction a.bx-next{ right:5px;} } /*Floor002658 */ .bg{background: #f6f6f6;padding: 3% 0;} .Floor002658{ font-family:Arial, Helvetica, sans-serif; overflow:hidden;} .Floor002658 .title{color: #333;margin-bottom:2%;font-size: 26px;} .Floor002658 .title span{font-size: 14px;color: #ccc;} .Floor002658 .swiper-container {position: relative;z-index: 1; width:210%;left:-55%; margin:0 auto;} .Floor002658 .swiper-container-android .swiper-slide, .Floor002658 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002658 .swiper-wrapper, .Floor002658 .swiper-slide {position: relative;width: 100%;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Floor002658 .swiper-wrapper {z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002658 .swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} .Floor002658 li p{text-align: center;font-size: 18px;color: #333;} .Floor002658 li{ position:relative;transform:scale(0.8); transition:1.5s;} .Floor002658 li::before{ position:absolute; content:''; left:0; top:0; width:100%; height:88%; background:#000; opacity:0.5;} .Floor002658 li.swiper-slide-active{ transform:scale(1);} .Floor002658 li.swiper-slide-active::before{ display:none;} .Floor002658 li .files, .Floor002658 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002658 li .files{ background:#000; display:none;} .Floor002658 li aside{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px; color:#fff;} .Floor002658 li aside span{display:block;border-radius:50%;width: 70px;height: 70px;background:rgba(255,255,255,0.8);position:relative;margin:0 auto 10px;} .Floor002658 li aside span::before{position:absolute;content:'';border:12px solid transparent;border-left-color:#333;left:50%;top:50%;margin-left:-6px;margin-top:-12px;} .Floor002658 .pager{ text-align:center;padding:2% 0;} .Floor002658 .pager span{ display:inline-block; margin:0 5px;border:1px solid transparent; border-radius:50%; width:14px; height:14px; position:relative;} .Floor002658 .pager span::before{ position:absolute; content:''; left:3px; top:3px; right:3px; bottom:3px; border-radius:50%; background:rgba(0,0,0,0.3);} .Floor002658 .pager span.swiper-pagination-bullet-active{ border-color:#009dfa;} .Floor002658 .pager span.swiper-pagination-bullet-active::before{ background:#009dfa;} .Floor002658 .btn a{ position:absolute; content:''; width:32px; height:32px; border-top:4px solid #b2b2b2;border-right:4px solid #b2b2b2; transform:rotate(45deg); top:50%; margin-top:-16px; cursor:pointer; z-index:10;} .Floor002658 .btn a.prev{left:33%; margin-left:-32px;transform:rotate(-135deg);} .Floor002658 .btn a.next{right:33%; margin-right:-32px;} .Floor002658 .btn a:hover{ border-color:#c29c75;} @media(max-width:640px){ .Floor002658 .swiper-container { left:0; width:100%;} .Floor002658 li{ transform:scale(1);} .Floor002658 .btn a.prev{left:3%; margin-left:0;} .Floor002658 .btn a.next{right:3%; margin-right:0;} .Floor002658 li::before{ display:none;} } @media(max-width:480px){ .Floor002658 li aside span{ width:60px; height:60px;} } /*Floor002116 */ .Floor002116{padding:3% 0;} .Floor002116 .title{color: #333;margin-bottom:2%;font-size: 28px;} .Floor002116 .title span{font-size: 14px;color: #ccc;} .Floor002116 li{ float:left; width:49%; margin-right:2%; background:#fff; margin-bottom:2%;} .Floor002116 li:nth-child(2n){ margin-right:0;} .Floor002116 li a{ display:block; border:1px solid #efefef;background:#edf2f8; padding-bottom: 4%;} .Floor002116 li:nth-child(2) a{background:#e7e8ec} .Floor002116 li img{ display:none;} .Floor002116 li figure{ padding-bottom:50%;} .Floor002116 li div{ padding:8% 0 0;text-align: center} .Floor002116 li div h3{ margin:0; font-size:24px;font-weight: normal} .Floor002116 li div p{color:#333;overflow:hidden;line-height:24px;font-size: 18px;margin: 14px 0px;} .Floor002116 li div i{font-style: normal;color: #0049f9} .Floor002116 .name{ position:relative; text-align:center; padding:2% 0 3% 0;} .Floor002116 .name span{background-color: #f0f0f0;display:inline-block;padding:0 4%;font-size: 20px;color:#333;position:relative;z-index:2;} .Floor002116 .name:before{ position:absolute; width:100%; height:1px; content:''; background-color:#ddd; top:50%; left:0;} .Floor002116 .list dl{ float:left; width:24.25%; margin-right:1%; background:#fff;border:1px solid #efefef; position:relative;} .Floor002116 .list dd{text-align: center;margin-bottom: 10px;} .Floor002116 .list dd img{ display:block; width:100%;} .Floor002116 .list dt{} .Floor002116 .list dt p{ height:48px; } @media(min-width:1001px){ .Floor002116 .list dl:nth-child(4n){ margin-right:0;} } @media(max-width:1000px){ .Floor002116 .list dl{ width:48%; margin-right:4%; margin-bottom:4%;} .Floor002116 .list dl:nth-child(2n){ margin-right:0;} } @media(max-width:768px){ .Floor002116 .name span{ font-size:24px;} } @media(max-width:480px){ .Floor002116 .name span{ font-size:20px;} .Floor002116 li, .Floor002116 .list dl{ float:none; width:auto; margin-right:0;} .Floor002116 .list dd{ width:54%;float: right} .Floor002116 .list dt{ width:45%;float: left} } /*Floor001888*/ .Floor001888{padding:3% 0;background: #f6f6f6;} .Floor001888 .title{color: #333;margin-bottom:2%;font-size: 28px;} .Floor001888 .title span{font-size: 14px;color: #ccc;} .Floor001888 dd{float:left;width:23.5%; margin-right:2%; } .Floor001888 dd:last-child{ margin-right:0;} .Floor001888 dd a{display:block;color:#333;position: relative;margin-bottom: 15px;} .Floor001888 dd a:hover{ background-color:#fff;} .Floor001888 dd figure{padding-bottom:66%;} .Floor001888 dd figure img{ display:none;} .Floor001888 dd .tit{position: absolute;left: 0;bottom: 0;width: 100%;height: 46px;text-indent: 20px;line-height: 46px;color: #fff;font-size: 14px;background-image: url(../images/Solution_icon.png);background-repeat: no-repeat;background-position: 240px 15.5px;background-color: rgba(0,0,0,.5);transition: all .1s;} .Floor001888 dd .tit:hover{background-position: 250px 15.5px;} .Floor001888 dd p{margin: 0;font-size: 14px;line-height: 25px;padding-left: 10px;} @media(max-width:1000px){ .Floor001888 dd{ width:49%; margin-bottom:3%;} .Floor001888 dd:nth-child(2n){ margin-right:0;} } @media(max-width:768px){ .Floor001888 .title{ padding:55px 0 0 0; background-position:center top; text-align:center;} } @media(max-width:480px){ .Floor001888 dd{ width:auto; float:none; margin-right:0;} } /*Floor002140 */ .Floor002140{padding: 3% 0;} .Floor002140 .title{color: #333;margin-bottom:2%;font-size: 28px;} .Floor002140 .title span{font-size: 14px;color: #ccc;} .Floor002140 .tab{ text-align:center; padding:3% 0; line-height:36px;} .Floor002140 .tab span{ display:inline-block; color:#999; width:30%; max-width:124px;position:relative; font-size:16px; cursor:pointer;border-radius:2px;} .Floor002140 .tab span:after{ position:absolute; content:''; right:0; width:1px; height:13px; top:50%; margin-top:-6px; background:#dfdfdf; z-index:-1;} .Floor002140 .tab span.active{ background:#d0111b; color:#fff; } .Floor002140 .tab span.active:after, .Floor002140 .tab span.end:after{ display:none;} .Floor002140 .tab_list dt{ float:left; width:47%;} .Floor002140 .tab_list dd{ float:right; width:44.8%; padding-top:2%;} .Floor002140 .tab_list p{ line-height:20px; font-size:12px; color:#999; overflow:hidden; } .Floor002140 .tab_list h2{ font-size:16px;} .Floor002140 .tab_list dd time{color:#999; font-size:12px;} .Floor002140 .tab_list dt:after, .Floor002140 .tab_list dd:after{ display:block; content:''; width:100%; height:1px; background:#dfdfdf;} .Floor002140 .tab_list dd:after{ width:90%;} .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: #009dfa;position:absolute;right:0;bottom:0;text-align:center;padding:3%;color: #fff;font-size:12px;} .Floor002140 .tab_list dt time span{ font-size:50px; display:block; line-height:50px;} .Floor002140 .tab_list dt h2{ margin:5% 0;} .Floor002140 .tab_list dt p{ margin-top:0;} .Floor002140 .more{ padding-left:55.2%;} .Floor002140 .more a{ width:50%; max-width:230px; background:url(../images/Solution_icon.png) no-repeat center center #009dfa; height:40px; display:block; transition:0.3s; border-radius:2px; margin-top:-40px;} .Floor002140 .more a:hover{ background-color:#d0111b; background-image:url(../images/Floor002140-more_hover.png);} @media(max-width:1000px){ .Floor002140 .more{ padding-left:0; padding-top:3%;} .Floor002140 .more a{ margin:0 auto;} .Floor002140 .tab_list p{ height:40px;} } @media(max-width:640px){ .Floor002140 .tab_list dt, .Floor002140 .tab_list dd{ float:none; width:auto;} } @media(max-width:480px){ .Floor002140 .tab_list dt time span{ font-size:30px;line-height:30px;} } /*Bottom002050 */ .Bottom002050{background-color: #2c2c2c;} .Bottom002050 .share{ margin:0 0 16px;} .Bottom002050 .share a{ display: inline-block; width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 50%; background: #8d8d8d; font-size: 20px; color: #3a3a3a; margin-right: 5px;position: relative} .Bottom002050 .share a:hover{ background-color: #fff;} .Bottom002050 .share figure{ display:none; position:absolute; bottom:95%; left:50%; margin-left:-65px; background-color:#fff; z-index:100;padding:5px;} .Bottom002050 .share a figure img{ width:120px; max-width:none; height:120px; display:block;} .Bottom002050 .share a figure span{ display:block; text-align:center; line-height:24px; color:#666;font-size: 12px} .Bottom002050 .share a figure i{ position:absolute; width:0; height:0; border:5px solid #fff; border-left-color:transparent;border-right-color:transparent; border-bottom:0; bottom:-5px; left:50%; margin-left:-5px;} .Bottom002050 .share a:hover figure{ display:block;} .Bottom002050 .bottom{ padding-top:3%; padding-bottom:4%;} .Bottom002050 .bottom dl{float:left;width: 14.5%;} .Bottom002050 .bottom dt{ font-size:16px; color:#fff; padding-bottom:10px;} .Bottom002050 .bottom dd{ padding:2% 2% 2% 0;} .Bottom002050 .bottom dd a{ color:#ddd;} .Bottom002050 .bottom dd a:hover{ color:#fff;} .Bottom002050 .bottom aside{ float:right;color: #fff;width:320px;} .Bottom002050 .bottom aside p{margin:0;line-height:22px;font-size: 18px;;} .Bottom002050 footer{background-color: #2c2c2c;padding:15px 0;line-height:24px;font-size: 14px;color: #ccc;border-top:solid 1px #666} .Bottom002050 footer span{ float:right;} .Bottom002050 footer a{color: #ccc !important;} .Bottom002050 footer dl i{font-style:normal;margin:0 10px;color: #ccc;} .Bottom002050 footer dl a{ display:inline-block;} .Bottom002050 footer .bdsharebuttonbox{ display:inline-block; vertical-align:middle;} .Bottom002050 footer .bdsharebuttonbox a{ display:inline-block; font-style:normal; float:none; line-height:normal; height:auto; padding-left:0; background:none; margin:0;} .Bottom002050 footer .bdsharebuttonbox a:after{ display:inline-block; content:''; width:0; height:0; border:6px solid transparent; border-top-color:#7c84ab; vertical-align:middle; margin-left:10px;} .Bottom002050 footer a:hover{ color:#ccc !important;} @media(max-width:1000px){ .Bottom002050 .bottom aside{ float:none; width:100%; padding-bottom:3%; text-align:center;} .Bottom002050 .bottom aside p{ display:inline-block; padding-right:15px;} .Bottom002050 .bottom dl{ width:20%;} .Bottom002050 footer span{ float:none; display:block;} } @media(max-width:768px){ .Bottom002050 .bottom dl{ display:none;} .Bottom002050 .bottom aside{ padding-bottom:0;} } /*公司简介*/ /* .Banner002307 为demo编号 */ .Banner002307{} .Banner002307 { overflow: hidden;} .Banner002307 span{ display: none;} .Banner002307 img{ max-width: none; width: 155%; margin-left: -27.5%;} @media only screen and (min-width: 768px) { .Banner002307 img{ width: 150%; margin-left: -25%;} } @media only screen and (min-width: 1024px) { .Banner002307 img{ width: 140%; margin-left: -20%;} } @media only screen and (min-width: 1200px) { .Banner002307{ height:405px;} .Banner002307 img{ display: none;} .Banner002307 span{ display: block; background-position: center; background-repeat: no-repeat; height: 405px; width: 100%;} } .Menu000939 .current{ line-height:40px; text-align:right;} .Menu000939 .current span{ color:#009dfa;} .Menu000939 .current a{ color:#8b8c8c;} .Menu000939 nav{background-color: #eee;} .Menu000939 nav .auto{ position:relative;} .Menu000939 nav header{ padding:15px 0;text-align:center; font-size:24px; background-color:#009dfa; color:#fff;} .Menu000939 nav header span{ display:block; color:#ccc; font-size:14px; text-transform:uppercase;} .Menu000939 nav li a{ display:block;} .Menu000939 nav li.nav{position:relative; z-index:10;} .Menu000939 nav li.nav > a{position:relative; padding-right:35px;} .Menu000939 nav li.nav > a::before{ position:absolute; content:''; right:10px; top:50%; margin-top:-3px; width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent; border-top:6px solid #009dfa;} .Menu000939 nav li > a{ padding:0 40px; line-height:62px;height:62px;border-bottom:2px solid transparent;} .Menu000939 nav li a.aon, .Menu000939 nav li:hover > a{ border-bottom-color:#009dfa;color:#009dfa;} .Menu000939 nav li dl{;background-color:#009dfa;display:none;} .Menu000939 nav li dl dd{ text-align:center; font-size:12px;} .Menu000939 nav li dl dd a{ display:block; line-height:20px; padding:5px 0;color:#fff;} .Menu000939 nav li dl dd a:hover{background-color:#f4f4ea;color:#009dfa;} @media(min-width:641px){ .Menu000939 nav li{ float:left; position:relative;} .Menu000939 nav li::before{ position:absolute; content:''; width:1px; background-color:#dad9cb; height:30%; top:35%; right:0;} .Menu000939 nav li dl{ position:absolute; top:62px; left:0; width:100%} } @media(min-width:1001px){ .Menu000939 nav header{ position:absolute; left:0; width:147px;top:-40px;height:102px; padding:26px 0;} .Menu000939 nav ul{ padding-left:147px;} } @media(max-width:768px){ .Menu000939 .current{font-size:12px;} } @media(max-width:640px){ .Menu000939 nav li{ float:none; font-size:16px;} .Menu000939 nav li dl dd{font-size:14px;} .Menu000939 nav li dl dd a{padding:10px 0;} .Menu000939 nav li > a{ line-height:55px; height:55px;} } /*Floor002616 */ .Floor002616{margin: 0 0 3% 0;} .Floor002616 .main{margin-bottom:3%;} .Floor002616 .main p{text-indent:2em;line-height:30px;} .Floor002616 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%; position:relative; padding-bottom:40%;} .Floor002616 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002616 li figure, .Floor002616 li div{ position:absolute; left:0; width:100%;} .Floor002616 li figure{ height:52%; transition:top 0.3s; top:0;} .Floor002616 li figure img{ display:none;} .Floor002616 li div{ background-color:#fff; bottom:0; height:48%; padding:0 5%; transition:0.3s;} .Floor002616 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:10px; left:50%; margin-left:-12px;} .Floor002616 li aside{ position:absolute; top:52%; margin-top:-50px; z-index:10; left:50%; width:100px; height:100px; margin-left:-50px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:0.3s;} .Floor002616 li aside img{ display:block; width:100%; height:100%;} .Floor002616 li aside img.hover{ display:none;} .Floor002616 li h5{ margin:0 0 15px 0; font-size:16px; text-align:center; padding-top:20%;} .Floor002616 li p{ line-height:24px; overflow:hidden; height:72px; margin:0; color: #666;} .Floor002616 li:hover div{ color:#fff;background:#009dfa;} .Floor002616 li:hover p{color:#fff;} .Floor002616 li:hover figure{top:-3%;} .Floor002616 li:hover div{ bottom:-3%;height:54%;} .Floor002616 li:hover div:before{background:url(../images/PicList002094-more.png) no-repeat;} .Floor002616 li:hover aside{background:#009dfa; top:50%;} .Floor002616 li:hover aside img{ display:none;} .Floor002616 li:hover aside img.hover{display:block;} @media(min-width:769px){ .Floor002616 li:nth-child(3n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .Floor002616 li p{ height:48px;} .Floor002616 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .Floor002616 li{ width:48%; margin-right:4%;} .Floor002616 li:nth-child(2n){ margin-right:0;} .Floor002616 li{ padding-bottom:61%;} } @media(max-width:640px){ .Floor002616 ul{ margin:0 auto; max-width:400px;} .Floor002616 li{ float:none; width:auto; padding-bottom:0; height:470px; margin:0 0 5% 0;} } /* .Location002308 */ .Location002308{ padding:40px 0 0;} .Location002308 dl{padding:8px 0; line-height:30px; border-bottom:#e5e5e5 1px solid;} .Location002308 em{ font-style:normal;color: #888; float:right; background:url(../images/Location002308-icon.png) no-repeat right center; padding-right:15px;} .Location002308 em span{ color:#333;} .Location002308 em a{ position:relative; padding-right:15px; margin-right:10px;color: #888;} .Location002308 em a:first-child{ margin-left: 5px;} .Location002308 em a:before{ position:absolute; content:''; right:0; border-top:4px solid transparent;border-bottom:4px solid transparent; border-left:5px solid #a1a1a1; top:50%; margin-top:-4px;} .Location002308 dl dd{ float: left;} .Location002308 dl dd span{ display: inline-block; position: relative; font-weight: bold; font-size: 18px; color: #444;} .Location002308 dl dd span:after,.Location002308 dl dd span:before{ content: ""; position:absolute; display: block; background-color: #0049f9;} .Location002308 dl dd span:after{left: 0; bottom: -10px; height: 2px; width: 100%; } @media(max-width:640px){ .Location002308 em{ display:none;} .Location002308 dl{ padding:0;} .Location002308 dl dd span:after{bottom: -1px;} } /*产品中心*/ /*PicList002045 */ .PicList002045{margin:20px 0 0;} .PicList002045 img{margin-bottom: 20px} .PicList002045 li{float:left;width: 32%;margin-right:2%;margin-bottom:2%;position:relative;text-align:center;/* background-color: #eee; */} .PicList002045 li:nth-child(3n){ margin-right:0;} .PicList002045 li a{ position:absolute; left:0; top:0; right:0; bottom:0;;} .PicList002045 li a:hover{ border-width:3px; border-color:#009dfa;} .PicList002045 li div{max-width: 288px;margin:0 auto;} .PicList002045 li figure{padding-bottom:80%;background-size:contain;background-color: #eee;} .PicList002045 li figure img{ display:none;} .PicList002045 li p{ font-size:16px; color:#000; margin:10px 0 5px;} .PicList002045 li span{margin-bottom:10px;display:block;} @media(max-width:480px){ .PicList002045 li{ width:49%;} .PicList002045 li:nth-child(3n){ margin-right:2%;} .PicList002045 li:nth-child(2n){ margin-right:0;} .PicList002045 li p{ font-size:14px;} } .Page002274{ text-align:center; padding:2% 0 60px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{color:#fff;background-color: #0049f9;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 瀹嬩綋; font-weight: bold; padding:0 25px; } @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} } .RighInfo001503{margin: -2px 0 3% 0;} /*.RighInfo001503 li{width: 50%;float: left;}*/ .RighInfo001503 li em{margin: 2% 0;font-style:normal;display: inline-block;color:#0049f9;font-size:16px;padding-bottom:10px;border-bottom:1px #0049f9 solid;} .RighInfo001503 li p{font-size:15px;margin:0;line-height: 25px;} .TextList001729 ol.type{ margin-top:2%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#0049f9; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;width:20%;} .TextList001729 .list{border-bottom:1px solid #e5e5e5;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%;} .TextList001729 .list .con p{line-height:28px;} .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:#0049f9; font-size:18px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ 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:nth-child(3){ display:none;} .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;} } /*PicList001958*/ .PicList001958{padding: 0 0 3% 0;} .PicList001958 li{ overflow:hidden; padding:20px 0; border-bottom:1px solid #ebecec;} .PicList001958 li:last-child{ border-bottom:0;} .PicList001958 li div{ position:relative; padding-left:29%;} .PicList001958 li .Ispic{ position:absolute; left:0; top:0; height:100%; width:26%;} .PicList001958 li .Ispic img{ display:none;} .PicList001958 li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;} .PicList001958 li time{ color:#999;} .PicList001958 li p{color:#666; margin:10px 0 0 0; line-height:30px; height:90px; overflow:hidden;} @media(max-width:768px){ .PicList001958 li div{ padding-left:45%;} .PicList001958 li .Ispic{width:42%;} } @media(max-width:480px){ .PicList001958 li div{ padding-left:0;} .PicList001958 li .Ispic{ position:relative; display:block; width:auto; padding-bottom:50%;} .PicList001958 li p{line-height:20px; height:60px; font-size:12px;} .PicList001958 li h1{font-size:16px;} } /*PicList002149 */ .PicList002149{padding: 2.2% 0 3% 0;} .PicList002149 .auto{ max-width:1600px;} .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;} .PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{padding: 5% 10% 3% 8%;} .PicList002149 ol h3 a{ color:#0049f9;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;} .PicList002149 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#0049f9; font-size:12px;} .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 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:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} } .TextList001203 li{margin-bottom:10px;line-height:25px;border-bottom: 1px solid #e3e7e6;padding:0 10px 0 15px;position:relative;} .TextList001203 li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#0049f9; left:5px; top:50%; margin-top:-2px;} .TextList001203 li a{ display:block; padding:15px 0;} .TextList001203 li span{ padding-right:10px;} .TextList001203 li i{ font-style:normal; position:relative; float:right; padding-left:15px; padding-right:30px; background-color:#0049f9; color:#fff; font-size:12px;} .TextList001203 li i::before{ position:absolute; content:''; width:25px; height:100%; background:url(../images/TextList001203-icon.png) no-repeat center center/contain; right:0;} @media(max-width:480px){ .TextList001203 h1{font-size:20px;} } @media(max-width:375px){ .TextList001203 li i{padding-left:5px;} } .PicList001234{ padding-top:2%;} .PicList001234 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList001234 li:nth-child(3n){ margin-right:0;} .PicList001234 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList001234 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList001234 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList001234 li .video_files .close::before, .PicList001234 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList001234 li .video_files .close::before{ transform:rotate(45deg);} .PicList001234 li .video_files .close::after{ transform:rotate(-45deg);} .PicList001234 li figure{ position:relative;} .PicList001234 li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList001234 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList001234 li figure a::before, .PicList001234 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList001234 li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList001234 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -3px;margin-top: -12px;} .PicList001234 li p{text-align:center;} @media(max-width:768px){ .PicList001234 li{width:49%; margin-right:2%;} .PicList001234 li:nth-child(3n){ margin-right:2%;} .PicList001234 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList001234 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList001234 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList001234 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} .PicList001234 li{width:100%; float:none; margin-right:0 !important;} } /*Form002219*/ .Form002219{padding: 2% 0 3% 0;} .Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;} .Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px; color:#5b5b5b;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;} .Form002219 .submitbtn{color:#fff;background-color: #0049f9;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:250px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002219 End*/ .TextList001202{margin: 2% 0 3% 0;} .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:53px;} .TextList001202 dl dt, .TextList001202 dl dd{ border:1px solid #e3e7e6;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#0049f9; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:50px; line-height:50px;} .TextList001202 dl.A dd{ padding:2%; line-height:22px; font-size:12px;} .TextList001202 dl.Q dd{ padding:0 2%;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#0049f9;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;} .TextList001202 dl.Q_on dt{color:#fff;background-color: #0049f9;} .TextList001202 dl.Q_on dd{background-color:#f7fbfc;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ max-height:66px; overflow:hidden;} } .PicList001748{padding:2% 0;} .PicList001748 ol{padding-bottom: 2%;} .PicList001748 ol li{float: left;margin-right: 2%; margin-bottom:4px;height: 35px;line-height: 35px; } .PicList001748 ol li:last-child{ margin-right:0;} .PicList001748 ol li a{display: block; padding:0 20px;color:#333;border:1px solid #999;} .PicList001748 ol li a:hover, .PicList001748 ol li.aon a{color: #0049f9;border: 1px solid #0049f9;} .PicList001748 .list li{width: 31%;margin-right: 3.5%;float: left;margin-bottom: 3.5%;} .PicList001748 .list li:nth-child(3n){ margin-right:0;} .PicList001748 .list li a{display: block;color:#666;} .PicList001748 .list li img{ display:block; width:100%; margin-bottom:20px;} .PicList001748 .list li h3{ font-size:16px;margin: 0;font-weight: normal;} .PicList001748 .list li a:hover{color:#0049f9;} .PicList001748 .list li b{float: right;font-weight: normal;} @media(max-width:768px){ .PicList001748 .list li{ width:48%;} .PicList001748 .list li:nth-child(4n){ margin-right:2%;} .PicList001748 .list li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList001748 .list li b{ display:none;} } .Map000101{ padding:20px 0;} .Map000101 .map{width: 100%;max-height: 400px;margin-bottom: 3%;overflow: hidden;} .Map000101 .map #allMap{height:450px; width:100%;} .Map000101 .map #allMap img{ max-width:none;} .Map000101 .info{width: 100%;max-height:450px;overflow:auto;} .Map000101 .info li{ line-height:25px;padding:20px; border-bottom:1px #dbdbdb dotted;} .Map000101 .info li p{ margin:0;} .Map000101 .info li h1{margin:0;font-size: 16px;font-weight: normal;color: #333;} .Map000101 .info li.on{background-color: #f6f6f6;} .RighInfo001774{padding: 2% 0 3% 0;} .RighInfo001774 .list_img{float:left;width: 37%;} .RighInfo001774 .big{ border:1px solid #e5e5e5; margin-bottom:20px;} .RighInfo001774 .scroll li{float: left;} .RighInfo001774 .big li figure{padding-bottom: 80%;background-size:contain;} .RighInfo001774 .scroll li img, .RighInfo001774 .big li img{ display:none;} .RighInfo001774 .scroll{ padding:0 30px; position:relative;} .RighInfo001774 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;} .RighInfo001774 .scroll a.prev{ left:0;} .RighInfo001774 .scroll a.next{ right:0;} .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop{ cursor:default;} .RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#ccc;} .RighInfo001774 .scroll li figure{margin:0 auto;padding-bottom: 96%;background-size:contain;max-width:90%;border:1px solid #e5e5e5;} .RighInfo001774 .scroll li.on figure{border-color: #0049f9;} .RighInfo001774 .intro{float:right;width: 58%;} .RighInfo001774 .intro a{display:inline-block;border: 1px solid #ccc;padding:10px 5%;color: #0049f9;transition:0.4s;} .RighInfo001774 .intro a:hover{ background-color:#023984; color:#fff;} .RighInfo001774 .intro h2{margin: 0;padding-bottom: 20px;color: #0049f9;font-size: 20px;} .RighInfo001774 .intro span{font-size: 16px;margin: 0;color: #666;padding-bottom: 20px;display: block;padding: 5% 0;border-bottom: 1px solid #e7e8e8;margin-bottom: 5%;} .RighInfo001774 .intro .span{margin-bottom: 10%;} .RighInfo001774 .tab{ padding:3% 0;} .RighInfo001774 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo001774 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo001774 .tab .h1_tab span.on{background-color: #0049f9;color:#fff;} .RighInfo001774 .tab .info{ padding-top:3%;} .RighInfo001774 .tab .info p{line-height:30px;font-size:15px;} @media(max-width:1000px){ .RighInfo001774 .intro{width:55%; margin-right:0;} } @media(max-width:768px){ .RighInfo001774 .list_img, .RighInfo001774 .intro{float:none;width:auto;margin-bottom: 6%;} .RighInfo001774 .intro h2{font-size: 18px;} .RighInfo001774 .intro span{font-size: 16px;} } .RighInfo002257{padding: 0% 0 2%;} .RighInfo002257 p{ line-height:1.8; } .RighInfo002257 .item{border-bottom:1px dashed #d0d0d0; padding:25px 0; max-width: 462px; margin: 0 auto;} .RighInfo002257 .item .pic .pic-inner,.RighInfo002257 .item .word .word-inner{ display: table-cell; vertical-align: middle;} .RighInfo002257 .item .h1{font-size: 16px;margin: 0;font-weight: normal;color: #0049f9;} .RighInfo002257 .item .con{color:#666;font-size:14px; margin: 10px 0 0;} @media only screen and (max-width: 767px) { .RighInfo002257 .item .word{ padding-bottom: 15px;} } @media only screen and (min-width:768px ) { .RighInfo002257 .item{max-width: none;padding: 2% 0;} .RighInfo002257 .item .pic{ float: left; width: 40%; text-align: left;} .RighInfo002257 .item .word{ float: right; width: 55%;} .RighInfo002257 .item.odd .pic{ float: right;} .RighInfo002257 .item.odd .word{ float: left;} } /* .PicList000729 为demo编号 */ .PicList000729 li{ float:left; width:23.5%; margin-right:2%; text-align:center; padding:2% 0;} .PicList000729 li:nth-child(4n){ margin-right:0;} .PicList000729 li figure{ border:1px solid #d9dbdc; padding:3px;} .PicList000729 li figure em{ display:block; background-repeat:no-repeat; background-position: center center; background-size:cover; padding-bottom:128%;} .PicList000729 li h5, .PicList000729 li p{ margin:0; } .PicList000729 li h5{ font-size:14px; padding:10px 0;} .PicList000729 li span{color: #0049F9;border: 1px solid #0049F9;border-radius: 5px;padding: 0 10px;display: inline-block; line-height:2;} .PicList000729 li p{ color:#666; padding-bottom:10px;} .PicList000729 li a:hover{ color:#0049F9;} .PicList000729 li a:hover span{ color:#fff;background-color:#0049F9;} @media(max-width:640px){ .PicList000729 li{width:32%;} .PicList000729 li:nth-child(4n){ margin-right:2%;} .PicList000729 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList000729 li{width:49%;} .PicList000729 li:nth-child(3n){ margin-right:2%;} .PicList000729 li:nth-child(2n){ margin-right:0;} } /* .Form001725 为demo编号 */ .Form001725{ } .Form001725 .auto{ padding:4%; background:#f8f8f8} .Form001725 .form{ max-width:1000px; width:100%; margin: 0 auto} .Form001725 .form td{ padding-bottom:5px; font-size:14px; } .Form001725 .form td.w1{ width:47%;} .Form001725 .form td.w2{ width:6%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #eee; background: #fff; line-height:36px;height:36px; text-indent:10px; } .Form001725 .form p{ margin:0;color:#0049F9; background:url(../images/Form001725-icon.jpg) no-repeat left center; line-height: 36px;position: relative;} .Form001725 .form p:before{ display: inline-block;content: '';width:6px;height: 6px;border-radius: 1px;background:#0049F9; margin-right: 8px;position: relative;top:-2px;} .Form001725 .form .wu-example p:before{display: none;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#666; color:#fff; cursor:pointer; font-size:16px; width:60%; max-width:130px; height:45px; border-radius:3px; border:none; margin-top:20px;} .Form001725 .form .btn_submit{ background:#0049F9; } .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(../images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} .Form001725 .queueList{ border:1px dashed #ddd; margin:0; padding: 20px;background: #fff; } .Form001725 .placeholder{ padding-top: 40px; } .Form001725 .placeholder p{font-size: 16px; } .Form001725 .placeholder .webuploader-pick{ background: #999; font-size: 16px;} /*PicList002149 */ @media(min-width:769px){ .Form001725 .form p{font-size: 16px;} } @media(max-width:768px){ .Form001725 .search{ position:relative; margin-top:10px; top:auto; width:auto;} } /* .RighInfo002254 为demo编号 */ .RighInfo002254{ padding:3% 0;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #0049f9;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#0049f9; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#0049f9; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#0049f9; color:#fff;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 4%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer; margin-bottom: 2%;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#0049f9; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:768px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} } .RighInfo002254 .tab .info.info_download { padding-top: 0;} .info_download dl {padding: 36px 18px;background-color: #ffffff;border-bottom: 1px solid #d9d9d9;position: relative;transition: all .4s;} .info_download dt { width: 70%;float: left;margin: 0;} .info_download dt a { color:#333; font-size: 18px;} .info_download dd { float: left; color: #999;} .info_download dd.downlpageicon401 {padding: 0;position: absolute;right: 18px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .info_download .downlpageicon401 a {display: block;width: 42px;height: 42px;background-image: url(../images/xzimg401.png);background-repeat: no-repeat;background-position: left top;background-size: 39px;} .info_download dl:hover {background-color: #3e5993;color: #ffffff;} .info_download dl:hover dt a, .info_download dl:hover dd{ color:#fff;} .info_download dl:hover .downlpageicon401 a {background-image: url(../images/xzimg402.png);background-size: 39px;}