body{ font-family:" Arial,Helvetica,Verdana,sans-serif";} /* .RichInfo005 为demo编号 */ .RichInfo005{max-width:1400px;margin:0 auto;padding:4% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:30px;color:#333; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:20px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#333;font-size:16px;} .RichInfo005 .news_info .info{ text-align:justify;} .RichInfo005 .news_info .info p{font-size:16px;line-height: 30px;color:#333;} .RichInfo005 .news_info .info p b{font-size:18px;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#07ad58; font-size:14px;} .RichInfo005 .table{width:100%;} .RichInfo005 .table tr th{font-size:16px;background:#2bb6fa;color:#fff;padding:14px;} .RichInfo005 .table tr td{font-size:16px;padding:12px 14px;border:1px solid #eee;color:#333;} .RichInfo005 .rz{margin-top:3%;} .RichInfo005 .rz h2{font-size:22px;font-weight: normal;color:#333;} .RichInfo005 .rz img{border-radius: 150px;float:left;margin-right:3%;} .RichInfo005 .rz .txt{margin-top:2.5%;} .RichInfo005 .rz p{font-size:16px;color:#333;margin:0;} .RichInfo005 .news_info .info_pn{border-top:1px solid #e2e2e2;padding-top:2%;margin-top:4%;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#666;line-height: 30px;font-size:16px;} .RichInfo005 .news_info .info_pn span a:hover{color:#2bb6fa;} @media(max-width:768px){ .RichInfo005{padding:6% 2%;} .RichInfo005 .news_info .title h1{font-size:22px;padding-bottom:8px;} .RichInfo005 .rz img{margin-right:4%;} } .RighInfo000623{padding: 4vw 0;} .RighInfo000623 .auto{max-width: 1400px;} .RighInfo000623 .title{margin-bottom: 2vw;} .RighInfo000623 .title:after{display: block;content: '';width: 50px;height: 2px;background: #2bb6fa;margin-top: 1vw;} .RighInfo000623 .title .cn{font-size: 30px;color: #333;padding-bottom: 10px;} .RighInfo000623 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:1400px){ .RighInfo000623 .auto{padding:0 2%;} } @media(max-width:768px){ .RighInfo000623 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .RighInfo000623 .title .cn{font-size: 22px;} } .RighInfo000623 .ytable-cell{padding: 4.167vw 0;} .RighInfo000623 .pic .inner{ position: relative;} .RighInfo000623 .pic time{bottom: 0;text-align: right;position: absolute;right: 0;background: rgb(43, 182, 250,0.8);color: #fff;padding: 24px 40px 24px 30px;font-size:16px;} .RighInfo000623 .pic time span{display: block;margin-bottom: 5px;font-family: Oswald;font-size: 56px;line-height: 0.8em;} .RighInfo000623 .pic time span:before{display: inline-block; height: 2px; background: #fff; content: ''; width: 16px; vertical-align:bottom; margin-right: 5px;} .RighInfo000623 .info{background: url("../images/RighInfo000623_bg.jpg") no-repeat right top #fff; background-size: contain;} .RighInfo000623 .p-info{font-size: 16px;line-height: 30px;color: #666;} .RighInfo000623 .p-info p b{color:#333;} .RighInfo000623 .p-info p{margin: 0 0 12px 0;} @media(min-width:1025px){ .RighInfo000623 .pic{width: 16.429%;} .RighInfo000623 .pic .inner{width: 206.696%;} .RighInfo000623 .info .inner{padding-left: 28.624%;padding-right: 6.548%;} } @media(max-width:1024px){ .RighInfo000623 .ytable, .RighInfo000623 .ytable-cell{display: block;} .RighInfo000623 .info{padding: 6vw;} } @media(max-width:640px){ .RighInfo000623 .pic time span{font-size: 12vw;} .RighInfo000623 .p-info{font-size: 16px;} } /*Floor */ .Banner002730{} @font-face { font-family: "DINPro-Bold"; src: url("../fonts/DINPro-Bold/DINPro-Bold.woff2") format("woff2"), url("../fonts/DINPro-Bold/DINPro-Bold.woff") format("woff"), url("../fonts/DINPro-Bold/DINPro-Bold.ttf") format("truetype"), url("../fonts/DINPro-Bold/DINPro-Bold.eot") format("embedded-opentype"), url("../fonts/DINPro-Bold/DINPro-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } .Banner002730{ position:relative;} .Banner002730 .ytable{height: 100%;} .Banner002730 .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff; font-size:28px; } .Banner002730 .txt .auto{ max-width: 920px;} .Banner002730 .txt .cn{ letter-spacing:8px; padding-right: 20px;} .Banner002730 .txt .en{text-align: right;text-transform: uppercase; padding-left: 15px; font-family: "DINPro-Bold";} @media(min-width:1025px){ .Banner002730 figure{ height:400px;} .Banner002730 img{ display:none;} } @media(max-width:1024px){ .Banner002730 figure{ display:none;} .Banner002730 img{ width:100%; display:block;} .Banner002730 .auto{ width:80%;} .Banner002730 .fr{float: right;} } @media(max-width:640px){ .Banner002730 .txt{font-size: 24px;} } /* .Menu000706 为demo编号 */ .Menu000706{ margin-bottom:0%;border-bottom:1px solid #eee;} .Menu000706 header{ margin-top:-3%;} .Menu000706 header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0; padding:10px 10% 10px 18px; background:url(../images/Menu000706-icon.png) no-repeat 95% center #ed6c00; color:#fff; font-weight:normal; font-size:24px;} .Menu000706 header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;} .Menu000706 nav{ height: 65px; position:relative;} .Menu000706 nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; font-size:15px; background:url(../images/Menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;} .Menu000706 nav dl a{color:#999;} .Menu000706 nav dl span, .Menu000706 nav dl a:hover{color:#2bb6fa;} .Menu000706 nav li a{ display:block; font-size:16px; padding:22px 0;} @media(min-width:769px){ .Menu000706 nav ol{ display:none;} .Menu000706 nav ul{ display:block !important;} .Menu000706 nav li{ float:left; padding:0 2%;} .Menu000706 nav li:hover, .Menu000706 nav li.aon{background-image: linear-gradient( #44d7e8 , #2bb6fa);} .Menu000706 nav li:hover a, .Menu000706 nav li.aon a{color:#fff;} } @media(max-width:1000px){ .Menu000706 nav dl{ display:none;} .Menu000706 header{ position:relative; z-index:5;} .Menu000706 header h1{ display:block; padding-right:0;} } @media(max-width:768px){ .Menu000706 nav{ position:relative;} .Menu000706 nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;} .Menu000706 nav ol span{display:block; background-color:#2bb6fa; padding:3px;border-radius:3px;} .Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; border-radius:1px; line-height:40px; padding:0 10px; position:relative; font-size:16px;} .Menu000706 nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2bb6fa;} .Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#2bb6fa; padding:5px; border-radius:0 0 5px 5px; display:none;z-index: 99} .Menu000706 nav li{ background-color:#fff; border-radius:2px;margin-bottom:1px;} .Menu000706 nav li:nth-child(2n){ background-color:rgba(255,255,255,0.8);} .Menu000706 nav li a{ padding:0 2%; line-height:40px; } .Menu000706 nav li a:hover{color:#ed6c00;} } @media(max-width:768px){ .Menu000706 header h1{ font-size:20px;} } .lm-bg{background:#eff3f7;} .lm-tit{text-align: center;padding-top:4%;margin-bottom:3%;} .lm-tit h2{font-size:36px;font-weight: normal;color:#333;margin:0;} .lm-tit h2:after{content:'';width:50px;height: 3px;display: block;background:#2bb6fa;margin:0 auto;margin-top:24px;} @media(max-width:768px){ .lm-tit{padding-top:6%;margin-bottom:8%;} .lm-tit h2{font-size:26px;} .lm-tit h2:after{width:30px;margin-top:14px;} } /* .PicList001747 为demo编号 */ .PicList001747{ padding:0% 0;} .PicList001747 .more{border: 1px solid #e0e0e0;line-height: 48px;height: 48px;text-align: center;font-size: 16px;display: block; transition:0.4s;} .PicList001747 .more:hover{ background-color:#ab0858; border-color:#ab0858; color:#fff;} .PicList001747 li span{color:#999;display: inline-block;margin-top:10px;} .PicList001747 li{float: left;width: 31.3%; margin-right: 3%; margin-bottom:3%; transition: all 0.5s; overflow: hidden;} .PicList001747 li:nth-child(3n){ margin-right:0;} .PicList001747 li:hover{ transform: translateY(-10px);} .PicList001747 li a{display: block;} .PicList001747 li a:hover{color:#2bb6fa; } .PicList001747 li figure{ padding-bottom:57%; transition: all 0.5s;} .PicList001747 li a:hover figure{ transform: scale(1.1);} .PicList001747 li figure img{ display:none;} .PicList001747 li div{ padding:6%;background:#fff; position: relative; z-index: 2;} .PicList001747 li h3{ margin:0;font-size: 22px;font-weight: normal;} .PicList001747 li p{line-height: 24px; margin:3% 0 0 0;color:#666; height:48px; overflow:hidden; font-size:14px;} @media(max-width:768px){ .PicList001747 li{ width:100%;} .PicList001747 li h3{font-size:18px;} .PicList001747 li:nth-child(3n){ margin-right:2%;} .PicList001747 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList001747 h1{ font-size:18px;} .PicList001747 li p{ font-size:14px;} } .auto_1400{max-width:1400px;} @media(max-width:1400px){ .auto_1400{padding:0 2%;} } /*Page002623 */ .Page002623{padding: 2vw 0 4vw 0; text-align: center;font-family: Arial;font-size: 16px;} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 2vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: 46px; width: 46px; margin: 0 2px;background:#fff;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: #222;} .Page002623 .Pages .p_page > a{font-size: 0;height: 50px;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;} .Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #fff;} .Page002623 .Pages .p_page > a{height: 46px;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:1400px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0; padding:10px 0;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding:15px 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } /*Top002434*/ .Top002434 {position: relative; z-index: 100; background: #fff;} .Top002434 .header{ height:95px;} .Top002434 .header-left{ float:left; height:100%; position:relative; width:16%;} .Top002434 .logo{ position:absolute; left:0; top:13px;} .Top002434 .header-mid{ float:left; width:59%;margin-left:2%;} .Top002434 .header-menu li em a{ font-size:18px; display:inline-block; line-height:95px;position:relative;} .Top002434 .header-menu li em a:before{ position:absolute;content: ""; left:50%; top:0; width: 0; height: 2px;background: #2bb6fa; transition:0.3s; transform:translateX(-50%);} .Top002434 .header-menu li:hover em a::before, .Top002434 .header-menu li.aon em a::before{ width:100%;} .Top002434 .header-menu li:hover em a, .Top002434 .header-menu li.aon em a{ color:#333;} .Top002434 .header-menu li .sub{ width:205px; overflow: initial;} .Top002434 .header-menu li .sub-menu{ padding:22px 0; background:rgba(255, 255, 255, 0.9);} .Top002434 .header-menu li .sub-menu dt{ padding:0 17px; position:relative;} .Top002434 .header-menu li .sub-menu dt::before{ position:absolute; content:''; width:0; height:14px; background:#2bb6fa; left:0; top:50%; margin-top:-7px; transition:0.3s;} .Top002434 .header-menu li .sub-menu dt:hover::before{ width:8px;} .Top002434 .header-menu li .sub-menu dt a{ border-bottom:1px solid #e7e7e7; line-height:40px;font-size:15px; background:url(../images/Top002434-icon_a.png) no-repeat left center; color:#666;} .Top002434 .header-menu li .sub-menu dt:last-child a{ border-bottom:0;} .Top002434 .header-menu li .sub-menu dt a:hover{ color:#2bb6fa;} .Top002434 .header-menu li.has-sub:hover .sub{ height:auto;} .Top002434 .header-right{ float:right; padding-top:32px; } .Top002434 .header-right > *{ float:left; line-height:28px;position:relative; height:43px;} .Top002434 .top-language dt, .Top002434 .search_box{ position:absolute; right:0; top:100%; display:none;} .Top002434 .search_box{ box-shadow:0 3px 9px 0 rgba(0,0,0,.15); border:1px solid #fff; border-top:0; width:254px; background:rgba(0,0,0,0.2);} .Top002434 .search_box .text{ width:100%; line-height:48px; height:48px; padding:0 48px 0 10px; background:none; border:none; color:#fff;} .Top002434 .search_box .btn{ position:absolute; right:0; line-height:48px; width:48px; text-align:center; color:#fff; font-size:16px; top:0;} .Top002434 .search_box::after{ position:absolute; content:''; border:8px solid transparent; border-bottom-color:rgba(0,0,0,0.2); right:0; top:-16px;} .Top002434 .open-search{ display:block; width:28px; height:28px; background:url(../images/Top002434-icon_search.png) no-repeat center center;} .Top002434 .top-language{background:url(../images/Top002434-icon_lang.png) no-repeat left 5px; padding-left:23px; padding-right:15px; margin-right:5px;font-size:16px;} .Top002434 .top-language::after{ position:absolute; content:''; width:1px; height:20px; background:#e5e5e5; right:0; top:4px;} .Top002434 .top-language dd{ padding-right:22px; background:url(../images/Top002434-icon_a.png) no-repeat right center;} .Top002434 .top-language dt{ border:1px solid #eee; width:100%; text-align:center; background:#fff;} .Top002434 .top-language dt a{ display:block; border-bottom:1px solid #eee; line-height:24px; transition:color 0.3s;} .Top002434 .top-language dt a:last-child{ border-bottom:0;} .Top002434 .top-language dt a:hover{ color:#fff; background:#2bb6fa;} @media(max-width:1024px){ .Top002434 .header{height: 80px;} .Top002434 .header-left{ width:30%;} .Top002434 .header-right{ padding-right:50px;padding-top:25px;} .Top002434 .top-language dd{padding-right:13px;} .Top002434 #open_menu{ height:30px;width:35px; background:#2bb6fa; border-radius:0; top:26px; border:none;} .Top002434 #open_menu i, .Top002434 #open_menu i::before, .Top002434 #open_menu i::after{ background:#fff;} .Top002434 #open_menu.open_menu_on{ } .Top002434 #header-menu ul{ background:#2bb6fa; padding-left:0; padding-right:0;} .Top002434 #header-menu li{ padding:0 5%;} .Top002434 #header-menu li em, .Top002434 #header-menu li em a{ border-bottom:0;} .Top002434 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002434 #header-menu li em a{ font-weight:normal;} .Top002434 #header-menu li.clickon em a{ background:none;} .Top002434 #header-menu li.clickon{ padding-bottom:5%;} .Top002434 #header-menu li .sub-menu dt:last-child a{ border-bottom:0;} .Top002434 #header-menu li .sub-menu dl{ background:rgba(43,182,250,1); border-radius:5px;} .Top002434 #header-menu li .sub-menu dt a{border-bottom:1px solid rgba(255,255,255,0.2);} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;} /*方法4*/ /*.Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: -100%; top: -100%; min-height: 100%; min-width: 100%; opacity: 0; transition: 0.3s;} .Banner002826 li.video-show video{left: 50%;opacity: 1;top: 50%; transform: translate(-50%,-50%);} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;transition: 0.3s;} .Banner002826 li.video-show .open-video{opacity: 1;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} }*/ /*方法1，2，3*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } /*方法5 添加播放按钮+弹窗*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .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)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 12px; height: 12px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 12px;} .Banner002826 .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';} .Banner002826 .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 7px;} } /* .TextList000711 为demo编号 */ .TextList000711 li{ padding:12px 20px 12px 35px; position: relative; line-height:40px;background:#fff;margin-bottom:13px;font-size:16px;} .TextList000711 li:after{content:'';width:5px;height:5px;background:#2bb6fa;border-radius: 50px;display: block;position: absolute;left:19px;top:29px;} .TextList000711 li em{ font-style:normal; float:right; margin-left:2%;} .TextList000711 li em a{border:1px solid #dadada; border-radius:40px; display:block; padding-left:20px; padding-right:20px; line-height:38px;font-size:14px;color:#666;} .TextList000711 li em a span{ margin-left:10px;} .TextList000711 li em a:hover{ background-color:#2bb6fa; border:1px solid #2bb6fa; color:#fff;} @media(max-width:480px){ .TextList000711 li{ line-height:30px;} .TextList000711 li em a{ font-size:12px;line-height:28px;} } /*Form002219*/ .Form002219{ padding-bottom:5%;} .Form002219 dl{ width:48%; float:left; padding-left:90px; min-height:40px; position:relative; margin-bottom:17px; max-width:800px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dt{ color:#666; font-size:16px; position:absolute; left:0; width:85px; text-align:right; line-height:40px;} .Form002219 .text{border:none; border-radius:5px; width:100%; padding:0 10px; line-height:45px;height:45px; color:#5b5b5b;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:none;border-radius:5px;overflow:hidden; resize:none; width:100%; height:300px; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:135px; margin-right:20px; background-color:#fff; color:#666; font-size:16px; border:none; border-radius:5px; cursor:pointer;} .Form002219 .submitbtn{ color:#fff; background-color:#2bb6fa;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:220px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002219 End*/ /* .TextList001729 为demo编号 */ .TextList001729{margin-bottom:1%;} .TextList001729 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .TextList001729 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .TextList001729 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;} .TextList001729 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#f29200;} .TextList001729 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:2px solid #999; } .TextList001729 .search input{border:none; } .TextList001729 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999;} .TextList001729 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001729-search.png) no-repeat center center; padding:0;} .TextList001729 ol.type{ margin-top:3%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#2bb6fa; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; font-size:16px; line-height:40px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li:nth-child(8){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(8){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(5){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#On li:nth-child(5){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{background:#fff;margin-bottom:12px;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:16px; line-height: 31px; padding:1% 2% 2%;} .TextList001729 .list .con strong{color:#333;} .TextList001729 .list .con dl dd{} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#2bb6fa; font-size:16px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} .TextList001729 .list .con dl dd a{display: block;width:48%;float:left;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .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)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{} .PicList002433 .main{ padding:1% 0 3% 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:57px; height:57px; margin-top:-30px; border:1px solid #2bb6fa; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:#2bb6fa; } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:2px solid #2bb6fa; border-right:2px solid #2bb6fa; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:44px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:258px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:258px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto; width:90%; line-height:20px;font-size:16px; max-height:40px; color:#333;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /* .Menu000654 为demo编号 */ .Menu000654{ background:#fff; } .Menu000654 header{ background-color:#2bb6fa; background-image: linear-gradient( #44d7e8 , #2bb6fa); color:#fff; font-size:24px; padding:26px 0 26px 0; text-align:center; position:relative; z-index:5;} .Menu000654 header span{ font-size:14px; display:block;text-transform: uppercase;margin-top:1px;color:rgba(255,255,255,0.5);} .Menu000654 li a{ display:block; position: relative; padding-left:35px; padding-top:10px; padding-bottom:10px; line-height:28px;font-size:16px; border-bottom:1px solid #e6e6e6;} .Menu000654 li a:hover, .Menu000654 li a.aon{ color:#2bb6fa;} .Menu000654 li dl{ background-color:#fff; font-size:12px; display:none;} .Menu000654 li a.click{ position:relative;} .Menu000654 li a.click::after, .Menu000654 li a.click::before{ position:absolute; content:''; background-color:#1c8bcd; top:50%;} .Menu000654 li a.click::after{width:15px; height:2px; left:10px; margin-top:-2px;} .Menu000654 li a.click::before{width:2px; height:15px; left:16px; margin-top:-8px;} .Menu000654 li dl dd a{ color:#999;} .Menu000654 li dl dd a.aon, .Menu000654 li dl dd a:hover{ color:#1c8bcd; background: #c7eaff;} .Menu000654 li a.aon::before{ display:none;} .Menu000654 li a.aon::after{ background-color:#fff;} @media(max-width:950px){ .Menu000654 header{ margin-top:0;font-size:20px; padding:15px 0; } .Menu000654{width: 104%;margin-left: -2%;} } @media(max-width:768px){ .Menu000654 li{width:50%;float:left;} .Menu000654 li a{padding-top:8px;padding-bottom:8px;} } /*PicList002120 */ .PicList002120{ padding:0% 0;} .PicList002120 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%;} .PicList002120 li a{ display:block;} .PicList002120 li p{ margin:0; line-height:59px; padding:0 2%; text-align:center; font-size:16px;background:#fff;} .PicList002120 li .table{ display:none;} .PicList002120 li figure{padding-bottom:64%; background-size:contain;} @media(min-width:641px){ .PicList002120 li:nth-child(3n){ margin-right:0;} } @media(max-width:640px){ .PicList002120 li{ width:100%; margin-right:0%;} .PicList002120 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList002120 li p{ font-size:14px;line-height: 45px} } /* .TextList001202 为demo编号 */ .TextList001202 h1{ margin:0; font-weight:normal; padding:3% 0; font-size:24px; color:#333;} .TextList001202 h1 b{ display:block;} .TextList001202 li{padding-bottom:10px;} .TextList001202 dl{ position:relative; padding-left:58px;} .TextList001202 dl dt, .TextList001202 dl dd{ background:#fff;} .TextList001202 dl dt{ position:absolute; width:50px; left:0; top:0; color:#2bb6fa; text-align:center; font-size:24px;} .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:57px; line-height:57px;} .TextList001202 dl.A dd{ padding:2%; line-height:22px; font-size:14px;} .TextList001202 dl.Q dd{ padding:0 2%;font-size:16px;color:#333;} .TextList001202 li figure{ padding-top:2%;} .TextList001202 li figure a{ display:inline-block; padding:0 20px; line-height:25px;color:#fff; background-color:#2bb6fa;} .TextList001202 dl.A{ display:none; padding-top:10px;} .TextList001202 dl.A dt{ top:10px;} .TextList001202 dl.A p{ margin:0;font-size:14px;line-height: 26px;color:#666;} .TextList001202 dl.Q_on dt{ color:#fff; background-color:#2bb6fa;background-image: linear-gradient( #44d7e8 , #2bb6fa);} .TextList001202 dl.Q_on dd{background-color:#fff;} @media(max-width:480px){ .TextList001202 dl.Q dt, .TextList001202 dl.Q dd, .TextList001202 dl.A dt{ height:40px; line-height:40px;} .TextList001202 h1, .TextList001202 dl dt{font-size:20px;} .TextList001202 dl.A p{ overflow:hidden;} } /* .RighInfo001108 为demo编号 */ .RighInfo001108{background:#fff;padding:4%;} .RighInfo001108 .tit{font-size:32px;font-weight: normal;color:#333;margin:0;} .RighInfo001108 .tit:after{content:'';width:40px;height: 3px;background:#2bb6fa;display: block;margin-top:18px;margin-bottom:30px;} .RighInfo001108 .pic{ float:left; width:100%;} .RighInfo001108 .pic img{ } .RighInfo001108 .txt{ float:right; width:100%; color:#333;} .RighInfo001108 .txt h1{ font-size:18px; font-weight:normal;} .RighInfo001108 .txt p{ line-height:30px;font-size:16px;} .RighInfo001108 .txt .contact{ padding:3% 0;} .RighInfo001108 .txt .contact a{ color:#2bb6fa; width:132px; text-align:center; border:1px solid #2bb6fa; border-radius:30px; line-height:41px;font-size:16px; display:inline-block;margin-right:15px;} .RighInfo001108 .txt .contact a:hover{ background-color:#2bb6fa; color:#fff;} .RighInfo001108 .tab{ margin-top:3%; background-color:#e8e8e8; overflow:hidden; font-weight:bold;} .RighInfo001108 .tab span{ cursor:pointer; display:inline-block; padding:0 3%; line-height:40px;} .RighInfo001108 .tab span.on{ background-color:#008fd7; color:#fff;} .RighInfo001108 .tab_info{ padding:2%;} @media(max-width:768px){ .RighInfo001108 .tit{font-size:24px;} .RighInfo001108 .tit:after{width:30px;} } @media(max-width:480px){ .RighInfo001108 .pic, .RighInfo001108 .txt{ float:none; width:auto;} } /*Spec001963*/ .Spec001963{ padding-bottom:0%;} .Spec001963 .auto{ max-width:600px;} .Spec001963 dl{ overflow:hidden; border-radius:5px;width:100%; position:relative; overflow:hidden; background-color:#fff;} .Spec001963 dl .text{height:58px; line-height:58px; width:100%;border:none; background:none; padding:0 110px 0 28px; font-size:16px; color:#919191;} .Spec001963 dl .btn{ position:absolute; right:-1px; top:0; width:102px; height:100%; background: #2bb6fa; cursor:pointer; border:none; padding:0;font-size:16px; color:#fff;} .Spec001963 nav{ clear:both; position:relative; min-height:72px;padding-left:130px; padding-top:30px;} .Spec001963 nav b{ background:url(../images/Spec001963-titlebg.png) no-repeat; width:104px; padding-top:10px; text-align:center; padding-right:16px; height:72px; line-height:26px; left:0; top:30px; position:absolute; font-size:24px; color:#484848; font-weight:normal; overflow:hidden;} .Spec001963 nav li{ float:left; margin-right:3%; margin-bottom:2%;height:31px;} .Spec001963 nav li a{ padding:0 25px; border-radius:31px; color:#58b530; font-size:16px; height:31px; line-height:31px;display:block;} .Spec001963 nav li:hover a, .Spec001963 nav li.aon a{ background:#58b530; color:#fff;} .Spec001963 nav li.aon a{ font-weight:bold;} @media(max-width:962px){ .Spec001963 .auto{ padding:0 2%;} } @media(max-width:640px){ .Spec001963 nav{padding-left:110px;} .Spec001963 nav li a{ padding:0 10px; font-size:14px;} .Spec001963 dl{ margin-top:0;} .Spec001963 dl .text{ height:40px; line-height:40px; font-size:16px; padding:0 80px 0 10px;} .Spec001963 dl .btn{ width:70px; background-size:auto 60%;} .Spec001963 nav b{ font-size:18px;} } /* .TextList001131 为demo编号 */ .TextList001131{ padding:3% 0 1%;} .TextList001131 li{ line-height:30px;font-size:16px; padding:20px 0; padding-left:25px; padding-right:40px;margin-bottom:12px;} .TextList001131 li span{ float:left; width:30px; height:30px; background-color:#666; margin-right:14px; text-align:center; color:#fff; font-weight:bold;} .TextList001131 li:hover span{ background-color:#2bb6fa;} .TextList001131 li:hover{ } .TextList001131 li:hover a{color:#2bb6fa;} .TextList001131 li a.biaoti{ display:inline-block; overflow:hidden;width:40%;float:left;} .TextList001131 li em{ padding-right:3%;float:left;width:30%;} .TextList001131 li span.downloadFile{float:right;width:38px;height:38px;background:url(../images/TextList001131-li.png) no-repeat center;} .TextList001131 li span.downloadFile:hover{background-image:url(../images/TextList001131-li_hover.png);} .TextList001131 li b{ font-size:16px;font-weight: normal; } .TextList001131 li em{ font-style:normal;width:30%;} @media(max-width:768px){ .TextList001131 li{ font-size:14px; padding:10px 0;} .TextList001131 li b, .TextList001131 li em{ float:none; display:block; width:auto;} } /*TextList002855 */ .TextList002855 li{line-height: 4.5625em;background:#fff;margin-bottom:10px;} .TextList002855 li time{float: right;color: #999; margin-left: 15px;margin-right:20px;font-size:14px;} .TextList002855 li a{padding-left: 20px;margin-left:18px; position: relative; } .TextList002855 li a:hover{color:#2bb6fa;} .TextList002855 li a:after{content:'';width:5px;height: 5px;border-radius: 50px; background:#2bb6fa;position: absolute;left:0;top:34px;} @media(min-width:481px){ .TextList002855 li{font-size: 16px;} } @media(max-width:768px){ .TextList002855 li a{padding-left:15px;margin-left:10px;} .TextList002855 li a:after{top:28px;} .TextList002855 li time{font-size:12px;margin-right:12px;} } /*.Map002788 */ .Map002788{ padding: 0% 0 5% } /*slick Basic*/ .Map002788 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Map002788 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Map002788 .slick-list:focus {outline: none} .Map002788 .slick-list.dragging {cursor: pointer;cursor: hand;} .Map002788 .slick-slider .slick-track, .Map002788 .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)} .Map002788 .slick-track {position: relative; top: 0; left: 0; display: block;} .Map002788 .slick-track:before, .Map002788 .slick-track:after{display: table; content: '';} .Map002788 .slick-track:after{ clear: both;} .Map002788 .slick-loading .slick-track { visibility: hidden;} .Map002788 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Map002788 .slick-slide .slick-loading img { display: none;} .Map002788 .slick-slide .dragging img { pointer-events: none;} .Map002788 .slick-initialized .slick-slide { display: block;} .Map002788 .slick-loading .slick-slide { visibility: hidden;} .Map002788 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Map002788 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Map002788{ width:100%; position:relative; } .Map002788 .hd{padding-bottom: 30px; margin: 0 auto;} .Map002788 .hd li span{display: block;padding:15px 30px; border-right:1px solid #eee; line-height:14px;text-align:center; cursor:pointer; background: #fff; font-size:16px; } .Map002788 .hd li:first-child span{border-radius: 5px 0 0 5px;} .Map002788 .hd li:last-child span{border-radius: 0 5px 5px 0;} .Map002788 .hd li.slick-current span{ background:#2bb6fa; color:#fff;background-image: linear-gradient( #44d7e8 , #2bb6fa); } .Map002788 .bd .title{ width: 13%;margin-right: 1%; float: left; background: #f5f5f5;height: 380px; padding:20px 30px;background-size:cover;} .Map002788 .bd .title h1{ font-size:18px; color: #fff } .Map002788 .bd .map{ height: 380px; } .Map002788 .bd .map img{ max-width: none } .Map002788 .bd .text{ background: #fff;padding:4% 3%} .Map002788 .bd .text h2{font-size:24px;color:#333;font-weight: normal;margin:0;} .Map002788 .bd .text h2:after{content:'';width:47px;height: 2px;background:#2bb6fa;display: block;margin-top:17px;margin-bottom:22px;} .Map002788 .bd .text p{ font-size: 16px; line-height: 34px; margin: 0; } .Map002788 .bd .text .btn{ background:url(../images/Map002788-kf.png) no-repeat 10px #05d0b2; display: block; width: 165px; padding-left: 25px; border-radius: 5px; line-height: 46px; text-align: center; color: #fff; margin-top: 20px; } @media(min-width:769px){ .Map002788 .bd .map{width:50%; float: left} .Map002788 .bd .text{ width:35%; margin-left: 1%; float: left;height: 380px; } } @media(max-width:768px){ .Map002788 .bd .title{display: none;} .Map002788 .bd .map{height: 300px;} .Map002788 .bd .text h2{font-size:22px;} } .w22{width:17%;} .w75{width:79%;} @media(max-width:768px){ .w22{width:100%;} .w75{width:100%;} } /*PicList002953 */ .body_f5f5f5{background: #f5f5f5;} .PicList002953{padding: 0vw 0;} .PicList002953 li{float: left;width: 31.33%;background: #fff; margin-bottom: 3.332%; margin-right: 2%; transition: all 0.5s;} .PicList002953 li:hover{ transform: translateY(-10px);} .PicList002953 li a{display: block;padding: 1.56vw;} .PicList002953 li:nth-child(3n){ margin-right: 0;} .PicList002953 li aside.dot{font-size: 24px;line-height: 1em;border-left:2px solid #2bb6fa; margin-bottom: 20px;padding-left: 20px;} .PicList002953 li a:hover aside.dot{color: #2bb6fa;} .PicList002953 li .txt{padding: 20px 20px 0;} .PicList002953 li p{margin: 0;line-height: 1.625em;font-size: 14px;margin-bottom:10px; color: #666;} .PicList002953 li .pic{overflow: hidden;border-radius: 5px;} .PicList002953 li .Ispic{padding-bottom:67%; transition: 0.3s;background-size:contain} .PicList002953 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002953 li .more{overflow: hidden;} .PicList002953 li .more span{float: right;width: 38px;height: 38px;border: solid 2px #e5e5e5; border-radius: 50%;position: relative; transition: 0.3s;} .PicList002953 li .more span:after{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #666; border-right: 2px solid #666; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); margin: -5px 0 0 -7px; left: 50%; top: 50%;} .PicList002953 li a:hover .more span{border-color: #2bb6fa;background: #2bb6fa;} .PicList002953 li a:hover .more span:after{border-color: #fff;} @media(max-width:1024px){ .PicList002953 li a{padding: 4vw;} .PicList002953 li .txt{padding: 1vw 1vw 0;} } @media(max-width:640px){ .PicList002953 li{width:100%;} .PicList002953 li aside.dot{font-size: 22px; margin-bottom: 2vw;} .PicList002953 li p{font-size: 14px;} .PicList002953 li .more{padding-top: 2vw;} .PicList002953 li .more span{width: 26px;height: 26px;} } /*Floor001893*/ .Floor001893 .title{ text-align:center; padding:3% 0 2% 0;color:#014099; font-size:36px;} .Floor001893 .title span{ text-transform:uppercase; color:#e1e1e1; font-size:30px; display:block; padding:10px 0; font-family:Arial, Helvetica, sans-serif;} .Floor001893 .title:after{ display:block; content:''; margin:0 auto;width:80px; height:6px;background-color:#cacaca;} .Floor001893 .year{ position:relative; padding:0 40px;} .Floor001893 .year .prev, .Floor001893 .year .next{ position:absolute; top:50%; width:36px; height:36px; margin-top:-18px; background:url(../images/Floor001893-controls.png) no-repeat left top; cursor:pointer;} .Floor001893 .year .prev{ left:0;} .Floor001893 .year .next{ right:0; background-position:left bottom;} .Floor001893 .year .nextStop, .Floor001893 .year .prevStop{ cursor:default;} .Floor001893 .year .prevStop{ background-position: right top;} .Floor001893 .year .nextStop{ background-position: right bottom;} .Floor001893 .year .bd{ background:url(../images/Floor001893-bg.png) repeat-x left center; overflow:hidden;} .Floor001893 .year li{ cursor:pointer; text-align:center; background:url(../images/Floor001893-dot.png) no-repeat center center;font-size:22px; padding-bottom:40px;color:#333;} .Floor001893 .year li span{ display:block; height:130px; padding-top:10px;} .Floor001893 .year li:before{ display:block; width:0; height:0; margin:0 auto; border:20px solid transparent; content:'';} .Floor001893 .year li.on{ font-size:28px; color:#2bb6fa; background-image:url(../images/Floor001893-dot_hover.png);background-size:32px;} .Floor001893 .year li.on:before{border-top-color:#fff;} .Floor001893 .year li.on span{ padding-top:0;} .Floor001893 .txt{ background-color:#fff; } .Floor001893 .txt li{ padding:3% 3% 3% 0; position:relative;} .Floor001893 .txt li .img{ position:relative; right:0; width:32%;float:right; } .Floor001893 .txt li .img img{ display:block; width:100%;} .Floor001893 .txt li dl{ display:table; width:67%;float:left; min-height:300px;padding-right:4%;} .Floor001893 .txt li dl dt, .Floor001893 .txt li dl dd{ display:table-cell; vertical-align:top;} .Floor001893 .txt li dl dt{ border-right:1px solid #cacaca; width:220px; text-align:right; font-size:64px; color:#2bb6fa;} .Floor001893 .txt li dl dt span{ display:block; padding-right:30px;font-family: Oswald} .Floor001893 .txt li dl dt:after{ display:block; float:right;; content:''; width:20px; height:20px; background-color:#2bb6fa;} .Floor001893 .txt li dl dd p{ padding-left:30px; font-size:16px; line-height:26px;} @media(max-width:1000px){ .Floor001893 .txt li{ padding-right:3%;} .Floor001893 .txt li dl{ position:relative; z-index:1;} .Floor001893 .txt li .img{ display:none;} .Floor001893 .txt li dl{min-height:none;} .Floor001893 .txt li dl dt{width:170px; font-size:50px;} .Floor001893 .txt li dl dd pre{ font-size:14px; line-height:20px;} } @media(max-width:768px){ .Floor001893 .title{font-size:26px;} .Floor001893 .title span{font-size:20px;} .Floor001893 .title:after{ height:3px;} } @media(max-width:480px){ .Floor001893 .txt li dl dt{width:120px; font-size:32px;} } @media(max-width:375px){ .Floor001893 .txt li dl dd, .Floor001893 .txt li dl dt, .Floor001893 .txt li dl{ display:block;} .Floor001893 .txt li dl dt{ width:auto; border-right:0; overflow:hidden;} .Floor001893 .txt li dl dt span{ padding-right:0;} } /* .Bottom002381 为demo编号 */ .Bottom002381 .auto{max-width:1400px;} .Bottom002381{background:#1f1f1f;} .Bottom002381 .bottom,.Bottom002381 .bottom a{ color: #999; font-size: 14px; } .Bottom002381 .bottom a:hover{color: #fff;} .Bottom002381 .bottom{ padding: 3.5% 0;} .Bottom002381 .bottom nav li h3{ font-size: 18px; color: #fff; margin: 0; font-weight: normal;} .Bottom002381 .bottom nav li dl{ padding-top: 15px; } .Bottom002381 .bottom nav li dl dd{ padding: 4px 0;} .Bottom002381 .weixin img{ border: 1px solid #efefef;} .Bottom002381 .weixin span{ display: block; padding-top: 8px;text-align: center;} .Bottom002381 .tel dt,.Bottom002381 .share .span{ color: #fff; font-size: 18px;} .Bottom002381 .share .span{font-size:14px;color:rgba(255,255,255,.6);} .Bottom002381 .tel dd{ font-size: 36px; color: #2bb6fa;font-family: Oswald;margin-top:12px;} .Bottom002381 .share{ text-align: left; margin-top: 10px;} .Bottom002381 .share>*{ display: inline-block;} .Bottom002381 .share a{ color: #999; font-size: 20px; padding-left: 10px;} .Bottom002381 footer,.Bottom002381 footer a{ color: #999;} .Bottom002381 footer a{} .Bottom002381 footer a:hover{ color: #333;} .Bottom002381 footer{ border-top: 1px solid rgba(255,255,255,0.08); padding: 19px 0; text-align: center;} .Bottom002381 .weixin .item{ width: 120px; text-align: center; display: inline-block; margin: 0 3px;vertical-align: top; font-size: 12px;} @media only screen and (max-width: 767px) { .Bottom002381 .bottom nav li{border-bottom: 1px solid rgba(255,255,255,0.1);} .Bottom002381 .bottom nav li dl{ display: none; padding: 10px 0;} .Bottom002381 .bottom nav li h3{ padding: 8px 0;} .Bottom002381 .weixin,.Bottom002381 .contact{ text-align: center;padding-top: 10px;} .Bottom002381 .share{ text-align: center; margin:0 auto;} .Bottom002381 footer{ text-align: center;} .Bottom002381 .copyright{ margin: 5px 0 0;} } @media only screen and (min-width: 768px) { .Bottom002381 .bottom nav{ float: left; width: 72%;} .Bottom002381 .bottom nav li{ float: left; width: 20%; border-left: 1px solid rgba(255,255,255,0.08); padding-left: 25px; min-height: 185px;} .Bottom002381 .weixin,.Bottom002381 .contact{ float: right;} .Bottom002381 .weixin{ padding-left:0; width: 260px; margin-top: 3%; overflow: hidden;} .Bottom002381 .links{ display: inline-block;} .Bottom002381 .links a{margin-right:14px;} .Bottom002381 .copyright{ display: inline-block; margin: 0;} } @media(max-width:768px){ .Bottom002381 nav{display: none} .Bottom002381 .auto{padding:0 2%;} .Bottom002381 .tel dd{font-size:30px;margin-top:0;} } /*Timeline001915*/ .Timeline001915{ padding-bottom:4%;} .Timeline001915 .columnName{ padding:4% 0; line-height:normal; text-align:center; font-size:61px; color:#c20f00; text-transform:uppercase;} .Timeline001915 .columnName span{ display:block; color:#353535; font-size:30px; padding:10px 0 15px;} .Timeline001915 .columnName:after{ display:block; content:''; margin:0 auto; width:40px; height:2px; background-color:#c20f00;} .Timeline001915 .list{ background:url(../images/Top002434-logo.png) no-repeat center top; padding-top:64px;} .Timeline001915 .list ul{ background:url(../images/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../images/Timeline001915-li.png) no-repeat center top; padding-top:10px; padding-bottom:10px;} .Timeline001915 li div{ padding-left:36px;} .Timeline001915 li div p{ line-height:26px;font-size:16px;margin-top:7px;} .Timeline001915 ul li:nth-child(2n){ text-align:right; padding-left:0; padding-right:50%;} .Timeline001915 ul li:nth-child(2n) div{padding-left:0; padding-right:36px;} .Timeline001915 li time{ display:block; color:#333; font-size:22px; border-top:1px solid #e1e1e4;} .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#2bb6fa; width:20px; height:5px;} .Timeline001915 ul li:nth-child(2n) time:before{ float:right;} .Timeline001915 ul li:nth-child(2n) time span{ clear:both; display:block;} .Timeline001915 ol{ text-align:center;} .Timeline001915 ol a{ display:inline-block; width:142px; height:35px; line-height:35px; text-align:center; background-color:#2bb6fa; color:#fff; font-size:14px; border-radius:5px;} @media(max-width:1000px){ .Timeline001915 .columnName{ font-size:45px;} .Timeline001915 .columnName span{ font-size:24px;} } @media(max-width:640px){ .Timeline001915 .columnName{ font-size:30px;} .Timeline001915 .columnName span{ font-size:20px;} } @media(max-width:480px){ .Timeline001915 .list{ background-position: left top; padding-left:20px;} .Timeline001915 .list ul{ background-position: 8px top;} .Timeline001915 li{ padding:0 !important; background-position: left top;} .Timeline001915 li div{ padding:10px 10px 10px 36px !important;} .Timeline001915 ul li:nth-child(2n){ text-align:left;} .Timeline001915 ul li:nth-child(2n) time:before{ float:none;} } /*Timeline002170 */ .Timeline002170{ padding:0.5% 0 5%; overflow-x: hidden;} .Timeline002170 .owl-item{width:200px;} .Timeline002170 .owl-item .item{height:420px;background:url(../images/Timeline002170-bg.png) no-repeat 0 133px; background-size:100% auto; } .Timeline002170 .item dl{ height:100%;background:url(../images/Timeline002170-icon1.png) no-repeat 1px 8px; padding-left:30px;} .Timeline002170 .odd-item dl{ padding-top:280px;} @media(min-width:376px){ .Timeline002170 .odd-item dl{background-image:url(../images/Timeline002170-icon2.png); background-position:0 124px; padding-left:0;} } .Timeline002170 .item dt{ margin-bottom:5px; font-size:22px;color:#333;} .Timeline002170 .item dd{ height:110px; color:#666;font-size:15px; line-height:22px; overflow:hidden;} .Timeline002170 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/Timeline002170-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px; z-index:100;} .Timeline002170 .owl-nav .owl-prev{ left:0;} .Timeline002170 .owl-nav .owl-prev.disabled{ background-position:left top;} .Timeline002170 .owl-nav .owl-next{ right:0; background-position: right bottom;} .Timeline002170 .owl-nav .owl-next.disabled{background-position: right top;} .Timeline002170 .owl-nav div.disabled{ cursor:default;} @media(min-width:1201px){ .Timeline002170 .owl-carousel::before, .Timeline002170 .owl-carousel::after{ position:absolute; content:''; height:100%; background:url(../images/Timeline002170-bg3.png) no-repeat 0 135px; width:75%; top:3px;} .Timeline002170 .owl-carousel::before{ left:-75px;} .Timeline002170 .owl-carousel::after{ right:-114px; width:114px; background-image:url(../images/Timeline002170-bg4.png);} .Timeline002170 .owl-nav .owl-prev{ left:-30px;} .Timeline002170 .owl-nav .owl-next{ right:-30px;} } @media(max-width:1200px){ .Timeline002170 .owl-carousel{ padding:0 30px;} } @media(max-width:768px){ .Timeline002170 .item dd{height: 120px;font-size:14px;} } @media(max-width:375px){ .Timeline002170 .owl-item .item{ height:250px;} .Timeline002170 .odd-item dl{ padding-top:0; } } /**插件样式 有相同 留一个即可**/ .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**/ .Other002524{ position:fixed; z-index:100; right:1%; top:50%; transform:translateY(-50%);} .Other002524 li{ padding:5px 0;} .Other002524 li a, .Other002524 li a::before{ display:block;height:50px;position:relative;} .Other002524 li a::before{ content:'';width:50px; border-radius:50%; border:3px solid #2bb6fa; background-color:#2bb6fa; background-repeat:no-repeat;background-image:url(../images/Other002524_icon.png); z-index:10;} .Other002524 li a:hover::before{ background-color:#fff; border-color:#2bb6fa;} .Other002524 li a span{ display:none; position:absolute; right:0; top:0; padding-right:50px; border-radius:50px; line-height:50px; color:#fff;background-color:#2bb6fa; z-index:3; width:139px; padding-left:25px;} .Other002524 li.qq a::before{ background-position:-115px 1px;} .Other002524 li.qq a:hover::before{ background-position: -154px 1px;} .Other002524 li.qq_2 a::before{ background-position:-199px -3px;} .Other002524 li.qq_2 a:hover::before{ background-position:-4px -3px;} .Other002524 li.gettop a::before{ background-position:-42px -3px;} .Other002524 li.gettop a:hover::before{ background-position:-81px -3px;} .Other002524 li.qq a.phone{ display:none;} .Other002524 li a:hover span{ display:block;} @media(max-width:1024px){ .Other002524 li.qq a.pc{ display:none;} .Other002524 li.qq a.phone{ display:block;} } .maxWidth800{max-width:800px;margin:0 auto;} /*Form002219*/ .Form0022191 .auto{max-width:800px;padding:2%;background: linear-gradient(to bottom, #44d7e8 0%,#2cb7f9 100%);margin: 0 auto;} .Form0022191 .form_box{text-align:center;color:#fff;margin:3% 0;position:relative;} .Form0022191 .form_box .zs_logo{ width: 200px;} .Form0022191 .form_box h2{font-size:24px;text-shadow:#000 3px 4px 5px} .Form0022191 .form_box p{font-size:16px;} .Form0022191 .section_box{margin: 30px auto;max-width: 540px;} .Form0022191 form{margin: 30px auto 60px;max-width: 540px;position: relative;} .Form0022191 form:after{position: absolute;content: '';z-index: 1;max-width: 100%;max-height: 100%;width: 150px;height:105px;background: url(../images/tg2.png) no-repeat center center;right: 0;bottom: -4%;background-size: contain;} .Form0022191 .form_bk{margin: 3% auto;max-width: 540px;border-radius: 5px;border: 5px solid #fff;background: linear-gradient(to bottom, #32bdcd 0%,#0a78ad 100%);position: relative;} .Form0022191 dl{width: 100%;padding-left: 175px;min-height: 60px;position:relative;max-width:540px;border-bottom: 2px solid #fff;} .Form0022191 dl:last-child{border-bottom: none;margin-bottom: 0;} .Form0022191 dt{color: #fff;font-size:14px;padding: 10px 0;position:absolute;left:0;width: 170px;text-align:right;line-height:20px;} .Form0022191 .text{border: none;border-radius:5px;width:100%;padding:0 10px;line-height:50px;height:50px;color: #fff;background: none;} .Form0022191 dl.dl{ width:100%; float:none; max-width:none;} .Form0022191 dl dd span{color:#fff;padding:10px;display: inline-block;} @media(max-width:640px){ .Form0022191 dl{ float:none; width:100%; margin-left:0 !important;} .Form0022191 textarea{ height:250px;} } @media(max-width:480px){ .Form0022191 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } .Form0022191 .form_txt{margin:3% 0;} .Form0022191 .form_txt span{display: block;} .Form0022191 .form_txt span.fl_t{width:80px;position: absolute;left:0;top:0;text-align: right;} .Form0022191 .form_txt span.fr_c{padding-left:85px;} .Form0022191 .form_txt p{color:#fff;position:relative;} /*Form002219 End*/ .header-menu li .sub .subb{ position: absolute; left: 100%; width: 100%; top: 0; display: none; padding: 5%; background-color: #fff;} .RighInfo001108 table{border: 1px solid rgb(84, 141, 212);border-collapse: collapse;width:100% !important;} .RighInfo001108 td, .RighInfo001108 th{border: 1px solid rgb(84, 141, 212);padding:0.8% 5px !important;font-size:16px !important;text-align: center;color:#333 !important} .RighInfo001108 td span,.RighInfo001108 td b{font-size:16px !important;color:#333 !important} .RighInfo001108 th{font-weight:bold;} .RighInfo001108 td p{margin:0;}