/*Other002638 */ .Other002638{ transition: all 0.5s ease-in-out; transform: translateX(300%); position:fixed; right:1.5%; z-index:100; top:50%; margin-top:-122px; } .Other002638_fix{ transform: translateX(0%);} .Other002638 li{ position:relative; margin:1px 0;} .Other002638 li > a{ display:block; width:48px; height:48px; border-radius:48px; background: url(../image/Other002638_icon.png) no-repeat center top #f55000; transition:0.3s; margin-bottom: 5px;} .Other002638 li > a:hover{ background-color:#fd7c3e;} .Other002638 li.li_tel aside{ display:none; position:absolute; right:100%; line-height:48px; white-space:nowrap; text-overflow:ellipsis; top:0;background:#f55000; margin-right:10px;border-radius:3px; padding:0 20px; font-size:18px; color:#fff;} .Other002638 li.li_tel a{ background-position:center -48px;} .Other002638 li.li_wx a{ background-position:center -96px;} .Other002638 li.li_wx figure{ position:absolute; top:0; right:58px; color:#fff; display:none;border-radius:3px;} .Other002638 li.li_wx figure{ width:120px; padding:10px;} .Other002638 li.li_wx figure img{ display:block; width:100%;} .Other002638 li.li_qq a{ background-position:center -144px;} .Other002638 li.li_gettop a{ background-position:center -192px;} @media(max-width:1500px){ .Other002638{ right:0.5%; } } @media(max-width:1024px){ .Other002638{display: none;} #newBridge .nb-icon-wrap{display: none !important;} } /*Top002262*/ .Top002262 {position: fixed; left: 0; top: 0; width: 100%; z-index: 100; background: #fff;color: #333; transition:0.3s; box-shadow:3px 0 10px rgba(0, 0, 0, 0.1);} .Top002262 .header-left{ float: left; width: 40%; display:table; height:64px;max-width:184px;} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .header-mid{ float:left;margin-left: 28px;} .Top002262 .header-right{ float:right;} .Top002262 .header-menu li{ width:auto !important; } .Top002262 .header-menu li em{ position:relative; padding: 0 28px;} .Top002262 .header-menu li em span{display: none;} .Top002262 .header-menu li em a{ line-height:64px; position:relative; font-size:16px; color:#333;} .Top002262 .header-menu li.aon em a, .Top002262 .header-menu li.hover em a{color:#f55000;} .Top002262 .header-menu li em a:hover::before, .Top002262 .header-menu li.aon em a::before{position: absolute; content: '';border:6px solid transparent; border-bottom-color: #f55000; left: 50%; margin-left: -6px; bottom: 0;} .Top002262 .header-menu li .sub{ width: 130%;left: 50%;overflow:hidden;min-width: 170px;margin-left: -85px;box-shadow: 0 5px 6px rgba(0,0,0,0.12); } .Top002262 .header-menu li .sub::before{position: absolute; content: ''; width:100%;height: 2px;margin-top: -5px;box-shadow: 0 5px 6px rgba(0,0,0,0.12); top: 0; left: 0;} .Top002262 .header-menu li .sub-menu{ padding:20px 10px; text-align:center;} .Top002262 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:none; color:#f55000; } .Top002262 .header-menu li .sub-menu dt{line-height: 34px;} .Top002262 .header-menu li .sub dt a{padding: 0;} #header-menu #m11 .sub, #header-menu #m11.has-sub em::before, .Top002262 .header-menu #m11 .sub{display: none !important;} .Top002262 .header-right dd{ float:left;padding:17px 0;} .Top002262 .top-search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(../image/Top002262-search.png) no-repeat center center; width:30px; height:30px; display:block;} .Top002262 .open-search-show{ position:relative; background:none;} .Top002262 .open-search-show::before, .Top002262 .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#ea5413; top:50%; left:10%; transform:rotate(-45deg);} .Top002262 .open-search-show::after{transform:rotate(45deg);} .Top002262 .top-language{padding-left:34px !important; position: relative;} .Top002262 .top-language span{display: block; line-height: 30px; font-size: 16px; cursor: pointer;} .Top002262 .top-language span:hover{color:#f55000;} .Top002262 .top-language .lang{ border:1px solid #eee; width:100%; text-align:center; background:#fff; display: none; position: absolute; right: 0; top: 100%; min-width: 100px;} .Top002262 .top-language .lang a{ display:block; border-bottom:1px solid #eee; line-height:24px; transition:color 0.3s;} .Top002262 .top-language .lang a:last-child{ border-bottom:0;} .Top002262 .top-language .lang a:hover{ color:#fff; background:#f55000;} .Top002262 .search-box{ position:absolute; top:100%; right:0; z-index:100; display:none;} .Top002262 .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;} .Top002262 .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;} .Top002262 .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;} @media(min-width:1025px){ .Top002262_fix {position:absolute;} } @media(max-width:1024px){ .Top002262 .header-left{width:46%;height:58px; max-width:141.1px;} .Top002262 .header-right dd{padding:14px 0;} .Top002262 #header-menu{ position:fixed; right:-100%; top:0; background:#fff; z-index:100; padding-top:58px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s; box-shadow: 3px 0 10px rgba(0, 0, 0, 0.4);} .Top002262 #header-menu.header-menu-show{ right:0;} .Top002262 #header-menu li em, .Top002262 #header-menu li em a{ border-bottom:0; color: #333;} .Top002262 #header-menu li{border-bottom: 1px dashed #eaeaea;} .Top002262 #header-menu li em a{ font-weight:normal;} .Top002262 #header-menu li.has-sub em a{ background:url(../image/Top002262-icon.png) no-repeat 95% center;} .Top002262 #header-menu li.clickon em a{ background-image:url(../image/Top002262-icon_up.png);} .Top002262 #header-menu #m11.clickon em a, .Top002262 #header-menu #m11.has-sub em a{background: none !important;} .Top002262 #header-menu li .sub-menu{ padding:5%; background: #f5f5f5;} .Top002262 #header-menu li .sub-menu dt a{color: #333; border-bottom: 1px dashed rgba(0,0,0,0.2);} .Top002262 #header-menu li .sub-menu dt a:hover{color:#f55000;} .Top002262 #open_menu{ width:40px; height:30px; margin-left:16px; position:relative; z-index:101; transition:background 0.3s; border-radius:4px;} .Top002262 #open_menu i, .Top002262 #open_menu i::before, .Top002262 #open_menu i::after{ background:#ea5413; border-radius:3px;} .Top002262 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002262 #open_menu.open_menu_on{ background:#fff; position:fixed; right:2%;} .Top002262 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} .Top002262 .top-language{padding-left:16px !important;} } /* .Banner001751 涓篸emo缂栧彿 */ .Banner_m{display: none;} .Banner001751{position: relative; overflow: hidden;} .Banner001751 #particles-js{position:absolute; left: 0; top: 0; width: 100%; z-index:1;} .Banner001751 li{ height:740px; background-position: center top; background-repeat:no-repeat;} .Banner001751 li a{ display:block;height:740px;} .Banner001751 li img{ display:none;} .Banner001751 .bx-wrapper{ position:relative;} .Banner001751 .bx-viewport{ z-index:1;} .Banner001751 .bx-controls-direction a{ z-index:11; position:absolute; top:50%; width:70px; height:70px; background:url(../image/Banner001751-btn.png) no-repeat 0 0; overflow:hidden; line-height:1000px; margin-top:-35px;} .Banner001751 .bx-controls-direction a.bx-next{ right:5%; background-position: right top;} .Banner001751 .bx-controls-direction a.bx-prev{ left:5%;} .Banner001751 .bx-pager{ z-index:10; position:absolute; width:100%; text-align:center; left:0; bottom:5%;} .Banner001751 .bx-pager div{ display:inline-block; padding:0 5px;} .Banner001751 .bx-pager div a{ display:block; width:13px; height:13px; background:#b1b1b1; border-radius:13px; overflow:hidden; line-height:100px;} .Banner001751 .bx-pager div a.active{ background:#f55000; width:37px;} @media(max-width:768px){ .Banner_m{display: block} .Banner_pc{display: none} .Banner001751 li{ height:auto; background:none !important;} .Banner001751 li a{ height:auto;} .Banner001751 li img{ display:block; width:100%;} } @media(max-width:768px){ .Banner001751 .bx-controls-direction a{ display:none;} } @media(max-width:480px){ .Banner001751 .bx-pager div a{width:8px; height:8px;border-radius:8px;} .Banner001751 .bx-pager div a.active{ width:25px;} } .Hometit{text-align:center; padding:4.5% 0 4%;} .Hometit .h1, .Hometit .p{margin: 0;} .Hometit .h1{font-size:32px; color: #333; margin-bottom: 20px; letter-spacing: 2px;} .Hometit .p{font-size:18px; color: #777; line-height:30px;} @media(max-width:1440px){ .Hometit{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Hometit{padding-right:0; padding-left:0;} } @media(max-width:768px){ .Hometit{padding:40px 0;} .Hometit .h1{font-size:24px; margin-bottom: 14px; letter-spacing:0;} .Hometit .p{font-size:14px;line-height:26px;} } @media(max-width:480px){ .Hometit .h1{font-size:18px; } .Hometit .p{font-size:13px;line-height:22px;} } .Hometitle{text-align: center;} .Hometitle .cn{font-size:28px; color: #333; font-weight: bold; letter-spacing: 2px;} .Hometitle .loading{display: inline-block; margin: 20px auto 35px; height: 3px;background-color: #f55000;} .Hometitle .demo1 { width: 4px;height: 4px; border-radius: 2px;/*background:#f55000;;*/ float: left; margin: 0 3px; animation: demo1 linear 1s infinite;-webkit-animation: demo1 linear 1s infinite;} .Hometitle .demo1:nth-child(1){ animation-delay:0s;} .Hometitle .demo1:nth-child(2){ animation-delay:0.15s;} .Hometitle .demo1:nth-child(3){ animation-delay:0.3s; } .Hometitle .demo1:nth-child(4){ animation-delay:0.45s;} .Hometitle .demo1:nth-child(5){animation-delay:0.6s;} @keyframes demo1 { 0%,60%,100% {transform: scale(1);} 30% {transform: scale(2.5);} } @-webkit-keyframes demo1 { 0%,60%,100% {transform: scale(1);} 30% {transform: scale(2.5);} } @media(max-width:768px){ .Hometitle .cn{font-size: 24px; } } .hide{display:none!important} .show{display:block!important} /* .Floor001388 盲赂潞demo莽录鈥撁ヂ徛 */ .Floor001388{ background: #f9f9f9; padding-top:4%;} .Floor001388 .tit{text-align: center; margin-bottom: 2%;} .Floor001388 .tit span{display:inline-block; font-size:38px; color: #333; position: relative;} .Floor001388 .tit span:after{display: block; content: ''; width:60px; height:60px; background:url(../image/hot1.png) no-repeat center; position: absolute;right: -70px; top: -40px; background-size: contain;} .Floor001388 .list{ position:relative;} .Floor001388 .list li{ display:none; padding: 62px 0; } .Floor001388 .list h1{ margin:0;z-index: 3; display: block; position: relative; } .Floor001388 .list h1 span{ display:block; color:#555; position:relative; padding:2%;font-size:20px; cursor:pointer; font-weight: normal; float: left; width: 20%; text-align: center; } .Floor001388 .list h1 span.active{ color:#0078fa; } .Floor001388 .list h1 span.active:before{position: absolute; content: '';left:0; bottom:0; width: 100%; height: 2px; background: url(../image/Floor001388-on.png) no-repeat center; background-size: contain;} .Floor001388 .list_con{ overflow: hidden; z-index: 1;position:relative; background: #f9f9f9;} .Floor001388 .pic{ float:right; width:45%;} .Floor001388 .pic img{ display: block; margin-left: auto;margin-top: 17%;} .Floor001388 .txt{float:left; width:53%;} .Floor001388 .txt dd { font-size: 18px; margin:9% 0; font-weight: bold; color: #333; padding: 5px 0; padding-left: 96px;position:relative;} .Floor001388 .txt dd .img { display: block; position: absolute; left:0; top: 0; width:65px;} .Floor001388 .imgs{ display: block;margin: 0 auto;} .Floor001388 .imgs img{ display: block;margin: 0 auto;} .Floor001388 .imgs .wap{ display: none;} .Floor001388 .txt dd:last-child { margin-bottom: 0; } .Floor001388 .txt p { display: block; font-size: 16px; font-weight: normal; margin-bottom: 0; margin-top: 12px; color: #666; } .Floor001388 .txt span { display:inline-block; margin-right:4%; padding-left:14px; position: relative; margin-bottom: 4px; font-size: 15px;} .Floor001388 .txt span:after{display: block; content: '';position: absolute; left: 0; top:50%; margin-top: -2.5px; width:5px; height:5px; background:#3e3a39; border-radius: 50%;} .Floor001388 .trait-top{ font-size: 18px; padding-left: 96px; position: relative; } .Floor001388 .trait-top .img{ display: block; position: absolute; left:0; top: 0; width:65px; } .Floor001388 .trait-top .desc{ line-height: 35px; } .Floor001388 .trait-bottom{ margin: 5% auto; text-align: right; } .Floor001388 .list li:nth-of-type(4) .trait-top .desc{ line-height: 70px; } @media(max-width:1440px){ .Floor001388{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001388{padding-right:0; padding-left:0;} } @media(max-width:1000px){ .Floor001388 .tit span{font-size:30px; } .Floor001388 .tit span:after{ width:50px; height:50px; right: -50px; top: -40px; } .Floor001388 .list h1 span{font-size:16px;} .Floor001388 .txt dd { font-size: 16px;padding-left:70px;} .Floor001388 .txt p { font-size: 14px; } .Floor001388 .trait-top{ padding-left: 60px; } .Floor001388 .txt dd .img { width:50px;} .Floor001388 .trait-top .img { width:50px;} .Floor001388 .trait-top .desc{ font-size: 14px; line-height: 30px; } .Floor001388 .list li:nth-of-type(4) .trait-top .desc{ line-height: 30px; } } @media(max-width:768px){ .Floor001388{padding-top: 40px;} .Floor001388 .txt, .Floor001388 .pic{ float:none; width:100%;} .Floor001388 .pic img{margin: 0 auto;} .Floor001388 .list li{padding:40px 0;} .Floor001388 .tit span{font-size:26px; } .Floor001388 .tit span:after{ width:40px; height:40px; right:0; top: -44px; } .Floor001388 .txt dd { margin:0 0 20px;} .Floor001388 .imgs .pc{ display: none;} .Floor001388 .imgs .wap{ display:block;} } @media(max-width:540px){ .Floor001388 .list h1 span{ width: 25%; font-size: 14px; } .Floor001388 .tit{margin-bottom:20px; } .Floor001388 .tit span{font-size:20px; } } /* . floor001111 */ .Floor001111 { padding:4.5% 0 0;} .Floor001111 .pic{ float:left; width:34%;margin-left: 7%;} .Floor001111 .pic img{ display: block; margin-left: 5%;margin-top: 17%;} .Floor001111 .txt{float:right; width:40%;margin-right: 10%;} .Floor001111 .list_con{ overflow: hidden; z-index: 1;position:relative;} .Floor001111 .list_con ul{ overflow: hidden; position: relative; } .Floor001111 .list_con ul li{ position: relative; } .Floor001111 .txt .sol-tit{ font-size: 31px; color: #333333; font-weight: bold; margin-top: 14%; padding-bottom: 3%; } .Floor001111 .txt .sol-desc{ font-size: 18px; color: #3e3a39; padding-bottom: 8%; border-bottom: 1px solid #888888; } .Floor001111 .txt .sol-cont{ font-size: 14px; color: #666666; line-height: 30px; padding-top: 8%; } .Floor001111 .bx-controls-direction a{ z-index:11; position:absolute; top:33%; width:110px; height:110px; overflow:hidden; line-height:1000px; margin-top:-35px;} .Floor001111 .bx-controls-direction a.bx-next{ right:0; background:url(../image/floor-rf.png) no-repeat 0 0;} .Floor001111 .bx-controls-direction a.bx-prev{left:0;background:url(../image/floor-lf.png) no-repeat 0 0;} @media (max-width: 768px){ .Floor001111 .pic,.Floor001111 .txt{ float: none; width: 100%; margin: 0; } .Floor001111 .pic img{ margin: 0 auto; } .Floor001111 .txt .sol-tit{ font-size: 22px; } .Floor001111 .txt .sol-desc{ font-size: 16px; } .Floor001111 .bx-controls-direction a{ width: 70px; height: 70px; top: 40%; } .Floor001111 .bx-controls-direction a.bx-prev,.Floor001111 .bx-controls-direction a.bx-next{ background-size: 90%; } } /* .Floor001389 涓篸emo缂栧彿 */ .Floor001389 { padding:4.5% 0 6%;} .Floor001389 .list{ position:relative; } .Floor001389 .list li{ display:none; } .Floor001389 .list h1{ margin:0; position:absolute; right:0; top:0; width: 13%;background: #fff; box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);} .Floor001389 .list h1 span{ display:block; color:#555; position:relative; padding:10.4% 10.8%;cursor:pointer; overflow:hidden; font-weight: normal;text-align: center;} .Floor001389 .list h1 span::after{ position: absolute;left:15%;bottom:0;content: '';width:70%;height:1px; background-color: #f1f1f1;} .Floor001389 .list h1 span:last-child::after{ display: none;} .Floor001389 .list h1 img{ display:block; max-width:40px; margin: 0 auto; } .Floor001389 .list h1 .iconhover{ display:none; } .Floor001389 .list h1 em{ font-style: normal;font-size: 14px; margin-top: 10px; display: block; } .Floor001389 .list h1 span.active{ background:#f55000; color: #fff; } .Floor001389 .list h1 span.active .iconhover{ display:block; } .Floor001389 .list h1 span.active .icon{ display:none; } .Floor001389 .list h1 span.active::after{ display: none;} .Floor001389 .list_con{ padding-right: 16%;} .Floor001389 .list_con li{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.08); } .Floor001389 .list_con .pic{ display: block; float:right; width:45.304%;} .Floor001389 .list_con .Ispic{ display: block; padding-bottom:59%; width:100%; background-size:cover;} .Floor001389 .list_con .pic .bx-wrapper{ position:relative;} .Floor001389 .list_con .pic .bx-viewport{ z-index:1;} .Floor001389 .list_con .pic .bx-controls-direction a{ z-index:11; position:absolute; top:50%; width:70px; height:70px; background:url(../image/Banner001751-btn.png) no-repeat 0 0; overflow:hidden; line-height:1000px; margin-top:-35px; display:none;} .Floor001389 .list_con .pic .bx-controls-direction a.bx-next{ right:5%; background-position: right top;} .Floor001389 .list_con .pic .bx-controls-direction a.bx-prev{ left:5%;} .Floor001389 .list_con .pic .bx-pager{ z-index:10; position:absolute; width:100%; text-align:center; left:0; bottom:5%;} .Floor001389 .list_con .pic .bx-pager div{ display:inline-block; padding:0 5px;} .Floor001389 .list_con .pic .bx-pager div a{ display:block; width:13px; height:13px; background:#fff; border-radius:13px; overflow:hidden; line-height:100px;} .Floor001389 .list_con .pic .bx-pager div a.active{ background:#f55000; width:37px;} .Floor001389 .list_con .txt{ float:left; width:54%; position:relative; padding: 0 3% 0 5%; } .Floor001389 .list_con .txt h2{ background:url(cn/images/Floor001389_tit.png) no-repeat left center; font-weight:normal; font-size:24px; padding:4% 0 2% 130px; margin:10% 0 8%; background-size: contain; color: #333;} .Floor001389 .list_con p{ line-height:30px; color:#333; font-size:15px; height:125px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow:hidden; padding-right: 3%; margin: 0 0 24px; } .Floor001389 .list_con p span{ display: block; margin-bottom: 10px;} .Floor001389 .list_con p span b{ color:#f55000;} .Floor001389 .list_con p::-webkit-scrollbar{ width:3px; height:100%;} .Floor001389 .list_con p::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:1.5px;} .Floor001389 .list_con p::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;} .Floor001389 .list_con p::-webkit-scrollbar-thumb:hover{ background: #f55000;} .Floor001389 .list_con p::-webkit-scrollbar-corner{ background:#f55000;} @media(max-width:1440px){ .Floor001389{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001389{padding-right:0; padding-left: 0;} } @media (max-width: 1300px) { .Floor001389 .list_con p{ line-height:28px; font-size:14px; height:134px;} } @media (max-width: 1200px) { .Floor001389 .list_con{ padding-right:0;} .Floor001389 .list h1{position: relative; width:100%; margin-bottom:15px;} .Floor001389 .list h1 span{ float: left; width: 25%; padding: 2%;} .Floor001389 .list_con .txt h2{ margin:4% 0; } .Floor001389 .list_con .txt{ padding: 0 3% 5% 5%; } } @media (max-width:800px) { .Floor001389 .list_con .pic, .Floor001389 .list_con .txt{ float:none;width:100%;} .Floor001389 .list_con .Ispic{ padding-bottom:50%; background-size:cover;} .Floor001389 .list_con .txt{ padding:8% 5%; } .Floor001389 .list_con .pic{ height: 53vw; } } @media (max-width:510px) { .Floor001389 .list h1 img{ max-width:32px; } .Floor001389 .list_con .txt h2{ padding:10px 0 8px 86px; font-size: 20px; margin: 0;} .Floor001389 .list_con p{ line-height:28px; font-size:14px; height:auto; overflow:visible; padding-right: 0; margin:20px 0 0; } } /*Floor002529 */ .Floor002529{ padding-top:5%; position: relative; z-index: 2; } .Floor002529 .Hometit{padding:0 0 5%;} .Floor002529 .intro .ul_num li{ float:left; width:25%; text-align:center; font-size:20px; color:#333; padding: 0 3%;} .Floor002529 .intro .ul_num li span{ color:#333; font-size:60px; margin-right:8px; font-family: 'Oswald';} .Floor002529 .intro .ul_num li p{ font-size:14px; margin:0; letter-spacing: 2px; color: #666; margin-top:6px;} .Floor002529 .more{ text-align:center; margin-top:5%;} .Floor002529 .more a{ display:inline-block; width:284px; line-height:47px; color:#fff;background:#f55000; border-radius:23px;transition:0.3s;} .Floor002529 .more span{ font-size:22px; } .Floor002529 .more a:hover{ width:310px;} @media(max-width:1440px){ .Floor002529{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002529{padding-right:0; padding-left: 0;} } @media(max-width:1024px){ .Floor002529 .intro .ul_num li span{ font-size:40px;} } @media(max-width:768px){ .Floor002529{ padding-top:50px; } .Floor002529 .intro .ul_num li{width:50%; font-size:18px; color:#333; padding:3%;} .Floor002529 .more a{ width:240px; } .Floor002529 .more span{ font-size:16px;} .Floor002529 .more a:hover{ width:280px;} } @media(max-width:640px){ .Floor002529 .intro .ul_num li{ font-size:14px; } .Floor002529 .intro .ul_num li span{ font-size:30px;} } /* .Floor002358 涓篸emo缂栧彿 */ .Floor002358 { padding:4% 0 6%; position: relative;z-index: 1;} .Floor002358 .auto{ position:relative;} .Floor002358 .list{ width:100%; position: relative;} .Floor002358 .bd{ font-size:0; } .Floor002358 .bd ul{ display:inline-block; width:16.6%; margin: 0;} .Floor002358 .bd li{ width: 100%; margin: 20px 0; transition:.5s; display: block; } .Floor002358 .bd li a{display: block; } .Floor002358 .bd li .pic{display: block; padding-bottom:48.788%; background-size: contain; background-repeat: no-repeat; background-position: center;} .Floor002358 .bd li .pic img{display:none;} .Floor002358 .bd li .h2{margin-top: 0; font-weight: normal; text-align: center; font-size: 16px; } .Floor002358 .list .iconfont{ position: absolute; top: 50%; margin-top: -60px; width: 70px; height: 70px; font-size: 70px; text-align: center; cursor: pointer; color: #999999; font-weight: lighter; display: none;} .Floor002358 .list .iconfont:hover{ color: #f55000;} .Floor002358 .list .prev{ left: -80px;} .Floor002358 .list .next{ right: -80px;} @media(max-width:1440px){ .Floor002358{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002358{padding-right:0; padding-left: 0;} } @media(max-width:1200px){ .Floor002358 .bd ul{ width:25%; margin:0;} } @media(max-width:768px){ .Floor002358 { padding:20px 0 50px;} .Floor002358 .bd li .h2{ font-size: 13px; } } @media(max-width:480px){ .Floor002358 .bd ul{ width:33.3%; margin:0;} .Floor002358 .bd ul{ margin: 0; padding:0 5px;} .Floor002358 .bd li .pic{ padding-bottom:80%; } } /* .Floor001365涓篸emo缂栧彿 */ .Floor001365{ padding:4.5% 0 5%; overflow:hidden; background:url(../image/Floor001365-bj.jpg) no-repeat center; background-size: cover;} .Floor001365 ol { float:left; width:48%; position:relative; } .Floor001365 .box{float: right; width:48%; padding:1.4% 3%; background: #f7f7f7;} .Floor001365 li{ position: relative; padding: 25px 0; transition: all .3s; cursor: pointer;} .Floor001365 li+li{ border-top: 1px solid #ededed;} .Floor001365 li time{ position: absolute; left: 0; width:92px; top: 25px; color: #f55000;; font-size: 18px; text-align: center; line-height: 1; border-right: 1px solid #f55000; font-family: arial; padding-bottom:6px;padding-top: 6px; padding-right: 16px;} .Floor001365 li time span{ color: #f55000; font-size: 48px; display: block; margin-bottom:8px;} .Floor001365 li .text{ padding-left: 120px;} .Floor001365 li .text h3{ margin: 0 0 12px; font-weight: normal; font-size: 17px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .Floor001365 li .text h3 a{ color:#3e3a39;} .Floor001365 li:hover .text h3 a{ color: #f55000;} .Floor001365 li .con{ color:#777; font-size: 14px; line-height:25px; margin: 0;} .Floor001365 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px; transition: all 0.5s ease-out 0s;} .Floor001365 ol:hover .videobg{ transform: scale3d(1.04,1.04,1.04);} .Floor001365 .videobg .play{ display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;} .Floor001365 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: none;} .Floor001365 .video video{ width: 100%; height: 100%; background: #000;} .Floor001365 .videobg, .Floor001365 .videobox{ height:435px; overflow: hidden;} @media(max-width:1440px){ .Floor001365{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001365{padding-right:0; padding-left: 0;} } @media(max-width:900px){ .Floor001365{ padding: 40px 0;} .Floor001365 ol{ float: none;width:100%; margin-bottom:3%; } .Floor001365 .box{ float: none;width: 100%;} } @media(max-width:768px){ .Floor001365 .videobg, .Floor001365 .videobox{ height:400px;} .Floor001365 li time{font-size: 15px; width: 74px;} .Floor001365 li time span{ font-size:36px;} .Floor001365 li .text{ padding-left: 94px;} } @media(max-width:540px){ .Floor001365 .videobg, .Floor001365 .videobox{ height:350px;} } @media(max-width:440px){ .Floor001365 .videobg, .Floor001365 .videobox{ height:280px;} } .Floor001366{padding: 5.5% 0 ;} .Floor001366 .links li{ float:left; margin-right:9%; width:27.33333%; } .Floor001366 .links li:nth-child(3){ margin-right:0; } .Floor001366 .links li a{ display:block; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); border-radius: 10px; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center; padding-bottom:38.112%;} .Floor001366 .links li .pic{ display:block; position: absolute; width: 100%; height: 0%; left: 0; top: -15%; border-radius: 10px; transition: all 0.2s ease-out 0s; box-shadow: 0 0 5px rgba(0,0,0,0.1); overflow: hidden;} .Floor001366 .links li img{ display:none;} .Floor001366 .links li h2{ font-size: 16px; font-weight: normal; color:#fff; margin:0; z-index:11; text-align: center; opacity: 0; position: absolute; left: 0; width: 100%; bottom: 0; background: rgba(0,0,0,0.7); padding:3% 30px;} .Floor001366 .links li.on .pic, .Floor001366 .links li:hover .pic{height: 130%;} .Floor001366 .links li.on h2, .Floor001366 .links li:hover h2{opacity: 1;} @media(max-width:1440px){ .Floor001366{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001366{padding-right:0; padding-left: 0;} } @media(max-width:1000px){ .Floor001366 .links li{margin-right:5%; width:30%; } } @media(max-width:640px){ .Floor001366 .links li{margin-bottom:5%; width:47.5%; } .Floor001366 .links li:nth-child(2){ margin-right:0; } } @media(max-width:480px){ .Floor001366 .links li{ width:100%; float: none; margin-right: 0;} } /*Bottom002743 */ .Bottom002743{ background: #222; padding-top:54px;color: rgba(255,255,255,0.8);} .Bottom002743 a{color: rgba(255,255,255,0.6);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{background:#1a1a1a; line-height: 24px; padding:24px 0;color: #888; margin-top: 50px; font-size: 14px;} .Bottom002743 .copyright a{color: #888;} .Bottom002743 .copyright a:hover{color: #f55000;} .Bottom002743 .copyright aside a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 14px; background:#434343; vertical-align: middle; margin: 0 20px;} .Bottom002743 .links{margin: 53px 0; border-top: 1px solid rgba(255,255,255,0.07);border-bottom: 1px solid rgba(255,255,255,0.07);position: relative; line-height: 24px; padding: 11px 0 11px 70px;} .Bottom002743 .links a{display: inline-block;} .Bottom002743 .links span{position: absolute; left: 0; top: 11px; color: rgba(255,255,255,0.4);} .Bottom002743 .links a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: rgba(255,255,255,0.07);vertical-align: middle; margin: 0 14px;} .Bottom002743 .fanhui{ position:fixed; right:2%; bottom:12%; z-index:99;} .Bottom002743 .contact{max-width:380px;width: 26%;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: #fff; padding-bottom: 18px;} .Bottom002743 .contact li{ padding-bottom:22px; font-size:14px;} .Bottom002743 .contact li aside{ padding-left:30px;background-position: left center; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom:24px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../image/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../image/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../image/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size:32px;color: #f55000; display: block; margin-top: 4px;} .Bottom002743 .contact li b a{color: #f55000;} .Bottom002743 .codes{text-align: center;} .Bottom002743 .codes img{max-width: 120px; margin: 0 auto;} .Bottom002743 nav dl dt a{color: #fff;} .Bottom002743 nav{float: right; width: 70%; max-width:980px ;} .Bottom002743 nav dl{float: left; width: 121px; margin-right:5%;} .Bottom002743 nav dl:last-child{margin-right: 0;;} .Bottom002743 nav dd{line-height: 24px; padding: 4px 0; font-size:14px;} .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 120px;} .Bottom002743 nav .bot2, .Bottom002743 nav .bot11{display: none;} @media(max-width:1440px){ .Bottom002743 nav dl{ margin-right:3%;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 16px;} .Bottom002743 .contact li{font-size:13px;} } @media(max-width:1280px){ .Bottom002743 nav dl{width:94px;} } @media(min-width:1024px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} .Bottom002743 .codes{display: none;} } @media(max-width:1024px){ .Bottom002743{padding-top:35px;} .Bottom002743 nav{display: none;} .Bottom002743 .contact .name{font-size: 20px;} .Bottom002743 .contact{display: table; margin: 0 auto; width: 100%;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .copyright{text-align: center; margin-top:24px;} .Bottom002743 .contact{text-align: center;} .Bottom002743 .contact li aside{background-image:none !important; padding-left: 0;} } /* .Menu002290 涓篸emo缂栧彿 */ .Menu002290 .menu { position: relative; } .Menu002290 .Toplogo{position: absolute; width: 40%; display:table; height:40px;max-width:184px; left: 0; top: 0; transform: translateY(-100%); transition: all 0.5s ease-in-out; opacity: 0;} .Menu002290 .Toplogo .logo{ display:table-cell; vertical-align:middle;} .Menu002290 .menu ul li{ display:inline-block; font-size: 0; margin: 0 28px; } .Menu002290 .menu ul li a{ font-size:14px; display:inline-block; color:#757575; position:relative;line-height:38px; border-bottom:2px solid transparent; padding: 0 4px; transition: all 0.5s ease-in-out;} .Menu002290 .menu ul li.on a, .Menu002290 .menu ul li a:hover{border-color:#f55000; color:#f55000;} @media(min-width:1025px){ .Menu002290{ text-align: center;box-shadow: 1px 1px 15px rgba(0,0,0,0.1);transition: all 0.5s ease-in-out;height:40px;} .Menu002290_fix{ position:fixed; width: 100%; top:0; left: 0; height: 60px; background: #fff; z-index: 100;} .Menu002290_fix .Toplogo{ transform: translateY(0%); opacity: 1; height:60px;} .Menu002290_fix .menu ul li a{line-height:58px; } } @media(max-width:1024px){ .Menu002290{margin-top: 15px;} .Menu002290 .Toplogo{display: none;} .Menu002290 .menu ul li{ width:23%; margin: 0; margin-right: 2%;margin-top:8px; text-align: center;} .Menu002290 .menu ul li a{ background-color: #f4f4f8; border: none !important; display: block; line-height:30px; font-size: 14px;} .Menu002290 .menu ul li:nth-child(4n){margin-right: 0;} .Menu002290 .menu ul li.on a, .Menu002290 .menu ul li a:hover{background:#f55000; color:#fff;} } @media(max-width:640px){ .Menu002290 .menu ul li{ width:48%;} .Menu002290 .menu ul li:nth-child(2n){margin-right: 0;} } /*Floor002065 */ .Floor002065{ padding:3% 0;} .Floor002065 .wap{display: none;} .Floor002065 .item{ position:relative;padding: 1px; } .Floor002065 .item a{ border:1px solid transparent; padding: 20px 0; display: block;} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:61.345%; position:relative; transition: all 0.5s ease 0s;} .Floor002065 .item .Ispic.hover{ display:none;} .Floor002065 .item p{ margin: 20px 10px; font-size: 16px; text-align: center; color: #333;} .Floor002065 .item:hover .Ispic{transform: scale(1.1); transition: all 0.3s ease 0s; -webkit-transform: scale(1.1); webkit-transform: all 0.3s ease 0s; -ms-transform: scale(1.1); -ms-transition: all 0.3s ease 0s; -moz-transform: scale(1.1); -moz-transition: all 0.3s ease 0s; -o-transform: scale(1.1); -o-transition: all 0.3s ease 0s;} .Floor002065 .item.on a{border-color:#ea5413;} .Floor002065 .item.on .Ispic{display:none;} .Floor002065 .item.on .Ispic.hover{display: block;} .Floor002065 .item:hover p{color:#ea5413;} .Floor002065 .item.on p{color:#ea5413;} .Floor002065 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../image/Floor002065-btn.png) no-repeat left top; z-index:10; } .Floor002065 .owl-nav .owl-prev{ left:0;margin-left:-40px;} .Floor002065 .owl-nav .owl-next{right:0; margin-right:-40px; background-position: right top;} @media(max-width:1360px){ .Floor002065{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002065{padding-right:0; padding-left: 0;} } @media(max-width:1100px){ .Floor002065 .item a{padding: 10px 0; } .Floor002065 .item p{ margin: 10px; font-size: 14px; } .Floor002065 .owl-carousel{ padding:0 30px;} .Floor002065 .owl-nav .owl-prev{margin-left:0;} .Floor002065 .owl-nav .owl-next{margin-right:0;} } @media(max-width:1024px){ .Floor002065 .pc{display: none;} .Floor002065 .wap{display: block;} .Floor002065 .wap .item{ width:23%; margin: 0; margin-right: 2%;margin-top:8px; text-align: center; float: left; border: none !important; padding: 0;} .Floor002065 .wap .item a{ background-color: #f4f4f8; display: block; line-height:30px; font-size: 14px;} .Floor002065 .wap .item:nth-child(4n){margin-right: 0;} .Floor002065 .wap .item.on a, .Floor002065 .wap .item:hover a{background:#f55000; color:#fff;} .Floor002065 .wap .item.on a p, .Floor002065 .wap .item:hover a p{ color:#fff;} .Floor002065 .item a{padding: 0; } .Floor002065 .item p{ margin:0; } } @media(max-width:640px){ .Floor002065 .wap .item{ width:48%;} .Floor002065 .wap .item:nth-child(2n){margin-right: 0;} } /*Floor002066 */ .Floor002066{ padding:3% 0;} .Floor002066 .wap{display: none;} .Floor002066 .item{ position:relative; border:1px solid transparent; padding: 20px 0; } .Floor002066 .item .pic{ overflow:hidden;position:relative;} .Floor002066 .item .Ispic{ display:block; padding-bottom:57.823%; transition:0.3s; position:relative;} .Floor002066 .item p{ margin: 20px 10px; font-size: 16px; text-align: center; color: #333;} .Floor002066 .item.on, .Floor002066 .item:hover{border-color:#ea5413;} .Floor002066 .item.on p, .Floor002066 .item:hover p{color:#ea5413;} .Floor002066 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../image/Floor002065-btn.png) no-repeat left top; z-index:10;} .Floor002066 .owl-nav .owl-prev{ left:0;margin-left:-40px;} .Floor002066 .owl-nav .owl-next{right:0; margin-right:-40px; background-position: right top;} @media(max-width:1360px){ .Floor002066{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002066{padding-right:0; padding-left: 0;} } @media(max-width:1100px){ .Floor002066 .item a{padding: 10px 0; } .Floor002066 .item p{ margin: 10px; font-size: 14px; } .Floor002066 .owl-carousel{ padding:0 30px;} .Floor002066 .owl-nav .owl-prev{margin-left:0;} .Floor002066 .owl-nav .owl-next{margin-right:0;} } @media(max-width:1024px){ .Floor002066 .pc{display: none;} .Floor002066 .wap{display: block;} .Floor002066 .wap .item{ width:23%; margin: 0; margin-right: 2%;margin-top:8px; text-align: center; float: left; border: none !important; padding: 0;} .Floor002066 .wap .item a{ background-color: #f4f4f8; display: block; line-height:30px; font-size: 14px;} .Floor002066 .wap .item:nth-child(4n){margin-right: 0;} .Floor002066 .wap .item a:hover{background:#f55000; color:#fff;} .Floor002066 .wap .item a:hover p{ color:#fff;} .Floor002066 .item a{padding: 0; } .Floor002066 .item p{ margin:0; } } @media(max-width:640px){ .Floor002066 .wap .item{ width:48%;} .Floor002066 .wap .item:nth-child(2n){margin-right: 0;} } /* .Floor002375涓篸emo缂栧彿 */ .Floor002375{ padding:3% 0; font-size: 0;} .Floor002375 .pic{ width:50%; display: inline-block; vertical-align: middle;} .Floor002375 .pic .Ispic{ display: block; padding-bottom: 63.667%; background-size: contain;} .Floor002375 .bx-wrapper{ position:relative;} .Floor002375 .bx-viewport{ z-index:1;} .Floor002375 .bx-controls-direction a{ z-index:11; position:absolute; top:50%; width:28px; height:28px; background:url(../image/Floor002375-btn.png) no-repeat 0 0; overflow:hidden; line-height:1000px; margin-top:-14px;} .Floor002375 .bx-controls-direction a.bx-next{ right:5%; background-position: right top;} .Floor002375 .bx-controls-direction a.bx-prev{ left:5%;} .Floor002375 .bx-pager{ z-index:10; position:absolute; width:100%; text-align:center; left:0; bottom:5%; display: none;} .Floor002375 .bx-pager div{ display:inline-block; padding:0 5px;} .Floor002375 .bx-pager div a{ display:block; width:13px; height:13px; background:#b1b1b1; border-radius:13px; overflow:hidden; line-height:100px;} .Floor002375 .bx-pager div a.active{ background:#f55000; width:37px;} .Floor002375 .word{ width:50%; padding:0 6%; display: inline-block; vertical-align: middle;} .Floor002375 .tit{margin: 0; font-size:28px; color: #333; margin-bottom: 12px; } .Floor002375 .h2{margin: 0; font-size: 18px; color: #333; font-weight: normal;} .Floor002375 figure{margin-top:4%; font-size: 15px; line-height: 30px; padding-top:4%; border-top: 1px solid #eaeaea;height: 180px; overflow: auto;} .Floor002375 figure::-webkit-scrollbar{ width:3px; height:100%;} .Floor002375 figure::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:1.5px;} .Floor002375 figure::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;} .Floor002375 figure::-webkit-scrollbar-thumb:hover{ background: #f55000;} .Floor002375 figure::-webkit-scrollbar-corner{ background:#f55000;} @media(max-width:1360px){ .Floor002375{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002375{padding-right:0; padding-left: 0;} } @media(max-width:1000px){ .Floor002375 .word{ padding-right:0;} .Floor002375 .tit{font-size:24px; } .Floor002375 .h2{font-size: 16px;} } @media(max-width:800px){ .Floor002375 .pic, .Floor002375 .word{ width:100%; padding:0; display:block;} .Floor002375 .word{ margin-top:30px; padding: 0 20px;} .Floor002375 .h2{ font-size: 16px;} .Floor002375 figure{ font-size: 14px; line-height:26px;} } .pro_title{text-align: center;} .pro_title aside{font-size:26px; color: #000; letter-spacing: 2px;} .pro_title .cn{font-size:26px; color: #000; letter-spacing: 2px;} .pro_title .loading{display: inline-block; margin: 20px auto; height: 9px;} .pro_title .demo1 {width: 4px;height: 4px; border-radius: 2px;background:#f55000; float: left; margin: 0 3px; animation: demo1 linear 1s infinite;-webkit-animation: demo1 linear 1s infinite;} .pro_title .demo1:nth-child(1){ animation-delay:0s;} .pro_title .demo1:nth-child(2){ animation-delay:0.15s;} .pro_title .demo1:nth-child(3){ animation-delay:0.3s; } .pro_title .demo1:nth-child(4){ animation-delay:0.45s;} .pro_title .demo1:nth-child(5){animation-delay:0.6s;} .product_box{padding:3% 0 4.5%; } .product_box2{ padding:3% 0; background:#eeeef0;} @media(max-width:768px){ .product_box{padding:30px 0 45px; } .product_box2{ padding:30px 0;} } /* .Floor001739 涓篸emo缂栧彿 */ .Floor001739 li { float: left; width: 18.4%; text-align: center; position: relative; background: #fff; box-shadow: 0 0 26px 0 rgba(0,0,0,.08); border-radius: 10px; padding:4% 2%; margin-right:2%; } .Floor001739 li:nth-child(5n) { margin-right: 0; } .Floor001739 li figure { margin-bottom: 30px; } .Floor001739 li figure img { width: 50%; max-width:60px;transition: all ease-out 0.3s; } .Floor001739 li:hover figure img { transform:rotate(360deg);} .Floor001739 li h3 { font-size: 20px; color: #333; margin: 14px 0; } .Floor001739 li p { line-height: 28px; overflow: hidden; font-size: 16px; color: #666; margin: 0; } .Floor001739 .con img{ display: block;margin: 0 auto 140px; } .Floor001739 .con img:last-child{ margin-bottom: 40px;} @media(max-width:1360px){ .Floor001739{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001739{padding-right:0; padding-left: 0;} } @media(max-width:1000px) { .Floor001739 li h3 { font-size:16px; } .Floor001739 li p { font-size: 14px;} .Floor001739 .con img{ margin: 0 auto 60px; } } @media(max-width:768px) { .Floor001739 li { width: 32%; margin-bottom: 2%; } .Floor001739 li:nth-child(3n) { margin-right: 0; } .Floor001739 li:nth-child(3n+1) { clear: left;} .Floor001739 li:nth-child(5n) { margin-right:2%; } } @media(max-width:480px) { .Floor001739 li { width: 49%;} .Floor001739 li:nth-child(2n) { margin-right: 0; } .Floor001739 li:nth-child(2n+1) { clear: left;} .Floor001739 li:nth-child(3n+1) { clear: none;} .Floor001739 li:nth-child(3n) { margin-right:2%; } .Floor001739 li:nth-child(6n) { margin-right:0; } } /* .Floor001740 涓篸emo缂栧彿 */ .Floor001740 li { width:32%; float: left; text-align: center; position: relative; background: #fff; box-shadow: 0 0 26px 0 rgba(0,0,0,.08); border-radius: 10px; padding:4% 2%; margin-right:2%; } .Floor001740 li:nth-child(3n) { margin-right: 0; } .Floor001740 li figure { margin-bottom:24px; } .Floor001740 li figure img { width: 60%; max-width:70px; transition: all ease-out 0.3s; } .Floor001740 li:hover figure img { transform:rotate(360deg);} .Floor001740 li h3 { font-size:18px; font-weight:normal; color:#0078fa; margin: 14px 0; } .Floor001740 li p { line-height: 28px; overflow: hidden; font-size: 16px; color: #666; margin: 0; } @media(max-width:1360px){ .Floor001740{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001740{padding-right:0; padding-left: 0;} } @media(max-width:768px) { .Floor001740 li { width:48%; margin-bottom: 2%; } .Floor001740 li:nth-child(2n) { margin-right: 0; } } @media(max-width:480px) { .Floor001740 li { width:100%; margin-right: 0; float: none;} } /* .Floor001741 涓篸emo缂栧彿 */ .Floor001741 li { width:15%; float: left; text-align: center; position: relative; padding:2%; margin-right:2%; } .Floor001741 li:nth-child(6n) { margin-right: 0; } .Floor001741 li figure { margin-bottom:22px; } .Floor001741 li figure img { width: 60%; max-width:70px; transition: all ease-out 0.3s; } .Floor001741 li:hover figure img { transform:rotate(360deg);} .Floor001741 li h3 { font-size: 18px; font-weight:normal; color:#0078fa; margin: 14px 0; } @media(max-width:1360px){ .Floor001741{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001741{padding-right:0; padding-left: 0;} } @media(max-width:900px) { .Floor001741 li { width:32%; } .Floor001741 li:nth-child(3n) { margin-right:0; } .Floor001741 li h3 { font-size: 16px; } } @media(max-width:480px) { .Floor001741 li { width:49%; } .Floor001741 li:nth-child(2n) { margin-right:0; } .Floor001741 li:nth-child(3n) { margin-right:2%; } .Floor001741 li:nth-child(6n) { margin-right:0; } } /* .Floor001742 涓篸emo缂栧彿 */ .Floor001742 li { width:18.4%; float: left; text-align: center; position: relative; padding:2%; margin-right:2%; } .Floor001742 li:nth-child(5n) { margin-right: 0; } .Floor001742 li figure { margin-bottom:22px; } .Floor001742 li figure img { width: 60%; max-width:70px;transition: all ease-out 0.3s; } .Floor001742 li:hover figure img { transform:rotate(360deg);} .Floor001742 li h3 { font-size:18px; font-weight:normal; color:#0078fa; margin: 14px 0; } @media(max-width:1360px){ .Floor001742{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001742{padding-right:0; padding-left: 0;} } @media(max-width:900px) { .Floor001742 li { width:32%; } .Floor001742 li:nth-child(3n) { margin-right:0; } .Floor001742 li h3 { font-size: 16px; } } @media(max-width:480px) { .Floor001742 li { width:49%; } .Floor001742 li:nth-child(2n) { margin-right:0; } .Floor001742 li:nth-child(3n) { margin-right:2%; } .Floor001742 li:nth-child(6n) { margin-right:0; } } /* .Floor001743 涓篸emo缂栧彿 */ .Floor001743 li { width:23.5%; float: left; text-align: center; position: relative; padding:4% 2%; margin-right:2%;background: #fff; box-shadow: 0 0 26px 0 rgba(0,0,0,.08); border-radius: 10px; } .Floor001743 li:nth-child(4n) { margin-right: 0; } .Floor001743 li h3 { font-size: 20px;font-weight:normal; color:#0078fa; margin:0 0 14px 0; } .Floor001743 li p { line-height: 28px; overflow: hidden; font-size: 15px; color: #666; margin: 0; } .Floor001743 .con img{ display: block;margin:120px auto 0; } @media(max-width:1360px){ .Floor001743{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001743{padding-right:0; padding-left: 0;} } @media(max-width:1100px) { .Floor001743 li h3 { font-size:16px;} .Floor001743 li p {font-size: 14px; } } @media(max-width:768px) { .Floor001743 li { width:49%; margin-bottom: 2%; } .Floor001743 li:nth-child(2n) { margin-right: 0; } } @media(max-width:480px) { .Floor001743 li { width:100%; margin-right: 0; float: none;} } /* .Floor001739 涓篸emo缂栧彿 */ .Floor001744 li { float: left; width: 18.4%; text-align: center; position: relative; background: #fff; box-shadow: 0 0 26px 0 rgba(0,0,0,.08); border-radius: 10px; padding:4% 2%; margin-right:2%; } .Floor001744 li:nth-child(5n) { margin-right: 0; } .Floor001744 li figure { margin-bottom:24px; } .Floor001744 li figure img { width:60%; max-width:70px; transition: all ease-out 0.3s; } .Floor001744 li:hover figure img { transform:rotate(360deg);} .Floor001744 li h3 { font-size: 20px; margin: 14px 0 0; font-weight:normal; color:#0078fa; } @media(max-width:1360px){ .Floor001744{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001744{padding-right:0; padding-left: 0;} } @media(max-width:1200px) { .Floor001744 li h3 { font-size:18px;} } @media(max-width:900px) { .Floor001744 li { width:32%; margin-bottom: 2%; } .Floor001744 li:nth-child(3n) { margin-right:0; } .Floor001744 li h3 { font-size: 16px; } } @media(max-width:480px) { .Floor001744 li { width:49%; } .Floor001744 li:nth-child(2n) { margin-right:0; } .Floor001744 li:nth-child(3n) { margin-right:2%; } .Floor001744 li:nth-child(6n) { margin-right:0; } } /*RighInfo002554 */ .RighInfo002554 img{ display: block;margin: 0 auto; } .RighInfo002554 .wap{ display: none; } .RighInfo002554 p{text-align: center; font-size: 16px; margin-top: 3%; color: #666;} @media(max-width:1360px){ .RighInfo002554{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .RighInfo002554{padding-right:0; padding-left: 0;} } @media(max-width:768px) { .RighInfo002554 .wap{ display:block; } .RighInfo002554 .pc{ display: none; } .RighInfo002554 p{font-size:14px;} } /* .PicList000762 涓篸emo缂栧彿 */ .PicList000762{ padding:4% 0;} .PicList000762 .title { text-align: center; color: #000; font-size: 28px; margin-bottom: 34px; } .PicList000762 .title:after { display: block; content: ''; margin:17px auto ; width: 17px; height: 2px; background: #fc6e06; } .PicList000762 .ul{font-size: 0; text-align: center;} .PicList000762 li{display: inline-block; width:23.5%; margin-right:2%; margin-bottom:3%; position: relative;} .PicList000762 li:nth-child(4n){ margin-right:0;} .PicList000762 li:last-child{ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8; overflow: hidden;} .PicList000762 li h2{ margin:0; font-size:16px; color:#fff; text-align:center; padding:3% 2%; font-weight: normal; position: absolute; width: 100%; bottom: 0; left: 0; background:rgba(0,0,0,0.7);} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:62%; transition:all ease-in-out 0.3s;} .PicList000762 li:hover figure{ transform: scale3d(1.1,1.1,1.1);} .PicList000762 li a:hover{ background-color:#ee7700; } .PicList000762 li a:hover h2{color:#fff;} @media(max-width:1360px){ .PicList000762{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .PicList000762{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .PicList000762{ padding:40px 0;} .PicList000762 .title {font-size: 20px; } } @media(max-width:640px){ .PicList000762 li{width:32%;} .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li:nth-child(4n){ margin-right:2%;} .PicList000762 li:nth-child(12n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(2n){ margin-right:0;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(6n){ margin-right:0;} } /* .RighInfo002257 涓篸emo缂栧彿 */ .RighInfo002257{ padding-bottom: 5%;} .RighInfo002257 .Program{ padding-top:95px;} .RighInfo002257 .item{border: 1px solid #ccc; position: relative;} .RighInfo002257 .item:last-child{ margin-bottom:4%;} .RighInfo002257 .item .con{padding:100px 100px 50px;} .RighInfo002257 .item .h1{font-size:24px; margin: 0; text-align: center; padding:15px 38px; display:block; position: absolute; left: 50%;transform: translateX(-50%); top: 0; margin-top: -25px; background:#595757; color: #fff; border-radius: 0 0 20px 20px;} .RighInfo002257 .item .h1::after, .RighInfo002257 .item .h1::before{content:''; position: absolute; top: 0;width: 0; height: 0; border-style: dashed dashed solid dashed; border-color: transparent transparent #3e3a39 transparent; } .RighInfo002257 .item .h1::before{ left: -14px; border-width:0 0 24px 14px; } .RighInfo002257 .item .h1::after{ right: -14px; border-width:0 14px 24px 0; } .RighInfo002257 .item .iFalse{display:none;} .RighInfo002257 .item .iTrue{display: block; width:120px; height:120px; background:url(../image/zhuda1.png) no-repeat center; position: absolute;right:0; top:0; background-size: contain;} .RighInfo002257 .item .word{color:#666;font-size:16px; line-height: 32px;} .RighInfo002257 .item .word p{ margin:0 0 20px; line-height: 32px;} .RighInfo002257 .txt{ margin-top:3%;} .RighInfo002257 .txt dd{ font-size: 16px; margin:1.5% 0; color: #333; padding:30px 0; padding-left: 100px; float: left; margin-right: 4%; width: 48%; position: relative;} .RighInfo002257 .txt dd .img{ display: block; width:100%; max-width: 80px; position: absolute; left: 0; top: 0;} .RighInfo002257 .txt dd:nth-child(2n) { margin-right:0; } @media(max-width:1360px){ .RighInfo002257{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .RighInfo002257{padding-right:0; padding-left: 0;} } @media(max-width:1000px){ .RighInfo002257 .item .con{padding:100px 40px 50px;} .RighInfo002257 .item .word{font-size:14px; line-height: 30px; padding-top: 0 !important;} .RighInfo002257 .txt dd{ font-size: 14px; padding: 20px 0; padding-left: 80px;} .RighInfo002257 .txt dd .img{ max-width: 60px;} } @media only screen and (min-width:768px ) { .RighInfo002257 .item .pic{ float: right; width:40%;} .RighInfo002257 .item .word{ float: left; width:46%;} .RighInfo002257 .item:nth-child(2n) .pic{ float:left;} .RighInfo002257 .item:nth-child(2n) .word{ float: right;} } @media(max-width:768px){ .RighInfo002257{ padding-bottom:40px;} .RighInfo002257 .item{margin-bottom:80px;} .RighInfo002257 .item .con{padding:60px 20px 10px;} .RighInfo002257 .item .pic img{ display: block; margin: 0 auto;} .RighInfo002257 .item .h1{font-size: 20px;} .RighInfo002257 .item .iTrue{width:70px; height:70px; } } @media(max-width:580px){ .RighInfo002257 .item .h1{font-size: 18px;width: 56%; padding: 15px 22px;} .RighInfo002257 .txt dd{ float:none; width: 100%; margin: 0 0 20px 0;} } /*PicList002146 */ .PicList002146{ padding:3% 0 ; } .PicList002146 li{ float:left; width:18.4%; margin:1% 0; margin-right:2%; } .PicList002146 li:nth-child(5n){ margin-right:0;} .PicList002146 li a{ display:block; position:relative; color: #333;} .PicList002146 li figure{ padding-bottom:48.845%; background-size: contain;} .PicList002146 li h3{margin:0;font-size:16px;font-weight:normal; padding:2.5% ; position:relative; text-align: center;} @media(max-width:1360px){ .PicList002146{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .PicList002146{padding-right:0; padding-left: 0;} } @media(max-width:1000px){ .PicList002146 li{ width:32%;} .PicList002146 li:nth-child(5n){ margin-right:2%;} .PicList002146 li:nth-child(3n){ margin-right:0;} } @media(max-width:768px){ .PicList002146{padding: 30px 0;} .PicList002146 li h3{font-size:14px;} } @media(max-width:480px){ .PicList002146 li{ width:49%;} .PicList002146 li:nth-child(3n){ margin-right:2%;} .PicList002146 li:nth-child(2n){ margin-right:0;} .PicList002146 li:nth-child(6n){ margin-right:0;} } /*PicList002147 */ .PicList002147{ padding:4% 0;background-color: #F5F5F6; } .PicList002147 .tit{ padding:2.5% 0; text-align: center; font-size: 22px; border: 1px solid #eaeaea; color:#f55000; background: #fff; font-weight: bold; max-width: 1195px; width: 99.5%;} .PicList002147 li{ border:1px solid #eee;border-collapse:collapse;line-height:24px;padding:15px; padding:8px 2.5%; float: left; width: 33.3%; margin-left: -1px; margin-top: -1px; background: #fff;} .PicList002147 li i{font-style: normal;} .PicList002147 li h3{ font-weight: normal; font-size: 14px; color: #666;} .PicList002147 li a h3{padding-right: 30px; background:url(../image/PicList002147-more.gif) no-repeat right center;} .PicList002147 li:hover a h3{color:#f55000; background-image:url(../image/PicList002147-more1.gif)} @media(max-width:1360px){ .PicList002147{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .PicList002147{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .PicList002147{padding: 30px 0;} } @media(max-width:540px){ .PicList002147 li{width: 50%;} } /* .TextList009 涓篸emo缂栧彿 */ .TextList009{ padding:4% 0 0;} .TextList009 li{border: 1px solid #e5e5e5;margin-bottom: 20px; padding:0 30px; position:relative; padding-right:50px; float: left; margin-right: 4%; width:48%;} .TextList009 li:nth-child(2n){margin-right:0;} .TextList009 li a{ height: 70px; line-height:70px; font-size:16px;display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../image/TextList009-icon.png) no-repeat right center; padding-right:40px;} .TextList009 li:hover{ background-color:#f55000;color:#fff;} .TextList009 li:hover a{background-image:url(../image/TextList009-icon_hover.png); color:#fff;} @media(max-width:1360px){ .TextList009{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .TextList009{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .TextList009{ padding:40px 0 0;} .TextList009 li{float:none; margin-right:0; width:100%;} } /*Page002737 */ .Page002737{padding:50px 0 100px; } .Page002737 .Pages{ text-align: center;} .Page002737 .Pages > span{display: inline-block; vertical-align: middle;} .Page002737 .Pages .a_first, .Page002737 .Pages .a_end, .Page002737 .Pages .p_cur, .Page002737 .Pages .p_count, .Page002737 .Pages .p_jump, .Page002737 .Pages .p_total{display: none;} .Page002737 .Pages .p_page{overflow: hidden; } .Page002737 .Pages .p_page em{font-style: normal;} .Page002737 .Pages .p_page a{float: left; line-height:36px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 14px; margin: 0 5px; font-size:16px; font-family:Arial," sans-serif"; color: #aaa;} .Page002737 .Pages .p_page a:hover, .Page002737 .Pages .p_page a.a_cur{background-color: #f55000; border-color: #f55000; color: #fff;} .Page002737 .Pages .p_page a.a_next, .Page002737 .Pages .p_page a.a_prev{font-size: 0; height:38px; width: 54px; padding: 0; margin: 0 6px; background-position: center center; background-repeat: no-repeat;} .Page002737 .Pages .p_page a.a_prev{background-image: url(../image/a_prev.png);} .Page002737 .Pages .p_page a.a_prev:hover{background-image: url(../image/a_prev_hover.png);} .Page002737 .Pages .p_page a.a_next{background-image: url(../image/a_next.png);} .Page002737 .Pages .p_page a.a_next:hover{background-image: url(../image/a_next_hover.png);} .Page002737 .Pages .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;} .Page002737 .Pages .p_jump > *{float: left;} .Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;} .Page002737 .Pages .p_jump b.f0{margin-right: 6px;} .Page002737 .Pages .p_jump input{height: 46px; border-radius: 4px;} .Page002737 .Pages .i_text{ line-height: 44px; border: 1px solid #e5e5e5; width: 46px; text-align: center; color: #333; font-size:16px;} .Page002737 .Pages .i_button{background: #ebebeb; width: 70px; padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;} @media(max-width:768px){ .Page002737{ padding:20px 0 35px;} .Page002737 .Pages .p_page em, .Page002737 .Pages .p_jump{display: none;} } /* .RighInfo002224 涓篸emo缂栧彿 */ .RighInfo002224{ padding: 2% 0;} .RighInfo002224 .item{ color:#323232; margin:30px 0;} .RighInfo002224 .item .word{ text-align:center;} .RighInfo002224 .item .pic{ text-align:center; } .RighInfo002224 .item .tit{ margin-top:0; font-size:26px; font-weight:normal; } .RighInfo002224 .item .con{line-height:28px; position:relative; margin:0; font-size:15px; text-align: justify;} @media(max-width:1360px){ .RighInfo002224{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .RighInfo002224{padding-right:0; padding-left: 0;} } @media screen and (min-width: 768px){ .RighInfo002224 .item{ margin:5% 0;} .RighInfo002224 .item .word{ float:left; width:27%; text-align:left;} .RighInfo002224 .item .pic{ float:right; width:66%;} .RighInfo002224 .item.three .word{ width:45%;} .RighInfo002224 .item.three .pic{ width:40%; padding-top:0;} .RighInfo002224 .item.odd .word{ float:right; width:36%;} .RighInfo002224 .item.odd .pic{ float:left; width:53%;} .RighInfo002224 .item .word{ padding-top:40px;} .RighInfo002224 .item .con{line-height:24px; max-height:96px; overflow:hidden;} } @media screen and (min-width: 1024px){ .RighInfo002224 .item .tit{font-size:28px; } .RighInfo002224 .item .word{ padding-top:110px;} .RighInfo002224 .item .con{line-height:30px;max-height:120px;} } @media(max-width:768px){ .RighInfo002224{ padding:30px 0;} .RighInfo002224 .item .word{ margin-bottom: 20px;} } /* .Floor002375涓篸emo缂栧彿 */ .Floor002376{ padding:4% 0;} .Floor002376 .pic{ float:right; width:48%;} .Floor002376 .word{float: left; width:48%; padding:0 6% 0 8%;} .Floor002376 .tit{margin: 0;font-size: 41px;color: #333;margin-bottom: 5px;padding-top: 20%;} .Floor002376 .h2{margin: 0;font-size: 16px;color: #333;font-weight: normal;letter-spacing: 0.5px;} .Floor002376 figure{margin-top:6%; font-size: 15px; line-height: 30px; padding-top:6%; border-top: 1px solid #eaeaea;} @media(max-width:1360px){ .Floor002376{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002376{padding-right:0; padding-left: 0;} } @media(max-width:1000px) { .Floor002376 .tit{ font-size:40px; } .Floor002376 .h2{ font-size:18px; letter-spacing: 0; } } @media(max-width:640px) { .Floor002376 .word{padding-left:0;} } @media(max-width:480px) { .Floor002376 .pic, .Floor002376 .word{float:none; width:100%; padding: 0;} .Floor002376 .word{text-align: center; margin-bottom: 20px;} .Floor002376 .pic img{padding: 0 5%;} } /* .Floor002471涓篸emo缂栧彿 */ .Floor002471{ padding:4% 0;} .Floor002471 .title { text-align: center; color: #f55000; font-size:32px; margin-bottom:50px;font-weight: bold;} .Floor002471 .ul{ position: relative; } .Floor002471 li { float: left; width: 44%; text-align: center; position: relative; background: #fff; border: 1px solid #eaeaea; border-radius: 10px; padding:4% 2%; margin-right:12%;margin-bottom: 8%; z-index: 2;} .Floor002471 li:nth-child(3){ margin: 0 auto; float: unset; clear: both; background: #ecf5fe; } .Floor002471 li:nth-child(2){ background: #fdf3e5; } .Floor002471 li:nth-child(1){ background: #f1f8f1; } .Floor002471 li:nth-child(2n) { margin-right: 0; } .Floor002471 li figure { margin-bottom: 30px; } .Floor002471 li figure img { width:80%; max-width:100px; } .Floor002471 li p { line-height:30px; overflow: hidden; font-size:18px; color: #333; margin: 0; } .Floor002471 .ul::after, .Floor002471 .ul::before{position: absolute; content:'';z-index: 1;} .Floor002471 .ul::before{width:50%;height:1px;margin-top: -0.5px;margin-left: -25%; top: 20%;left:50%; display: block; background: #eaeaea;} .Floor002471 .ul li:nth-child(1)::before{position: absolute; content:'';z-index: 1;} .Floor002471 .ul li:nth-child(1)::before{width:50%;height:97px;margin-top: -0.5px;margin-left: -25%; top: 100%;left:80%; display: block; background: linear-gradient(45deg, transparent 49.5%, #eaeaea 49.5%, #eaeaea 49.5%, transparent 50.5%);} .Floor002471 .ul li:nth-child(2)::before{position: absolute; content:'';z-index: 1;} .Floor002471 .ul li:nth-child(2)::before{width:50%;height:97px;margin-top: -0.5px;margin-left: -25%; top: 100%;left:20%; display: block; background: linear-gradient(135deg, transparent 49.5%, #eaeaea 49.5%, #eaeaea 49.5%, transparent 50.5%);} /*.Floor002471 .ul::after{width:31px;height:26px;margin-top: -10px;margin-left: -15.5px; top: 50%;left:50%; display: block; background:url(../image/Floor002471-icon.png) no-repeat center;}*/ @media(max-width:1360px){ .Floor002471{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002471{padding-right:0; padding-left: 0;} } @media(max-width:768px) { .Floor002471{ padding:40px 0;} .Floor002471 .title { font-size:26px; } .Floor002471 li p { font-size:14px; } .Floor002471 li br{ display: none;} } @media(max-width:540px) { .Floor002471 li { float:none; width:100%; margin-right:0;} .Floor002471 li+li{ margin-top:80px;} .Floor002471 .ul::before{width: 1px;height: 100%;margin-top: 0;margin-left: 50%;top:0;left: 0;} } /* .Floor0024772 涓篸emo缂栧彿 */ .Floor002472{ padding:4% 0 ; /*background: url(../image/Floor002472-bj.jpg) no-repeat bottom center #eeeef0;*/} .Floor002472 .title {text-align: center; color:#f55000; font-size:32px; margin-bottom:50px; font-weight: bold;} .Floor002472 .ul{z-index: 2; border-radius: 14px; border: 1px solid #ceae5f;background: #fcf5f1} .Floor002472 li { float: left; width:50%; text-align: center; position: relative; padding:4% 3%;z-index: 2;} .Floor002472 li+li{ border-left: 1px solid #ceae5f;} .Floor002472 li h3 { font-size: 30px; color: #e4a07d;margin: 0 0 24px;letter-spacing: 2px; } .Floor002472 li p { line-height:32px; overflow: hidden; font-size: 18px; color: #444; margin: 0; } .Floor002472 .con img{ display: block;margin:30px auto 0; } .Floor002472 .con .wap{ display:none; } @media(max-width:1360px){ .Floor002472{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002472{padding-right:0; padding-left: 0;} } @media(max-width:768px) { .Floor002472{ padding:40px 0;} .Floor002472 .title { font-size:26px; } .Floor002472 li p { font-size:14px; } .Floor002472 li br{ display: none;} } @media(max-width:640px) { .Floor002472 .con .wap{ display:block; } .Floor002472 .con .pc{ display:none; } } @media(max-width:540px) { .Floor002472 li { float:none; width:100%; margin-right:0;} .Floor002472 li+li{ border-left:none; border-top: 1px solid #ceae5f;} .Floor002472 li h3 { font-size:20px;} } /* .Floor0024773 涓篸emo缂栧彿 */ .Floor002473{ padding:4% 0 5.5%;} .Floor002473 .title {text-align: center; color: #000; font-size:32px; margin-bottom:20px; font-weight: bold;} .Floor002473 li { text-align: center; position: relative; z-index: 2; padding-bottom:70px; background:url(../image/Floor002472-con.png) no-repeat bottom center; margin-top: 70px;} .Floor002473 li:last-child{ padding-bottom:0; background:none;} .Floor002473 li h1{ font-family: Impact; color:#ceae5f;margin: 0; font-size: 46px; } .Floor002473 li h1 img{ display: inline-block; max-width: 48px; margin-left:12px; margin-top: -8px;} .Floor002473 li h3{ font-size:26px; color: #333;margin:12px 0 2px; } .Floor002473 li p { line-height:32px; overflow: hidden; font-size: 18px; color: #333; margin: 0; } .Floor002473 .con img{ display: block;margin:10px auto 0; } .Floor002473 .con .img{ max-width:140px; } @media(max-width:1360px){ .Floor002473{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002473{padding-right:0; padding-left: 0;} } @media(max-width:768px) { .Floor002473{ padding:40px 0;} .Floor002473 .title { font-size:26px; } .Floor002473 li h1{font-size:40px; } .Floor002473 li h1 img{ max-width:36px; } .Floor002473 li { padding-bottom:40px;margin-top:40px;} .Floor002473 li h3{ font-size:20px; } .Floor002473 li p { line-height:28px;font-size:14px; } } /* .PicList001200 涓篸emo缂栧彿 */ .PicList001200{padding:4% 0 0; } .PicList001200 li{ padding:10px; border:1px solid #ebebeb; margin-bottom:2%; border-radius: 6px;} .PicList001200 li a{ display:block; position:relative; padding-left:30%;padding-right:12%;} .PicList001200 li a::after{ position:absolute; content:''; width:33px; height:33px; background:url(../image/PicList001200-more.png) no-repeat left top; right:4%; top:50%; margin-top:-16px;} .PicList001200 li figure{ position:absolute; left:0; top:0; height:100%; width:27%;} .PicList001200 li div{ position:relative; padding-right:5%; padding-bottom:11%;} .PicList001200 li div::before{ position:absolute; content:''; width:1px; height:80%; top:10%; background-color:#ebebeb; right:0;} .PicList001200 li h3{ margin:0; font-size:18px; padding:5% 0 0 0; color:#333;} .PicList001200 li p{ margin:3% 0 0 0; color:#969696; line-height:30px; height:60px; overflow:hidden; font-size:15px;} .PicList001200 li time{ position:absolute; left:0; bottom:14%; color:#969696; font-size: 14px; padding-left:30px; background:url(../image/PicList001200-time.png) left center no-repeat;} .PicList001200 li:hover{ border-color:#f55000; box-shadow:0 5px 5px #eee;} .PicList001200 li:hover h3{ color:#f55000;} .PicList001200 li:hover a::after{ background-position:left bottom;} @media(max-width:1360px){ .PicList001200{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .PicList001200{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .PicList001200{padding:30px 0 0; } } @media(max-width:640px){ .PicList001200 li a{padding:2% 2% 0 !important;} .PicList001200 li div::before, .PicList001200 li a::after{ display:none;} .PicList001200 li figure{ position:relative; left:0; top:0; height:auto; width:100%; display: block; padding-bottom: 60%;} .PicList001200 li div{ padding:5% !important; } .PicList001200 li h3{ padding: 0;} .PicList001200 li time{ position:relative; bottom:0; margin-top: 14px; display: block;} } /* .TextList002208 涓篸emo缂栧彿 */ .TextList002208{ padding:4% 0 1%;} .TextList002208 .thead{ line-height:60px; text-align:center; background:#f55000;} .TextList002208 .thead span{ float:left; width:14%; color:#fff; display:block; font-size:16px; height:60px; text-align:center; font-weight:bold; position:relative;} .TextList002208 .dl+.dl{ border-top:1px solid #fff;} .TextList002208 .dl .dt{line-height:60px; text-align:center; cursor:pointer; border-bottom:1px dashed #e0e0e0; } .TextList002208 .dl .dt span{float:left; width:14%; display:block; font-size:14px;} .TextList002208 .dl .dt span.jobname{ text-align:left; padding-left:5%;} .TextList002208 .dl .dt .btn{ text-decoration:underline; display:block; position:relative; height:60px;} .TextList002208 .dl .dt .btn i{ position:absolute; right:50%; background:url(../image/TextList002208-icon.png) no-repeat -44px -82px ; display:block; width:21px; height:11px; top:50%; margin-top:-5px; margin-right: -10.5px;} .TextList002208 .jobname{ width:30% !important;} .TextList002208 .dl.active .dt span,.TextList002208 .dl.active .btn{ color:#f55000;} .TextList002208 .dl.active .dt .btn i{ background-position:-44px -70px;} .TextList002208 .conbox{ display:none; border-bottom: #e0e0e0 1px dashed; padding:30px 70px; background: #fafafa; } .TextList002208 .conbox .p{margin:0 0 30px; font-size:14px; color:#666; line-height: 30px; border-bottom: 1px dashed #eaeaea; padding-bottom: 30px;} .TextList002208 .conbox .b{display: block; margin-bottom: 14px;} .TextList002208 .conbox .send { padding: 12px 0; } .TextList002208 .conbox .send em{ font-style: normal; border-bottom: #f55000 1px solid; } .TextList002208 .conbox .send a{ display: inline-block; line-height: 30px; color: #f55000; background: url(../image/TextList000488_icon.png) no-repeat right center; font-weight: bold; padding-right: 35px; font-size:14px; } @media(max-width:1360px){ .TextList002208{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .TextList002208{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .TextList002208{ padding:30px 0 10px;} } @media(max-width:640px){ .TextList002208 .jobaddr, .TextList002208 .jobyq, .TextList002208 .thead span i{ display:none !important;} .TextList002208 .thead span, .TextList002208 .dl .dt span{ width:23%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .TextList002208 .conbox{ padding:30px 20px;} } @media(max-width:480px){ .TextList002208 .num{ display:none !important;} .TextList002208 .jobname{ width:50% !important; } .TextList002208 .time{ width:40% !important; } .TextList002208 .btn{width:10% !important; } } .Namap{padding: 4% 0 2%;} .Namap img{ display: block;margin:0 auto; } .Namap .wap{ display: none; } @media(max-width:1360px){ .Namap{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Namap{padding-right:0; padding-left: 0;} } @media(max-width:800px){ .Namap .pc{ display: none; } .Namap .wap{ display: block;} } /* .RighInfo002275 涓篸emo缂栧彿 */ .RighInfo002275{padding:5% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size:25px;color: #fc6e06;font-weight: normal;margin-bottom:46px;} .RighInfo002275 .text .p{font-size:18px;color:#656565; line-height: 30px; margin: 0 0 10px; padding:6px 0 18px 64px; background-repeat: no-repeat; background-position:left top;} .RighInfo002275 .text .add{background-image: url(../image/RighInfo002275-icon1.png);} .RighInfo002275 .text .pho{background-image: url(../image/RighInfo002275-icon2.png);} .RighInfo002275 .text .fax{background-image: url(../image/RighInfo002275-icon3.png);} .RighInfo002275 .text .mail{background-image: url(../image/RighInfo002275-icon4.png);} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media(max-width:1360px){ .RighInfo002275{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .RighInfo002275{padding-right:0; padding-left: 0;} } @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../image/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} } @media screen and (min-width: 1200px) { .RighInfo002275 .map{width: 600px;height: 366px;} .RighInfo002275 .text{width:50%;} } @media(max-width:1000px){ .RighInfo002275 .text .title{font-size:20px; margin-bottom: 20px;} .RighInfo002275 .text .p{font-size:14px;} } @media(max-width:768px){ .RighInfo002275{padding:40px 0} } .boxconts{padding:5% 0; text-align: center; background: url(../image/boxconts-bj.jpg) no-repeat center bottom; background-size: cover;} .boxconts .word{display: inline-block; text-align: left; font-size: 26px; color: #333; line-height:38px; vertical-align:middle;} .boxconts .word span{color:#f55000; font-weight: bold;} .boxconts .pic{display: inline-block;vertical-align:middle; margin-left:10%; } @media(max-width:1360px){ .boxconts{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .boxconts{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .boxconts{padding:50px 0} .boxconts .word{font-size:20px; line-height:32px;} } @media(max-width:520px){ .boxconts .pic{ margin-left:0; margin-top: 20px; } } /* .RighInfo002803 涓篸emo缂栧彿 */ .RighInfo002803 { padding:5% 0; } .RighInfo002803 .txtbox { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; margin-bottom: 4%; } .RighInfo002803 .name { font-size: 32px; padding-bottom: 30px; color: #000;} .RighInfo002803 .name em { font-style: normal; color: #f55000; } .RighInfo002803 .word { line-height:28px; font-size: 15px; color: #585858; position: relative; } .RighInfo002803 .word .fr { margin-left: 60px; margin-bottom: 40px; } .RighInfo002803 .word .fl { margin-right: 60px; margin-bottom: 40px; margin-top: 40px; } .RighInfo002803 .word .pc_pic { display: block; position: absolute; right: 0; top: 0; z-index: -1; } @media(max-width:1360px){ .RighInfo002803{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .RighInfo002803{padding-right:0; padding-left: 0;} } @media only screen and (min-width:769px ) { .RighInfo002803 .p { padding-right: 53%; margin-bottom:28px; } .RighInfo002803 .p1 { padding-right:39%; } } @media (max-width: 1200px) { .RighInfo002803 .name { font-size: 24px; padding-bottom: 14px;} .RighInfo002803 .word .pc_pic { position: static; width: 45%; float: right; margin-left: 5%;margin-bottom: 15px; } .RighInfo002803 .p, .RighInfo002803 .p1 { padding-right: 0; } } @media (max-width: 768px) { .RighInfo002803 { padding:30px 0; } .RighInfo002803 .word .pc_pic {width:100%; float: none; margin-left:0; } .RighInfo002803 .word .pc_pic img{display: block; margin:20px auto;} .RighInfo002803 .word { font-size: 14px; } } /*Floor002153 */ .Floor002153{ background:#f6f6f6; padding:4% 0 5.5%;} .Floor002153 .title {text-align: center; color: #000; font-size: 32px; margin-bottom:36px; } .Floor002153 .auto{ position:relative; background:#fff; box-shadow: 0px 3px 68px 0px rgba(123,137,159,0.17);} .Floor002153 .auto i{ position:absolute; left:15px; top:15px; right:15px; bottom:15px; border:1px solid #a0a0a0; opacity: 0.21;} .Floor002153 dl{ padding-right:50%;} .Floor002153 dl img{ display:block; width:100%;} .Floor002153 .txt{ position:absolute; z-index:10; right:45px; top:50%;width:42%;} .Floor002153 .txt h1{ margin:0; font-size:24px; color:#333;} .Floor002153 .txt h1 span{ display: block; margin-top:7px; font-size: 15px; font-weight: normal; color: #888;} .Floor002153 .txt h1:after { display: block; content: ''; margin:15px 0; width: 30px; height: 2px; background: #fc6e06; } .Floor002153 .txt p{line-height: 32px;font-size: 14px;height:130px; overflow-y: auto;} .Floor002153 .txt p::-webkit-scrollbar{ width:3px; height:100%;} .Floor002153 .txt p::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:1.5px;} .Floor002153 .txt p::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;} .Floor002153 .txt p::-webkit-scrollbar-thumb:hover{ background: #f55000;} .Floor002153 .txt p::-webkit-scrollbar-corner{ background:#f55000;} @media(max-width:1360px){ .Floor002153{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002153{padding-right:0; padding-left: 0;} } @media(max-width:1200px){ .Floor002153 .auto{ padding:0; margin:0 2%;} } @media(max-width:1000px) and (min-width:900px){ .Floor002153 .txt h1{font-size:20px;} .Floor002153 .txt a{ line-height:35px;} } @media(min-width:900px){ .Floor002153 .txt{ -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);} } @media(max-width:899px){ .Floor002153 dl{ padding-right:0;} .Floor002153 .txt{ position:inherit; right:auto; width:auto; padding:30px;} .Floor002153 .txt p{height:auto; overflow-y: visible;} } @media(max-width:768px){ .Floor002153{ padding:30px 0;} .Floor002153 .title {font-size:24px; margin-bottom:26px; } } @media(max-width:480px){ .Floor002153 .txt h1{font-size:20px;} .Floor002153 .txt h1 span{font-size:15px;} } /*Floor001891*/ .Floor001891{ padding:6% 0;} .Floor001891 .title{ text-align: center} .Floor001891 .title .cn{color: #000; font-size:32px;} .Floor001891 .title .loading{display:inline-block; margin: 20px 0; height: 9px;} .Floor001891 .title .demo1 {width: 4px;height: 4px; border-radius: 2px;background:#f55000;; float: left; margin: 0 3px; animation: demo1 linear 1s infinite;-webkit-animation: demo1 linear 1s infinite;} .Floor001891 .title .demo1:nth-child(1){ animation-delay:0s;} .Floor001891 .title .demo1:nth-child(2){ animation-delay:0.15s;} .Floor001891 .title .demo1:nth-child(3){ animation-delay:0.3s; } .Floor001891 .title .demo1:nth-child(4){ animation-delay:0.45s;} .Floor001891 .title .demo1:nth-child(5){animation-delay:0.6s;} .Floor001891 .pic{ float:right; margin-left:4%;} .Floor001891 .pic img{ display:block; width:100%;} .Floor001891 .txt{ text-align: justify;} .Floor001891 .txt p{ margin:0 0 30px; line-height:32px; font-size:15px; color: #585858;} @media(max-width:1360px){ .Floor001891{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor001891{padding-right:0; padding-left: 0;} } @media(max-width:900px){ .Floor001891 .pic{ float:none; margin-left:0; margin-bottom: 30px;} } @media(max-width:768px){ .Floor001891{ padding:40px 0;} .Floor001891 .title {font-size:24px; margin-bottom:26px;} .Floor001891 .txt p{ line-height:28px; font-size:14px;} } /*PicList002173 */ .PicList002173{ padding:4% 0;} .PicList002173 .video{ position:relative; padding-bottom:56.25%;} .PicList002173 .video video{ position:absolute; left:0; width:100%; top:0; height:100%; background:#000;} .PicList002173 .owl-carousel{ padding:0 30px; margin-top:3%;} .PicList002173 .item{ padding:0 15px; cursor:pointer;} .PicList002173 .item figure{padding-bottom:52%; position:relative;} .PicList002173 .item figure:after{display: block; content: ''; position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.5); } .PicList002173 .item figure a{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/PicList002173-icon_video.png) no-repeat center center; z-index: 10;} .PicList002173 .item figure img{ display:none;} .PicList002173 .item h3{ margin:0; padding:0 3%; margin-top:14px; font-weight:normal; font-size:16px; text-align: center;} .PicList002173 .owl-carousel .ON h3{ color:#fc6e06;} .PicList002173 .owl-carousel .ON figure:after{display: none;} .PicList002173 .owl-nav div{ position:absolute; width:16px; height:28px; top:50%; margin-top:-24px; background:url(../image/PicList002173-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002173 .owl-nav .owl-prev{ left:0;} .PicList002173 .owl-nav .owl-prev:hover{ background-position:left top;} .PicList002173 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002173 .owl-nav .owl-next:hover{background-position: right top;} @media(max-width:1360px){ .PicList002173{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .PicList002173{padding-right:0; padding-left: 0;} } @media(max-width:1000px){ .PicList002173 .item{ padding:0 10px;} } @media(max-width:768px){ .PicList002173{ padding:40px 0;} .PicList002173 .owl-carousel{ margin-top:16px;} } @media(max-width:640px){ .PicList002173 .item h3{font-size:14px;} } .Form002324{ position:fixed; background:rgba(0,0,0,0.5); width:100%;height: 100%; top:0; left:0; z-index:101; display:none;} .Form002324 .wrap-container{ position:fixed; top:50%; left:50%; background:#fff; z-index:100; width:240px; height: 300px; margin-left: -120px; margin-top:-150px; border-radius: 10px; padding: 20px;} .Form002324 .closeBtn{ position:absolute; top:14px; right:14px; height:17px; width:17px; display:block; background:url(../image/Form002324-colseBtn.png) no-repeat;} .Form002324 .Title{ font-size:24px; color:#f55000; text-align:center; line-height:36px; } .Form002324 img{ display: block; margin:6px auto; width: 100%; max-width:190px; border: 1px solid #eaeaea;} .Form002324 span{ display: block;text-align: center;} /* .RichInfo005 涓篸emo缂栧彿 */ .RichInfo005{ padding:3% 0 4%; } .RichInfo005 .title { text-align: center; padding-bottom: 30px; } .RichInfo005 .title h1 { margin:0; padding-bottom:15px; font-size:24px; color: #333; } .RichInfo005 .title p { margin: 0; border-bottom: 1px dashed #d6d6d6; padding-bottom:30px; font-size: 14px; } .RichInfo005 .info { text-align: justify; text-justify: inter-ideograph; font-size: 15px; line-height: 32px; color: #666; } .RichInfo005 .info p { margin-top:0; } .RichInfo005 .info .p{text-indent: 2em; } .RichInfo005 .info .pic1{ float:left; margin-right:3%; margin-bottom:2%;} .RichInfo005 .info .pic2{ float:right; margin-left:3%; margin-bottom:2%;} .RichInfo005 .info .img{display: block; margin: 3% auto;} .RichInfo005 .info_pn {margin-top: 40px;padding-top: 40px;border-top: 1px dashed #d6d6d6;font-size: 14px;position: relative;} .RichInfo005 .info_pn .left { float: left; width: 40%; } .RichInfo005 .info_pn .right { float: right; width:40%; } .RichInfo005 .info_pn a { color: #666; display: block; line-height: 22px; padding-left: 64px; background: url(../image/RichInfo005-left.png) no-repeat left center; } .RichInfo005 .info_pn .right a { text-align: right; padding-left: 0; padding-right: 64px; background: url(../image/RichInfo005-right.png) no-repeat right center; } .RichInfo005 .info_pn span { color:#f55000; display: block; } .RichInfo005 .info_pn a:hover { color:#f55000; } @media(max-width:1360px){ .RichInfo005{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .RichInfo005{padding-right:0; padding-left: 0;} } @media(max-width:768px) { .RichInfo005 {padding: 30px 0 40px; } } @media(max-width:640px) { .RichInfo005 .info .pic img { float: none; width: 100%; margin-right: 0; margin-bottom: 4%; } .RichInfo005 .info_pn .left { width: 40%; } .RichInfo005 .info_pn .right { width: 40%; } .RichInfo005 .title h1 {font-size:20px;} } @media(max-width:540px) { .RichInfo005 .info .pic img { float: none; width: 100%; margin-right: 0; margin-bottom: 4%; } .RichInfo005 .info_pn .left, .RichInfo005 .info_pn .right { width: 100%; float: none; margin-bottom: 4%; } .RichInfo005 .info_pn .right a { text-align: left; padding-left: 64px; padding-right: 0; background: url(../image/RichInfo005-right.png) no-repeat left center; } } .searchlist{padding:3% 0 1%;} .searchlist ul li{ padding:2% 120px 2% 0; position:relative; border-bottom:1px solid #eaeaea; font-size:14px;} .searchlist ul li:hover a{color:#f55000; } .searchlist ul li time{ position:absolute; right:0; top:50%; color:#999; margin-top:-10px; } @media(max-width:1360px){ .searchlist{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .searchlist{padding-right:0; padding-left: 0;} } @media(max-width:768px){ .searchlist{padding: 40px 0;} } .sitemap{padding:3% 0 5%;} .sitemap li{ padding:20px 0; line-height: 24px; border-bottom: 1px dashed #eaeaea; font-size: 15px; position: relative; padding-left: 100px;} .sitemap strong{display: inline-block; width:100px; position: absolute; left: 0; top:20px;} .sitemap span a{padding: 0 20px; display: inline-block; } .sitemap a:hover{color:#f55000; } @media(max-width:1360px){ .sitemap{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .sitemap{padding-right:0; padding-left: 0;} } .listtitle{ text-align: center} .listtitle .cn{color: #000; font-size:32px;} .listtitle .loading{display:inline-block; margin: 20px 0; height: 9px;} .listtitle .demo1 {width: 4px;height: 4px; border-radius: 2px;background:#f55000;; float: left; margin: 0 3px; animation: demo1 linear 1s infinite;-webkit-animation: demo1 linear 1s infinite;} .listtitle .demo1:nth-child(1){ animation-delay:0s;} .listtitle .demo1:nth-child(2){ animation-delay:0.15s;} .listtitle .demo1:nth-child(3){ animation-delay:0.3s; } .listtitle .demo1:nth-child(4){ animation-delay:0.45s;} .listtitle .demo1:nth-child(5){animation-delay:0.6s;}