a{ transition: 0.5s} a:hover{ color: #0d4a9a; } .fancybox-skin .fancybox-title-float-wrap{margin-bottom:-45px;} .fancybox-skin .fancybox-title-float-wrap .child{overflow:hidden;max-width:50vw;background:rgba(0,0,0,0.5);text-overflow:ellipsis;white-space:nowrap;} #bsPanelHolder{ display: none} .bsPromo{ width: 100% !important; text-align: center !important} .bshare-custom{ width: 100% !important; text-align: center !important} .bshare-custom #bshare-shareto{ color: #fff !important} .bsTop, #bsMorePanel{width: 100% !important;} #bsMorePanel{ height: 370px !important;} .bFind-wrapper-top{ display: none !important} #bsLogoList li{ width:20% !important} .bsFrameDiv{ width: 100% !important; height: auto !important; } .bsFrameDiv>div{ background: #fff; width: 100% !important ; height: 208px !important } .bsFrameDiv>div img{ width:82% !important ; height: auto !important} .bsBox{ overflow: hidden} @media(max-width:1024px){ #bsBox{ width: 90% !important; margin: 0 auto !important; top: 10% !important; left: 5% !important} #bsLogoList li{ width: 33.3334% !important} } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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;touch-action:manipulation;-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%}.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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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.png) 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%} .auto_1400{ max-width:1400px;} @media(max-width:1400px){.auto_1400{ padding:0 2%;}} /*Top002070 */ .Top002070{ width:100%; background-color:#fff; z-index:100;position: relative;} .Top002070 .auto{ position: relative; } .Top002070:after{ content: ""; display: block; position: absolute; width: 38%; right:0; top: 0; height: 55px; background: #0d4a9a; z-index: -2; border-radius: 0 0 0 100px } .Top002070 .header-left{position:absolute; top:15%; left:0; width:35%; } .Top002070 .header-right{ position:absolute; top:0;right:0; padding: 0 30px;z-index: 100; } .Top002070 .header-right dd{position:relative; float:left;} .Top002070 .header-right dd >a{ display:block;height:45px; line-height:45px;} @media(min-width:1025px){ .Top002070 .header-mid{ float: right} } .Top002070 .top-language a{ position:relative; padding:5px 15px; font-size: 16px; color: #fff} .Top002070 .top-language a:before, .Top002070 .top-language a:after{ position:absolute;content:''; top:50%;margin-top:3px;} .Top002070 .top-language a:after{ right:0;border:5px solid transparent; border-top-color:#fff} .Top002070 .open-search{ width:45px; background:url(../images/Top002070-search_btn.png) no-repeat center center; } .Top002070 .search-box{ position:absolute; width:0; overflow:hidden; right:0; top:8px; background:#fff; transition:0.3s; opacity:0; border-radius: 50px} .Top002070 .search-box .text{ width:100%; background:none; height:38px; border:none; line-height:38px; padding:0 45px 0 20px; color: #666; font-size: 14px;} .Top002070 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:45px;background:url(../images/Top002070-search_btn.png) no-repeat center center;} .Top002070 .top-search-on .search-box{ width:250px; opacity:1;} .Top002070 .header-menu li{ width: auto !important; } .Top002070 .header-menu li em{ line-height:40px;padding:60px 25px 0; font-size:18px;position:relative; } .Top002070 .header-menu li em a{ padding: 15px 0 } .Top002070 .header-menu li:hover em a, .Top002070 .header-menu li.aon em a{ color: #0d4a9a; position: relative;} .Top002070 .header-menu li em a:after, .Top002070 .header-menu li em a:after{ content: ""; width: 0; height: 4px; background: #0d4a9a; transition: 0.5s; } .Top002070 .header-menu li:hover em a:after, .Top002070 .header-menu li.aon em a:after{ width: 100%;position: absolute; right: 0; bottom: 0;} .Top002070 .header-menu li .sub{ background:none;} .Top002070 .header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);} .Top002070 .header-menu li .sub dt a{ text-align:center; color:#fff;} .Top002070 .header-menu li .sub dt a:hover{ background:#0d4a9a} @media(max-width:1024px){ .Top002070:after{ display: none} .Top002070 .top-language a{ color: #666; height: 36px !important; line-height: 36px !important;} .Top002070 .top-language a:after{ border-top-color:#666} .Top002070 .header-left{ left: 2%} .Top002070 .header-right{ right: 2%; padding:15px 0} .Top002070 .search-box{ background: #eee} .Top002070 .top-search-on .search-box{ width:200px; opacity:1;} .Top002070 .header{ margin:0 2%; height:80px;} .Top002070 .header-right{ z-index:101; right:2%;} .Top002070 .Public_nav_style #open_menu{ position:relative; right:0; top:auto; margin-left:10px; border-radius:50%; background: #0d4a9a;width: 36px; height:36px; border:none; margin-top:4px;} .Top002070 #open_menu i::before, .Top002070 #open_menu i::after{ background:#fff !important;} .Top002070 #open_menu i{background:#fff; height:3px; margin-top:-1.5px;} .Top002070 #header-menu ul{ padding:0; border-top:82px solid #fff; background: #0d4a9a} .Top002070 #header-menu li{text-align:center;} .Top002070 #header-menu li em { border-bottom: 1px solid rgba(255,255,255,0.1) !important} .Top002070 #header-menu li:last-child em { border-bottom: 1px solid rgba(255,255,255,0.1) !important} .Top002070 #header-menu li em a{ padding:5%; font-weight:normal; line-height:normal;} .Top002070 #header-menu li .sub dt{ margin-bottom:1px; background:rgba(0,0,0,0.3);} .Top002070 #header-menu li .sub dt a{ border-bottom:0;} } /*Banner002058 */ .Banner002058{ position:relative; z-index:1;} .Banner002058:after{ content: "";position: absolute; left: 0; bottom: 0; width: 100%;height: 250px; background: url(../images/banner_cover.png) no-repeat center bottom;z-index: 50} .Banner002058 .bx-viewport{ z-index:1;} .Banner002058 li a, .Banner002058 li{ height:800px;} .Banner002058 li{ background-position: center bottom; background-repeat:no-repeat;} .Banner002058 li a{ position:relative; display:block;} .Banner002058 li img{ display:none;} .Banner002058 .bx-controls-direction a{ 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.png) no-repeat center center; background-size:contain; display: none} .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.png);} .Banner002058 .bx-controls-direction a.bx-prev:hover{ background-image:url(../images/Banner002058-btn_lefton.png);} .Banner002058 .bx-controls-direction a.bx-next:hover{ background-image:url(../images/Banner002058-btn_righton.png);} .Banner002058 .bx-pager{ position:absolute; left:0; bottom:17%; text-align:center; width:100%; z-index:80;} .Banner002058 .bx-pager *{} .Banner002058 .bx-pager div{ display:inline-block;margin:0 5px;} .Banner002058 .bx-pager div a{ display:block; line-height:100px; overflow:hidden; ;width:30px; height:30px; position: relative; border-radius: 50%} .Banner002058 .bx-pager div a:after{ content: ""; display: block; position: absolute; left:10px;top:10px; width: 10px; height:10px; background: #fff;border-radius: 50%} .Banner002058 .bx-pager div a.active{border:1px solid #fff} .Banner002058 .bx-pager div a.active:after{background:#fff} @media(max-width:1000px){ .Banner002058:after{ content: "";position: absolute; left: 0; bottom: 0; width: 100%;height: 120px; background: url(../images/banner_cover.png) no-repeat center bottom;z-index: 50; background-size: 100%} .Banner002058 li a, .Banner002058 li{ height:auto;} .Banner002058 li{ background:none !important;} .Banner002058 li img{ display:block; width:100%;} .Banner002058 .bx-pager div a{width:20px; height:20px;} .Banner002058 .bx-pager div a:after{width:6px; height:6px; left: 6px; top: 6px;} } .home_title{ position: relative; height: auto; overflow: hidden; width: 100%; margin-bottom: 30px;} .home_title h2{ font-size: 22px; margin: 0; text-transform: uppercase; font-family:din,Arial, Helvetica, sans-serif; color: #c2c3c5} .home_title h1{ font-size: 34px; font-weight: normal; color: #333; margin: 0} .home_title h1 span{ color: #009143; margin: 0} .home_title2{ text-align: center} .home_title2 h2{ color: #fff; opacity: 0.6} .home_title2 h1{ color: #fff} .home_title2 h1 span{ color: #fff} @media(max-width:1024px){ .home_title{ text-align: center} .home_title h2{ font-size: 18px; margin: 0; text-transform: uppercase; font-family:din,Arial, Helvetica, sans-serif; color: #c2c3c5} .home_title h1{ font-size: 24px; font-weight: normal; color: #333; margin: 0} } .Floor0003{ padding:3% 0 4% 0; position: relative; background: url(../images/bgg2.png) no-repeat 90% 40%; background-size:600px; } .Floor0003 .auto{ position: relative; height: auto; overflow: hidden;} .Floor0003 .main_con{ position: relative; height: auto; overflow: hidden; } .Floor0003 .text{ ;padding:1% 0 ; position: relative; width: 46%; float:right;} .Floor0003 .videobox{ position: absolute;height:100%; width:49%; bottom:0px;left:0px;z-index: 50; } .Floor0003 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height:100%;} .Floor0003 .videobg:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3)} .Floor0003 .videobg .play{ display: block; background: url(../images/Floor002467-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 60px 60px; cursor: pointer; z-index: 5;} .Floor0003 .videobg h2{ font-size: 18px; margin: 0; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-weight: normal; color: #fff; margin-top: 40px;} .Floor0003 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; display: none;} .Floor0003 .video video{ width: 100%; height: 100%; background: #000;} .Floor0003 .text h3{ font-size: 20px; font-weight: normal; margin: 35px 0 20px 0; color: #444 } .Floor0003 .text p{ font-size: 14px; color:#666; line-height: 30px; margin: 10px 0 0} .Floor0003 .num .ul_num{ height: auto; overflow: hidden; padding:2% 0 0 ; width: 100%; display: table; } .Floor0003 .num dd{ display:table-cell; width: 20%; text-align: center; } .Floor0003 .num h1{ font-size: 14px; font-weight: normal; margin: 30px 0 0; display: block } .Floor0003 .num h1 b{ font-size: 46px;color: #009143;font-family:din,Arial, Helvetica, sans-serif; } .Floor0003 .num span{ font-size: 14px; display: block; } .Floor0003 .more{ display: block; margin-top: 50px; background: url(../images/more2.png) no-repeat 90% center ; width: 240px; height: 60px; text-align:left; line-height: 60px; color: #999; padding: 0 20px; border: 1px solid #e2e3e5} .Floor0003 .more:hover{ background: url(../images/more.png) no-repeat 90% center #009143 ; border: 1px solid #009143; color: #fff} .home_more{ width: 70px; height: 40px;display: block; background: url(../images/more3.png) no-repeat center center ; margin-top: 50px;} @media(max-width:1024px){ .Floor0003{ padding:30px 0; background: none} .Floor0003 .text{ width: 100%; float:left} .Floor0003 .text h3{ margin: 10px 0} .Floor0003 .text p{ line-height: 26px; } .Floor0003 .videobox{ width:100%; height: 200px; position: relative; margin-top: 20px; float: left} .Floor0003 .more{ height: 50px; line-height: 50px; margin: 25px auto 0} .Floor0003 .num dd{width:48%; margin-right:4%; float: left; text-align: left } .Floor0003 .num dd:nth-child(2n){ margin-right: 0 } .Floor0003 .num dd:last-child{ float: left; } .Floor0003 .num h1 { margin: 15px 0 0} .Floor0003 .num h1 b{ font-size: 30px;} } .Floor0001{ position: relative; padding: 4% 0; height: auto; overflow: hidden;background:url(../images/bg.jpg); background-size: cover} .Floor0001 .auto{ position: relative; height: auto; overflow: hidden} .Floor0001 .home_title{ position: absolute; right: 0; top: 0; text-align: right} .Floor0001 .more{ background: url(../images/more.png) no-repeat 90% center ; position: absolute; right: 0; bottom: 10px; width: 240px; height: 60px; text-align:left; line-height: 60px; color: rgba(255,255,255,0.6); padding: 0 20px; position: absolute; left: 0; bottom:0; border: 1px solid rgba(255,255,255,0.3)} .Floor0001 .more:hover{ background: url(../images/more.png) no-repeat 90% center #009143 ; border: 1px solid #009143; color: #fff} .Floor0001 .box{ width: 49%; float: left } .Floor0001 .box2{float: right; padding-top: 7%} .Floor0001 li{ position: relative} .Floor0001 .bx-wrapper{position: relative} .Floor0001 .pic{ height:400px; background-size: cover;transition: transform .5s ease-in-out} .Floor0001 li:hover .pic{ transform: scale(1.1);} .Floor0001 .text{ width: 100%; position: absolute; left:0%; bottom:-2px; height:auto; padding:75px 30px 20px;z-index: 50; background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .Floor0001 .text h1{ font-size: 20px; font-weight: normal; color: #fff; margin: 0 0} .Floor0001 .text p{ font-size: 14px; font-weight: normal; color: rgba(255,255,255,0.5); margin: 0; display: none} .Floor0001 .bx-controls-direction a.bx-next, .Floor0001 .bx-controls-direction a.bx-prev { font-size:0; width:40px !important; height:40px !important; border:none; position:absolute; bottom: 0; margin-bottom: 40px; background-image:none !important; cursor:pointer; padding:0; z-index: 100; background: rgba(255,255,255,0.1);border-radius: 50%; display: none } .Floor0001 .bx-controls-direction a.bx-prev{ left:4%;} .Floor0001 .bx-controls-direction a.bx-next{ left:4%; margin-left: 45px;} .Floor0001 .bx-controls-direction a.bx-next::before, .Floor0001 .bx-controls-direction a.bx-prev::before{ position:absolute; content:''; width:25%; height:25%; border-top:1px solid #aaa; border-right:1px solid #aaa; top:38%; left:35%; transform:rotate(45deg); -webkit-transform:rotate(45deg); } .Floor0001 .bx-controls-direction a.bx-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left: 45%} .Floor0001 .bx-controls-direction a.bx-next:hover::before, .Floor0001 .bx-controls-direction a.bx-prev:hover::before{ border-color:#00a0e9;} .Floor0001 .bx-pager{ position:absolute; left:0; bottom:15px; text-align:right; width:100%; z-index:80; padding: 0 4%; opacity: 0.8} .Floor0001 .bx-pager *{} .Floor0001 .bx-pager div{ display:inline-block;margin:0 0 0 8px;} .Floor0001 .bx-pager div a{ display:block; line-height:100px; overflow:hidden; ;width:12px; height:12px; position: relative; border-radius: 50%;border:1px solid #fff } .Floor0001 .bx-pager div a.active{ background: #fff } @media(max-width:1024px){ .Floor0001 { padding: 30px 0} .Floor0001 .home_title{ position: relative; text-align: left} .Floor0001 .home_title h1{ color: #fff} .Floor0001 .box{ width:100%; float: left } .Floor0001 .box2{ padding-top: 10px} .Floor0001 .pic{ height:200px;} .Floor0001 .text{padding:75px 10px 20px;} .Floor0001 .text h1{ font-size: 14px;} .Floor0001 .more{ position: relative; margin: 30px auto 0;height: 50px; line-height: 50px; display: block} } .Floor0002 {padding:4% 0;position: relative; background:url(../images/bg3.jpg)} .Floor0002 .auto {position: relative; } .Floor0002 .more{ background: url(../images/more2.png) no-repeat 90% center ; position: absolute; right: 0; top: 0 ; width: 240px; height: 60px; text-align:left; line-height: 60px; color:#999; padding: 0 20px; border: 1px solid #e2e3e5} .Floor0002 .more:hover{ background: url(../images/more.png) no-repeat 90% center #009143 ; border: 1px solid #009143; color: #fff} .Floor0002 .auto{ overflow: hidden; position: relative} .Floor0002 .owl-carousel{ width: 180%; margin-left: -40%} .Floor0002 li{ position: relative; overflow: hidden} .Floor0002 li a{ } .Floor0002 li .pic{ height: 450px; position: relative;transition: transform .5s ease-in-out} .Floor0002 li .text{ padding:10px; background:#fff; position: relative;z-index: 50} .Floor0002 li:hover .pic{ transform: scale(1.1);} .Floor0002 li .text h2{font-size: 20px; font-weight: normal; color: #222; margin: 8px 0; text-align: center} .Floor0002 li:hover .text h2{color:#0d4a9a } .Floor0002 li .text p{font-size:14px; color: #999;line-height: 26px;display: none } .Floor0002 .owl-item .pic:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5)} .Floor0002 .center{transform:scale(1);} .Floor0002 .center .pic:after{ display: none} .Floor0002 .con { position: relative} .Floor0002 .owl-nav { display: block !important } .Floor0002 .owl-nav * { font-size:0; width:80px !important; height:80px !important; border:none; position:absolute; top: 50%; margin-top: -50px; background:none !important; cursor:pointer; padding:0; z-index: 100; border: none !important; border-radius: 50%; display: block !important; } .Floor0002 .owl-nav span{ display: none !important } .Floor0002 .owl-nav .owl-next{ border-color: #ccc} .Floor0002 .owl-nav .owl-prev{ left:28%; ;} .Floor0002 .owl-nav .owl-next{ right:28%; background:none} .Floor0002 .owl-nav .owl-next::before, .Floor0002 .owl-nav .owl-prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:2px solid rgba(255,255,255,0.8); border-right:2px solid rgba(255,255,255,0.8); top:35%; left:28%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor0002 .owl-nav .owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left: 40%} .Floor0002 .owl-nav .owl-next::before{border-top:2px solid #ccc; border-right:2px solid #ccc} .Floor0002 .owl-nav .owl-next:hover::before, .Floor0002 .owl-nav .owl-prev:hover::before{ border-color:#fff} .Floor0002 .bx-pager{display: none} @media(max-width:1024px){ .Floor0002{ padding: 30px 0} .Floor0002 .more{ position: relative; margin: 10px auto 0;height: 50px; line-height: 30px; display: block} .Floor0002 .owl-carousel{ width: 100%; margin-left: 0} .Floor0002 li .pic{ height: auto; padding-bottom: 55%} .Floor0002 .owl-nav .owl-prev{ left:2% ;} .Floor0002 .owl-nav .owl-next{ right:2%; } .Floor0002 li .text h2{font-size: 16px;} } .Floor002140 { padding: 4% 0; background: #fefefe} .Floor002140 .home_title{text-align: center} .Floor002140 .list{ height: auto; overflow: hidden; position: relative} .Floor002140 .more{ background: url(../images/more2.png) no-repeat 90% center ; display: block; width: 240px; height: 60px; text-align:left; line-height: 60px; color:#999; padding: 0 20px; border: 1px solid #e2e3e5} .Floor002140 .more:hover{ background: url(../images/more.png) no-repeat 90% center #009143 ; border: 1px solid #009143; color: #fff} .Floor002140 .tab_list{ height: auto; overflow: hidden} .Floor002140 .tab_list .left{ float:left; width:50%; border-bottom: 1px solid #eee} .Floor002140 .tab_list .left .Ispic{ height: 360px;; display:block; position:relative;} .Floor002140 .tab_list .left .Ispic img{ display:none;} .Floor002140 .tab_list .left time{ background:#fefefe; position:absolute; right:0; bottom:0; text-align:center; padding:1% 2.5%; color:#999; font-size:12px;font-family:Arial, Helvetica, sans-serif; border-radius: 6px 0 0 0} .Floor002140 .tab_list .left time span{ font-size:40px; display:block; line-height:50px;} .Floor002140 .tab_list .left h2{ margin:3% 0;} .Floor002140 .tab_list .left p{ margin-top:0; } .Floor002140 .tab_list .list{float:right; width:45%; } .Floor002140 .tab_list dd{ padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #eee} .Floor002140 .tab_list p{ line-height:24px; font-size:14px; color:#999; overflow:hidden; height: 50px } .Floor002140 .tab_list h2{ font-size:18px; font-weight: normal ;margin: 0 0 10px 0} .Floor002140 .tab_list dd time{color:#999; font-size:14px;font-family:Arial, Helvetica, sans-serif} @media(max-width:1024px){ .Floor002140{ padding: 30px 0} .Floor002140 .tab_list .left{ margin-bottom: 30px} .Floor002140 .tab_list .left .Ispic{ height:auto; padding-bottom:65%} .Floor002140 .tab_list .left, .Floor002140 .tab_list .list{ float:left; width:100%; } .Floor002140 .tab_list .left h2{ font-size: 16px;} .Floor002140 .tab_list h2{ font-size: 16px;} .Floor002140 .tab_list .list dd{padding-bottom: 10px; margin-bottom: 20px;} .Floor002140 .tab_list .list dd p{margin:10px 0 0} .Floor002140 .more{ position: relative; margin: 10px auto 0;height: 50px; line-height: 50px; display: block; position: relative; left: auto} } /*Bottom002743 */ .Bottom002743{ background:#252525; padding-top: 3%;color: rgba(255,255,255,0.4);} .Bottom002743 a{color: rgba(255,255,255,0.4);} .Bottom002743 a:hover{color: #fff;} .Bottom002743 .copyright{ line-height: 24px; padding: 25px 0;color: #555; margin-top: 55px; border-top: 1px solid #333; } .Bottom002743 .copyright a{color: #555;} .Bottom002743 .copyright a:hover{color: #aaa} .Bottom002743 .copyright a:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 13px; background: #555; vertical-align: middle; margin: 0 7px;} .Bottom002743 .contact{width:35%;} .Bottom002743 .contact .name, .Bottom002743 .nav dl dt{font-size: 18px;color: #fff; padding-bottom: 25px;} .Bottom002743 .contact li{ padding-bottom: 5px; line-height: 24px;} .Bottom002743 .contact li aside{ padding-left: 25px;background-position: left 3px; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom: 20px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li b{font-size: 36px;color: #ddd; font-family:din,Arial, Helvetica, sans-serif; margin-top: 10px; display: block} .Bottom002743 .nav dl dt a{color: #fff;} .Bottom002743 .nav dl:last-child dt {text-align: center} .Bottom002743 .nav{float: right; display: table; width: 60%} .Bottom002743 .nav dl{display: table-cell; width: auto !important; } .Bottom002743 .nav dd{line-height: 20px; padding: 4px 0;} .Bottom002743 .nav .code{text-align: center;} .Bottom002743 .nav .code img{max-width: 90px;} @media(min-width:769px){ .Bottom002743 .contact{float: left;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:1024px){ .Bottom002743{} .Bottom002743 .nav{display: none;} .Bottom002743 .contact{display: none;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center; border: none; margin: 0} } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:420px; background-position:center top; background-repeat:no-repeat;} .Banner002167 img{ display:none;} .Banner002167 aside{ position:absolute; left:50%; top:50%; line-height:46px;height:46px; width:100%; font-size:33px; padding:0 2%; max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} @media(max-width:1000px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } /* .Menu002252 为demo编号 */ .Menu002252{ text-align:center; overflow:hidden; background:#f5f5f5} .Menu002252 .owl-carousel{ display: block} .Menu002252 a{font-size:18px; display: inline-block;line-height:80px ; padding: 0 20px; } .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#0d4a9a;} .Menu002252 #nav12{ display: none} @media(max-width:1024px){ .Menu002252 { padding-bottom: 2px; text-align: left;padding: 0 42px; position: relative} .Menu002252:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #eee; z-index: 20} .Menu002252 a{ line-height:42px; display: block; float: none;text-align: center;padding: 0 10px; font-size: 16px; border: 1px solid #eee; margin:0; width: auto;position: relative; overflow: hidden} .Menu002252 a.aon,.Menu002252 a:hover{ border-color:#0d4a9a;} .Menu002252 .owl-carousel{position: relative} .Menu002252 .owl-nav *{font-size: 0 } .Menu002252 .owl-prev,.Menu002252 .owl-next{ font-size:0; width:42px !important; height:44px !important; border:none; position:absolute; top:0; background:#fff !important; cursor:pointer; padding:0;} .Menu002252 .owl-prev{ left:-42px;} .Menu002252 .owl-next{ right:-42px;} .Menu002252 .owl-next::before, .Menu002252 .owl-prev::before{ position:absolute; content:''; width:40%; height:40%; border-top:2px solid #ddd; border-right:2px solid #ddd; top:32%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Menu002252 .owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); left: 35%} .Menu002252 .owl-next:hover::before, .Menu002252 .owl-prev:hover::before{ border-color:#034ea2;} } .main_title{ } .main_title h1{ font-size: 36px; color: #333; font-weight: normal;text-align: center; margin: 0 0;} .main_title h1:after{ content: ""; display: block; width: 50px; height:3px; background: #444; margin:20px auto 50px ; border-right: 25px solid #009143} @media(max-width:1024px){ .main_title h1{font-size:24px; } .main_title h1:after{margin:20px auto 20px ; } } .Singlepage{ padding: 3.5% 0; font-size: 14px; line-height: 24px;} .Singlepage .title{ font-size: 36px; color: #333; font-weight: normal;margin:20px 0 0} .Singlepage .title:after{ content: ""; display: block; width: 50px; height:3px; background: #444; margin:30px 0 30px 0; border-right: 25px solid #009143} .Singlepage .about{ width: 100%} .Singlepage .pic{ width:50%; float: left} .Singlepage .text{ width:45%; float: right} @media(min-width:1024px){ .Singlepage .text{ height: 370px; overflow: auto; padding-right: 10px;} .Singlepage .text::-webkit-scrollbar{width:3px; height:3px;} .Singlepage .text::-webkit-scrollbar-track{width: 3px; background-color:#eee; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;} .Singlepage .text::-webkit-scrollbar-thumb{background-color:#ddd; background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;} .Singlepage .text::-webkit-scrollbar-thumb:hover{background-color:#fff;} } @media(max-width:1024px){ .Singlepage{ padding: 30px 0} .Singlepage .pic, .Singlepage .text{ width:100%; float:left} .Singlepage .title{ font-size: 24px; } .Singlepage .title:after{margin:20px 0 20px ; } } .PicList000762{ padding:3.5% 0;background: #f5f5f5 ; overflow: hidden; height: auto; overflow: hidden} .PicList000762 .auto{ overflow: hidden} .PicList000762 .con{ background:#fff;padding:3%; margin-bottom:20px; line-height: 26px; } .PicList000762 .list{ position: relative} .PicList000762 .owl-carousel{ width: 200%; margin-left: -50%; position: relative;overflow: hidden} .PicList000762 .owl-stage-outer{ overflow:hidden; } .PicList000762 .owl-carousel .owl-stage{padding-top: 2%} .PicList000762 .owl-item{ float:left;} .PicList000762 .owl-item { position:relative; transition:0.5s; } .PicList000762 .owl-carousel .pic{ padding-bottom:45%; background-size: cover; position: relative;} .PicList000762 .owl-carousel dd:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4) } .PicList000762 .owl-carousel .pic{transition: transform .5s ease-in-out} .PicList000762 .owl-carousel dd:hover .pic{ transform: scale(1.1);} .PicList000762 .owl-carousel dd{ overflow: hidden; position: relative} .PicList000762 .owl-carousel .text {background: #f5f5f5 ; position: relative; z-index: 50} .PicList000762 .owl-carousel .text h1{margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;line-height: 46px; font-weight: normal} .PicList000762 .owl-carousel .owl-item .text{display: none } .PicList000762 .owl-carousel .center dd{margin-top: -5%; position: relative;z-index: 50 } .PicList000762 .owl-carousel .center .pic{ padding-bottom: 55% } .PicList000762 .owl-carousel .center dd:after{ display:none } .PicList000762 .owl-carousel .center dd::before{ display:none;} .PicList000762 .owl-carousel .center .text{display: block} .PicList000762 .prev, .PicList000762 .next{font-size: 0;width: 40px !important;height: 40px !important;border: none;position: absolute;top: 50%; margin-top: -40px; border: 2px solid rgba(255,255,255,0.6);background: none; cursor: pointer;padding: 0;opacity: 1;z-index: 100; border-radius: 50%;transition: 0.5s} .PicList000762 .prev{left: 10%;} .PicList000762 .next{right: 10%;} .PicList000762 .next::before, .PicList000762 .prev::before{position: absolute;content: '';width: 22%;height: 22%;border-top:2px solid rgba(255,255,255,0.6);border-right: 2px solid rgba(255,255,255,0.6);top: 42%;left:38%;transform: rotate(45deg);-webkit-transform: rotate(45deg); transition: 0.5s} .PicList000762 .prev::before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);left: 42%} .PicList000762 .next:hover::before, .PicList000762 .prev:hover::before{border-color: #fff;} .PicList000762 .next:hover, .PicList000762 .prev:hover{border-color: #fff;} @media(max-width:1024px){ .PicList000762 { padding: 30px 0} .PicList000762 .owl-carousel{ width:100%; margin-left: 0; position: relative;overflow: hidden} .PicList000762 .prev{left: 5%;} .PicList000762 .next{right: 5%;} .PicList000762 .owl-carousel .pic{ padding-bottom:0 !important; height:250px;} .PicList000762 .owl-carousel .owl-item .text{display:block} .PicList000762 .owl-carousel .center dd{margin-top: 0 } } /*Timeline002790 */ .Timeline002790 { padding:3% 0 3%} .Timeline002790 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e; margin-top: 100px} .Timeline002790 .year::before{ content:''; width:1px; height:103%; top:-3%; position:absolute; background-color:#ededed; z-index:0;} .Timeline002790 ul{ position:relative; z-index:1;} .Timeline002790 li{position:relative; margin-top: -70px; transition: 0.5s} .Timeline002790 li:after{ content: ""; display: block; position: absolute; top: 51%; right: 0; width: 50%; height: 2px; border-bottom: 1px dashed #ddd; z-index: -2; transition: 0.5s } .Timeline002790 li:nth-child(2n):after{ left: 0} .Timeline002790 li:before{width:12px; height:12px;border:1px solid #999; border-radius:50%;position:absolute; left:50%; margin-left: -7px; top: 50%; margin-top: -2px; content:''; background:#fff;transition: 0.5s } .Timeline002790 li:nth-child(2n)::before{ left:auto; right:50%; margin-right: -6px; } .Timeline002790 li .con{width: 45%; background: #f5f5f5; padding:60px; float: right; position: relative; overflow: hidden;border: 1px solid #fff; transition: 0.5s } .Timeline002790 li .con figure{width: 40%; position: absolute; right: 0; top: 0; height: 100%;} .Timeline002790 li .icon{ position: absolute; left: 0; bottom: 0; width:60px; height: 60px; padding:5px; background: #fff; overflow: hidden;} .Timeline002790 li .con .txt{width: 60%; } .Timeline002790 li:nth-child(2n) .con figure{left: 0} .Timeline002790 li:nth-child(2n) .con .txt{float: right; padding-left: 6%} .Timeline002790 li:nth-child(2n) .icon{ left: auto; right: 0;} .Timeline002790 li:nth-child(2n) .con{float:left} .Timeline002790 li .txt{ position:relative;font-size:14px; line-height:24px; padding-right: 50px} .Timeline002790 li:nth-child(2n) .txt{ padding-right: 0} .Timeline002790 li .txt figure{transition:all ease 0.5s; position:absolute; top:0;width:120px; height:100px; } .Timeline002790 li:nth-child(2n) .txt figure{ left:0; } .Timeline002790 li:nth-child(2n-1) .txt figure{ right:0; } .Timeline002790 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} .Timeline002790 li .txt h3{margin: 0;font-size: 26px;color: #444;padding-bottom:15px; font-weight: normal;font-family:Arial, Helvetica, sans-serif;} .Timeline002790 li.hover .con{ border: 1px solid #0d4a9a} .Timeline002790 li.hover:after{ border-color: #0d4a9a} .Timeline002790 li.hover:before{ border-color: #0d4a9a} @media(min-width:641px){ .Timeline002790 .year::before{left:50%;margin-left:-0.5px; } .Timeline002790 li{width:100%;} .Timeline002790 li:nth-child(2n){ float:left; } .Timeline002790 li:nth-child(2n-1){float:right; z-index:10; } } @media(max-width:1024px){ .Timeline002790{ padding:30px 0} .Timeline002790 .year{ margin-top: 0px} .Timeline002790 li {margin-bottom: 20px; height: auto; overflow: hidden; margin-top: 0} .Timeline002790 li .con{width: 100%; float: left; padding: 20px } .Timeline002790 .year::before, .Timeline002790 li:after, .Timeline002790 li:before{ display: none} .Timeline002790 li .con .txt, .Timeline002790 li .con figure{ position: relative; float: left; width: 100%} .Timeline002790 li .con figure{height: 200px; margin-bottom: 20px;} } .Timeline002790 .more{ text-align:center; padding-bottom:20px;} .Timeline002790 .more a{width:180px;height: 36px; text-align:left;line-height:36px;display: inline-block;color: #fff;font-size: 14px; background:url(../images/Timeline002790-more.png) no-repeat 70% center #0d4a9a; position: relative; z-index: 100; border-radius: 60px; text-align: center; padding-right: 20px;} .Timeline002790 .more a:hover{ opacity: 0.9} /*PicList002120 */ .PicList002120{padding:3.5% 0;background: #f5f5f5 } .PicList002120 dd{ } .PicList002120 dd a{ display:block;} .PicList002120 dd p{ margin:0; line-height:46px; padding:0 2%; text-align:center; margin-top: 30px; font-size:16px; color: #666} .PicList002120 dd .table{ display:none;} .PicList002120 dd figure{padding-bottom:77%; background-size:contain; background-position: bottom center; } .PicList002120 .list{ position: relative;padding: 0 40px; padding-bottom: 60px;background: url(../images/honor_bg.png) no-repeat center 85%; background-size: contain; } .PicList002120 .next, .PicList002120 .prev {bottom:0; font-size:0; width:40px !important; height:40px !important; border:2px solid #bbb;; position:absolute; z-index: 80; background-image:none !important; cursor:pointer; padding:0; background:none; border-radius: 50%; opacity: 1; transition: 0.3s; transition: 0.5s} .PicList002120 .prev{ left:50%; margin-left: -45px;} .PicList002120 .next{ right:50%;margin-right: -45px;} .PicList002120 .next::before, .PicList002120 .prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:2px solid #bbb; border-right:2px solid #bbb; top:35%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transition: 0.5s} .PicList002120 .prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); left: 40%} .PicList002120 .next:hover::before, .PicList002120 .prev:hover::before{border-color: #0d4a9a;} .PicList002120 .next:hover, .PicList002120 .prev:hover{border-color: #0d4a9a;} @media(max-width:1024px){ .PicList002120{ padding: 30px 0} .PicList002120 .main_title h1:after{ margin:20px auto 0; } .PicList002120 dd p{ margin:0; } .PicList002120 .list{ background: none} } /*PicList002122 */ .PicList002122{padding:3.5% 0; } .PicList002122 dd{ } .PicList002122 dd a{ display:block;} .PicList002122 dd p{ margin:0; line-height:46px; padding:0 2%; text-align:center; margin-top: 30px; font-size:16px; color: #666} .PicList002122 dd .table{ display:none;} .PicList002122 dd figure{padding-bottom:115%; background-size:contain; background-position: bottom center; } .PicList002122 .list{ position: relative;padding: 0 40px; padding-bottom: 60px;background: url(../images/honor_bg.png) no-repeat center 85%; background-size: contain; } .PicList002122 .next, .PicList002122 .prev {bottom:0; font-size:0; width:40px !important; height:40px !important; border:2px solid #bbb;; position:absolute; z-index: 80; background-image:none !important; cursor:pointer; padding:0; background:none; border-radius: 50%; opacity: 1; transition: 0.5s} .PicList002122 .prev{ left:50%; margin-left: -45px;} .PicList002122 .next{ right:50%;margin-right: -45px;} .PicList002122 .next::before, .PicList002122 .prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:2px solid #bbb; border-right:2px solid #bbb; top:35%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);transition: 0.5s } .PicList002122 .prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); left: 40%} .PicList002122 .next:hover::before, .PicList002122 .prev:hover::before{border-color: #0d4a9a;} .PicList002122 .next:hover, .PicList002122 .prev:hover{border-color: #0d4a9a;} @media(max-width:1024px){ .PicList002122{ padding: 30px 0} .PicList002122 dd p{ margin:0; } .PicList002122 .list{ background: none} } /* .PicList002796 */ .PicList002796{ padding:3.5% 0; background: #f5f5f5} .PicList002796 ol{ position: relative; margin-bottom: 4%; border-bottom: 1px solid #eee; } .PicList002796 ol figure em{ padding-bottom: 47%; } .PicList002796 ol p{ margin: 35px 0 25px; font-size: 16px; color: #333; line-height: 28px; text-align: justify; } .PicList002796 ol time{ float: right; margin-top: 35px; } .PicList002796 li{ position:relative; } .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color:#0d4a9a;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 figure{ position:relative;} .PicList002796 figure em{ display:block; padding-bottom: 67%; background-size:cover; background-position:center center; background-repeat:no-repeat;} .PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.3); } .PicList002796 figure a::before{content: ""; display: block; background: url(../images/Floor002467-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 50px 50px; cursor: pointer; z-index: 5;} .PicList002796 li p{ margin-bottom: 25px; font-size: 16px; color: #444; line-height: 28px; text-align: justify; overflow: hidden; text-align: center} .PicList002796 time{ background: #009143; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px; line-height: 40px;} .PicList002796 ul{ margin: 0; padding: 0 10px;} .PicList002796 .list{ position: relative; padding-bottom: 60px } .PicList002796 .next, .PicList002796 .prev {bottom:0; font-size:0; width:40px !important; height:40px !important; border:2px solid #bbb;; position:absolute; z-index: 80; background-image:none !important; cursor:pointer; padding:0; background:none; border-radius: 50%; opacity: 1; transition: 0.5s} .PicList002796 .prev{ left:50%; margin-left: -45px;} .PicList002796 .next{ right:50%;margin-right: -45px;} .PicList002796 .next::before, .PicList002796 .prev::before{ position:absolute; content:''; width:30%; height:30%; border-top:2px solid #bbb; border-right:2px solid #bbb; top:35%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);transition: 0.5s } .PicList002796 .prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); -ms-transform:rotate(-135deg); left: 40%} .PicList002796 .next:hover::before, .PicList002796 .prev:hover::before{border-color: #0d4a9a;} .PicList002796 .next:hover, .PicList002796 .prev:hover{border-color: #0d4a9a;} @media(max-width:1024px){ .PicList002796{ padding: 30px 0} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:2% 0 4%;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#0d4a9a; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(../images/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../images/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 {padding:0 0 30px 0} .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } .PicList000123 .auto{ overflow: hidden;} .PicList000123 .con {padding: 3% 0; } .PicList000123 .con .text{ font-size: 14px;line-height: 24px; } .PicList000123 .list1 {padding: 3% 0; position: relative; background: #f5f5f5} .PicList000123 .list1 .owl-carousel{ width: 200%; margin-left: -50%; position: relative;overflow: hidden} .PicList000123 .list1 .owl-stage-outer{ overflow:hidden; } .PicList000123 .list1 .owl-carousel .owl-stage{padding-top: 2%} .PicList000123 .list1 .owl-carousel .pic{ padding-bottom:45%; background-size: cover; position: relative;} .PicList000123 .list1 .owl-carousel dd:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4) } .PicList000123 .list1 .owl-carousel .pic{transition: transform .5s ease-in-out} .PicList000123 .list1 .owl-carousel dd:hover .pic{ transform: scale(1.1);} .PicList000123 .list1 .owl-carousel dd{ overflow: hidden; position: relative} .PicList000123 .list1 .owl-carousel .text {background: #f5f5f5 ; position: relative; z-index: 50} .PicList000123 .list1 .owl-carousel .text h1{margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;line-height: 46px; font-weight: normal} .PicList000123 .list1 .owl-carousel .owl-item .text{display: none } .PicList000123 .list1 .owl-carousel .center dd{margin-top: -5%; position: relative;z-index: 50 } .PicList000123 .list1 .owl-carousel .center .pic{ padding-bottom: 55% } .PicList000123 .list1 .owl-carousel .center dd:after{ display:none } .PicList000123 .list1 .owl-carousel .center dd::before{ display:none;} .PicList000123 .list1 .owl-carousel .center .text{display: block} .PicList000123 .list1 .owl-nav .owl-prev, .PicList000123 .list1 .owl-nav .owl-next{font-size: 0;width: 40px !important;height: 40px !important;border: none;position: absolute;top: 50%; margin-top: -40px; border: 2px solid rgba(255,255,255,0.6);background: none; cursor: pointer;padding: 0;opacity: 1;z-index: 100; border-radius: 50%;transition: 0.5s} .PicList000123 .list1 .owl-nav .owl-prev{left: 30%;} .PicList000123 .list1 .owl-nav .owl-next{right: 30%;} .PicList000123 .list1 .owl-nav .owl-next::before, .PicList000123 .list1 .owl-nav .owl-prev::before{position: absolute;content: '';width: 22%;height: 22%;border-top:2px solid rgba(255,255,255,0.6);border-right: 2px solid rgba(255,255,255,0.6);top: 42%;left:38%;transform: rotate(45deg);-webkit-transform: rotate(45deg); transition: 0.5s} .PicList000123 .list1 .owl-nav .owl-prev::before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);left: 42%} .PicList000123 .list1 .owl-nav .owl-next:hover::before, .PicList000123 .list1 .owl-nav .owl-prev:hover::before{border-color: #fff;} .PicList000123 .list1 .owl-nav .owl-next:hover, .PicList000123 .list1 .owl-nav .owl-prev:hover{border-color: #fff;} @media(max-width:1024px){ .PicList000123 .list1 { padding: 30px 0} .PicList000123 .list1 .owl-carousel{ width: 100%; margin-left: 0;} .PicList000123 .list1 .owl-nav .owl-prev{left: 5%;} .PicList000123 .list1 .owl-nav .owl-next{right: 5%;} .PicList000123 .list1 .center .pic{ padding-bottom: 70%; background-size: cover } .PicList000762 .owl-carousel .pic{ padding-bottom:0 !important; height:250px;} .PicList000762 .owl-carousel dd .text{display:block} .PicList000762 .owl-carousel .center dd{margin-top: 0 } } .PicList000123 .list2 { padding:3% 0 } .PicList000123 .list2 .owl-carousel{ position: relative;} .PicList000123 .list2 .owl-stage-outer{ overflow:hidden; padding-bottom:60px} .PicList000123 .list2 .owl-item{ height: auto} .PicList000123 .list2 dd { position:relative; overflow: hidden } .PicList000123 .list2 dd .pic{padding-bottom: 70%; background-size: cover;transition: transform .5s ease-in-out } .PicList000123 .list2 dd:hover .pic{ transform: scale(1.1);} .PicList000123 .list2 .text{ position: relative; z-index: 20; background: #fff} .PicList000123 .list2 .text h1{margin:0; line-height:46px; padding:0 2%; text-align:center; font-size:16px;line-height: 46px; color: #666 ; font-weight: normal} .PicList000123 .list2 .owl-nav button{font-size: 0;width: 40px !important;height: 40px !important;border: none;position: absolute; bottom: 0; border: 2px solid #ccc;background: none; cursor: pointer;padding: 0;opacity: 1;z-index: 100; border-radius: 50%; transition: 0.5s} .PicList000123 .list2 .owl-nav .owl-prev{left: 50%; margin-left: -48px;} .PicList000123 .list2 .owl-nav .owl-next{left: 50%; margin-right: -48px} .PicList000123 .list2 .owl-nav .owl-next::before, .PicList000123 .list2 .owl-nav .owl-prev::before{position: absolute;content: '';width: 22%;height: 22%;border-top:2px solid #ccc;border-right: 2px solid #ccc;top: 42%;left:38%;transform: rotate(45deg);-webkit-transform: rotate(45deg); transition: 0.5s} .PicList000123 .list2 .owl-nav .owl-prev::before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);left: 42%} .PicList000123 .list2 .owl-nav .owl-next:hover::before, .PicList000123 .list2 .owl-nav .owl-prev:hover::before{border-color: #0d4a9a;} .PicList000123 .list2 .owl-nav .owl-next:hover, .PicList000123 .list2 .owl-nav .owl-prev:hover{border-color: #0d4a9a} @media(max-width:1024px){ .PicList000123 .list2 { padding: 30px 0} .PicList000123 .list2 .owl-carousel{ width: 100%; margin-left: 0;} } /* .PicList002273 为demo编号 */ .PicList002273{ padding:3% 0 4%;} .PicList002273 .left {} .PicList002273 .left a{transition: 0.5s;display: block;position: absolute;left: 0;top: 0;width:550px;height:100%;background-size:contain;background-repeat: no-repeat; background-position: center center; background-color: #fff; border: 1px solid #eee} .PicList002273 .left a:hover { transform: scale(1.05);} .PicList002273 .right{padding: 25px 0} .PicList002273 .right .time{font-size: 14px;color: #999;font-family: Arial, Helvetica, sans-serif;padding: 2px 5px;margin-top: 8px;display: inline-block;background: url(../images/time.png) no-repeat left;padding-left: 15px;} .PicList002273 .right h1{color: #0d4a9a;font-size: 32px;margin: 15px 0;} .PicList002273 .right h1 a{color: #0d4a9a;} .PicList002273 .right h2{color: #222;font-size: 18px;font-weight: normal;margin: 15px 0 20px; } .PicList002273 .right p{color: #666; font-size: 14px;line-height: 28px;height:80px;overflow: hidden; } .PicList002273 ul{text-align: center;} .PicList002273 ul li{position: relative; padding:2% 0 ;overflow: hidden; height: auto; text-align: left} .PicList002273 ul li:nth-child(2n){background: #f5f5f5; } .PicList002273 ul li .auto{position: relative;padding:0 70px 0 640px; } .PicList002273 ul li:last-child{margin-bottom: 0} .PicList002273 .more{ margin-top: 50px; background: url(../images/more2.png) no-repeat 90% center ; display: block; width: 240px; height: 60px; text-align:left; line-height: 60px; color:#999; padding: 0 20px; border: 1px solid #e2e3e5} .PicList002273 .more:hover{ background: url(../images/more.png) no-repeat 90% center #0d4a9a ; border: 1px solid #0d4a9a; color: #fff} @media(max-width:1024px){ .PicList002273 ul li .right_btn{display: none} .PicList002273{padding: 30px 0 } .PicList002273 ul li .auto{position: relative;padding:30px 2%; } .PicList002273 .left a{ position: relative; height: 200px; width: 100% } .PicList002273 .right{padding: 0} .PicList002273 .right h1{font-size: 24px;} .PicList002273 .more{ height: 50px; line-height: 50px; margin-top: 20px;} } .PicList002274 {padding: 0 0 4% 0;position: relative;} .PicList002274 .auto {position: relative; } .PicList002274 .more{ background: url(../images/more2.png) no-repeat 90% center ; position: absolute; right: 0; top: 0 ; width: 240px; height: 60px; text-align:left; line-height: 60px; color:#999; padding: 0 20px; border: 1px solid #e2e3e5} .PicList002274 .auto{ overflow: hidden; position: relative} .PicList002274 li{ position: relative; overflow: hidden} .PicList002274 li a{ } .PicList002274 li .pic{ padding-bottom: 70%; position: relative;transition: transform .5s ease-in-out} .PicList002274 li:hover .pic{ transform: scale(1.1);} .PicList002274 li .text{ padding:10px; background:#f5f5f5; position: relative;z-index: 50} .PicList002274 li .text h2{font-size:16px; font-weight: normal; margin: 8px 0; text-align: center} .PicList002274 li .text p{font-size:14px; line-height: 26px;display: none } .PicList002274 .con { position: relative} .PicList002274 .con .owlCarousel{ position: relative;} .PicList002274 .con .owl-stage-outer{ overflow:hidden; padding-bottom:60px} .PicList002274 .con .owl-item{ float:left;} .PicList002274 .owl-stage-outer{ overflow:hidden; padding-bottom: 6%} .PicList002274 .owl-nav button{ transition: 0.5s; font-size: 0;width: 40px !important;height: 40px !important;border: none;position: absolute; bottom: 0; border: 2px solid #ccc;background: none; cursor: pointer;padding: 0;opacity: 1;z-index: 100; border-radius: 50%} .PicList002274 .owl-nav .owl-prev{left: 50%; margin-left: -48px;} .PicList002274 .owl-nav .owl-next{left: 50%; margin-right: -48px} .PicList002274 .owl-nav .owl-next::before, .PicList002274 .owl-nav .owl-prev::before{transition: 0.5s;position: absolute;content: '';width: 22%;height: 22%;border-top:2px solid #ccc;border-right: 2px solid #ccc;top: 42%;left:38%;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .PicList002274 .owl-nav .owl-prev::before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);left: 42%} .PicList002274 .owl-nav .owl-next:hover::before, .PicList002274 .owl-nav .owl-prev:hover::before{border-color: #0d4a9a;} .PicList002274 .owl-nav .owl-next:hover, .PicList002274 .owl-nav .owl-prev:hover{border-color: #0d4a9a;} @media(max-width:1024px){ } /* .RighInfo002254 为demo编号 */ .RighInfo002254{ padding:3% 0 2% ;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #eee;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:cover; border:1px solid #eee;} .RighInfo002254 .list li.on figure{ border:1px solid #0d4a9a;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info h3, .RighInfo002254 .right_info p{ margin:0;padding:10px 0;} .RighInfo002254 .right_info h1{color: #0d4a9a;font-size: 32px;margin:30px 0 0;} .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;border-bottom:1px solid #e7e8e8; padding-bottom: 20px; margin-bottom: 30px;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;} .RighInfo002254 .right_info a{ margin-top: 50px; background: url(../images/back.png) no-repeat 90% center ; display: block; width: 240px; height: 60px; text-align:left; line-height: 60px; color:#999; padding: 0 20px; border: 1px solid #e2e3e5} .RighInfo002254 .right_info a:hover{ background: url(../images/more.png) no-repeat 90% center #0d4a9a ; border: 1px solid #0d4a9a; color: #fff} .RighInfo002254 .tab{ padding:3% 0; } .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #eee; overflow:hidden; font-size:18px; font-weight:normal; color:#000; background: #f5f5f5} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:60px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color: #0d4a9a; color:#fff;} .RighInfo002254 .tab .info{ margin-top: 3%; line-height: 26px; } .RighInfo002254 .tab .info .top{ padding: 6% ;background: #f5f5f5 ; margin-bottom: 4% } .RighInfo002254 .tab .info .tit{display: block; text-align: center;font-size: 22px; font-weight: normal; margin: 0; color: #444} .RighInfo002254 .tab .info .tit:after{content: ""; width: 25px ;height: 2px; background: #444; margin: 15px auto 50px; display: block} .RighInfo002254 .tab .info h1{ font-size: 22px; font-weight: normal; margin: 0;color: #444 } .RighInfo002254 .tab .info img{ margin:3% auto; width: 100%; display: block } .RighInfo002254 .tab .info .line{ width: 100%; border-bottom: 1px solid #e6e6e6; margin: 30px 0} .RighInfo002254 .tab .info .color{margin-top: 2%} .RighInfo002254 .tab .info .color dd{width:40px; height:40px; display: inline-block; margin-right: 30px; border-radius: 50%;} .RighInfo002254 .tab .info table { width: 100%; margin-top: 30px; background: #fff} .RighInfo002254 .tab .info table td{line-height: 24px; border: 1px solid #eee; padding:10px 20px;} .RighInfo002254 .tab .info table tr:first-child{ background: #eee} .RighInfo002254 .tab .info table tr:first-child td{ border: 1px solid #e5e5e5 } .RighInfo002254 .tab .info table td span{ font-size: 16px; font-weight: bold; display: block;color: #666 } .RighInfo002254 .tab .info .pro{ margin-top: 30px; height: auto; overflow: hidden} .RighInfo002254 .tab .info .pro dd{ width: 20%; float:left; vertical-align: middle; margin: 10px 0 } .RighInfo002254 .tab .info .pro dd span{ width:26px; height:26px; line-height:26px; color: #fff; border-radius: 50%; text-align: center; display: inline-block ;margin-right: 10px; } .RighInfo002254 .tab .info .pro dd:nth-child(1) span{background: #f8b551} .RighInfo002254 .tab .info .pro dd:nth-child(2) span{background: #f19149} .RighInfo002254 .tab .info .pro dd:nth-child(3) span{background: #8dca6e} .RighInfo002254 .tab .info .pro dd:nth-child(4) span{background: #32b16c} .RighInfo002254 .tab .info .pro dd:nth-child(5) span{background: #13b5b1} .RighInfo002254 .tab .info .pro dd:nth-child(6) span{background: #6c9ddf} .RighInfo002254 .tab .info .pro dd:nth-child(7) span{background: #4b9be5} .RighInfo002254 .tab .info .pro dd:nth-child(8) span{background: #468ec5} @media(max-width:1024px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 3%;} .RighInfo002254 .right_info a{ height: 50px; line-height: 50px; margin: 20px 0;} .RighInfo002254 .right_info p{ margin: 0} .RighInfo002254 .tab .info .pro dd{ width: 50%; } } .PicList000761{ padding-top:3%;} .PicList000761 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%; overflow: hidden } .PicList000761 li:nth-child(3n){ margin-right:0;} .PicList000761 li a{ display:block;transition:all ease-in-out 0.3s;} .PicList000761 li h2{ margin:0; font-size:16px; text-align:center; padding:3% 2%; font-weight: normal; background: #fff; position: relative;z-index: 50} .PicList000761 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; background-color: #aaa; padding-bottom:67%;transition: transform .5s ease-in-out;} .PicList000761 li:hover figure{ transform: scale(1.1);} @media(max-width:1024px){ .PicList000761 {padding: 30px 0 } .PicList000761 li{width:100%; margin: 0 0 20px 0 } } /*Form002219*/ .Form002219{ padding:3% 0;} .Form002219 .auto{ position: relative; width: 100%; height: auto; overflow: hidden} .Form002219 .pic{ position: absolute; left: 0; width: 40%; height:97%; background-size: cover } .Form002219 .form{ float:right; width:55%;} .Form002219 .form dd{ padding-bottom:2%; position: relative} .Form002219 .form dd em{ position: absolute; right: 15px; top: 14px; font-style: normal; font-size: 18px; color: #999} .Form002219 .form .text{ border:1px solid #e5e5e5; background: none; width:100%; height:50px; line-height:50px; padding:0 10px; background: #fff; color: #999 } .Form002219 .form .text::-webkit-input-placeholder{ color: #999 } .Form002219 .form textarea.text{ height:160px;} .Form002219 .form .btn{ cursor:pointer; background:#252525; color:#eee; height:55px; padding:0 15%; border:none; font-weight:normal; margin-right: 20px;} .Form002219 .form .btn2{ background: none; background: #ddd; color: #aaa} @media(max-width:1024px){ .Form002219{padding: 30px 0} .Form002219 .pic{ display: none} .Form002219 .form{ float:left; width:100%;} } /*Form002219 End*/ /* .Linklist002317 为demo编号 */ .Linklist002317{ padding:3% 0 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; height: 120px; background-size: contain;} .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(max-width:480px){ .Linklist002317 ul li:last-child { display: none} } @media screen and (min-width:768px ){ .Linklist002317 ul li{width:31.334%;} } @media screen and (min-width:1024px ){ .Linklist002317 ul li{width:18%; margin-bottom: 20px; } } /* .PicList002273 为demo编号 */ .PicList002222{ padding:3% 0;} .PicList002222 .left a{display: block;position: absolute;left: 0;top: 0;width:450px;height:100%;background-size:cover;border: 15px solid #fff;background-position: center center; background-color: #666} .PicList002222 .right{padding: 60px 0} .PicList002222 .right .time{font-size: 14px;color: #999;font-family: Arial, Helvetica, sans-serif;padding: 2px 5px;margin-top: 8px;display: inline-block;background: url(../images/time.png) no-repeat left;padding-left: 20px;} .PicList002222 .right h1{color: #222;font-size: 18px;font-weight: normal;margin:25px 0;} .PicList002222 .right p{color: #aaa; font-size: 14px;line-height: 28px;height: 60px;overflow: hidden; } .PicList002222 ul li{margin-bottom: 60px;border: 1px solid #eee;padding:0 80px 0 500px;position: relative; margin-bottom: 20px;transition: 0.5s} .PicList002222 ul li:hover{background-color: #f5f5f5;} .PicList002222 ul li:hover .left a{border-color: #f5f5f5} .PicList002222 ul li:last-child{margin-bottom: 0} .PicList002222 ul li .right_btn{width: 46px;height:46px;background: url(../images/more3.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -30px; background-size: 80% 80%} @media(max-width:1024px){ .PicList002222 ul li .right_btn{display: none} .PicList002222{padding: 30px 0 0} .PicList002222 ul li{padding: 0; width: 100%} .PicList002222 .left a{position: relative;height: 220px;width: 100%} .PicList002222 .right{padding: 0 15px 15px 15px}} .search_list{ padding:3% 0 0;} .search_list{ margin: 0 0 3% 0 ;} .search_list li{ padding: 10px 0; border-bottom: 1px dashed #dedede;} .search_list time{ float: right; background: url(../images/time22.png) no-repeat left 2px; padding-left: 18px;} @media(max-width:1000px){ .search_list{ padding:30px 0 0;} } /* .RichInfo005 为demo编号 */ .RichInfo005{ padding:3% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px; border-bottom:1px dashed #d2d2d2; margin-bottom: 30px} .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 .info { font-size: 14px; line-height:26px; color: #666 } .RichInfo005 .bot{ position: relative ; margin-top: 50px;} .RichInfo005 .info_back{ text-align:center; clear:both; padding:20px 0; position: absolute; right: 0; top: 0px } .RichInfo005 .info_back a{ color:#fff; font-size:14px; background:#0d4a9a; display: block; padding: 10px 30px; border-radius: 50px;} .RichInfo005 .info_back a:hover{ opacity: 0.9;} .RichInfo005 .info_pn span{ display:block; font-size: 14px; margin: 0} .RichInfo005 .info_pn span a{ line-height: 30px;} @media(max-width:1000px){ .RichInfo005 .info_back{ position: relative } .RichInfo005 .bot{ position: relative ; margin-top:15px;} } @media(min-width:1000px){ .RichInfo005 .info_pn span{ width: 80%} } /* .RighInfo002275 为demo编号 */ .RighInfo002275{padding: 3% 0;} .RighInfo002275 .con_title{ margin-bottom: 10px; text-align: center } .RighInfo002275 .con_title h1{ font-size:32px; font-weight: normal; margin: 0; padding:0px 0 10px 0 } .RighInfo002275 .con_title h1:after{ content: ""; display: block; width: 50px; height: 3px; background-color:#e60012; border-right: 25px solid #666; margin: 20px auto 30px} .RighInfo002275 .text{padding: 20px 100px; } .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} .RighInfo002275 .auto{ } .RighInfo002275 .map{float: left;width:50%;height:500px;} .RighInfo002275 .text{float: right;width:50%; padding: 40px 50px; height:500px; background:#f5f5f5 } .RighInfo002275 .text .title{font-family:Arial, Helvetica, sans-serif; font-size: 26px; color: #ddd; margin-bottom: 20px;} .RighInfo002275 .text .title h1{margin: 0} .RighInfo002275 .text h2{ font-size: 26px; font-weight: normal; color: #444; margin-bottom: 30px; display: block} .RighInfo002275 .text {line-height:28px; font-size: 14px; color: #666} .RighInfo002275 .text img{ width: 120px; margin: 0 } @media(max-width:1024px){ .RighInfo002275 {padding:30px 0} .RighInfo002275 .auto{background: none} .RighInfo002275 .map{height: 300px;} .RighInfo002275 .map, .RighInfo002275 .text{float: left;width: 100%; } .RighInfo002275 .text{ padding: 30px; height: auto} .RighInfo002275 .text .title{ margin: 0 0 10px 0; font-size: 20px} .RighInfo002275 .text pre{line-height: 24px;} .RighInfo002275 .con_title h1:after{ margin: 10px auto 10px} }