.Banner002291 { overflow: hidden;} .Banner002291 span{ display: none;} .Banner002291 img{ max-width: none; width: 155%; margin-left: -27.5%;} @media only screen and (min-width: 768px) { .Banner002291 img{ width: 150%; margin-left: -25%;} } @media only screen and (min-width: 1024px) { .Banner002291 img{ width: 140%; margin-left: -20%;} } @media only screen and (min-width: 1200px) { .Banner002291{ height: 350px;} .Banner002291 img{ display: none;} .Banner002291 span{ display: block; background-position: center; background-repeat: no-repeat; height: 350px; width: 100%;} } /* .Menu002361 为demo编号 */ .Menu002361{ background:#fff; border-bottom: 1px solid #e6e6e6; } .Menu002361 .auto{ position:relative; max-width: 1600px;} .Menu002361 header{ position:absolute; left:-160px; top:0;width:360px; padding:14px 0; padding-left:220px; text-align:left; line-height: 18px;background:#33a1e7; font-size:24px; font-weight:normal; color:#fff; } .Menu002361 header span{ font-size:16px; color:#fff;} .Menu002361 ul{ padding-left:200px; height:66px;} .Menu002361 li{ float:left; width:12%; min-width: 80px; text-align:center; font-size:18px; color:#333; } .Menu002361 li a{ color:#333; display:block; line-height:66px;height:66px; } .Menu002361 li a:hover, .Menu002361 li.aon a{ border-bottom:4px #f8b62b solid; } @media(max-width:767px){ .Menu002361 header{ position:relative; width:100%; left:0; text-align:left; padding-left:65px; color:#fff; background-color:#005bac;} .Menu002361 ul{ padding-left:0;} .Menu002361 li{ width:20%; min-width: 1px;} } @media(max-width:480px){ .Menu002361 header{ padding-left:10px; } .Menu002361 li{ font-size:14px; } } /*PicList002094 */ .PicList002094{ padding:3% 0 0 0;} .PicList002094 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%; position:relative; padding-bottom:40%;box-shadow: 3px 3px 2px #dbdbdb;border: 1px solid #dbdbdb;} .PicList002094 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .PicList002094 li figure, .PicList002094 li div{ position:absolute; left:0; width:100%;} .PicList002094 li figure{ height:52%; transition:top 0.3s; top:0;} .PicList002094 li figure img{ display:none;} .PicList002094 li div{ background-color:#fff; bottom:0; height:48%; padding:0 5%; transition:0.3s;} .PicList002094 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:10px; left:50%; margin-left:-12px;} .PicList002094 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;} .PicList002094 li aside img{ display:block; width:100%; height:100%;} .PicList002094 li aside img.hover{ display:none;} .PicList002094 li h5{ margin:0 0 15px 0; font-size:16px; text-align:center; padding-top:20%;} .PicList002094 li p{ line-height:24px; overflow:hidden; height:72px; margin:0;} .PicList002094 li:hover div{ color:#fff;background:#006cba;} .PicList002094 li:hover figure{top:-3%;} .PicList002094 li:hover div{ bottom:-3%;height:54%;} .PicList002094 li:hover div:before{background:url(piclist002094-more.png) no-repeat;} .PicList002094 li:hover aside{background:#006cba; top:50%;} .PicList002094 li:hover aside img{ display:none;} .PicList002094 li:hover aside img.hover{display:block;} @media(min-width:769px){ .PicList002094 li:nth-child(3n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .PicList002094 li p{ height:48px;} .PicList002094 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .PicList002094 li{ width:48%; margin-right:4%;} .PicList002094 li:nth-child(2n){ margin-right:0;} .PicList002094 li{ padding-bottom:61%;} } @media(max-width:640px){ .PicList002094 ul{ margin:0 auto; max-width:400px;} .PicList002094 li{ float:none; width:auto; padding-bottom:0; height:470px; margin:0 0 5% 0;} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#0079c3; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /* .RighInfo002254 为demo编号 */ .RighInfo002254 .auto_1260{ max-width: 1260px;} @media only screen and (max-width:1260px) { .RighInfo002254 .auto_1260{ padding: 0 2%;} } .RighInfo002254{ padding:30px 0 1%;} .RighInfo002254 .list_img{ float:left; width:45%; 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(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(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 #33a1e7;} .RighInfo002254 .right_info{ float:right; width:50%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info div, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding: 0 0 6% 0; color:#33a1e7; font-size:26px; } .RighInfo002254 .right_info div{ font-size:18px; font-weight:normal;} .RighInfo002254 .right_info p{line-height:30px; color:#e80123; margin-bottom:7%;} .RighInfo002254 .right_info a{ display:inline-block; border:1px solid #fdf3f2; padding:10px 5%; color:#3c89d9; transition:0.4s;} .RighInfo002254 .right_info a:hover{ background-color:#3c89d9; 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 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#33a1e7; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;font-size: 16px;line-height:30px;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(righinfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(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%;} } /*PicList002146 */ .PicList002146{ padding:2% 1%;} .PicList002146 li{ float:left; width:24%; margin:0 0.5% 2%;} .PicList002146 li a{ display:block; position:relative;} .PicList002146 li h3, .PicList002146 li h5{ margin:0; text-align:center; font-size:18px; font-weight:normal;} .PicList002146 li figure{ border:1px solid #efefef;} .PicList002146 li h3{ border:1px solid #e8e8e8; border-top-width:3px; border-top-color:#f4f4f4; padding:2% 15% 2% 2%; line-height:40px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:13%; height:100%; border-left:1px solid #e8e8e8; background:url(piclist002146-more.gif) no-repeat center center;} .PicList002146_2 li h3, .PicList002146_2 li h5{ font-size:15px;} .PicList002146_2 li figure{ background-size:80%;height: 216px;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:#33a1e7; z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover img{ border-radius:50%; width:100px; height:100px;} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{ font-size:14px; line-height:20px; margin:0; max-height:60px; overflow:hidden;} @media(max-width:1366px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:16px;} } @media(max-width:1366px) and (min-width:1001px){ .PicList002146 li .hover img{ width:70px; height:70px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:1000px){ .PicList002146 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover img{ width:50px; height:50px;} .PicList002146 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:14px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:375px){ .PicList002146 li{ float:none; width:auto;} } /* .Floor001055 为demo编号 */ .Floor001055{ font-family:Tahoma, Geneva, sans-serif;padding-top: 40px;} .Floor001055 h1{ margin:0; text-align:center; font-size:36px; color:#535d6a; text-transform:uppercase; padding-bottom:5%;} .Floor001055 ul li{ float:left; width:23.5%; margin-right:2%; padding-bottom:3%; position:relative;} .Floor001055 ul li a{ border-radius: 20px;} .Floor001055 ul li:last-child{ margin-right:0;} .Floor001055 ul li .Ispic{ display:block; padding-bottom:57%;} .Floor001055 ul li h5{ margin:0; font-size:16px; padding-top:10px;} .Floor001055 ul li p{ line-height:24px; overflow:hidden; height:48px;text-align: center;} .Floor001055 ul li::before, /*.Floor001055 ul li::after{ position:absolute; content:''; height:2px; background-color:#d9e0e8; bottom:0; transition:all ease-in-out 0.5s;} .Floor001055 ul li::before{width:100%; right:0; } .Floor001055 ul li::after{ width:0;left:0; background-color:#81c9f1;} */ .Floor001055 ul li:hover::before{ width:0;} .Floor001055 ul li:hover::after{ width:100%;} .Floor001055 .more{ padding-top:3%; text-align:center;} .Floor001055 .more a{ display:inline-block; position:relative;} .Floor001055 .more a::after, .Floor001055 .more a::before{ position:absolute; content:''; z-index:2; left:0; top:0;border:1px solid #a9bac6; width:100%; height:100%; transition:all ease-in-out 0.5s;} .Floor001055 .more a::after{ left:-3px; top:-3px;} .Floor001055 .more a span{display:inline-block; position:relative; z-index:4;line-height:42px; background:url(floor001055-more.png) no-repeat 90% center; padding-left:22px; padding-right:80px; color:#a9bac6; text-transform:uppercase; transition:all ease-in-out 0.5s;} .Floor001055 .more a:hover::after{ background-color:#81c9f1; border-color:#fff;} .Floor001055 .more a:hover::before{ background-color:#81c9f1; border-color:#fff;} .Floor001055 .more a:hover span{ color:#fff; background-image:url(floor001055-more_hover.png);} @media(max-width:768px){ .Floor001055 ul li{ width:49%; margin-bottom:3%;} .Floor001055 ul li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .Floor001055 ul li{ width:auto; float:none;} .Floor001055 h1{font-size:30px;} } /*RighInfo002218*/ .RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%;} .RighInfo002218 .box1{padding:15px 15px 15px 15px;color:#728391;font-size:14px;line-height:30px;background:#f3f3f3;} .RighInfo002218 .box1 .pic{float:right;margin-left:5%;} .RighInfo002218 .box1 .h3{font-size:18px;color:#008cd6;margin:0 0 20px 0; font-weight:normal;} .RighInfo002218 .box1 figure{ padding:3.5% 4%; color:#728391;} .RighInfo002218 .list{ padding-top:5%;} .RighInfo002218 .list li{ display:block; float:left; width:42%;} .RighInfo002218 .list li+li{ padding-left:2%;} .RighInfo002218 .list li:first-child,.RighInfo002218 .list li:last-child{ width:29%;} .RighInfo002218 .list img{ float:left; margin-right:3%; max-width:98px;} .RighInfo002218 .list figure{ padding-top:7%;} .RighInfo002218 .list h2{ font-weight:normal; color:#008cd6; font-size:18px; margin:0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .RighInfo002218 .list p{ margin:10px 0 0; color:#728391;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media(max-width:1000px){ .RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;} .RighInfo002218 .list figure{ padding:3% 0;} .RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;} } /*RighInfo002218 End*/ /* .PicList002451 为demo编号 */ .PicList002451{ overflow: hidden; padding: 20px 0;} .PicList002451 ul{ margin: 0 -5px;} .PicList002451 li{ float: left; width: 50%; padding: 10px 5px 0;} .PicList002451 li .inner{border: 1px solid #ccc; position: relative;} .PicList002451 li .abshref{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; z-index: 5;} .PicList002451 li .pic{ overflow: hidden;} .PicList002451 li .pic img{ visibility: hidden;} .PicList002451 li .pic a{ display: block; background-position: center; background-size: cover; background-repeat: no-repeat;height: 350px; transition: transform .5s ease-in-out; } .PicList002451 li .word{ padding: 10px; background: #008cd6;transition: background-color .5s ease-in-out;} .PicList002451 li .word h2{ margin: 0; font-weight: normal; font-size: 18px; color: #fff; padding-right: 30px; background: url(piclist002451-icon.png) no-repeat right center ;} .PicList002451 li:hover .pic a{ transform: scale(1.05);} .PicList002451 li:hover .word{ background: #38806a;} @media only screen and (min-width: 1024px) { .PicList002451 li{width: 33.3334%;} .PicList002451 li .word{ padding: 25px;} } @media only screen and (min-width: 1200px) { .PicList002451 li{width: 33.3%;} } .PicList002451 .js-load-more{ display: block; text-align: center; padding: 35px 0;} .PicList002451 .js-load-more a{ color: #333; font-size: 16px; position: relative; line-height: 25px; padding-left: 30px;} .PicList002451 .js-load-more a i{background: url(piclist002451-loading.gif) no-repeat; width: 25px; height: 25px; background-size: cover; display: block; position: absolute; left: 0; top: 0;} /*Menu002217*/ .Menu002217{ padding-top:2%;} .Menu002217 h1{font-size:36px; color: #18222a; text-align: left; line-height: 1; margin:0;} .Menu002217 nav{text-align: center; margin-top: 3%;} .Menu002217 nav ul li{text-align: center; padding:0 9px; display:inline-block; *zoom:1; *display:inline;} .Menu002217 nav ul li a{display: block; min-width:140px; height:40px; line-height:40px; font-size: 16px; color: #728391; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:40px; background:#f3f3f3;} .Menu002217 nav ul li.on a,.Menu002217 nav ul li a:hover{color: #fff;background:#008cd6;} @media(max-width:1199px){ .Menu002217 h1{ font-size:35px;} } @media(max-width:1000px){ .Menu002217 h1{ font-size:30px;} .Menu002217 nav ul li a{ min-width:90px; font-size:14px; height:35px; line-height:35px; padding:0 3%;} } @media(max-width:640px){ .Menu002217{ padding:8% 0 6%;} .Menu002217 h1{ font-size:20px;} .Menu002217 nav ul li{ width:100%; margin:0 0 1px; display:block;} .Menu002217 nav ul li a{ border-radius:0;} } /*Menu002217 End*/ /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding-bottom:3%;} .RighInfo002228 .auto{ max-width:1200px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#cccccc; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:16px; line-height:24px; color:#666; padding-top:2%;line-height: 30px;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;color: #33a1e7;} } /* .myRighInfo002228 为demo编号 */ .myRighInfo002228{ padding-bottom:3%;text-align: center;} .myRighInfo002228 .auto{ max-width:1200px;margin:0px auto;} .myRighInfo002228 .single-content{text-justify:inter-ideograph; text-align:center; word-wrap:break-word; overflow:hidden; font-size:16px; line-height:24px; color:#666; padding-top:2%;line-height: 30px;} .myRighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .myRighInfo002228 .single-content .no-textindent{ text-indent:0;} .myRighInfo002228 nav{text-align: center; margin-top: 3%;} .myRighInfo002228 nav ul li{text-align: center; padding:0 1%; display:inline-block; *zoom:1; *display:inline;} .myRighInfo002228 nav ul li a{padding-top:50%;display: block; min-width:70px;max-width: 80px; height:240px; line-height:40px; font-size: 26px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:8px; background:#008CD6;} .myRighInfo002228 nav ul li img{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} @media(max-width:950px){ .myRighInfo002228 .auto{ padding:0 2%;} } @media screen and (max-width:775px){ .myRighInfo002228 nav ul li a{padding-top:50%;display: block; min-width:40px;max-width: 60px; height:240px; line-height:40px; font-size: 18px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:8px; background:#008CD6;} .myRighInfo002228 nav ul li img{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} } /* .myRighInfo002228_1 为demo编号 */ .myRighInfo002228_1{ padding-bottom:3%;text-align: center;padding-top: 1%} .myRighInfo002228_1 .auto{ max-width:1200px;margin:0px auto;} .myRighInfo002228_1 .single-content{text-justify:inter-ideograph; text-align:center; word-wrap:break-word; overflow:hidden; font-size:16px; line-height:24px; color:#666; padding-top:2%;line-height: 30px;} .myRighInfo002228_1 .single-content p{ } .myRighInfo002228_1 .single-content .no-textindent{ text-indent:0;} .myRighInfo002228_1 table{ border-collapse:collapse; width:100%; margin: 0px auto; text-align: left; border-collapse:separate; border-spacing:4px 10px; } .myRighInfo002228_1 table tr.table_2{ } .myRighInfo002228_1 table td { } .myRighInfo002228_1 table td.tb_1{ text-align:center;width: 20%;color:#fff;background-color: #008CD6; } .myRighInfo002228_1 table td.tb_2{ padding:2%;width: 80%;background-color: #fafafa; } /** .myRighInfo002228_1 table tr:nth-child(odd) { background-color:#F5F5F5; }**/ .myRighInfo002228_1 table tr:nth-child(even) { background-color:#fff; } @media(max-width:950px){ .myRighInfo002228_1 .auto{ padding:0 2%;} } @media screen and (min-width:768px){ .myRighInfo002228_1 .single-content p{ padding:15px 0;} } /* .Map004 为demo编号 */ .Map001{ padding-bottom:3%;padding-top: 2%;} .Map001 .map{width:50%; float:left;} .Map001 .map #allmap{ height:400px; width:100%;} .Map001 .map #allmap *{ font-size:12px !important;} .Map001 .info{ float:right; width:50%; background-color:#f9f9f9; min-height:400px;} .Map001 .info div{ padding:35px 60px;} .Map001 p{ line-height:25px; background-position: left 26px; padding:26px 0 26px 60px; font-size:16px; background-repeat:no-repeat; color:#7e7e7e; border-bottom:1px #dbdbdb dotted;margin:0;} .Map001 p.name{ background-image:url(map001-icon_name.gif);} .Map001 p.add{ background-image:url(map001-icon_add.gif);} .Map001 p.tel{ background-image:url(map001-icon_tel.gif);} .Map001 p.fax{ background-image:url(map001-icon_fax.gif);} @media screen and (max-width:768px){ .Map001 .map, .Map001 .info{ float:none; width:100%;} } /* .Form001215 为demo编号 */ .Form001215{ padding:2% 0;} .Form001215 .form{ float:left; width:66%;} .Form001215 .form li{ padding-bottom:2%;} .Form001215 .form .text{ border:1px solid #dae7e6; width:100%; height:39px; line-height:39px; padding:0 10px; border-radius:3px; background:#fff;} .Form001215 .form textarea.text{ height:195px;} .Form001215 .form .btn{ cursor:pointer; border-radius:5px; background:#008CD6; color:#fff; height:37px; padding:0 12%; border:none;} .Form001215 .hotline{ float:right; width:30%; padding:0 0 16% 0; text-shadow:0 1px 0 #fff;} .Form001215 .hotline figure{ width:80%; max-width:400px; font-size:16px;border-top:1px solid #d6e1e0; } .Form001215 .hotline figure b{ display:block; color:#008CD6; font-size:16px;} .Form001215 .hotline dl{ min-height:46px; padding-left:62px; background:url(form001215-call.png) no-repeat left top;} .Form001215 .hotline dd{ font-size:33px; color:#f08200; font-weight:bold;} .Form001215 .hotline dt{ color:#000;} @media(max-width:640px) and (min-width:481){ .Form001215 .hotline{ padding:3% 0 32% 0; background-position:right bottom;} } @media(max-width:640px){ .Form001215 .hotline dd{ font-size:24px;} } @media(max-width:480px){ .Form001215 .form, .Form001215 .hotline{ float:none; width:auto;} .Form001215 .form textarea.text{ height:117px;} } /* .RichInfo005 为demo编号 */ .RichInfo005{ padding-top:2%;padding-bottom:3%;} .RichInfo005 .news_info{max-width: 1200px;margin: 0px auto;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:40px; font-weight:bold;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info img{ max-width: 600px;width:100%;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#008CD6; font-size:14px;} .info_pn{max-width:1200px;width:100%;height:40px;margin:0 auto;padding-top: 2%;padding-bottom: 3%;} .info_pn span{text-align: center;float:left;} .info_pn span.info_pn_left{width:50%;} .info_pn span.info_pn_right{width:50%;} .info_pn span.info_pn_left a{margin-left:25%;display: block; min-width:80px;max-width: 240px; height:40px; line-height:40px; font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:40px; background:#008CD6; padding:0 10px;} .info_pn span.info_pn_right a{margin-left:25%;display: block; min-width:80px;max-width: 240px; height:40px; line-height:40px; font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:40px; background:#008CD6; padding:0 10px;} .info_pn span a{ color:#999;} .info_pn span a:hover{color:#FFA686;} @media(max-width:1240px){ .RichInfo005 .news_info .info{ padding:0 4%;} } @media(max-width:768px){ .info_pn{margin-bottom: 6%;} .info_pn span.info_pn_left a{margin:0 9%;display: block; min-width:80px;max-width: 240px; height:40px; line-height:40px; font-size: 16px; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:40px; background:#008CD6;} .info_pn span.info_pn_right a{margin:0 9%;display: block; min-width:80px;max-width: 240px; height:40px; line-height:40px; font-size: 16px; color: #fff; white-space: nowrap; overflow: hidden; border-radius:40px; background:#008CD6;} } /*PicList002149 */ .PicList002149{ padding-top:2%;} .PicList002149 .auto{ max-width:1200px;} .PicList002149 h3{ margin:0; font-size:18px;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;} .PicList002149 p a{color: #999;} .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{ width:100%; } .PicList002149 ol div{ padding:5% 10% 3% 5%;} .PicList002149 ol h3 a{ color:#008CD6;} .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:#008CD6; 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(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 a{#999} .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;} } /* .Page002193 为demo编号 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #008CD6; background:#008CD6;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#008CD6; border-color:#008CD6;} .Page002193 .p_page b{ font-weight:normal;} /*Top001925*/ .Top001925{border-bottom:1px solid #f2eae5; background:#fff; position:relative; z-index:100; } .Top001925 .auto{ position:relative;} .Top001925 .logo{ float:left;padding-top: 1%;} .Top001925 .logo img{ height:90px; display:block;} .Top001925 nav{padding-top: 4%;float: right;} .Top001925 nav ol{ float:left;width:119px;} .Top001925 nav ol a{display:block; padding-left:46px;color: #fff;line-height:26px; text-align:left;background:url(top001925-qq.jpg) no-repeat left center;} .Top001925 nav li{float:left; padding-bottom:3%; border-bottom:3px solid transparent;} .Top001925 nav li:before{ display:inline-block; content:''; width:1px; border-right:1px dashed #ccc; height:14px; vertical-align:middle;} .Top001925 nav li#m1:before{ display:none;} .Top001925 nav li > a{ padding:0 32px; line-height:26px;font-size:16px; color:#444; } .Top001925 nav li >span{ display:none;} .Top001925 nav li:hover, .Top001925 nav li.aon{ border-bottom-color:#33a1e7;} .Top001925 nav li .subnav{ position:absolute; width:18%; background-color:#fff; top:100%; z-index:100;border-top:1px solid #f2eae5; padding:2% 0; display:none;} .Top001925 .subnav .col{ float:left; width:40%;} .Top001925 .subnav .col dt{ line-height:40px; color:#666;} .Top001925 .subnav .col dt a{ display:block; background:url(top001925-sub_a.png) no-repeat right center; font-size:16px; text-align: center; } .Top001925 .subnav .col dt.on a{ color:#33a1e7; background-image:url(top001925-sub_a_hover.png);} .Top001925 .subnav .txt{ float:right; width:55%; margin-right:2%;} .Top001925 .subnav .txt dd{ display:none; overflow:hidden;} .Top001925 .subnav .txt figure{ float:left; width:41%;} .Top001925 .subnav .txt figure img{ display:block; width:100%;} .Top001925 .subnav .txt figcaption{ float:right; width:100%; margin:0 auto;} .Top001925 .subnav .txt figcaption p{ margin:0; font-size:16px; line-height:40px;} .Top001925 .subnav .txt figcaption p a{color:#33a1e7;} @media(max-width:1100px){ .Top001925 nav li > a{ padding:0 20px;} } @media(max-width:1000px){ .Top001925 .logo{/* float:none; padding:2% 50% 2% 0;*/} .Top001925 .logo img{ /*height:auto;*/} .Top001925 nav{ position:fixed; left:0; top:0; padding-top:0; width:100%;height:100%; z-index:100; background-color:rgba(0,0,0,0.5);opacity:0; transform:translateX(100%); transition:0.4s;max-height:100%;overflow:auto; padding-top:53px;} .Top001925 nav.navOut{ opacity:1; transform:translateX(0);} .Top001925 nav ul{background-color:#fdf9f6;border-right:1px solid #f2eae5;box-shadow:0 3px 3px #ccc;width:260px; padding-bottom:5%;} .Top001925 nav ol, .Top001925 nav li{ float:none;} .Top001925 nav li{ padding:3% 0;} .Top001925 nav li:before{ display:none;} .Top001925 nav li:nth-child(2n){ background-color:rgba(254, 187, 18, 0.1);} .Top001925 nav li.has_sub >span, .Top001925 nav li > a{ padding:5%;font-weight:bold; color:#33a1e7; font-size:16px; display:block; } .Top001925 nav li.has_sub >span{position:relative;} .Top001925 nav li.has_sub >span:before{ position:absolute; right:5%; top:50%; margin-top:-3px;content:''; width:0; height:0; border:6px solid transparent; border-top-color:#33a1e7;} .Top001925 nav li.has_sub > a{ display:none;} .Top001925 nav li:hover{ border-bottom-color:transparent;} .Top001925 nav ol{ float:none; margin:0 auto; margin-top:5%;} .Top001925 nav li .subnav{ position:relative; top:auto; } .Top001925 nav li .subnav .auto{ padding:0;} .Top001925 .subnav .col{ float:none; width:auto; padding:0 3%;} .Top001925 .subnav .col dt a{ font-size:14px;} .Top001925 .subnav .txt{ display:none;} .Top001925 .close_menu{ position:fixed; left:0; top:0; width:100%; padding:2% 2% 2% 0; text-align:center;background-color:#fdf9f6; overflow:hidden;} .Top001925 .close_menu span{ float:right;width:40px; height:40px; background-color:#33a1e7; border-radius:5px; position:relative;} .Top001925 .close_menu span:before, .Top001925 .close_menu span:after{ position:absolute; content:''; width:70%; height:3px; background-color:#fff; left:15%; top:50%; margin-top:-1.5px; transform:rotate(45deg);} .Top001925 .close_menu span:after{ transform:rotate(-45deg);} .Top001925 .mobile_menu{ position:absolute; right:2%; top:25%; width:40px; height:50%; background-color:#33a1e7; border-radius:5px 0 5px 0;} .Top001925 .mobile_menu:before, .Top001925 .mobile_menu:after{ position:absolute; content:''; background-color:#fff; } .Top001925 .mobile_menu:before{ left:0; width:100%;height:3px; top:50%; margin-top:-1.5px;} .Top001925 .mobile_menu:after{ top:0; height:100%; width:3px; left:50%; margin-left:-1.3px;} } @media(min-width:1000px){ .Top001925 nav li:hover .subnav{ display:block;} } .Top001925 .toptel{border: none;position: absolute;top:10px;right:30px;font-size: 16px;font-weight: bold;} .Top001925 .toptel a{ color: #34a4ec;} .Top001925 .toptel img{ padding-right: 6px;} @media(max-width:1000px){ .Top001925 .toptel{ top:3px; right:100px;} .Top001925 .mobile_menu{ top:40%;} } @media(max-width:640px){ .Top001925 .logo{ padding:2% 0;margin-top: 3%;} .Top001925 .logo img{ height:65px;} .Top001925 .toptel{ right:2%; font-size:14px;} .Top001925 .toptel img{ width:20px; padding-right:0;} .Top001925 nav li .subnav { width:100%;left:0; } } /* * 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.5%;position: relative;} .Banner002465 .owl-dots>div span{ display:block; width: 12px; height: 12px; border-radius:50%; 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(banner002465-btns.png) no-repeat; width: 50px; height: 50px; cursor: pointer;} .Banner002465 .owl-nav .owl-prev{ left: 5%; background-position: 0 0;} .Banner002465 .owl-nav .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;} } /* * 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%; } /* .Floor002428 为demo编号 */ .bg{ background-color:#f8f8f8; padding-bottom: 5%;} .Floor002428{ padding: 35px 0 0 0; overflow: hidden; max-width: 1400px; margin: 0 auto; } .Floor002428 li{ position: relative; overflow: hidden; background:#fff;float:left;width:18.4%;margin-right:2%;margin-bottom:2%;} .Floor002428 li:nth-child(5n){ margin-right:0} .Floor002428 li a{ display: block; width: 100%; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; background-size:100% auto; } .Floor002428 li .word{bottom: 20px;text-align: center;padding-top:20px; width: 100%; padding: 0 20px; color: #fff;line-height: 50px;background: #0b6ee9;} .Floor002428 li .word a { color:#fff; } .Floor002428 li.white .word{color: ##4d4d4d;} .Floor002428 li .word h2{ margin: 0 0 10px; font-weight: normal; font-size: 17px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bolder;} .Floor002428 li .word p{margin: 0; font-size: 14px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .Floor002428 li:hover a{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) -ms-transform: scale(1.1);;} .Floor002428 .owl-nav >div{ position: absolute; top: 40%; margin-top: -53px; width: 50px; height: 106px; background: url(floor002428-btn.png); text-indent: 99999px; overflow: hidden;} .Floor002428 .owl-nav .owl-prev{ left: 0; background-position: left 0;} .Floor002428 .owl-nav .owl-next{ right: 0; background-position: right 0;} .Floor002428 .owl-dots{ display: block; width: 100%; margin-top: 3%; text-align: center;} .Floor002428 .owl-dots>div{ display: inline-block; margin:0 5px;} .Floor002428 .owl-dots>div >span{ display: block; width: 14px; height: 14px; border-radius: 50%; background: #999999;} .Floor002428 .owl-dots>div.active >span{ background: #33a1e7;} @media(max-width:1000px){ .Floor002428{padding: 35px 2%} .Floor002428 .owl-carousel{ display: block; } .Floor002428{ height: auto; overflow: hidden; } .Floor002428 li{ width: 49%; margin-right: 2% ; float: left; margin-bottom: 2%} .Floor002428 li:nth-child(2n){ margin-right: 0 } .Floor002428 li a{ padding-bottom:20%; /*border: 1px solid #eee;*/ } .Floor002428 li .word { bottom:40px; } } /* .Floor001732 为demo编号 */ .tit div{ font-size:36px; font-weight:bold; color:#009dff; margin:0 auto; } .tit p{ display:block; font-size:18px; font-weight:normal; font-family:Arial; color:#c3c2c1; text-transform:uppercase;} .Floor001732{ background:#f8f8f8;text-align:center; padding:5% 0 0 0;} .Floor001732 h2,.Floor001732 h1{ font-size:36px; font-weight:bold; color:#362a03; margin:0; padding-bottom:2.5%;} .Floor001732 h2 strong,.Floor001732 h1 strong{ color:#009dff;} .Floor001732 span{ display:block; font-size:18px; font-weight:normal; font-family:Arial; color:#c3c2c1; text-transform:uppercase; } .Floor001732 figure{color:#666563; line-height:28px;font-size: 15px;} .Floor001732 dd{ float:left; width:32%; margin-right:2%;} .Floor001732 dd:last-child{ margin-right:0;} .Floor001732 dd img{ display:block; width:100%;} .Floor001732 ul{ margin:0 auto;margin-top:3%; max-width:528px;} .Floor001732 li{ float:left; width:25%;} .Floor001732 li div{ display:block; font-size:16px; padding:65px 0 20px 0; border-radius:5px; background:url(floor001732-icon1.png) no-repeat center 15px; color:#333; cursor:default;} .Floor001732 li.li_2 div{ background-image:url(floor001732-icon2.png);} .Floor001732 li.li_3 div{ background-image:url(floor001732-icon3.png);} .Floor001732 li.li_4 div{ background-image:url(floor001732-icon4.png);} @media(max-width:1000px){ .bg{ background-color:#fff; padding-bottom: 0;} .Floor001732 { background-color:#fff; } .Floor001732 figure{ display: none; } } @media(max-width:640px){ .Floor001732 h1{ font-size:24px;} .Floor001732 b{font-size:14px;} } @media(max-width:375px){ .Floor001732 dd{ float:none; width:auto; margin-right:0; margin-bottom:2%;} .Floor001732 li div{font-size:14px; background-size:auto 30px; padding-top:50px;} } /*Floor001837 */ .Floor001837{ padding:3% 0; max-width: 1400px; margin: 0 auto;} .Floor001837 .title{ text-align:center; padding-bottom:3%;} .Floor001837 .title span{ font-size:12px; letter-spacing:5px;color:#c94645;} .Floor001837 .title h1{ margin:0; font-size:42px; padding:10px 0; font-weight:normal; color:#000;} .Floor001837 .tit div{ font-size:36px; font-weight:bold; color:#009dff; margin:0 auto; } .Floor001837.tit p{ display:block; font-size:18px; font-weight:normal; font-family:Arial; color:#c3c2c1; text-transform:uppercase;} @media(max-width:640px){ .Floor001837 .title h1{ font-size:30px;} .Floor001837 .title h1:after{ height:5px;} } .Floor001837 li{ float:left; width:33.333333333%; text-align:center;} .Floor001837 li figure{ padding-bottom:66%;} .Floor001837 li figure img{ display:none;} .Floor001837 li div{ padding:5%; transition:0.3s;} .Floor001837 li a{ display:block;} .Floor001837 li p{ margin:3% 0 0 0;font-size: 18px;} .Floor001837 li span{ letter-spacing:2px; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica; color:#a1a1b2;} .Floor001837 li a:hover div{ background-color:#33a1e7; color:#fff;} .Floor001837 li a:hover span{ color:#fff;} @media(max-width:1000px){ .Floor001837{ padding: 3% 2%} } @media(max-width:640px){ .Floor001837 li{ width:100%;} } /* .Floor001253 为demo编号 */ .Floor001253{ background-color:#f2f2f2; padding:4% 0 3% 0;} .Floor001253 .title{ text-align:center; color:#fff; font-size:24px;} .Floor001253 .title h1{ margin:0; line-height:43px; font-size:50px; text-transform:uppercase;} .Floor001253 .tab{ text-align:center; padding:2% 0 0 0;} .Floor001253 .tab span{color:#99999; font-size: 16px;color: ##7a8692; line-height:30px; display:inline-block; padding:0 3%; border:#c8cfd5 2px solid; border-radius:24px; margin:0 2%; cursor:pointer;} .Floor001253 .tab span.on{ background-color:#33a1e7; color:#fff; border: none;} .Floor001253 .map .map_list:nth-child(2){ max-width:1000px;} .Floor001253 .map_list{ max-width:769px; margin:0 auto; width:100%; position:relative;} .Floor001253 .map_list dl{ position:absolute;} .Floor001253 .map_list dl dt{ background:url(floor001253-icon.png) no-repeat right center; padding-right:15px; line-height:22px;} .Floor001253 .map_list dl dt.star{ padding-left:15px; padding-right:0; background-image:url(floor001253-star.png) !important; background-position:left center;} .Floor001253 .map_list dd{ display:none; left:-50px; bottom:31px; position:absolute; background-color:#00a0e9; color:#fff; padding:10px; width:280px; z-index:10;} .Floor001253 .map_list dd h5{ margin:0; font-weight:normal; font-size:16px;} .Floor001253 .map_list dd p{ margin:5px 0 0 0; font-size:12px;} .Floor001253 .map_list dl:hover{ z-index:3;} .Floor001253 .map_list dl:hover dt{ background-image:url(floor001253-icon_hover.png);} .Floor001253 .map_list dl:hover dt::before{ position:absolute; content:''; width:0; height:0; border:10px solid #00a0e9; border-left-color:transparent;border-right-color:transparent; border-bottom:0; right:-3px; top:-10px;} .Floor001253 .map_list dl dt.star::before{ right:auto; left:0;} .Floor001253 .map_list dl:hover dd{ display:block;} @media(max-width:640px){ .Floor001253 .map{ padding:0 5%;} .Floor001253 .map .map_list:nth-child(1){ overflow:auto; max-height:300px;} .Floor001253 .map_list dl{ position:static; color:#fff;} .Floor001253 .map_list dl dt.star, .Floor001253 .map_list dl dt{ padding:0 !important; background:none !important;} .Floor001253 .map_list dl dt{ line-height:30px;} .Floor001253 .map_list dd{ position:static; display:block; width:auto; background-color:rgba(0, 160, 233, 0.56);} .Floor001253 .map_list dl:hover dt::before{ display:none;} .Floor001253 .title h1, .Floor002122 .title h1, .Floor000649 .title h1{ font-size:30px;} } @media(max-width:375px){ .Floor001253 .title{ font-size:18px;} .Floor001253 .title h1{ font-size:24px;} } /*Floor002122 */ .Floor002122{ background: url(floor002122-bg.png) no-repeat center bottom ; padding-top:3%; padding-bottom:5%;} .Floor002122 .title{ text-align:center; padding:0 0 12% 0;} .Floor002122 .title span{ display:block; color:#000; font-size:40px;padding-bottom:10px;} .Floor002122 .intro{ position:relative;} .Floor002122 .intro .Ispic{ position:absolute; top:0; width:29%; left:35.5%; height:100%; background-size:contain;} .Floor002122 .intro .Ispic img{ display:none;} .Floor002122 li{ float:left; width:32%; float:left; margin:1% 36% 1% 0;text-align:right; } .Floor002122 li:nth-child(2n){ margin-right:0;text-align:left;} .Floor002122 li div{position:relative; padding-right:100px; padding-top:17px; padding-bottom:17px;} .Floor002122 li:nth-child(2n) div{ padding-right:0; padding-left:100px;} .Floor002122 li aside{ position:absolute; right:0; top:50%; transform:translateY(-50%); border:1px solid #f0f0f0; background:#fff; border-radius:50%;} .Floor002122 li aside img{ width:60px; height:60px; margin:15px;} .Floor002122 li:nth-child(2n) aside{ right:auto; left:0;} .Floor002122 li span{ font-size:20px; margin:0; color:#333; font-weight:normal;} .Floor002122 li p{ color:#919191; line-height:20px; height:40px; margin-bottom:0; overflow:hidden;} @media(max-width:1000px){ .Floor002122 .title{font-size:16px; } .Floor002122 .title span{font-size:30px;} .Floor002122 li div{padding-right:70px;} .Floor002122 li:nth-child(2n) div{padding-left:70px;} .Floor002122 li aside img{ width:40px; height:40px; margin:10px;} .Floor002122 li span{font-size:16px;} .Floor002122 li p{ margin:0;} } @media(max-width:640px){ .Floor002122{ background-image:none;} .Floor002122 .intro .Ispic{ position:relative; left:auto; width:auto; height:auto; padding-bottom:90%;} .Floor002122 li{ width:49%; margin-right:2%;} } @media(max-width:480px){ .Floor002122 .title span{font-size:24px;} .Floor002122 .title{font-size:14px; } .Floor002122 li p{font-size:12px; } } @media(max-width:375px){ .Floor002122 li div{padding-right:50px;} .Floor002122 li:nth-child(2n) div{padding-left:50px;} .Floor002122 li aside img{ width:30px; height:30px; margin:5px;} } /* .Floor000649 为demo编号 */ .Floor000649{padding:3% 0; background:url(floor000649-bg.png) repeat left top;} .Floor000649 .auto{ overflow:hidden;max-width: 1400px;} .Floor000649 .title{ text-align:center; color:#1676b0; font-size: 36px;} .Floor000649 .title span{display:block; position:relative; font-family:"Times New Roman"; line-height:35px; font-size:20px;color:#4d5965;} .Floor000649 .title span::before{ position:absolute; content:''; width:61px; height:2px; background-color:#1676b0; position:absolute; bottom:0; left:50%; margin-left:-30px;} .Floor000649 .tab{ max-width:480px; margin:0 auto;padding:20px 0 40px; overflow:hidden; } .Floor000649 .tab span{ float:left; width:48%; text-align:center; border: #c8cfd5 2px solid;border-radius: 20px;font-size: 16px;color: #7a8692;line-height: 30px;cursor: pointer; margin-right:2%;} .Floor000649 .tab span:last-child{ margin-right:0;} .Floor000649 .tab span:hover, .Floor000649 .tab span.on{ background-color:#33a1e7; border-color:#33a1e7; color:#fff;} .Floor000649 .tab_list .list{ float:left; width:47%; position:relative; z-index:1; margin-left: 6%;;} .Floor000649 .tab_list .list li{ } .Floor000649 .tab_list .list li .pic{ background-size:contain; background-repeat:no-repeat; display:block;} .Floor000649 .tab_list .list li .pic img { height:400px;width:100%; } .Floor000649 .tab_list .list li div{ position:relative;padding-left:107px; padding-top:20px;min-height:102px;} .Floor000649 .tab_list .list li time{position:absolute; left:0; top:20px; width:85px; color:#fff;background-color: #0f699e;text-align: center;border-radius: 5px; font-family:"Times New Roman"; line-height:25px;} .Floor000649 .tab_list .list li time span{display: block;font-size: 48px;height: 56px;line-height: 56px;background-color: #33a1e7;border-radius: 5px 5px 0 0;} .Floor000649 .tab_list .list li a, .Floor000649 .tab_list .list li p{ margin:0;} .Floor000649 .tab_list .list li a{ font-size:16px; padding-bottom:10px;font-weight: 600; } .Floor000649 .tab_list .list li p{ color:#8c99a5; line-height:24px; height:48px; overflow:hidden; width: 81%;} .Floor000649 .hd{ padding:10px 0;} .Floor000649 .hd li{ display:inline-block; background-color:#7a8692; width:12px; height:12px; border-radius:50%; cursor:pointer; overflow:hidden; line-height:1000px; display:inline-block; margin-right:5px;} .Floor000649 .hd li.on{ background-color:#33a1e7;} .Floor000649 dl{ float:right; width:47%;padding-left: 1%;} .Floor000649 dl dt{ border-bottom:#e5e5e5 1px solid; padding-bottom:15px; margin-bottom:15px; padding-left:90px; min-height:85px; position:relative;} .Floor000649 dl dt:last-child{ margin-bottom:0;} .Floor000649 dl dt time{ position:absolute; left:0; top:0; width:68px; color:#fff;background-color: #677481;text-align: center;border-radius: 5px; font-family:"Times New Roman"; line-height:25px;} .Floor000649 dl dt time span{display: block;font-size: 36px;height: 40px;line-height: 40px;background-color: #778593;border-radius: 5px 5px 0 0;} .Floor000649 dl dt a, .Floor000649 dl dt p{ margin:0;} .Floor000649 dl dt a{ font-size:14px;font-weight: 600; } .Floor000649 dl dt p{ color:#8c99a5; line-height:20px; overflow:hidden; height:40px;} .Floor000649 .more{ text-align:center; padding:2% 0;} .Floor000649 .more a{ display:inline-block; line-height:34px; color:#fff;background-color:#33a1e7; border-radius:30px; width:147px; text-align:center; border:4px solid #fff; position:relative; transition:all ease-in-out 0.3s;} .Floor000649 .more a::before{ position:absolute; content:''; left:-5px; top:-4px; width:149px; height:42px;border:1px solid #33a1e7;border-radius:30px;transition:all ease-in-out 0.3s;} .Floor000649 .more a:hover{ background-color:#fff; color:#33a1e7; border-color:#33a1e7;} .Floor000649 .more a:hover::before{ border-color:#fff;} @media(max-width:1000px){ .Floor000649{padding-bottom: 16%} .Floor000649 .tab{ display: none; } .Floor000649 .tab_list .list, .Floor000649 .tab_list dl{ float:none; width:100%; margin-left:0;} .Floor000649 .tab_list dl{ display: none} .Floor000649 .tab_list .list li .pic{ background-size:100% auto;} } @media(max-width:480px){ .Floor000649 .title{ font-size:20px; line-height:40px;} .Floor000649 .title span{ font-size:16px;} } /* .Bottom002440 为demo编号 */ .Bottom002440{ background: #004b64; color: #799098;} @media only screen and (min-width:1200px ) { .Bottom002440{ padding-left: 30px; padding-right: 30px;} } @media only screen and (min-width:1600px ) { .Bottom002440{ padding-left: 50px; padding-right: 50px;} } .Bottom002440 a{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .Bottom002440>.auto{ padding: 3% 0;} .Bottom002440 .nav .dl dt{ padding-bottom:15px;} .Bottom002440 .nav .dl dt span{ color:#ccdfe6; font-size:18px; line-height:24px;} .Bottom002440 .nav .dl dd{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;float:left;padding-right: 10px;} .Bottom002440 .nav .dl dd a{ display:block; line-height:24px; color: #799098;} .Bottom002440 .nav .dl dd a:hover{ color: #fff;} .Bottom002440 .nav .dl dd a:hover:before{ background: #fff;} @media only screen and (min-width:768px ) { .Bottom002440 .nav{ float:left; width: 100%;} .Bottom002440 .nav .dl{ float:left; min-height: 200px; padding: 15px 2% 15px 0;} } @media only screen and (max-width:767px ) { .Bottom002440 .nav .dl{border-bottom: 1px solid #1a5d74;} .Bottom002440 .nav .dl dt{ position: relative; margin-bottom: 0; padding:5px 0;} .Bottom002440 .nav .dl dt span a{ display:block; padding:8px 0;} .Bottom002440 .nav .dl dt:after{ position: absolute; content: ""; display: block; background: url(bottom002440-bottom_arrow.png) no-repeat right top; width: 11px; right: 3%; height: 20px; top: 50%; margin-top: -10px; transition: transform .5s ease-in;} .Bottom002440 .nav .dl dt.on:after{ transform: rotate(90deg);} .Bottom002440 .nav .dl .two{ display: none;background-color: #034257; padding: 15px;} } @media only screen and (min-width:768px ) { .Bottom002440 .info{ float:right; width: 15%; text-align: right;} } @media only screen and (max-width:767px ) { .Bottom002440 .info{ padding: 3% 0;} .Bottom002440 .info>*{ text-align: center !important;} } .Bottom002440 .weixinbox{ margin: 10px 0 10px auto;} .Bottom002440 .weixinbox dd{ display: inline-block; width: 48%; max-width: 100px; margin-left: 10px;} .Bottom002440 .weixinbox dd span{ display: block; text-align: center; padding-top: 5px;} @media only screen and (max-width:767px ) { .Bottom002440 .info .weixinbox{ margin: 10px auto;} } .Bottom002440 .share{ padding: 10% 0 5%;} .Bottom002440 .share >*{ display: inline-block;} .Bottom002440 .share a{ width:35px; height:35px; border-radius: 50%; background: #014258; text-align: center; line-height: 35px; color: #8e8e8e; font-size: 24px; margin-left: 5px; position: relative; float:none; margin:0 0 0 5px;} .Bottom002440 .share a:before{ content: ""; position: absolute; top: 50%; margin-top: -10px; left: 50%; margin-left: -12px;width: 25px; height: 20px; background: url(bottom002440-share_icon.png) no-repeat;} .Bottom002440 .share a.weixin:before{ background-position: 0 0;} .Bottom002440 .share a.sina:before{ background-position: right 0; margin-left: -14px;} .Bottom002440 .share a:hover{ background: #012734;} .bd_weixin_popup{ width:260px !important; height:335px !important;} @media only screen and (max-width:767px ) { .Bottom002440 .share{ padding: 20px 0 0;} } .Bottom002440 footer{ line-height:24px; position: relative; border-top: 1px solid #034257; padding: 20px 0; } @media only screen and (max-width:767px ) { .Bottom002440 footer{ text-align: center;} } .Bottom002440 .foot_copy a{ color: #799098;} .Bottom002440 .foot_copy a:hover{ color: #fff;} .Bottom002440 footer .links a{ display:inline-block; position: relative;} .Bottom002440 footer .links a+a{ margin-left: 20px;} .Bottom002440 footer .links a+a:before{ content: ""; left: -10px; position: absolute; height: 50%; top: 25%; width: 1px; display: block; background: #1a5d74; } .Bottom002440 footer .links a{margin-left: 20px;} .Bottom002440 footer .links a:before{ content: ""; left: -10px; position: absolute; height: 50%; top: 25%; width: 1px; display: block; background: #1a5d74; } .Bottom002440 footer .links a:first-child:before{background:none;} @media only screen and (min-width:768px ) { .Bottom002440 footer .links{ float: left;} .Bottom002440 footer .copyright{ margin: 0;} } @media only screen and (min-width:768px ) { .Bottom002440 footer .copyright{ float: right;} } .gettop{ display: none; width: 50px; height: 50px;background: url(top.png); position: fixed; right: 0px; bottom: 70px;z-index: 100 } @media(max-width:1000px){ .gettop{ display:block; } } .phone_footer{display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 100} .phone_footer li{ position: relative;} .phone_footer li a{display: block; width: 50%; float: left; font-size:16px; line-height: 50px; background: #33a1e7; color: #fff; text-align: center; } .phone_footer li:nth-child(2) a{ background: #f4bc67; } .phone_footer li .weixinbox{ position: absolute; bottom: 100%; left: 25%; margin-left: -66px; width: 132px; height: 132px; padding: 15px 20px; border: 1px solid #333;background: #111; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;-moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); display: none;} .wap_empty{ width:100%; height:50px; display:none;} @media(max-width:1000px){ .phone_footer, .wap_empty{ display:block; } } .BMap_Marker>div img{ max-width:none;} .Map001 #allmap *{ box-sizing:content-box; -webkit-box-sizing:content-box;} /*友情链接*/ .mylink{ padding:5% 0 0;} .mylink .ul li{ width:23%; margin:0 1% 2%; float:left;} .mylink .ul li figure{ width:100%; height:0; padding-bottom:50%; overflow:hidden; position:relative;} .mylink .ul li figure img{ position:absolute; top:0; left:0; width:100%;} .mylink .ul li .p{ text-align:center;} @media only screen and (max-width:640px ) { .mylink .ul li{ width:46%; margin:0 2% 2%;} .mylink .ul li{ width: 48%; margin: 2% 1% 2% 1%;} .mylink .ul li:nth-child(3n){ margin-right:1%;} } /*友情链接*/ /* .PicList001234 为demo编号 */ .PicList001234{ margin:0 auto; padding-top:2%;} .PicList001234 li{ float:left; width:31.5%; margin-right:2.75%; margin-bottom:2.75%;} .PicList001234 li:nth-child(3n){ margin-right:0;} .PicList001234 li div{ padding:5% 0 3% 0;} .PicList001234 li:hover div{ background-color:#009dff; color:#FFF;} .PicList001234 li h2{ font-size:18px; margin:0; text-align:center; font-weight:normal;} .PicList001234 li p{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-bottom:0; text-align:center;} .PicList001234 li figure{ position:relative;} .PicList001234 li figure img{ display:block; width:100%;} .PicList001234 li figure i{ width:40px; height:40px; border-radius:50%; border:3px solid #1657bb; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; background-color:rgba(255,255,255,0.7);} .PicList001234 li figure i::before{ position:absolute; content:''; width:0; height:0; border:6px solid #1657bb; border-top-color:transparent; border-bottom-color:transparent; border-right:0; left:50%; top:50%; margin-top:-5px; margin-left:-3px;} @media(max-width:480px){ .PicList001234 li{ width:auto; margin-right:0; float:none;} } /* .RighInfo002450 为demo编号 */ .RighInfo002450{ padding: 2% 0 4% 0;} .RighInfo002450 .auto{ position: relative; margin:0 auto;} .RighInfo002450 .wrap-container { text-align:center; } .RighInfo002450 .wrap-container .tit{ color: #1a1002; font-size: 24px; margin: 0 0 1%; font-weight: normal;} .RighInfo002450 span{ margin-right: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 .img{ margin: 0 auto; display: block;} .RighInfo002450 .wrap-container .word{ color: #1a1002; font-size: 14px; line-height: 24px; margin-top: 3%;} @media only screen and (min-width:767px ) { .RighInfo002450 .wrap-container .word{ margin-top: 0;} } .info_pn span{ margin:0;} .Top001925 .mobile_menu{ width:40px; height:36px; display:none;} .Top001925 .mobile_menu:before, .Top001925 .mobile_menu:after{ display:none;} .Top001925 .mobile_menu span:before, .Top001925 .mobile_menu span:after, .Top001925 .mobile_menu span{ display:block; height:3px; background:#fff; position:absolute;} .Top001925 .mobile_menu span:before, .Top001925 .mobile_menu span:after{ content:''; width:100%; left:0;} .Top001925 .mobile_menu span{ top: 50%; width: 70%; left: 15%; margin-top:-1.5px;} .Top001925 .mobile_menu span:before{ top:-8px;} .Top001925 .mobile_menu span:after{ bottom:-8px;} @media only screen and (max-width:1000px ) { .Top001925 .mobile_menu{ display:block;} } /*右侧悬浮框*/ .dock { height: 270px; position: fixed; right: 0px; top: 50%; margin-top: -135px; width: 50px; -moz-opacity: 0.7; opacity: 0.7; z-index: 200; font-size: 14px; } .dock.close { z-index: 50; } .dock ul.icons { position: absolute; list-style: none; right: 0px; padding: 0px; width: 50px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .dock.close ul.icons { right: -70px; } .dock ul.icons li i { display: block; position: relative; width: 50px; height: 50px; background: url(icons.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210; } .dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4; } .dock ul.icons li.tel i { background-position: -62px -108px; } .dock ul.icons li.im i { background-position: -63px -20px; } .dock ul.icons li.wechat i { background-position: -59px -66px; } .dock ul.icons li p { display: block; position: absolute; top: 0; right: -260px; padding: 15px 20px; margin:0; height: 150px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201; } .dock ul.icons li.active p { right: 50px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); } .dock ul.icons li.tel p { width: 140px; } .dock ul.icons li.im p { width: 155px; } .dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #03b8cd; font-size: 16px; text-align: center; text-decoration: none; border: 1px solid #03b8cd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .dock ul.icons li.im p a img{margin-top: 6px;} .dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773; } .dock ul.icons li.wechat p { width: 158px; } .dock ul.icons li.wechat p img { width: 115px; border: 2px solid White; } .dock a.switch {position: absolute;display: block;top: 270px;right: 11px;width: 26px;height: 26px;background: url(icons.png) no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;} .dock a.switch.off {background-position: -32px -640px;} /*右侧悬浮框*/ @media (max-width: 1000px) { .dock { display: none; } } .PicList002239{ padding-top:55px;} .PicList002239 li{ margin-bottom: 20px; text-align: center; cursor: pointer; float: left; width: 100%;} .PicList002239 li .li1{ float: left;padding: 15.5px 0; font-size: 16px; color: #666; width: 100%; text-align: center} .PicList002239 li img{ width: 100%; } .PicList002239 .open_info{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .PicList002239 .info_area{ position:absolute; width:90%; max-width:1200px; left:50%; transform:translate(-50%,-50%); top:50%; background:#fff; padding:5%;} .PicList002239 .info_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;} .PicList002239 .info_area .close::before, .PicList002239 .info_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#c53b19; top:15px; left:3px;} .PicList002239 .info_area .close::before{ transform:rotate(45deg);} .PicList002239 .info_area .close::after{ transform:rotate(-45deg);} .PicList002239 .info_area .pic{width:100%; height:auto; overflow:hidden; top:0; left:0; text-align:center;} .PicList002239 .info_area .txt{ overflow:auto; padding-top:15px; text-align:center;} @media (min-width: 640px) { .PicList002239 li{ float: left; width: 48%; margin-right: 2%; } } @media (min-width: 1024px) { .PicList002239 li{ width: 31%; margin-right: 3.5%; } .PicList002239 li:nth-child(3n){ margin-right: 0; } } .homemore{ padding:0 0 35px; text-align:center; display:none;} .homemore a{ display: inline-block;line-height: 34px;color: #fff;background-color: #33a1e7;border-radius: 30px;width: 147px;text-align: center;border: 4px solid #fff;position: relative;transition: all ease-in-out 0.3s;} .homemore a::before{position: absolute;content: '';left: -5px;top: -4px;width: 149px;height: 42px;border: 1px solid #33a1e7;border-radius: 30px;transition: all ease-in-out 0.3s;} @media (max-width: 640px) { .homemore{ display:block;} } @media screen and (max-width: 400px) { .foot_js,.foot_pro,.foot_contact { width:100%!important; } } @media screen and (max-width: 1440px) { .Top001925 nav li > a { padding:0 16px; } } @media screen and (max-width: 1024px) { .Top001925 nav li > a { padding:0 8px; } .PicList002146_2 li figure { height:338px; } } .tel_img { margin-left:5px; } .logo h1,.logo h2 { margin:0!important;} .logo a { background: url(logo.png) no-repeat;width: 321px;height: 90px;display: block;text-indent: -999px; } .ind_about_a a:hover {text-decoration: underline; } .foot_js { width:33.3%; } .foot_pro { width:41%; } .foot_contact { width:25%; } .foot_contact p { margin:0;padding:0;line-height: 22px; } .link a { margin-right:5px; } .wx div { float:left; } .wx img { width:100px; } .wx p { text-align: center; } .gzh { margin-left:20px; } .gudie { background: #f1f1f1;line-height: 40px;margin-bottom: 2%; } .dd { background: #f1f1f1;line-height: 30px;padding: 10px; margin-bottom: 2%; } .dd span { color:#0074bb; } .new_copy { font-weight:600; } .bdsharebuttonbox { margin-top:10px; } .bdsharebuttonbox p { float:left;line-height:10px; } .new_tj li { list-style:none;line-height:24px; } .pro_qq { margin-left:10px; } .news_info .info p { margin-top: 20px;font-size: 16px;line-height: 24px;color: #333;text-align: justify; } .news_info .info h3 { font-size: 24px;font-weight: bold;margin: 10px 0;text-indent: 10px;border-left: 5px #ee8a0d solid; }