/*body{overflow: hidden;}*/ .auto_1440{max-width:1440px;} .auto{padding: 0 90px;} @media(max-width:1024px){ .auto{padding: 0 2%} } /*Top002262*/ .Top002262 { background: #fff; position: fixed;width:100%; z-index: 100;} .Top002262 .auto{padding: 0 90px;} .Top002262 .header-left{ float: left; width: 12%; display:table; height:95px;} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .header-phone, .Top002262 .header-mid, .Top002262 .header-right{ float:right;} .Top002262 .header-phone{width:12%;} .Top002262 .header-mid{width:56%;margin: 0 10%;} .Top002262 .header-phone dd img{width:47px;float:left;margin-top:3px;margin-right:7px;} .Top002262 .header-phone dd span{color:#017fc7;font-weight: normal;font-size: 28px;display: block; font-family: "Source Han Sans CN"; } .Top002262 .header-phone dd{ float:left;width:100%;line-height: 26px; padding:15px 0;color:#333; font-size: 16px;} .Top002262 .header-right dd span{color:#333;font-weight: normal;font-size: 14px;display: block;} .Top002262 .header-menu li{ } .Top002262 .header-menu li em{ padding:0 15px;position:relative;} .Top002262 .header-menu li em a{ line-height:95px; position:relative; font-size:19px; color:#333;} .Top002262 .header-menu li em a::before{ position:absolute; content:''; left:50%; transform:translateX(-50%); height:3px; background:#0074bf;width:0; transition:ease-in-out 0.3s;} .Top002262 .header-menu li em a:hover::before, .Top002262 .header-menu li.aon em a{} .Top002262 .header-menu li.aon em a::before{width:100%;} .Top002262 .header-menu li .sub{ width:130%; left:-15%; overflow:hidden; background: none } .Top002262 .header-menu li .sub-menu{ padding:0px; text-align:center;} .Top002262 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;line-height: 40px; background: #fff} .Top002262 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002262 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:#0074bf; color:#fff; } .Top002262 .header-right dd{ float:left;padding:28px 0;color:#017fc7;font-family: Arial, Helvetica, sans-serif;font-weight: bold; font-size: 26px;} .Top002262 .header-right dd img{width:30px;margin-top:-7px;margin-right:3px;} .Top002262 .top-search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(../images/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:#e60012; top:50%; left:10%; transform:rotate(-45deg);} .Top002262 .open-search-show::after{transform:rotate(45deg);} .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(max-width:1920px){ .Top002262 .auto{padding: 0 20px;} .Top002262 .header-menu li em{padding: 0 10px} .Top002262 .header-menu li{ } .Top002262 .header-phone{ } .Top002262 .header-phone dd span{ font-size: 20px; } } @media(max-width:1680px){ .Top002262 .header-menu li{ } } @media(max-width:1400px){ .Top002262 .header-menu li em{padding: 0 5px} .Top002262 .header-menu li{ } } @media(max-width:1600px){ .Top002262 .header-left{width:15%;} .Top002262 .header-phone{width:15%;} .Top002262 .header-mid{width:54%; margin: 0 8%;} } @media(max-width:1280px){ .Top002262 .header-left{width:17%;} .Top002262 .header-phone{width:17%;} .Top002262 .header-mid{margin: 0 6%;} } @media(max-width:1024px){ .Top002262 .header-phone{ display: none} .Top002262 #header-menu{ position:fixed; right:-100%; top:0; background:#017fc7; z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.1s;} .Top002262 #header-menu.header-menu-show{ right:0;} .Top002262{ height: 80px;} .Top002262 .header-left{ height: 80px;width:30%;} .Top002262 #header-menu li .sub-menu dt a{ border-bottom: 1px solid rgba(0,0,0,0.1)} .Top002262 #header-menu li .sub-menu dt:last-child a{ border-bottom: none} .Top002262 #header-menu li em a{ font-weight:normal;} .Top002262 #header-menu li.has-sub em a{ background:url(../images/Top002262-icon.png) no-repeat 95% center;} .Top002262 #header-menu li.clickon em a{ background-image:url(../images/Top002262-icon_up.png);} .Top002262 #header-menu li .sub-menu{ padding:5%; background: rgba(0,0,0,0.1)} .Top002262 #open_menu{ width:40px; height:30px;background:#017fc7; margin-left:10px; position:relative; z-index:101; transition:background 0.3s;} .Top002262 #open_menu i, .Top002262 #open_menu i::before, .Top002262 #open_menu i::after{ background:#fff; border-radius:3px;} .Top002262 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002262 #open_menu.open_menu_on{ background:#017fc7; position:fixed; right:7%;} .Top002262 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} .Top002262 #header-menu li em::before, .Top002262 #header-menu li.sub-menu, .sub-menu{ display:none} } /*Banner002058 */ .Banner002058{position: relative;z-index: 1;padding-top:80px;} .Banner002058 .bx-viewport{z-index: 1;} .Banner002058 li a, .Banner002058 li{height: auto;} .Banner002058 li{background-position: center center;background-repeat: no-repeat;background-size: contain;} .Banner002058 li a{position: relative;display: block;} .Banner002058 li img{display: block;} .Banner002058 li .wap{display: none;} .Banner002058 .bx-controls-direction a{display: none;z-index: 10;position: absolute;width: 49px;height: 49px;overflow: hidden;line-height: 1000px;top: 50%;transform: translateY(-50%);background: url(../images/Banner002058-btn_left.html) no-repeat center center;background-size: contain;} .Banner002058 .bx-controls-direction a.bx-prev{left: 2%;} .Banner002058 .bx-controls-direction a.bx-next{right: 2%;background-image: url(../images/Banner002058-btn_right.html);} .Banner002058 .bx-controls-direction a.bx-prev:hover{background-image: url(../images/Banner002058-btn_lefton.html);} .Banner002058 .bx-controls-direction a.bx-next:hover{background-image: url(../images/Banner002058-btn_righton.html);} .Banner002058 .bx-pager{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; z-index:10;} .Banner002058 .bx-pager div{ display:inline-block; position:relative;} .Banner002058 .bx-pager div::before{ width:7px; height:7px; position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff;border-radius:50%;} .Banner002058 .bx-pager a{ display:block; border-radius:50%; border:1px solid transparent; width:35px; height:35px; overflow:hidden; line-height:1000px;} .Banner002058 .bx-pager a.active{ border-color:#fff;} @media(max-width:1024px){.Banner002058 li a, .Banner002058 li{height: auto;} .Banner002058 li{background: none !important;} .Banner002058 li img{ display:none;} .Banner002058 li .wap{display: block;width: 100%;}} .title123{text-align: center;margin-bottom:3%;} .title123 p{margin:0;font-size:48px;font-family: "Verdana";font-weight: normal;letter-spacing: 0px;margin-bottom:12px; color:#333;} .title123 span{font-size:32px;color:#333;} @media(max-width:1024px){ .title123{ margin: 0 0 20px 0} .title123 p{ font-size: 28px; margin: 0} .title123 span{ font-size: 18px;} } /* .Floor002491 为demo编号 */ .Floor002491{ padding:4% 0 5% 0; width: 100%; position: relative; z-index:9;} .Floor002491 .auto{padding:0 0px;} .Floor002491 .auto_1600{ position: relative; background: #fff;padding-bottom: 5.25%;} .Floor002491 .wrap-container{ margin: 0 auto; padding: 0 0px;} @media (max-width: 1400px) { .Floor002491 .auto{padding:0 2%;} } .Floor002491 .maintit{display: block; padding: 30px 0 20px; width: 100%; margin: 0; text-align: center;font-size: 22px; font-weight: normal; color: #0a0404; background: #fff; line-height: 1;} @media (min-width:1000px ) { .Floor002491 .maintit{ background: url(../images/Floor002491-bodytop.png) no-repeat left top; background-size: 100% 205px;position: absolute; left: 0;top:-205px; z-index:6;font-size: 34px; padding:134px 0 37px;} } .Floor002491 ul * { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .Floor002491 ul li{transition: all 0.5s; width: 25%;float: left; height: 200px; background-position: 0 0; position: relative; background-size: cover; background-repeat: no-repeat; border-radius: 4px; position: relative;overflow: hidden; } .Floor002491 ul li a{display: block; color: #fff;position: absolute; width: 100%;height: 100%;left: 0;bottom: 0; } .Floor002491 ul li a .txt{display: none;} .Floor002491 ul li a .txtBox .h3{text-align: center; font-size: 14px;font-weight: normal;margin-bottom:10px; margin-top: 10px;} .Floor002491 ul li a .txtBox p{font-size: 18px;width:90%;margin: 0 auto; display: none; text-align: center} .Floor002491 ul li a .txtBox .h3:after{content:'';width:95px;height:2px;background: #fff;display: block;margin: 0 auto;margin-top:13px;} .Floor002491 ul li a .icon{max-width: 100%; text-align: center; margin: 0 auto;} .Floor002491 ul li .liBox{ position: relative; width: 100%;height: 100%;overflow: hidden; } .Floor002491 ul li .liBox .liCon{position: absolute; width: 100%;bottom: 33%;} .Floor002491 ul li .liBox .liCon .hover{display: none} .Floor002491 ul li.on a .txtBox p{ display: block} .Floor002491 ul li.on .img{display: none} .Floor002491 ul li.on .liBox .liCon .hover{display: inline-block} .Floor002491 ul li.li1 .liBox{background: rgba(1, 127, 199, 0.3); } .Floor002491 ul li.li2 .liBox{background: rgba(32,151,155,.5); } .Floor002491 ul li.li3 .liBox{background: rgba(32,151,155,.5); } .Floor002491 ul li.li4 .liBox{background: rgba(19,97,167,.5); } @media screen and (min-width:768px ){ .Floor002491 ul li{ width: 25%;float: left; height: 400px;} .Floor002491 ul li a .txtBox .h3{font-size: 24px;} } @media screen and (min-width:1000px ){ .Floor002491 ul li{height: 555px; width: 11.5%;margin: 0 0.2%;} .Floor002491 ul li.on{width:40%; } .Floor002491 ul li.on a{ width: 100%; height: 100%;overflow: hidden; } /*.Floor002491 ul li.on .liBox .liCon{position:relative; height: 100%;}*/ /* .Floor002491 ul li.on a .icon{margin-bottom:17px;} .Floor002491 ul li.on a .txtBox{position: relative; top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);}*/ } @media (max-width: 1024px) { .Floor002491 ul li{ width: 100%; margin-bottom: 20px; height: 250px; } .Floor002491 ul li a .txtBox { width: 100%; height: auto; overflow: hidden} .Floor002491 ul li a .txtBox .h3{ font-size:20px;} .Floor002491 ul li a .txtBox p{ display: block; font-size: 16px;} .Floor002491 ul li .liBox .liCon{ position: relative; bottom: auto;padding: 5%; height: auto; overflow: hidden} } /*.title123 span:after{content:'';width:40px;height:2px;background:#0074bf;display: block;margin: 0 auto;margin-top:2%;}*/ /*Floor002528 */ .Floor002528{ padding:3% 0 2%; overflow:hidden;} .Floor002528 ul{position:relative; z-index:1;} .Floor002528 ul li{width:414px;min-height:100px;float:left; margin:0 10px;margin-top:-18px; text-align:center;transition: top 1s ease, left 1s ease;} .Floor002528 ul li a{ display:block; transition:transform ease-in-out 0.3s;} .Floor002528 ul li .pic{ position:relative; background:#000;} .Floor002528 ul li .pic img{display:block; width:100%; opacity:1;} .Floor002528 ul li .pic img.hover{ display:none;} .Floor002528 ul li .txt{color:#000; padding:3%;} .Floor002528 ul li .txt p{ font-size:22px; margin:0;} .Floor002528 ul li .txt i{ display:block; content:''; width:31px; height:1px; background:#666; margin:8px auto;} .Floor002528 ul li .txt span{text-transform: uppercase;} .Floor002528 ul li a:hover .txt{box-shadow:3px 0 7px rgba(0,0,0,0.1);} .Floor002528 ul li a:hover .txt p{color:#017fc7;} .Floor002528 ul li a:hover .pic img{ opacity:1;} @media(max-width:1280px){ .Floor002528 ul{ padding:0;} } @media(max-width:640px){ .Floor002528 ul li .txt p{ font-size:20px;} .Floor002528 ul li .txt span{ font-size:12px;} } @media(min-width:1025px){ .Floor002528 ul li a:hover{ transform:scale(1.03);} .Floor002528 ul li a:hover .txt{ transform:scale(1); } } /*Floor002658 */ .Floor002658{background:#f5f5f5;padding:4% 90px;} .Floor002658 .auto{margin: 0 auto; overflow:hidden;padding: 0 90px;} /*.Floor002658 .title123 p{color:#fff;} .Floor002658 .title123 span{color:#fff;}*/ .Floor002658 .title-intro{ text-align:center; padding:3% 0; color:#333; max-width:1150px; margin:0 auto;} .Floor002658 .title-intro h3{ margin:0; font-size:60px;} .Floor002658 .title-intro p{ font-size:20px; line-height:30px;} .Floor002658 .title-intro a{ color:#c09a75; text-decoration:underline;} @media(max-width:768px){ .Floor002658 .title-intro h3{ font-size:30px;} .Floor002658 .title-intro p{ font-size:16px; line-height:24px;} } @media(max-width:480px){ .Floor002658 .title-intro h3{ font-size:24px;} .Floor002658 .title-intro p{ font-size:14px; line-height:20px;} } .Floor002658 .more{text-align: center;margin: 0 auto;margin-top:3%; text-align: center;display: block} .Floor002658 .more{text-align: center;width:160px; margin: 0 auto;margin-top:3%; text-align: center;display: block} .Floor002658 .more a{position: relative; border:1px solid #999;width:160px; padding: 10px 32px;font-size: 15px; display: inline-block;color:#666;transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s;} .Floor002658 .more a:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: -1; background: #017fc7; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002658 .more a:hover:before{width:100%;} .Floor002658 .more a:hover{border:1px solid #017fc7;color:#fff;z-index: 99} .Floor002658 .swiper-container {position: relative;z-index: 1; width:176%;left:-37%; margin:0 auto;} .Floor002658 .swiper-wrapper, .Floor002658 .swiper-slide {position: relative;width: 100%;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Floor002658 .swiper-wrapper {z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002658 .swiper-slide {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} .Floor002658 .swiper-container-android .swiper-slide, .Floor002658 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002658 li{ position:relative;transform:scale(0.8); transition:1.5s;border-radius: 10px;overflow: hidden;} .Floor002658 li::before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;} .Floor002658 li.swiper-slide-active{ transform:scale(1);} .Floor002658 li.swiper-slide-active::before{ display:none;} .Floor002658 li .files, .Floor002658 li a{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,0.4);} .Floor002658 li .files{ background:#000; display:none;} .Floor002658 li .pic{ padding-bottom: 50% } .Floor002658 li aside{ position:absolute; display: none; left:50%; top:50%; transform:translate(-50%,-50%); font-size:22px;font-weight: bold; color:#fff;} .Floor002658 li aside span{ display:block; border-radius:50%; width:85px; height:85px; border:3px solid #fff; background:rgba(255,255,255,0); position:relative; margin:0 auto 10px;} .Floor002658 li aside span::before{ position:absolute; content:''; border:17px solid transparent; border-left-color:#fff;left:50%; top:50%; margin-left:-4px; margin-top:-16px;} .Floor002658 li.swiper-slide-active aside{display: block} .Floor002658 .pager{ text-align:center;padding:2% 0;} .Floor002658 .pager span{ display:inline-block; margin:0 5px;border:1px solid transparent; border-radius:50%; width:17px; height:17px; position:relative;} .Floor002658 .pager span::before{ position:absolute; content:''; left:3px; top:3px; right:3px; bottom:3px; border-radius:50%; background:rgba(0,0,0,0.3);} .Floor002658 .pager span.swiper-pagination-bullet-active{ border-color:#017fc7;} .Floor002658 .pager span.swiper-pagination-bullet-active::before{ background:#017fc7;} .Floor002658 .btn a{ position:absolute; content:''; width:32px; height:32px; border-top:4px solid #f18832;border-right:4px solid #f18832; transform:rotate(45deg); top:50%; margin-top:-16px; cursor:pointer; z-index:10;} .Floor002658 .btn a.prev{left:32.5%; margin-left:-32px;transform:rotate(-135deg);} .Floor002658 .btn a.next{right:32.5%; margin-right:-32px;} .Floor002658 .btn a:hover{ border-color:#017fc7;} @media(max-width:1400px){ .Floor002658 { padding: 50px 2%;} .Floor002658 .auto{padding: 0 ; margin: 0 2%} .Floor002658 .swiper-container{ width: 100%; left: 0} .Floor002658 li aside{ font-size: 16px; left: 20%; width: 60%;transform:none; top: 50px; text-align: center } .Floor002658 li aside span{ width:60px; height: 60px;} .Floor002658 .btn a{ width: 22px; height: 22px;} .Floor002658 .btn a.prev{left:10px; margin: 0} .Floor002658 .btn a.next{right:10px; margin: 0 } } /*Menu002136 */ /* .Floor002232 为demo编号 */ .Floor002232{padding:4% 0} .Floor002232 .tab { padding-bottom: 2%; text-align: center} .Floor002232 .tab span{ display:inline-block; padding:0 30px;font-weight: bold; font-size: 16px; line-height:36px; position:relative; z-index:1; cursor: pointer;} .Floor002232 .tab span:hover, .Floor002232 .tab span.on{ background: #017fc7; color: #fff; border-radius: 6px; } .Floor002232 .tab span:after{ position:absolute; content:''; width:1px; height:60%; top:20%; background:#9ac5de; right:-3px;} .Floor002232 .tab span.end:after{ display:none;} .Floor002232 .titl{ text-align: center; font-size: 20px; color: #c49162; padding: 40px 0 } .Floor002232 .titl p{ margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; color: #e3ccbb;} .Floor002232 .more{text-align: center;width:160px; margin: 0 auto;margin-top:3%; text-align: center;display: block} .Floor002232 .more a{position: relative; border:1px solid #999;width:160px; padding: 10px 32px;font-size: 15px; display: inline-block;color:#666;transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s;} .Floor002232 .more a:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: -1; background: #017fc7; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002232 .more a:hover:before{width:100%;} .Floor002232 .more a:hover{border:1px solid #017fc7;color:#fff;z-index: 99} .Floor002232 li{ position: relative; font-size: 14px; color: #fff; line-height: 24px;border:1px solid #fff;} .Floor002232{overflow: hidden;} .Floor002232 .titl{ font-size: 30px;} .Floor002232 li h3 a{ font-size: 20px!important;font-weight:normal;} .Floor002232 li h3 span{ margin-bottom: 20px; margin-top: 20px;} .Floor002232 ul{ position: relative;} .Floor002232 li{ width: 25%; float: left; } .Floor002232 li p{ height: 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;} .Floor002232 li:hover{} .Floor002232 li .text .text-inner{ width:80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .Floor002232 li h3{margin-bottom:0;margin-top:-3%;} .Floor002232 li h3 span{ width: 27px; display: block; margin: 10px auto; height: 1px;background: #fff} .Floor002232 li .text{transition:all 0.5s;background: rgba(0,0,0,0);width: 0%;height: 0%;position: absolute;left: 0;top: 0;text-align: center;} .Floor002232 li h3 a,.Floor002232 li p{font-size: 0;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #fff;width: 75%;margin:0 auto;padding-top: 0;transition:all 0.5s;height: 0;overflow: hidden;} .Floor002232 li h3 a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .Floor002232 li h3 a{color: #fff;font-family: "Source Han Sans CN";-webkit-text-stroke-width: 0.3px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .Floor002232 li h3 p{} .Floor002232 li:hover .text{background: rgba(0,0,0,0.6);width: 100%;height: 100%;} .Floor002232 li:hover h3 a{font-size: 22px;line-height: 34px;padding-top: 3vw;height: 34px;} .Floor002232 li:hover p{font-size: 16px;line-height: 26px;height: 78px;} @media (max-width: 1400px) { .Floor002232 { margin: 0 2% } } @media (max-width: 1024px) { .Floor002232{ padding: 40px 0 } .Floor002232 li{ width: 100% } .Floor002232 .tab { margin-bottom: 2%; height: auto; overflow: hidden} .Floor002232 .tab a{ width: 49%; margin-right: 2%; margin-bottom: 2%; float: left; background: #f5f5f5; border-radius: 3px;} .Floor002232 .tab a:nth-child(2n){ margin-right: 0} .Floor002232 .tab a:after{ display:none;} .Floor002232 .more{ margin-top: 30px} } .video-Banner002720{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);} .video-Banner002720 .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;} .video-Banner002720 .close::before, .video-Banner002720 .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} .video-Banner002720 .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);} .video-Banner002720 .ytable{ height:100%;} .video-Banner002720 .ytable-cell{ text-align:center;} .video-Banner002720 video{ width:90%; max-width:900px;} .Floor002687{ position:relative; z-index:1; background:#f6f6f6; overflow:hidden;} .Floor002687::before{ position:absolute; content:''; width:50%; left:0; top:0; height:100%; background:#ececec;} .Floor002687 > .auto{ position:relative; z-index:10; max-width:1440px;} @media(max-width:1760px){ .Floor002687 > .auto{ padding-left:2%; padding-right:2%;} } .Floor002687 .home-title{ text-indent:8px; color:#424242; text-align:center; padding:3% 0; font-size:16px; font-family:'幼圆'; letter-spacing:8px;} .Floor002687 .home-title i{ font-size:0; display:inline-block; width:4px; height:4px; background:#424242; border-radius:50%; vertical-align:middle; margin:0 8px 0 0;} .Floor002687 .inner{ background:#fff; padding:8.5% 0 2% 0;} .Floor002687 .inner > .auto{ max-width:1440px;} @media(max-width:1440px){ .Floor002687 .inner > .auto{ padding-left:2%; padding-right:2%;} } .Floor002687 .img-group{ float:left; width:54.86%;} .Floor002687 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002687 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002687 .slick-list:focus {outline: none} .Floor002687 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002687 .slick-slider .slick-track, .Floor002687 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002687 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002687 .slick-track:before, .Floor002687 .slick-track:after{display: table; content: '';} .Floor002687 .slick-track:after{ clear: both;} .Floor002687 .slick-loading .slick-track { visibility: hidden;} .Floor002687 .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002687 .slick-slide .slick-loading img { display: none;} .Floor002687 .slick-slide .dragging img { pointer-events: none;} .Floor002687 .slick-initialized .slick-slide { display: block;} .Floor002687 .slick-loading .slick-slide { visibility: hidden;} .Floor002687 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002687 .slick-arrow .slick-hidden { display: none;} .Floor002687 .slider{ margin-left:8.86%;} .Floor002687 .slider li.slick-slide img{ display:block; width:100%;} .Floor002687 .slick-arrow{ position:absolute; left:0; bottom:0; width:88px; height:88px; background:#fff; z-index:10; background:#fff; padding:0; border:none; font-size:0; cursor:pointer;} .Floor002687 .slick-prev{ left:-88px;} .Floor002687 .slick-arrow::before{ position:absolute; content:''; width:12px; height:12px; border-right:2px solid #808080; border-top:2px solid #808080; transform:rotate(45deg); -webkit-transform:rotate(45deg); margin-left:-6px; margin-top:-6px;} .Floor002687 .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002687 .slick-next::after{ position:absolute; content:''; width:1px; left:0; top:25%; height:50%; background:#dbdbdb;} @media(max-width:1024px){ .Floor002687 .slick-arrow{width:50px; height:50px;} .Floor002687 .slick-prev{ left:-50px;} } .Floor002687 .txt-area{ float:right; width:50%; margin-left:-4.86%; position:relative; z-index:10; background:#fff; margin-top:5%;} .Floor002687 .txt{ padding-left:9.72%; padding-top:10%; padding-bottom:10%;} .Floor002687 .txt p{ font-size:16px; line-height:30px; max-width:524px;} .Floor002687 .name h2{font-family: "AkzidenzGroteskBQ BdCnd"; margin:0; font-size:70px; color:#a5a5a5; text-transform:uppercase; line-height:48px;} .Floor002687 .name h2 b{ font-size:30px; color:#2c6542; display:block;} .Floor002687 .name h5{ margin:0; font-weight:normal; color:#333; font-size:18px;} .Floor002687 .name h5::before{ display:block; content:''; width:70px; height:1px; background:#878787; margin:17px 0 20px 0;} @media(max-width:640px){ .Floor002687 .name h2 b{ font-size:20px;} .Floor002687 .name h2{ font-size:40px; line-height:34px;} .Floor002687 .name h5::before{ margin:10px 0;} } .Floor002687 .more{ position:relative;max-width:170px; border:1px solid #dcdcdc; overflow:hidden; height:40px;} .Floor002687 .more .a_circle{background-color: #2c6542;border-radius: 1000px;position: absolute;left:0;top:0;width: 0px;height: 0px;pointer-events: none;margin-left: 0px;margin-top: 0px;} .Floor002687 .more .explode-circle {animation: explode 0.5s forwards;} .Floor002687 .more .desplode-circle{animation: desplode 0.5s forwards;} @keyframes explode { 0% {width: 0;height: 0;margin-left: 0;margin-top: 0;background-color:rgba(44, 101, 66,0.4);} 100% {width: 400px;height: 400px;margin-left: -200px;margin-top: -200px;background-color: #2c6542; } } @-webkit-keyframes explode { 0% {width: 0;height: 0;margin-left: 0;margin-top: 0;background-color:rgba(44, 101, 66,0.4);} 100% {width: 400px;height: 400px;margin-left: -200px;margin-top: -200px;background-color: #2c6542; } } @keyframes desplode { 0% {width: 400px;height: 400px;margin-left: -200px;margin-top: -200px;background-color:#2c6542; } 100% {width: 0;height: 0;margin-left: 0;margin-top: 0;background-color: rgba(44, 101, 66,0.4);} } @-webkit-keyframes desplode { 0% {width: 400px;height: 400px;margin-left: -200px;margin-top: -200px;background-color:#2c6542; } 100% {width: 0;height: 0;margin-left: 0;margin-top: 0;background-color: rgba(44, 101, 66,0.4);} } .Floor002687 .more a{ display:block; color:#878787; line-height:38px; text-align:center; text-transform:uppercase; font-size:12px; letter-spacing:2px; transition:0.3s;} .Floor002687 .more a span{ position:relative; z-index:10;} .Floor002687 .more a:hover{ background:#2c6542; color:#fff;} .Floor002687 .num-box{ padding-left:4.89%; padding-top:2%;} .Floor002687 .num-box .name{ padding-bottom:6%;} .Floor002687 .num-box dd{ float:left; width:33.33333%; text-align:center;} .Floor002687 .num-box dd .num{font-family:'华文行楷'; } .Floor002687 .num-box dd .num::after{ display:block; content:''; width:40px; height:2px; background:#d4d4d4; margin:10px auto;} .Floor002687 .num-box dd .num span{ color:#a5a5a5; font-size:80px; display:inline-block;line-height:55px;} .Floor002687 .num-box dd .num sup{ color:#a5a5a5; font-size:36px; vertical-align:top; margin-left:5px;} .Floor002687 .num-box dd p{ max-width:210px; margin:0 auto; line-height:24px; color:#424242; margin-top:10%;} @media(max-width:768px){ .Floor002687 .img-group, .Floor002687 .txt-area{ float:none; margin:0; width:auto;} .Floor002687 .slider{ margin-left:50px;} .Floor002687 .txt-area .pic{ width:100% !important; display:block;} .Floor002687 .txt{ padding:5%;} } @media(max-width:640px){ .Floor002687 .num-box dd{ float:none; width:auto; margin-bottom:8%;} .Floor002687 .num-box dd p{ max-width:none;} .Floor002687 .num-box dd .num span{ font-size:65px; line-height:45px;} .Floor002687 .num-box dd .num sup{ font-size:28px;} } /* .Floor001743 为demo编号 */ .Floor001743{padding: 2% 0;} .Floor001743 h3{font-size: 24px;color:#000;text-align: center; margin:0 0 3% 0;} .Floor001743 .bx-wrapper{position: relative; z-index:1; padding:0 30px;} .Floor001743 .bx-controls-direction a{ position:absolute;width: 20px;height: 100%;top: 0;} .Floor001743 .bx-controls-direction a.bx-prev{ left:0;} .Floor001743 .bx-controls-direction a.bx-next{ right:0;} .Floor001743 .bx-controls-direction a span{ position:absolute; left:50%; top:50%; margin-top:-9px; margin-left:-9px;font-size:18px; color:#c9c9c9;} .Floor001743 .bx-controls-direction a:hover span{ color:#ab0858;} .Floor001743 .list li a{display: block; max-width:75%; margin:0 auto;filter:alpha(opacity=50);opacity: 0.5;-moz-opacity:0.5;-khtml-opacity: 0.5;} .Floor001743 .list li img{ display:block; width:100%; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(100%); /* chrome+ */ filter: grayscale(100%); /* 未来浏览器 */ filter: gray; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */ } .Floor001743 .list li a:hover{ filter:alpha(opacity=100);opacity: 1;-moz-opacity:1;-khtml-opacity: 1;} .Floor001743 .list li a:hover img{filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */ -webkit-filter: grayscale(0%); /* chrome+ */ filter: grayscale(0%); /* 未来浏览器 */ filter: ; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */ } @media(max-width:640px){ .Floor001743 .list li a{max-width:90%;} .Floor001743 h3{font-size: 18px;} } /* .Bottom002370 为demo编号 */ .Bottom002370{ background: url(../images/Bottom002370-bg.jpg) #333333 no-repeat center;} .Bottom002370,.Bottom002370 a{ color: #c9c9c9; transition: all .3s ease;} .Bottom002370 a:hover{ color: #fff;} .Bottom002370 .bottom{ padding: 4% 0 3%;} .Bottom002370 nav li{ float: left; width: 33.3334%;margin-bottom:3%;} .Bottom002370 nav li h3{ color: #fff; font-size: 16px; margin: 0; font-weight: normal;} .Bottom002370 nav li dl{ padding-top: 10px;} .Bottom002370 nav li dl dd{ padding: 3px 0;} .Bottom002370 .QRcode { text-align: center;} .Bottom002370 .QRcode span{ display: block; padding-top: 5px;} .Bottom002370 .tel dt{ font-size: 16px;margin-bottom:4px;} .Bottom002370 .tel dt:before{ content: "\e714"; font-family:"iconfont" !important; padding-right: 5px; position: relative; top: 0px; font-size: 20px;} .Bottom002370 .tel dd{ font-size: 24px; color: #fff;} .Bottom002370 .contact p{ margin: 5px 0 0; font-size: 16px; line-height: 28px;} .Bottom002370 .share{ margin-top: 10px;} .Bottom002370 .share a{ display: inline-block; width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 50%; background: #8d8d8d; font-size: 20px; color: #3a3a3a; margin-right: 5px;} .Bottom002370 .share a:hover{ background-color: #fff;} .Bottom002370 footer{ border-top: 1px solid #414244; padding: 1% 0 1%;} .Bottom002370 .links a{ display: inline-block;} .Bottom002370 .links a+a{ margin-left: 20px; position: relative;} .Bottom002370 .links a+a:before{ content: ""; width: 1px; height: 55%; top: 30%; background: #6b6b6b; position: absolute; left: -10px;} @media only screen and (max-width:767px) { .Bottom002370 nav{ max-width: 310px; margin: 0 auto 15px;} .Bottom002370 .contact{ text-align: center; padding-top: 15px;} .Bottom002370 footer{ text-align: center;} } @media only screen and (min-width:768px ) { .Bottom002370 .bottom .auto >*{ float: left; width: 33.3334%;} .Bottom002370 .copyright{ float: left;} .Bottom002370 .links{ float: right;} } /* .Banner002187 为demo编号 */ .Banner002187{padding-top:80px;} .Banner002187 span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:350px; display:block;} .Banner002187 img{ display:none;} @media (max-width: 1000px){ .Banner002187 span{ height:auto; background:none; height:auto;} .Banner002187 img{ display:block;} } /*Menu002169 */ .Menu002169{ padding-bottom:3%;} .Menu002169 .auto{padding: 0 90px;} .Menu002169 dt{ text-align:right; background:url(../images/Menu002169-icon_home.gif) no-repeat right center;font-size:12px; padding:30px 20px 30px 0; color:#999;} .Menu002169 dt a{ background:url(../images/Menu002169-cur_a.gif) no-repeat right center; padding-right:10px; margin-right:5px;color:#999;} .Menu002169 dt span{ color:#006cba;} .Menu002169 dd{ width:180px; line-height:94px; background:url(../images/Menu002169-columnbg.png) no-repeat left top #006cba; font-size:24px; color:#fff; text-align:center; position:relative; z-index:1; margin-top:-30px;} .Menu002169 dd:before{ display:inline-block; content:''; width:15px; height:3px; background:#fff; margin-right:5px; vertical-align:middle;} .Menu002169 nav{ border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f9f9f9; line-height:65px;height:65px; margin-top:-64px;} .Menu002169 nav ul{ float:left;margin-left:12%;} .Menu002169 nav li{ float:left; margin-left:60px; } .Menu002169 nav li:after{ display:block; width:0; height:0; margin:0 auto;content:'';border:6px solid transparent; border-bottom:0;} .Menu002169 nav li a{ display:block; padding:0 12px;font-size: 16px; position:relative;} .Menu002169 nav li a:after{ position:absolute; left:0; width:100%; height:3px; content:''; bottom:-1px;} .Menu002169 nav li.on a:after{background:#017fc7;} .Menu002169 nav li.on:after{border-top-color:#017fc7;} .Menu002169 nav li.on{ font-weight:bold; } .Menu002169 nav li a:hover, .Menu002169 nav li.on a{color:#017fc7} @media(max-width:1024px){ .Menu002169 .auto, .Menu002169 .auto dd{width: 100%; padding: 0; margin: 0; line-height: 50px; font-size: 20px;} .Menu002169 nav {height: auto; overflow: hidden; background: none; border: none; margin-top: 20px;} .Menu002169 nav ul{ margin: 0; height: auto; overflow: hidden} .Menu002169 nav ul li{ width: 49%; margin-right: 2%; margin-bottom: 2%; background: #f5f5f5; margin-left: 0; text-align: center} .Menu002169 nav ul li:nth-child(2n){ margin-right: 0; float: left} .Menu002169 nav li:after{ display: none} } /* .RighInfo002389 为demo编号 */ .RighInfo002389{} .RighInfo002389 .auto{ margin: 0 auto;} .RighInfo002389 .box1{ padding:2% 2% 2%; font-size:13px;} .RighInfo002389 .box1 .title{ text-align:center;color:#999; text-transform:uppercase; font-size:12px;} .RighInfo002389 .box1 .title h1{color: #333;font-size:30px; font-weight:normal; margin:0; padding-bottom:5px;} .RighInfo002389 .box1 .title h1 span{position:relative; color:#da251d} .RighInfo002389 .box1 .title h1 span::after, .RighInfo002389 .box1 .title h1 span::before{ position:absolute; content:''; width:46px; height:9px; bottom:-4px; background-repeat:no-repeat; background-position:0 0;} .RighInfo002389 .box1 .title h1 span::after{ right:-60px; background-image:url(../images/RighInfo002389-title_r.png);} .RighInfo002389 .box1 .title h1 span::before{ left:-60px; background-image:url(../images/RighInfo002389-title_l.png);} .RighInfo002389 .box1 .intro{ color:#666; line-height:24px; padding:2% 0 2% 0;} .RighInfo002389 .box1 .ul_img{ overflow:hidden;} .RighInfo002389 .box1 .ul_img li{ width:32%; margin-right:2%; float:left;} .RighInfo002389 .box1 .ul_img li img{ width:100%;} .RighInfo002389 .box1 .ul_img li:last-child{ margin-right:0;} .RighInfo002389 .box1 .more{ text-align:center; padding-top:3%;} .RighInfo002389 .box1 .more a{ display:inline-block; font-size:16px; border:1px solid #008ae2; border-radius:3px; padding:10px 28px; color:#008ae2; transition:padding ease-in-out 0.3s;} .RighInfo002389 .box1 .more a:hover{color:#fff; border-color:#008ae2; background-color:#008ae2;padding:10px 38px;} .RighInfo002389 .box2{ font-size:13px; padding:0 0% 7%;} .RighInfo002389 .box2 h3{color: #da251d;font-size:15px; margin:0; } @media(min-width:769px){ .RighInfo002389 .box2 ul{ padding-bottom:31%; position:relative;} .RighInfo002389 .box2 li{ position:absolute; height:100%; width:50%; top:0; text-align:center;} .RighInfo002389 .box2 li:nth-child(1){ left:0;} .RighInfo002389 .box2 li:nth-child(2){ right:0;} .RighInfo002389 .box2 li .txt, .RighInfo002389 .box2 li .Ispic{ position:absolute; left:0; width:100%; height:50%;} .RighInfo002389 .box2 li:nth-child(1) .txt, .RighInfo002389 .box2 li:nth-child(2) .Ispic{ bottom:0;} .RighInfo002389 .box2 li:nth-child(2) .txt, .RighInfo002389 .box2 li:nth-child(1) .Ispic{ top:0;} .RighInfo002389 .box2 li .txt{ padding-top:10%;} .RighInfo002389 .box2 li::before{ position:absolute; content:''; background:url(../images/RighInfo002389-bg_l.png) no-repeat; width:35px; height:31px; } .RighInfo002389 .box2 li:nth-child(1)::before{left:0; bottom:0;} .RighInfo002389 .box2 li:nth-child(2)::before{right:0; top:0; background-image:url(../images/RighInfo002389-bg_r.png);} } .RighInfo002389 .box2 li .txt p{ color:#766963; margin:0; line-height:25px;} .RighInfo002389 .box2 li .txt b{ color:#997249; font-size:16px;} .RighInfo002389 .box2 .tips{ background:url(../images/RighInfo002389-con_bg.png) no-repeat center center; background-size:cover; padding:0 18% 2%; text-align:center;} .RighInfo002389 .box2 .tips p{ padding:3% 0 4%; line-height:20px; margin:0;} .RighInfo002389 .box2 .tips .more{ background:url(../images/RighInfo002389-a_more.png) no-repeat; width:40px; height:20px; display:inline-block;} @media(max-width:1000px){ .RighInfo002389 .box2 .title h1{font-size: 24px;} .RighInfo002389 .box2 li .txt p{ margin:0;} } @media(max-width:768px){ .RighInfo002389 .box2 li{ position:relative; text-align:center; margin-bottom:3%;} .RighInfo002389 .box2 li .Ispic{ padding-bottom:30%; display:block;} .RighInfo002389 .box2 li .txt p{ margin-bottom:3%;} .RighInfo002389 .box2 .tips{ padding:3%;} .RighInfo002389 .box1 .title h1{ font-size: 20px;} } @media(max-width:480px){ .RighInfo002389 .box2 li .txt p{ font-size:12px;} } /* .Floor002375 为demo编号 */ .Floor002375{ background: #f5f5f5; padding: 4% 0; margin-bottom: -30px; background-size: auto 100%;} .Floor002375 .auto{margin: 0 auto;padding: 0 90px;} .Floor002375 .title123{text-align: left} .Floor002375 .pic{} .Floor002375 .pic{ float: left; width: 40%;transition:all 0.8s;} .Floor002375 .pic:hover{transform:scale(1.05);transition:all 0.8s;} .Floor002375 .word{ float: right; width: 56%;} .Floor002375 .word .tit{font-size: 24px; line-height: 42px;} .Floor002375 .word .tit em{ font-size: 42px; top: 10px;padding-right: 30px;} .Floor002375 .word figure{ font-size: 18px;line-height: 35px; margin-top:6%;} .Floor002375 .word .tit{ margin: 0; color: #666; font-size: 20px; font-weight: normal; line-height: 32px;} .Floor002375 .word .tit:after{ content: ""; display: block; max-width: 43px; width: 20%; height: 3px; background: #2e303c; margin: 25px 0;} .Floor002375 .word .p1{font-size: 25px;color:#f98d00;margin-top:25px;} .Floor002375 .word .p1:after{content:'';width:14px;height:2px;background:#017fc7;display: block;float:left;margin-top:15px;margin-right:8px;} .Floor002375 .word .span{font-size: 19px;color:#333;font-weight: normal; width:50%;display: block;float:left;} .Floor002375 .word .span img{width:40px;} .Floor002375 .word .span:after{content:'';width:4px;height:4px;border-radius: 50%; background:#017fc7;display: block;float:left;margin-top:10px;margin-right:8px;} .Floor002375 .word .more{ width: 165px; height: 50px; line-height: 26px; border: 1px solid #666; font-size: 14px; color: #666; display: block; padding: 10px 20px; position: relative; margin-top: 6%; transition: all .3s ease-in-out .1s; -webkit-transition:all .3s ease-in-out .1s; -ms-transition: all .3s ease-in-out .1s; -moz-transition:all .3s ease-in-out .1s; } .Floor002375 .word .more:before{content: ""; position: absolute; left: 0; top: 0; width: 0; overflow: hidden; height: 100%; z-index: 1; background: #017fc7; transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -ms-transition: width .3s ease-in-out; -moz-transition: width .3s ease-in-out; } .Floor002375 .word .more span{ position: relative; z-index: 3; display: block;} .Floor002375 .word .more i{ position: absolute; font-family: 宋体; font-style: normal; right: 0; top: 50%; margin-top: -13px; font-weight: 600;} .Floor002375 .word .more:hover{ color: #fff; border-color: #017fc7;} .Floor002375 .word .more:hover:before{ width: 100%; } @media(max-width:1800px){ .Floor002375{ margin: 0} .Floor002375 .auto{ padding: 0 2%} .Floor002375 .pic{ float: left; width: 38%;} .Floor002375 .word{ float: right; width: 58%;} .Floor002375 .word figure{ font-size: 16px;line-height: 28px;margin: 0 0 5px 0; } .Floor002375 .word .p1{ margin: 8px 0; font-size:18px } .Floor002375 .word .span{font-size: 16px;line-height: 28px;} } @media(max-width:1024px){ .Floor002375 {padding: 50px 0; } .Floor002375 .pic{ margin-bottom: 3%;} .Floor002375 .pic, .Floor002375 .word, .Floor002375 .word .span{ float: left; width: 100%;} } /*Floor002595 */ .Floor002595{ padding:5% 0 4% 0;border-bottom:1px solid #ececec; } .Floor002595 dl{ padding: 0 90px;} .Floor002595 dd{text-align:center; width:20%; } .Floor002595 dd p{ margin:10px 0 0 0;font-size: 20px;color:#666;} .Floor002595 dd span { text-align: center; color: #017fc7; font-size:60px; position: relative} .Floor002595 dd span:after { content: "+"; display: block; position: absolute; right: -10px; top: 0px; font-size: 20px; font-weight: bold } .Floor002596{padding-top:1.5%;padding-bottom:5%;} .Floor002596 .title1{margin-bottom:4%;} @media(max-width:1800px){ .Floor002595 {padding:50px 0} .Floor002595 dl{ padding: 0 2%} .Floor002595 dd span{ font-size:40px;} .Floor002595 dd p{ font-size:16px;} } @media(max-width:1400px){ .Floor002595 dd {padding: 0 2%} } @media(max-width:1024px){ .Floor002595 {padding:50px 0 30px;} .Floor002595 dl{display: block; height: auto; overflow: hidden} .Floor002595 dd {width: 50%; float: left; margin-bottom: 30px;} .Floor002595 dd span{font-size: 30px;} } .Floor002596{ padding: 2% 0 4% 0} /* .Floor002358 为demo编号 */ .Floor002358{ } .Floor002358 {padding: 50px 0; background:#fff; } .Floor002358 .auto{ position:relative;padding: 0 90px;height: auto; overflow: hidden } .Floor002358 .title{ text-align:center; font-size:28px; font-family:'微软雅黑'; font-weight:lighter; color:#333; margin:0; padding-bottom:4%; position:relative; } .Floor002358 .title:after{ display:block; margin:0 auto; width:100px; height:1px; background-color:#bbb; margin-top:30px; content:''; } .Floor002358 .list{ width:100%; position: relative;} .Floor002358 .bd{ } .Floor002358 .bd ul{ margin: 0; padding: 0 5px;} .Floor002358 .bd li{ width: 100%; margin: 0 0 10px; transition:.5s; display: block;overflow: hidden; } .Floor002358 .bd li:hover img{transform: scale(1.3);transition:.5s} .Floor002358 .list .next, .Floor002358 .list .prev { font-size:0; width:70px !important; height:70px !important; border:none; position:absolute; top:50%; margin-top:-25px; background-image:none !important; cursor:pointer; padding:0;} .Floor002358 .list .prev{ left: -60px;} .Floor002358 .list .next{ right: -60px;} .Floor002358 .list .next::before, .Floor002358 .list .prev::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #aaa; border-right:3px solid #aaa; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002358 .list .prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002358 .list .next:hover::before, .Floor002358 .list .prev:hover::before{ border-color:#00a0e9;} @media(max-width:1400px){ .Floor002358 .auto{ position:relative;padding: 0 2%} .Floor002358 .list{ padding: 0 50px;overflow:hidden;} .Floor002358 .list .iconfont{ font-size: 40px; width: 40px; height: 40px; margin-top: -20px;} .Floor002358 .list .prev{ left: 0;} .Floor002358 .list .next{ right: 0;} } @media(max-width:1024px){ .Floor002358{ height: auto;} } /*这是滚动插件的公用样式 如出现雷同 请删除*/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%;background: #f7f7f7;} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{animation-duration:1s;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{animation-name:fadeOut} @keyframes fadeOut{ 0%{opacity:1} 100%{opacity:0} } .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.html) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*end*/ /* .RighInfo002224 为demo编号 */ .RighInfo002224{margin-bottom:0%;} .RighInfo002224 .auto{padding:0 90px;border-bottom:1px solid #eae9e9;} .RighInfo002224 .item{} .RighInfo002224 .wrap-content{} .RighInfo002224 .item{ color:#323232; } .RighInfo002224 .item .word{ text-align:center;} .RighInfo002224 .item .pic{ text-align:left; padding-top:20px;} .RighInfo002224 .item .tit{ margin-top:0; font-size:24px; font-weight:normal;} .RighInfo002224 .item .tit em{ font-size:12px; display:block; padding-left:22px; text-transform:uppercase;} .RighInfo002224 .item .con{line-height:22px;font-size: 15px; position:relative; margin:0;} .RighInfo002224 .item .con span{display: block} .RighInfo002224 .item .con:before{ display:none;} .RighInfo002224 .item:first-child .tit{ font-style:normal;} .RighInfo002224 .item .pic{overflow:hidden;} .RighInfo002224 .item .pic img{transition:all 0.8s;} .RighInfo002224 .item .pic img:hover{transform:scale(1.08);transition:all 0.8s;} @media screen and (min-width: 768px){ .RighInfo002224 .item{ padding:2% 0;} .RighInfo002224 .item:nth-child(1){padding-top:0;} .RighInfo002224 .item .word{ float:left; width:42%; text-align:left;} .RighInfo002224 .item .pic{ float:right; width:66%;} .RighInfo002224 .item.three .pic{ width:48%; padding-top:0;} .RighInfo002224 .item.odd .word{ float:right; width:37%;} .RighInfo002224 .item.odd .pic{ float:left; width:54%;} .RighInfo002224 .item:first-child .pic{ width:48%;} .RighInfo002224 .item .tit{font-size:30px; } .RighInfo002224 .item .word{ padding-top:25px;} .RighInfo002224 .item .con{line-height:24px; max-height:143px; overflow-y:scroll;padding-left:32px;} .RighInfo002224 .item .con:before{ position:absolute; left:0; top:10px; height:50%; max-height:60px; width:3px; content:""; background-color:#017fc7;; display:block;} .RighInfo002224 .item .tit em{ font-size:14px;} } @media screen and (min-width: 1024px){ .RighInfo002224 .item .tit{font-size:28px; } .RighInfo002224 .item .word{ padding-top:25px;} .RighInfo002224 .item .con{line-height:34px;max-height:285px;overflow-y: scroll; color:#666;} } @media screen and (min-width: 1460px){ .RighInfo002224 .item .con{overflow: hidden} } @media(max-width:1024px){ .RighInfo002224 { padding: 30px 0 } .RighInfo002224 .auto{ padding:0 2%} } /* .Floor001297 为demo编号 */ .Floor001297{ background-color:#f5f5f5;} .Floor001297 dl{ display:table; width:100%;} .Floor001297 dt{ display:table-cell; /*vertical-align:middle;*/} .Floor001297 dt{ padding:3% 0; width:14.2857%; padding-right:5px; text-align:center;position:relative; } .Floor001297 dt .code{ position: absolute; left: 0%; top: 0; width: 100%; height:auto; display: none; z-index: 50} .Floor001297 dt:last-child:hover .code{ display: block} .Floor001297 dt:last-child:hover .code img{ width: 50%; margin: 80px auto 0; display: block; max-width: 100px;} .Floor001297 dt:last-child:hover figure, .Floor001297 dt:last-child:hover h3{ display: none} .Floor001297 dt a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Floor001297 dt:last-child a{ border-right:0;} .Floor001297 dt:hover{ } .Floor001297 dt h3{ margin:0; font-weight:normal; font-size:20px;color:#333;} .Floor001297 dt h3 span{ display:block; font-size: 19px; line-height:35px;color: #222;} .Floor001297 dt figure{padding:5px 0 10px;} .Floor001297 dt img{ width:50px;} .Floor001297 dt:hover img{ animation:infinite 1s ease imghover;} @media(max-width:1800px){ .Floor001297 dt h3{ font-size: 16px;} .Floor001297 dt h3 span{ font-size: 18px;} } @media(max-width:1024px){ .Floor001297 { display: none} .Floor001297 dl{ display: block;} .Floor001297 dt{ width: 50%; float: left} } /*Bottom002553 */ .Bottom002553{ background:#f5f5f5;padding:2% 90px;border-top:1px solid #e5e5e5;} .Bottom002553 dt{ float:left;} .Bottom002553 dd{ text-align: center;} .Bottom002553 dd{color:#444;font-size: 16px;} .Bottom002553 dd a{ color:#444; } .Bottom002553 dt a{ color:#444;font-size: 16px; display:inline-block;} .Bottom002553 dt a::after{ display:inline-block; content:''; width:1px; height:7px; background:#606060; vertical-align:middle; margin:0 24px;} .Bottom002553 dt a:last-child::after{ display:none;} .Bottom002553 dt a:hover{ color:#fb8e20;} @media (max-width:1400px ) { .Bottom002553{ padding: 2% } } @media (max-width:1200px ) { .Bottom002553 dt, .Bottom002553 dd{ float:left; width: 100%; text-align: center; margin: 5px 0} } @media (max-width:1024px ) { .Bottom002553 { padding: 30px 2%} .Bottom002553 dt a{ width:25%; float: left; text-align: center; display: block; position: relative} .Bottom002553 dt a::after{ position: absolute; right: -25px; top: 8px; content: ""; display: block} } @keyframes imghover{ 0% {transform:translateY(6px)} 50% {transform:translateY(0)} 100% {transform:translateY(6px)} } @-webkit-keyframes imghover{ 0% {transform:translateY(6px)} 50% {transform:translateY(0)} 100% {transform:translateY(6px)} } @-ms-keyframes imghover{ 0% {transform:translateY(6px)} 50% {transform:translateY(0)} 100% {transform:translateY(6px)} } /*PicList001912*/ .PicList001912{padding:0% 0 1%;} .PicList001912 li{ padding:2% 5%; border-bottom:1px solid #e3e3e3; } .PicList001912 li:hover{background:#f5f5f5;} .PicList001912 li:hover .pic img{transform:scale(1.05);transition:all 0.6s;} .PicList001912 li:hover h3 a{color:#006cba;} .PicList001912 li:nth-child(1) div{padding-top:1%;} .PicList001912 li div{ padding:2% 0; overflow:hidden;} .PicList001912 li .pic{ float:left; width:29.5%;overflow:hidden;} .PicList001912 li .pic img{ display:block; width:100%;transition:all 0.6s;} .PicList001912 li figure{ float:right; width:67%; padding-left:84px;} .PicList001912 li h3{ margin:0; line-height:50px; font-size:20px;font-weight: normal; padding-right:120px; position: relative} .PicList001912 li h3 span{ position: absolute; right: 0; top: 0px; color:#666; font-size:16px; font-weight:normal;} .PicList001912 li p{ line-height:32px; overflow:hidden; height:92px; color:#666;font-size: 16px;} .PicList001912 li .more{ color:#017fc7;font-size: 16px;border-radius: 2px; margin-top:5%;padding:8px 15px; display: inline-block;} .PicList001912 li:hover .more{color:#fff;background:#006cba;} @media(max-width:1400px){ .PicList001912 li .more{ margin-top: 1%} } @media(max-width:1000px){ .PicList001912 .columnName{ font-size:45px;} .PicList001912 .columnName span{ font-size:24px;} .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0;} } @media(max-width:640px){ .PicList001912 .columnName{ font-size:35px;} .PicList001912 .columnName span{ font-size:20px;} } @media(max-width:480px){ .PicList001912 li .pic, .PicList001912 li figure{ float:none; width:auto;} .PicList001912 li figure{ border:0; padding-left:0; padding-top:3%;} } /*RighInfo002218*/ .RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%;} .RighInfo002218 .box{margin-bottom:2%; padding:35px;color:#728391;font-size:14px;line-height:30px;background:#f3f3f3;} .RighInfo002218 .box .pic{float:right;width:47%;overflow:hidden;} .RighInfo002218 .box .pic img{transition: all 1s} .RighInfo002218 .box .pic:hover img{transition: all 1s;transform:scale(1.13);} .RighInfo002218 .box figure{float:left;width:51%;} .RighInfo002218 .box figure .text{height: 180px;padding-right: 20px; overflow: auto} .RighInfo002218 .box figure .text::-webkit-scrollbar{width:4px; height:9px;} /*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/ .RighInfo002218 .box figure .text::-webkit-scrollbar-track{width: 6px; background-color:#e5e5e5; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;} /*滚动条的设置*/ .RighInfo002218 .box figure .text::-webkit-scrollbar-thumb{background-color:#ccc; background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;} /*滚动条移上去的背景*/ .RighInfo002218 .box figure .text::-webkit-scrollbar-thumb:hover{background-color:#fff;} .RighInfo002218 a:nth-child(2n) .box .pic{float:left;width:47%;} .RighInfo002218 a:nth-child(2n) .box figure{float:right;width:51%;} .RighInfo002218 .box .h3{font-size:24px;color:#333;margin:0 0 20px 0; font-weight:normal;} .RighInfo002218 .box .h3:after{content:'';width:47px;height:2px;background:#017fc7;display: block;margin-top:20px;} .RighInfo002218 .box figure{ padding:3.5% 4%; color:#666;font-size: 16px;line-height: 30px;} .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:1024px){ .RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;} .RighInfo002218 a:nth-child(2n) .box .pic, .RighInfo002218 a:nth-child(2n) .box figure, .RighInfo002218 .box .pic, .RighInfo002218 .box figure, .RighInfo002218 .box figure .text{ width: 100%; float: left; height: auto !important; padding: 0} .RighInfo002218 .box figure{ margin-top: 30px;} } /*RighInfo002218 End*/ /*PicList002172 */ .PicList002172{ padding:2% 0 5%;} .PicList002172 .auto{padding: 0 90px;} .PicList002172 .owl-carousel{ padding:0 30px;} .PicList002172 .item{ padding:0 15px;} .PicList002172 .item figure{ border:1px solid #e8e8e8; padding:8%;} .PicList002172 .item img{ display:none;} .PicList002172 .item figure span{ display:block; padding-bottom:65%; background-size:contain;} .PicList002172 .owl-carousel .ON figure{ border-color:#017fc7;} .PicList002172 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002172-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002172 .owl-nav .owl-prev{ left:0;} .PicList002172 .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002172 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002172 .owl-nav .owl-next.disabled{background-position: right top;} .PicList002172 .owl-nav div.disabled{ cursor:default;} .PicList002172 .hover{ padding-top:10%; position:relative; margin-bottom:5%;} .PicList002172 .hover dl{ display:none;} .PicList002172 .hover dl dt{ background:#102b3a; color:#fff; padding:5% 65% 5% 5%;} .PicList002172 .hover dl dt p{ margin:0; text-align:center; font-size:28px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ display:block; content:''; height:20px; background:url(../images/PicList002172-icon.png) no-repeat left top;} .PicList002172 .hover dl dt p.year{ padding-bottom:3%;font-size: 26px;} .PicList002172 .hover dl dt p.txt:after{ background-position:right top;} .PicList002172 .hover dl dd{ position:absolute; right:0; height:100%; width:55%; top:0; background-size:contain; /*background-color:#fff;*/} .PicList002172 .hover dl dd img{ display:none;} @media(max-width:1000px){ .PicList002172 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002172 .hover{ padding-top:0;} .PicList002172 .hover dl dt{ padding-right:5%; margin-bottom:2%;} .PicList002172 .hover dl dd{ position:relative; height:auto; width:auto; padding-bottom:50%;} } @media(max-width:480px){ .PicList002172 .hover dl dt p{ font-size:18px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ height:12px; background-size:auto 100%;} } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} /*.owl-carousel .owl-item img{display:block;width:100%}*/ .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ /* .PicList000671 为demo编号 */ .PicList000671{padding: 1% 0 1%;} .PicList000671 *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .PicList000671 .nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .PicList000671 ul li{ width:32%; float:left; margin:0 2% 2% 0;} .PicList000671 ul li:nth-child(3n){ margin-right:0;} .PicList000671 ul li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000671 ul li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000671 ul li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .PicList000671 ul li .video_files .close::before, .PicList000671 ul li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000671 ul li .video_files .close::before{ transform:rotate(45deg);} .PicList000671 ul li .video_files .close::after{ transform:rotate(-45deg);} .PicList000671 ul li figure{ position:relative;} .PicList000671 ul li figure em{ display:block; padding-bottom:70%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000671 ul li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); background-color:rgba(0, 0, 0, 0.5); background-image:url(../images/PicList000671-icon-video.png); background-repeat:no-repeat; background-position: center center; } .PicList000671 ul li h5{ font-size:20px;font-weight: normal; padding:17px 0; margin:0; text-align:center; } .PicList000671 ul li time{ display:block; color:#666;font-size: 16px;line-height: 42px; background:url(../images/PicList000671-icon.png) no-repeat right;} @media(max-width:1024px){ .PicList000671 ul li{ width:100%; margin: 0 0 30px 0 !important} } /* .Map001070 为demo编号 */ .Map001070{ padding:1% 0 5%;} .Map001070 dd{ border:1px solid #e7e7e7; margin-bottom:2%; padding-right:53%; background-color:#fff; position:relative;} .Map001070 dd:last-child{ margin-bottom:0;} .Map001070 .map *{ max-width:none;} .Map001070 dd figure{ padding:3% 0 3% 3%;} .Map001070 dd figure h1{font-size: 26px;color: #017fc7; font-weight:normal;padding: 16px 0; margin:0;border-bottom: dashed 1px #ccc;} .Map001070 dd ul{ padding-top:16px;} .Map001070 dd li{line-height:36px; margin-bottom:10px; padding-left:36px; background-repeat:no-repeat; background-position:left center;font-size: 16px;} .Map001070 dd li:nth-child(1){background-image:url(../images/Map001070-ico_01.png);} .Map001070 dd li:nth-child(2){background-image:url(../images/Map001070-ico_02.png);} .Map001070 dd li:nth-child(3){background-image:url(../images/Map001070-ico_03.png);} .Map001070 dd li:nth-child(4){background-image:url(../images/Map001070-ico_05.png);} .Map001070 dd li:nth-child(5){background-image:url(../images/Map001070-ico_05.png);} @media(min-width:641px){ .Map001070 .map{ position:absolute !important; width:50%; right:0; height:100%; top:0;} } @media(max-width:640px){ .Map001070 dd{ padding:3%;} .Map001070 .map{ height:300px; position:relative !important;} .Map001070 dd figure{ padding:0;} } @media(max-width:480px){ .Map001070 dd figure h1{ font-size:20px;} } .Contact{ width: 100%; padding: 3% 0} /* .RighInfo002275 为demo编号 */ .RighInfo002275{ width: 50%; float: left} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 30px; margin: 0; padding: 0;} .RighInfo002275 .text .con h3{color:#333;margin-top:0; font-size: 22px;font-weight: normal;} .RighInfo002275 .text .con{border-bottom:1px dashed #ddd;padding:3.4% 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media(max-width:1024px){ .RighInfo002275{ width: 100%; float: left} } /*PicList002546 */ @media(min-width:1201px){ .PicList002546 li{float:left; width:50%;} .PicList002546 ul:nth-child(2n) li .txt{ right:auto; left:0;} .PicList002546 ul:nth-child(2n) li a .Ispic{ float:right;} .PicList002546 ul:nth-child(2n) li a::before{ border-right-color:transparent; border-left-color:#f7f7f7; margin-left:15px;} } .PicList002546{padding:1% 0 3% 0;} .PicList002546 li a{overflow:hidden; display:block;position:relative; background:#f7f7f7; transition:0.3s;} .PicList002546 li a:hover{background:#0074bf;transition: all 1s} .PicList002546 li a:hover h3{color:#fff;transition: all 1s} .PicList002546 li a:hover figure{color:#fff;transition: all 1s} .PicList002546 li a:hover span{border:1px solid #fff;color:#fff; transition: all 0.5s} .PicList002546 li a:hover::before{border-right-color:#0074bf;transition: all 1s} .PicList002546 ul:nth-child(2n) li a:hover::before{border-left-color:#0074bf;transition: all 1s} .PicList002546 li .Ispic{ padding-bottom:102.44%; } .PicList002546 li .table_cell time{font-size: 22px;} @media(min-width:481px){ .PicList002546 li a::before{ position:absolute; content:''; border:15px solid transparent; border-right-color:#f7f7f7; left:50%; top:50%; transform:translate(-50%, -50%); margin-left:-15px; z-index:10;} .PicList002546 li .Ispic{ padding-bottom:51.22%; width:50%;} .PicList002546 li .txt{ position:absolute; right:0; top:0; width:50%; height:100%;} .PicList002546 li .table{ width:100%; height:100%;} .PicList002546 li .table_cell{ } } .PicList002546 li figure{ padding:12% 5%; text-align:center; color:#666;} .PicList002546 li .txt i{ width:22px; height:22px;display:block; margin:15% auto 0; position:relative;transition:0.3s;} .PicList002546 li .txt i::before, .PicList002546 li .txt i::after{ position:absolute;content:''; width:100%; height:2px; background:#000; left:0; top:50%; margin-top:-1px;} .PicList002546 li .txt i::after{ transform:rotate(90deg);} .PicList002546 li h3{ font-weight:normal; color:#333; font-size:20px; margin:10px 0; height:26px; overflow:hidden;} .PicList002546 li p{ text-align:center; min-height:53px;font-size: 14px; max-height:78px; overflow:hidden; line-height:26px;} .PicList002546 li span{border:1px solid #666;padding:8px 20px;display: inline-block;margin-top:12%;} .PicList002546 li span:hover{} .PicList002546 li a:hover .txt i{ transform:rotate(180deg);} .PicList002546 li a:hover .Ispic{opacity:0.9;} @media(max-width:1400px){ .PicList002546 li figure{ padding:10% 5%;} .PicList002546 li span{ margin-top: 5px;} } @media(max-width:1024px){ .PicList002546 li{margin-bottom: 30px;} .PicList002546 li .Ispic{padding-bottom: 100%; float: left; width: 100%} .PicList002546 li .txt{ float: left; width: 100%} .PicList002546 li figure{ padding:30px} } /* .Form002319 为demo编号 */ .Form002319{ width:45%;float:right;background:#f9f9f9;padding: 50px;} .Form002319 .row{ } .Form002319 .row dl{ width: 100%; position: relative; line-height: 40px; margin-bottom: 15px; float: left} .Form002319 .row dl em{ font-style: normal; color: #c00; position: absolute; right: 0; top: 0; display: block;} .Form002319 form .p1{font-size:24px;color:#555;text-align: center;margin-top:0;} .Form002319 input.text{ border: 1px solid #e4e4e4;font-size:16px; border-radius: 3px; background:#fff; display: block; height: 50px; line-height: 28px; width: 100%; padding: 5px 15px; color: #333;} .Form002319 textarea{ border: 1px solid #e4e4e4;font-size:16px; border-radius: 3px; background:#fff; display: block; height: 230px; line-height: 28px; width: 100%; padding: 5px 15px; color: #333;} .Form002319 input.text::-ms-input-placeholder{ color: #aaa;} .Form002319 select{border: 1px solid #f0f0f0; background: none; display: block; height: 40px; width: 100%; padding: 5px 10px; color: #aaa; appearance:none;-moz-appearance:none;-webkit-appearance:none; padding-right: 14px; background: url("../images/Form002319-icon.html") no-repeat scroll 97% center transparent;} .Form002319 select::-ms-expand { display: none; } .Form002319 .btn{ cursor: pointer;background: #006cba; height: 48px; display: block; border: 1px solid #006cba; width: 33.3334%; max-width: 150px; float: left; margin-right: 28px;margin-top:15px; font-size: 16px; color: #fff;} .Form002319 .reset{background:#ababab;border:1px solid #ababab;} @media only screen and (min-width:480px ) { .Form002319 .row2 dl{ float: left; width: 48%;} .Form002319 .row2 dl:last-child{ float: right;} .Form002319 .btn{ font-size: 18px;} } @media(max-width:1400px) { .Form002319{ padding: 6% 3%} .Form002319 textarea{ height: 170px;} } @media(max-width:1024px) { .Form002319{ width: 100%; padding: 50px 30px} } .title1 p{font-size: 28px;color:#333;text-align: center;} .title1 p:after{content:'';width:53px;height:2px;background:#017fc7;display: block;margin:0 auto;margin-top:19px;} /*Timeline000397 */ .Timeline000397{ position:relative; padding:38px 0 10px;} .Timeline000397 .title1{} .Timeline000397::before{ content:'';width: 100%;height: 5px;background: #017fc7;position: absolute;left: 0;top: 50%; margin-top:-2px;z-index: 1;} .Timeline000397 .owl-stage-outer{ overflow:hidden;} .Timeline000397 .owl-item{ float:left;} .Timeline000397 .auto{ position:relative; z-index:2;padding: 0 112px;border-bottom: 1px solid #eae9e9;} .Timeline000397 .bd li{ float:left; width:200px; } .Timeline000397 .owl-nav button{ padding:0; font-size:24px; color:#fff;width:24px; height:24px; position:absolute; top:31.5%; margin-top:-12px; border-radius:50%; border:1px solid #017fc7; background:#017fc7;z-index:10; cursor:pointer;} .Timeline000397 .owl-nav button span{ display:block; line-height:20px; margin-top:-3px;} .Timeline000397 .owl-nav button.disabled{ cursor:default;background:#017fc7;} .Timeline000397 .item{position:relative;margin-top:-12%;} .Timeline000397 .item .icon{width:14px;height:14px; background:#017fc7; } .Timeline000397 .item .icon:before{content:'';display: block; position: absolute;width:24px;height:24px;margin-left:-5px;margin-top:-5px; border-radius: 50%; background:rgba(1,127,199,0.5);} .Timeline000397 .item div{color:#666;line-height: 28px;font-size:15px; } .Timeline000397 .item time{ text-align:center; font-size: 28px; color:#333;} @media(min-width:1001px){ .Timeline000397 .owl-prev{ left:-24px; } .Timeline000397 .owl-next{ right:-24px; } } @media(min-width:601px){ .Timeline000397 .item{height:420px;} .Timeline000397 .item .icon{ position:absolute; top:37%; left:50%;border-radius: 50%; margin-left:-6px; margin-top:-2px;} .Timeline000397 .item div{ line-height:24px;padding: 0 25px; overflow:hidden; max-height:126px;position:absolute; width:100%; left:0; bottom:auto;top:208px;} .Timeline000397 .item time{position:absolute; width:100%; top:23%;} } @media(max-width:1000px){ .Timeline000397 .owl-prev{ left:0; } .Timeline000397 .owl-next{ right:0; } } @media(max-width:600px){ .Timeline000397::before{ top:60px; margin-top:0;} .Timeline000397 .item time{ font-weight:bold; font-size:18px; display:block; line-height:40px;} .Timeline000397 .item{ padding:0 5%;} .Timeline000397 .owl-nav button{ top:30px; margin-top:0;} .Timeline000397 .item .icon{ display:block; margin:0 auto; height:50px; background-position:center bottom;background-image:url(../images/Timeline000397-icon2.jpg);} .Timeline000397 .item div{ padding-top:4%;} } /* .Floor002437 为demo编号 */ .Floor002437{ position: relative;border-bottom: 1px solid #eae9e9;} .Floor002437 .auto{} .Floor002437 .wrap-container{ background: #fff; width: 100%; position: relative; z-index: 2;} .Floor002437 h2{ font-weight: normal; margin:0; padding: 4% 0; color: #333; font-size: 26px; text-align: center;} .Floor002437 h2 em{ font-style: normal; text-transform: uppercase;} .Floor002437 h2 span{ font-size: 20px; display: block;} .Floor002437 .list li{width:25%;float:left;border-right:1px solid #eee; padding: 4%;background:rgba(236, 241, 243, 0) none repeat scroll 0 0 !important;filter:Alpha(opacity=0); background:#ecf1f3; transition: all .3s;} .Floor002437 .list li>*{ position: relative; z-index: 2;} .Floor002437 .list li img{ max-width: 65px;} .Floor002437 .list li .word{ padding-top: 25px;} .Floor002437 .list li .word h3{ font-weight: normal; font-size: 24px; margin: 0 0 10px;color: #017fc7;} .Floor002437 .list li .word figure{ font-size: 15px; color: #666; line-height: 24px; height: 74px; overflow: hidden;} .Floor002437 .list li .word .figure2 span{color:#017fc7;} .Floor002437 .list .owl-item+.owl-item li{ border-left: 1px solid #ececec;} .Floor002437 .list .owl-item{ } .Floor002437 .list li:hover{background:rgba(236, 241, 243, 1) none repeat scroll 0 0 !important;filter:Alpha(opacity=1); } @media(max-width:1445px){ .Floor002437 .list li .word figure{height:100px;} } @media(max-width:768px){ .Floor002437 .list li {width:50%;border-bottom:1px solid #eee; } .Floor002437 .list li:nth-child(2n){border-right:0;} .Floor002437 .list li:nth-child(1) .word figure{height:35px;} .Floor002437 .list li:nth-child(2) .word figure{height:35px;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:1% 0 95px;color:#666666;} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#017fc7;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump {display: none} .Page002274 .Pages .a_prev, .Page002274 .Pages .a_next{ font-weight: bold; padding:0 25px;font-family:Arial, Helvetica, sans-serif } .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} /* .Form000573 为demo编号 */ .Form000573{ padding-bottom:2%;} .Form000573 .title{ text-align:center; font-size:30px; padding:2% 0;} .Form000573 .title span{ font-family:Georgia; font-size:24px; text-transform:uppercase; display:block; color:#c1c1c1;} @media(max-width:640px){ .Form000573 .title{font-size:18px;} .Form000573 .title span{ font-size:14px;} } .Form000573 .list li{ margin-bottom:3%;margin-top:3%;line-height:22px;} .Form000573 .list li figure, .Form000573 .list li div{ padding:1em 2em 1em 3em;} .Form000573 .list li figure{ border:1px solid #f0f0f0; border-bottom:0; color:#33a260; text-align:justify; text-justify:inter-ideograph; background:url(../images/Form000573-icon_Q.gif) no-repeat 1.4em 1.4em #f8f8f8;padding-bottom:1.3em;} .Form000573 .list li figure time{ color:#b1b1b1; font-size:12px; float:right; margin-left:5px;} .Form000573 .list li div{ border:1px dotted #ddd;background:url(../images/Form000573-icon_A.gif) no-repeat 1.4em 1.4em; color:#9a9a9a; position:relative; } .Form000573 .list li div::before{ position:absolute; content:''; background:url(../images/Form000573-icon_jiao.png) no-repeat; width:20px; height:12px; left:3em; top:-11px;} .Form000573 .pic{float:right} .Form000573 .from{width:46%;float:left;margin-bottom:6%;} .Form000573 .from h1{ margin:0; font-weight:normal;border-bottom:1px solid #d1d1d1; font-size:16px; padding-left:15px; height:35px;} .Form000573 .from h1 span{ border-bottom:3px solid #b12e33; padding-bottom:0.8em; display:inline-block; height:36px;} .Form000573 .from .btn{ cursor:pointer; border:none;border-radius: 2px; padding:0 15%;height:38px; font-size:16px; color:#fff; background:#017fc7;} .Form000573 .from .f_name{ width:80px; padding-right:15px;text-align:right; color:#4d4d4d;} .Form000573 .from table{ width:100%;} .Form000573 .from td{ line-height:35px; padding-top:3%;font-size: 16px; vertical-align:top;} .Form000573 .from .text{ width:100%; border:1px solid #eaeaea; height:43px; line-height:43px; padding:0 2%; border-radius:3px;} .Form000573 .from .textcode{ width:80px;} .Form000573 .from .text:focus{ border-color:#df2130; box-shadow:0 0 8px #FBC1C1 inset; transition:all ease 0.5s;} .Form000573 .from textarea.text{ width:100%; height:175px;} .Form000573 .from i{ color:#19ad66; font-style:normal;} .Form000573 .form_err{color:#df2130;} /* .Timeline000618 为demo编号 */ .Timeline000618{ padding:2% 0 3% 0;background:url(../images/jjbg.jpg) no-repeat;} .Timeline000618 .title1 p{color:#fff;} .Timeline000618 .title1 p:after{background:#fff;} .Timeline000618 .swiper-container {position: relative;z-index: 1;padding-top:20px;} .Timeline000618 .gallery-top { padding-bottom:50px; position: relative; z-index: 50} .Timeline000618 .gallery-top .con{ width: 60%; margin: 3% auto} .Timeline000618 .gallery-top .con .time{ width: 20%; float: left; color: #fff; font-size: 100px;} .Timeline000618 .gallery-top .con .text{ width: 80%; float:left ;padding-left: 10%} .Timeline000618 .gallery-top .con .text p{ font-size: 18px; line-height:32px; display: block; color: #fff} .Timeline000618 .gallery-thumbs { margin-top: -50px; } .Timeline000618 .gallery-thumbs .swiper-wrapper li {position: relative;color:rgba(255,255,255,0.6); padding-top: 45px;line-height: 50px;text-align: center; cursor:pointer;background: url(../images/Timeline000618-yearbg.png) no-repeat center top; background-size:contain; font-size:22px; } .Timeline000618 .gallery-thumbs .swiper-wrapper li.on{ color:rgba(255,255,255,1);} .Timeline000618 .gallery-thumbs .swiper-wrapper li:after{ position: absolute;left: 50%;top: -13px;width: 14px;height: 14px;content: '';border: 3px solid #d6d6d6;border-radius: 50%;z-index: 3;margin-left: -8px;} .Timeline000618 .gallery-thumbs .swiper-wrapper li.swiper-slide-thumb-active:after{ border-color:#017fc7;} .Timeline000618 .list{ position:relative; padding-top:1%;} .Timeline000618 .list:before{ background:url(../images/Timeline000618-bg.html) no-repeat right bottom; width:30%; height:100%; position:absolute; content:''; right:0; bottom:0; background-size:contain;} .Timeline000618 .swiper-button-next, .Timeline000618 .swiper-button-prev { font-size:0; width:30px !important; height:60px !important; border-radius: 6px; border:none; position:absolute; top:auto; bottom: 0; background:#fff !important; cursor:pointer; padding:0;opacity: 1 !important;} .Timeline000618 .swiper-button-prev{ left:0;} .Timeline000618 .swiper-button-next{ right:0;} .Timeline000618 .swiper-button-next::before, .Timeline000618 .swiper-button-prev::before{ position:absolute; content:''; width:50%; height:25%; border-top:3px solid #aaa; border-right:3px solid #aaa; top:40%; left:18%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Timeline000618 .swiper-button-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);left:30%; } .Timeline000618 .swiper-button-next::before{border-color:#3298d2; } .Timeline000618 .swiper-button-next:hover::before, .Timeline000618 .swiper-button-prev:hover::before{ border-color:#3298d2;} @media(max-width:1600px){ .Timeline000618 .gallery-top .con{ width: 80%; margin: 3% auto} } @media(max-width:1024px){ .Timeline000618 .box dl dt .Timeline000618 .box dl dt{ font-size:16px; padding-bottom:10px;} .Timeline000618 .box dl dd{ font-size:12px;} .Timeline000618 .gallery-top .con{ display: block; width: 100%; margin:0 0 30px 0; height: auto; overflow: hidden} .Timeline000618 .gallery-top .con .time, .Timeline000618 .gallery-top .con .text{ width: 100%; text-align: center; padding: 0} } /* .Linklist002317 为demo编号 */ .Linklist002317{ padding:0 0 3% 0; } .Linklist002317 .auto{overflow: hidden;} .Linklist002317 ul{ margin: 0 -1%;} .Linklist002317 ul li{ float: left; width: 48%;margin: 0 1% 10px 1%;text-align: center;} .Linklist002317 ul li .pic{display: block; position: relative;border: 1px solid #eee; padding-bottom: 60%; background-size: cover;} .Linklist002317 ul li h1{overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin:10px 0 0; font-weight: normal; font-size: 14px;} @media screen and (min-width:768px ){ .Linklist002317 ul li{width:31.334%;} } @media screen and (min-width:1024px ){ .Linklist002317 ul li{width:14.6%; margin-bottom: 20px; } } .Singlepage{padding: 3% 0} /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:3% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;border-bottom:1px dashed #ddd; margin-bottom:20px; } .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px; font-weight:normal; color:#444} .RichInfo005 .news_info .title p{ margin:0; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;font-family:Arial, Helvetica, sans-serif} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .center { text-align:center } .RichInfo005 .news_info { font-size: 14px; line-height:26px; color: #444 } .RichInfo005 .news_info p { font-size: 16px; line-height:30px; color: #444 } .RichInfo005 .news_info .bot{ position: relative ; margin-top: 50px;} .RichInfo005 .news_info .con{ padding-bottom: 3% } .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0; position: absolute; right: 0; top: 0px } .RichInfo005 .news_info .info_back a{ color:#fff; font-size:14px; background:#006cba; display: block; padding: 10px 30px;} .RichInfo005 .news_info .info_back a:hover{ background: #0060a6;} .RichInfo005 .news_info .info_pn span{ display:block; font-size: 14px; margin: 10px 0} .RichInfo005 .news_info .info_pn span a{ color:#666;} .RichInfo005 .news_info .info_pn span a:hover{color:#28374f;} @media(max-width:1000px){ .RichInfo005 .news_info .info_back{ position: relative } .RichInfo005 .news_info .bot{ position: relative ; margin-top:15px;} } @media(min-width:1000px){ .RichInfo005 .news_info .info_pn span{ width: 80%} }