@font-face { font-family: din; src: url(/cn/Fonts/DINCond-BlackAlternate.otf); } @font-face { font-family: din2; src: url(/cn/Fonts/DIN-Light.otf); } .auto_1400{ max-width:1400px;margin: 0 auto; } @media(max-width:1400px){.auto_1400{ padding:0 2%;}} /*Top002070 */ .Top002070{ position:absolute; left:0; top:0; width:100%; z-index:100;} .Top002070 .auto{ position: relative} .Top002070 .header-left{position:absolute; top:50%; left:0; transform:translateY(-50%); width:40%; max-width:150px;} .Top002070 .header-right{ position:absolute; top:50%;right:0;margin-top:-20px;} .Top002070 .header-right dd{position:relative; float:left; z-index: 111; margin-left: 5px;} .Top002070 .header-right dd >a{ display:block;height:30px; line-height:30px;} .Top002070 dd a{ color: #fff; margin-left: 5px; border: 1px solid rgba(255,255,255,0.5); padding: 4px 15px; border-radius: 20px;} .Top002070 dd.wechat a{background: url(../image/wechat.png) no-repeat center; padding: 0; width:30px ;height: 30px;cursor:pointer;display: inline-block;margin-top: 4px; } .Top002070 dd.wechat figure{ display:none; position:absolute; right:0; top:100%; width:120px; background:#fff; padding:5px;} .Top002070 dd.wechat figure img{ display:block; width:100%;} .Top002070 dd.oa a{background: url(../image/oa.png) no-repeat 5px; padding: 0;display: inline-block;margin-top: 4px; padding:0 10px 0 35px; line-height: 30px; } .Top002070 dd.xt a{background: url(../image/xx.png) no-repeat 5px; padding: 0; display: inline-block;margin-top: 4px;padding:0 10px 0 35px; line-height: 30px; } @media(min-width:1300px){ .Top002070 .header-mid{ margin-right:329px; margin-left:11%;} } @media(max-width:1300px){ .Top002070 .header-mid{ padding-top:4%;margin-left:24.8%;} .Top002070 .header-right{ top:29%} .Top002070 .header-left{ top:67%} } @media(max-width:1024px){ .Top002070 .header-left,.Top002070 .header-right{ top:50%} } @media(max-width:640px){ .Top002070 .header-right .top-search,.Top002070 .header-right .wechat,.Top002070 .header-right .oa,.Top002070 .header-right .xt{ display:none;} } @media(min-width:1366px){ .Top002070 .header-mid{ margin-right:200px; margin-left:15%;} /*.Top002070 .header-left{position:absolute; top:50%; left:2%; } .Top002070 .header-right{position:absolute; right:2%;}*/ } .Top002070 .open-search{ width:30px; background:url(../image/Top002652_icon_search.png) no-repeat center center; margin-top: 5px; } .Top002070 .search-box{ position:absolute; width:0; overflow:hidden; right:0; top:0; background:#eee; transition:0.3s; opacity:0;} .Top002070 .search-box .text{ width:100%; background:none; height:40px; border:none; line-height:30px; padding:0 40px 0 10px;} .Top002070 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:30px;background:url(/cn/images/Top002070-search_btn.png) no-repeat center center;} .Top002070 .top-search-on .search-box{margin-top: 50px; width:200px; opacity:1;} .Top002070 .top-search {padding-bottom: 30px; } .Top002070 .header-menu li { width: auto !important } .Top002070 .header-menu li em{ line-height:30px; padding:20px 0; font-size:16px;position:relative; } .Top002070 .header-menu li em a{ color: #fff; border-radius: 50px; padding: 0 14px 0 15px} .Top002070 .header-menu li:hover em a, .Top002070 .header-menu li.aon em a{ color:#fff; background: #006f44} .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:#83c42b;} .header-menu li .sub dt{line-height: 1.2;} .header-menu li .sub dt a{ white-space: inherit; padding: 10px 10px; } @media(max-width:1024px){ .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:0; background:#bafae1; height:32px; border:none; margin-top:4px;} .Top002070 #open_menu i::before, .Top002070 #open_menu i::after{ background:#006f44 !important;} .Top002070 #open_menu i{background:#006f44; height:3px; margin-top:-1.5px;} .Top002070 #header-menu ul{ padding:0; border-top:82px solid #fff; background:rgb(0, 111, 68);} .Top002070 #header-menu li{text-align:center;} .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 .bx-viewport{ z-index:1; height: 100vh/*!important;*/} .Banner002058 li a, .Banner002058 li{ width: 100%!important;padding-bottom: 50%;} .Banner002058 li{ background-position: center top; background-repeat:no-repeat; background-size: 100%;} .Banner002058 .bx-viewport { height: auto!important;padding-bottom: 50%; } .Banner002058 li a{ position:relative; display:block;} .Banner002058 li img{ display:none;} .Banner002058 li figure{ position:absolute; left:18.75%; width:62.5%; top:50%; height:126px; transform:translateY(-50%);} .Banner002058 li figure *{ position:absolute; left:0; opacity:0; } .Banner002058 li figure.active *{ opacity:1;} .Banner002058 li h1{ margin:0; font-size:50px; color:#fff; top:-100%;transition:top 1s;} .Banner002058 li span{width:131px; border:2px solid #fff; line-height:36px; text-align:center; color:#fff; border-radius:50px;bottom:-100%;transition: 1s;} .Banner002058 li figure.active h1{ top:0;} .Banner002058 li figure.active span{bottom:0;transition: 1s;} .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(../image/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(../image/Banner002058-btn_right.png);} .Banner002058 .bx-controls-direction a.bx-prev:hover{ background-image:url(../image/Banner002058-btn_lefton.png);} .Banner002058 .bx-controls-direction a.bx-next:hover{ background-image:url(../image/Banner002058-btn_righton.png);} .Banner002058 .bx-pager{ position:absolute; left:0; bottom:5%; text-align:center; width:100%; z-index:10;} .Banner002058 .bx-pager *{width:30px; height:30px;} .Banner002058 .bx-pager div{ display:inline-block;margin:0 5px;} .Banner002058 .bx-pager div a{ display:block; overflow:hidden; line-height: 30px; background:#fff; } .Banner002058 .bx-pager div a.active{ background:#006f45; color: #fff; } @media(max-width:1000px){ .Banner002058 .bx-viewport{ z-index:1; height: 255px!important;} .Banner002058 li a, .Banner002058 li{ height:auto;} .Banner002058 li{ background:none !important;} .Banner002058 li img{ display:block; width:100%;} } /* 首页标题 */ .home_title{ padding-top:8px; text-align:center; padding-bottom:2%; font-size:30px; letter-spacing:5px; color:#006f44; position: relative; } .home_title .txt{ display: inline-block; position: relative; font-weight: bold; } .home_title .en{ text-transform:uppercase; font-size:20px; color: #e79139; letter-spacing:5px; padding-top: 5px;font-family: Verdana, Geneva, sans-serif; } .home_title figure{ display:inline-block; position:relative;} .home_title figure::after{ position:absolute; content:''; width:30px; height:30px; border-radius:50%; border:6px solid rgba(0,111,68,0.14); right:-10px; top:-5px; z-index:1;} .home_title figure span{ position:relative; z-index:2; } .home_title .txt::before, .home_title .txt::after{ position:absolute; content:''; height:1px; width:300%; bottom:15%; background: rgb(254,255,255); background: -moz-linear-gradient(left, rgba(254,255,255,1) 0%, rgba(233,233,233,1) 100%); background: -webkit-linear-gradient(left, rgba(254,255,255,1) 0%,rgba(233,233,233,1) 100%); background: linear-gradient(to right, rgba(254,255,255,1) 0%,rgba(233,233,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e9e9e9',GradientType=1 ); } .home_title .txt::before{ left:0; transform:translateX(-105%);} .home_title .txt::after{ right:0; transform:translateX(105%) rotate(180deg);} /* .Floor000849 为demo编号 */ .Floor000849{padding: 4% 0 3.5%} .Floor000849 .pic{ height: 400px; background-repeat: no-repeat; background-size: cover } .Floor000849 .text p{ font-size: 16px; line-height: 28px; color: #444} .Floor000849 .home_title:after{ display: none} .Floor000849 .left{ width: 65%; float: left } .Floor000849 .left .text{ padding:20px 50px 20px 250px; position: relative; height: auto; overflow: hidden } .Floor000849 .left .text .home_title{text-align: left; position: absolute; left: 0; top: 20px; border-right: 1px solid #ddd; padding-bottom: 0; padding-right: 30px;} .Floor000849 .left .text .home_title h1{margin-bottom: 0} .Floor000849 .left .text p{width: 83%; float: left; margin: 0} .Floor000849 .left .text .more{width: 80px; height: 80px; float: right; border: 1px solid #006f45; color:#006f45; line-height:70px; display: inline-block; font-size: 14px; text-align: center; background: url(../image/more3.png) #fff no-repeat center 70%; } .Floor000849 .left .text .more:hover{ background: url(../image/more4.png) #006f45 no-repeat center 70%; color: #fff} .Floor000849 .right{ width: 35%; float: right; background-color: #006f45;height: 510px; background-position: bottom right; background-repeat: no-repeat } .Floor000849 .right .home_title { padding-bottom:50px} .Floor000849 .right .home_title h1{ margin-bottom: 0px} .Floor000849 .right .home_title:after{ display:block; background: #fff; bottom:30px} .Floor000849 .right .text{ padding:80px 50px; } .Floor000849 .right .text h1{color:#fff } .Floor000849 .right .text h5{color:#fff; font-size: 16px; font-weight: normal; margin: 0 } .Floor000849 .right .text h5 span{color:rgba(255,255,255,0.6); font-size: 16px; display: inline-block; margin-left: 11px; line-height: 15px; } .Floor000849 .right .text h5 span:nth-child(2){ border-left: 1px solid rgba(255,255,255,0.2); padding-left: 12px;} .Floor000849 .right .text span{color:rgba(255,255,255,0.2); } .Floor000849 .right .text p{color: #fff; } .RighInfo_002223 .auto{ overflow: hidden;padding-bottom: 0; } .RighInfo_002223 .box{ background: #fafafa; padding: 5%; margin-bottom: 3%; } .RighInfo_002223 .box2{ background: #fff; margin-bottom: 0; border-bottom: 1px solid #eee; } .RighInfo_002223 .box2 img{ width: 48%; margin-right: 4%; float: left; } .RighInfo_002223 .box2 img:nth-child(2n){ margin-right: 0; } .RighInfo_002223 .part4{ background: #fff; } .RighInfo_002223 .part4 img{ display: block; margin: 0 auto; } .RighInfo_002223 .ts_img { float: right; display: inline-block; margin-left: 5%; margin-top: -10%; } .RighInfo_002223 .MsoNormal{ } .RighInfo_002225{padding:0% 30px 30px;background: #fff; } .RighInfo_002225 .auto{ overflow: hidden;background:#fff; } .RighInfo_002225 .ts_img { display: inline-block; } .RighInfo_002225 .MsoNormal{ padding-left: 2%; } .RighInfo_002225 .videobox{ position: relative;height:300px;} .RighInfo_002225 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .RighInfo_002225 .videobg .play{ display: block; background: url(../image/Floor002460-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 30px 30px; cursor: pointer;} .RighInfo_002225 .video{ position: absolute; top: 0; left: 0; width: 100%; height:300px; z-index: 5; display: none;} .RighInfo_002225 .video video{ width: 100%; height: 100%; background: #000;} @media only screen and (min-width: 768px) { .RighInfo_002225 .videobg{ height: 300px;} .RighInfo_002225 .videobg .play{background-size:40px 40px;} } @media only screen and (min-width: 1200px) { .RighInfo_002225 .videobg{ height: 300px;} .RighInfo_002225 .videobg .play{background-size:50px 50px;} } /*Floor002659 */ .Floor002659{ background: #f3f3f3; padding: 3% 0} .Floor002659 .home_title{ text-align: center } .Floor002659 .home_title:after{ display: none} .Floor002659 .title-intro{ width: 48%; float: left; } .Floor002659 .main .right{ width: 50%; float: right; position: relative;} .Floor002659 .main .gallery-top{ width:80%; float: right; position: relative;} /*swiper*/ .Floor002659 .swiper-container{position: relative;overflow: hidden;z-index: 1; margin: 0 !important} /*swiper end*/ .Floor002659 .main .gallery-top { width: 560px; float: right} .Floor002659 .main .gallery-top li{} .Floor002659 .main .gallery-top li .pic{height: 420px;} .Floor002659 .main .gallery-thumbs{height: 418px; width: 135px; float: left} .Floor002659 .main .gallery-thumbs li {background: #000} .Floor002659 .main .gallery-thumbs li .pic{height:101px; opacity: 0.5; background-repeat: no-repeat; background-size: cover} .Floor002659 .main .gallery-thumbs .swiper-slide-thumb-active .pic{opacity: 1} .Floor002659 .title-intro{ } .Floor002659 .title-intro .text{ background: #fff; padding:70px 60px;} .Floor002659 .title-intro p{font-size: 16px; line-height: 28px; height: 80px; overflow: hidden; margin: 0 } .Floor002659 .title-intro .more{ border: 1px solid #006f45; color:#006f45; line-height: 32px; margin: 40px 0 0 0; display: inline-block; font-size: 14px; width: 150px; text-align: center; background: url(../image/more.png) no-repeat 80%; padding-right: 20px } .Floor002659 .title-intro .more:hover{ color:#fff; background: url(../image/more2.png) #006f45 no-repeat 80%; } .Floor002659 .swiper-button-prev, .Floor002659 .swiper-button-next{ background-color: #006f45 ; opacity: 1; width: 60px; height: 60px; bottom: 0; top: auto; background-size: 40% 40%; bottom:0px; left: 30px;} .Floor002659 .swiper-button-prev{ left: 0px; background-color: #404040} .Floor002659 .swiper-button-next{ left:60px; } @media(max-width:1366px){ .Floor002659 .main .gallery-thumbs{height: 418px; width: 135px;} .Floor002659 .main .gallery-top { width: 500px;} .Floor002659 .main .gallery-top li .pic{ background-size:100% 100%;} } @media(max-width:1024px){ .Floor002659 .main{ display:block;} .Floor002659 .swiper-pagination{ left:auto; right:0; padding:10px;} } @media(max-width:768px){ .RighInfo_002223 .MsoNormal{ width: 100%; } .Floor002659 .title-intro h3{ font-size:30px;} .Floor002659 .title-intro p{ font-size:16px; line-height:24px;} } @media(max-width:480px){ .Floor002659 .title-intro h3{ font-size:24px;} .Floor002659 .title-intro p{ font-size:14px; line-height:20px;} } /*Floor002461 */ .Floor002461{ padding:4% 0; background:url(../image/bg2.png) no-repeat #f3f3f3;} .Floor002461 .home_title{ text-align: center } .Floor002461 .home_title:after{ display: none} .Floor002461 li{ float:left; margin-bottom:1%; width:49.5%; position:relative;padding-bottom:19.5%;} .Floor002461 li:nth-child(1){ margin-right:1%; padding-bottom:40%;} .Floor002461 li:nth-child(2), .Floor002461 li:nth-child(3){ float:right;} .Floor002461 li:nth-child(5){ margin:0 1%;} .Floor002461 li:nth-child(4){ clear:left;} .Floor002461 li > *{ position:absolute; left:0;width:100%; z-index:3;} .Floor002461 li a{ height:100%; top:0;} .Floor002461 li h2{ bottom:10%; font-size:22px; padding:0 30px; color:#fff; margin:0; font-weight:normal; } .Floor002461 li:nth-child(1) h2{ bottom:7%;} .Floor002461 li .Ispic{ top:0; height:100%; z-index:1;} .Floor002461 li:nth-child(5), .Floor002461 li:nth-child(6){ width:24.25%;} .Floor002461 li::after{position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";background-color:#000;transition: all .3s; z-index:2; opacity:0.4;} .Floor002461 li:hover::after{ opacity:0;} .Floor002461 li .hover{ width: 100%; height: 100%; background: rgba(0,94,58,0.95); position: absolute; left: 0; top: 0; padding:25% 15%; z-index: 100; display: none} .Floor002461 li .hover h1{ color: #fff; font-size: 24px; font-weight: normal; display: block; } .Floor002461 li .hover h1:after{ content: ""; display: block; width: 30px; height: 2px; background: #fff; margin-top: 20px; } .Floor002461 li .hover p{ color: rgba(255,255,255,0.9); font-size: 16px; line-height: 28px; display: block;} .Floor002461 li .hover .more{ border: 1px solid #fff; color:#fff; line-height: 32px; height: 32px; margin-top:30px; display:block; font-size: 14px; width: 150px; text-align: center; background: url(../image/more2.png) no-repeat 80%; padding-right: 20px; border: 1px solid #fff} .Floor002461 li:hover .hover{ display: block} .Floor002461 li:hover h2{ display:none} @media (max-width: 1024px) { .Floor002461 li h2{ font-size:24px;padding:0 5%; } } @media (max-width:640px) { .Floor002461 li h2{ font-size:16px; line-height:20px; max-height:60px; overflow:hidden;} } @media (max-width:480px) { .Floor002461 li h2{ font-size:14px;} } /*Floor001899*/ .Floor001899{ position:relative; z-index:1; background: #f5f5f5; padding: 4% 0} .Floor001899 .auto{position: relative; background:url(../image/Floor001899-bg.png) no-repeat 10% center; } .Floor001899 .home_title{ width:25%; float: left ;} .Floor001899 .home_title:after{ background: #444} .Floor001899 .con:before{ content: ""; display: block; position: absolute; right: 190px;bottom:8px; width: 1px; height: 100%; background: #ccc} .Floor001899 .con{ width: 70%; float: right; height: 100px; overflow: hidden; position: relative} .Floor001899 .con h1{font-size: 20px;font-weight: normal; margin: 0 0 5px 0; color: #222 } .Floor001899 .con p{font-size: 16px; line-height: 28px; padding-right: 220px; } .Floor001899 .con .more{ border: 1px solid #006f45; color:#006f45; line-height: 32px; margin-top: 20px; display: inline-block; font-size: 14px; width: 150px; text-align: center; position: absolute; right: 0; bottom:30px; background: url(../image/more.png) no-repeat 80%; padding-right: 20px } .Floor001899 .pic{ padding-bottom:30%; width: 100%; float: left} /*Bottom002626 */ .Bottom002626{ background:#fff; padding-top: 4%; } .Bottom002626 .bottom{padding-bottom:2%; position:relative;} .Bottom002626 .contact{ position:absolute; right:0; top:0;} .Bottom002626 .contact dd img{ width:120px; display:block;} .Bottom002626 .contact dd span{ text-align: center; font-size: 16px; color: #444; display: block; margin-top: 10px;} .Bottom002626 .contact dt{ color:#444; text-align:right; padding-right:40px; font-size: 18px;} .Bottom002626 .contact dt aside{ color:#444; font-size:20px; font-family: din2; letter-spacing: -1px; margin: 5px 0} .Bottom002626 .contact .bdsharebuttonbox{ display:inline-block;} .Bottom002626 .contact .bdsharebuttonbox a{ float:left; width:40px; height:40px; border-radius:50%; border:1px solid #37896a; background:url(../image/Bottom002626_share.png) no-repeat left center; margin:0 10px 0 0;} .Bottom002626 .contact .bdsharebuttonbox a.bds_weixin{ background-position:left center;} .Bottom002626 .contact .bdsharebuttonbox a.bds_tsina{ background-position:right center; margin-right:0;} .Bottom002626 .bottom nav dl{ float:left; margin-right:3.2%} .Bottom002626 .bottom nav dl:last-child{ width:auto;} .Bottom002626 .bottom nav dt{ color:#444; font-size:16px; margin-bottom:10px;} .Bottom002626 .bottom nav dd{ line-height:28px;} .Bottom002626 .bottom nav dd a{ color:#666; font-size: 14px; } .Bottom002626 .bottom nav dd a:hover{ opacity:1;} .Bottom002626 footer{ background: #006f45; padding:20px 0 10px;} .Bottom002626 .copyright{ float:left; width:100%;color:rgba(255,255,255,0.6)} .Bottom002626 .copyright dt { float: left} .Bottom002626 .copyright dd { float: right} .Bottom002626 .copyright dd a {color: rgba(255,255,255,0.6);} .Bottom002626 .copyright dt a{ color:rgba(255,255,255,0.6);} .Bottom002626 .copyright dt a::after{ display:inline-block; content:''; width:1px; height:10px; vertical-align:middle; margin:0 10px; background:rgba(255,255,255,0.4);} .Bottom002626 .copyright dt a:last-child::after{ display:none;} .Bottom002626 .copyright dd span{ color:rgba(255,255,255,0.6);} .Bottom002626 .copyright dd span a{color:rgba(255,255,255,0.6); text-decoration:underline;} .Bottom002626 .copyright a:hover{ color:#fff;} @media(max-width:1366px){ .Bottom002626 .contact{ position:absolute; right:2%;} } @media(max-width:1280px){ .Bottom002626 .contact dt aside{ font-size:24px;} } @media(max-width:1100px){ .Bottom002626 .bottom nav{ display:none;} .Bottom002626 .contact{ position:relative;max-width:350px;margin:0 auto; /*border: 1px solid #222*/} } @media(max-width:768px){ .Bottom002626 .links, .Bottom002626 .copyright{ float:none; width:auto;} .Bottom002626 .copyright{ padding-top:3%;} } /* .Banner002291 为demo编号 */ .Banner002291 { overflow: hidden;} .Banner002291 span{ display: none;} /* .Banner002291 img{ max-width: none; width: 155%; margin-left: -27.5%;} */ .Banner002291 img{ max-width: 100%; width: 100%;} @media only screen and (min-width: 768px) { /* .Banner002291 img{ width: 150%; margin-left: -25%;} */ } @media only screen and (min-width: 1024px) { /* .Banner002291 img{ width: 140%; margin-left: -20%;} */ } @media only screen and (min-width: 1200px) { /* .Banner002291{ height: 546px;} */ .Banner002291 img{ display: none;} .Banner002291 span img{ display: block;} .Banner002291 span{display: block;} /* .Banner002291 span{ display: block; background-position: center; background-repeat: no-repeat; height: 546px; width: 100%;} */ } /* .Menu000706 为demo编号 */ .Menu000706{} .Menu000706 .auto{max-width: 1400px;} .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(../image/Menu000706-icon.png) no-repeat 95% center #006f44; 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{ border-bottom:1px solid #e6e6e6; position:relative;} .Menu000706 nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(../image/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:#006f44;} .Menu000706 nav li a{ display:block; font-size:16px; padding:18px 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 a:hover, .Menu000706 nav li.aon a{ color:#006f44; border-bottom:3px solid #006f44;} } @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:#006f44; padding:5px;border-radius:3px;} .Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; 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 #006f44;} .Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#006f44; padding:5px; z-index: 11; border-radius:0 0 5px 5px; display:none;} .Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #006f44;border-radius:5px;} .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:#006f44;} } @media(max-width:768px){ .Menu000706 header h1{ font-size:20px;} } /* .Floor002460 为demo编号 */ .Floor002460{ padding: 30px 0 20px;} .Floor002460 .auto{ max-width: 1400px;} @media only screen and (max-width:1430px ) { .Floor002460 .auto{ max-width: 1430px; padding-left: 15px; padding-right: 15px;} } .Floor002460 .videobox{ position: relative;height: 200px;} .Floor002460 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .Floor002460 .videobg .play{ display: block; background: url(../image/Floor002460-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 30px 30px; cursor: pointer;} .Floor002460 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: none;} .Floor002460 .video video{ width: 100%; height: 100%; background: #000;} @media only screen and (min-width: 768px) { .Floor002460 .videobg,.Floor002460 .videobox{ height: 320px;} .Floor002460 .videobg .play{background-size:40px 40px;} } @media only screen and (min-width: 1200px) { .Floor002460 .videobg,.Floor002460 .videobox{ height: 400px;} .Floor002460 .videobg .play{background-size:50px 50px;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:50px 0;background: url(../image/RighInfo002228_bg.png) no-repeat center bottom;background-size: cover;} .RighInfo002228 .auto{ max-width:1400px;} .RighInfo002228 .single-header{ text-align:left;} .RighInfo002228 .single-header h1{ color:#e0e0e0; font-size:20px; margin:0 0 10px 0;text-transform: uppercase;font-weight: 900;} .RighInfo002228 .single-header h2{color:#444444; font-size:22px; margin:0;font-weight: normal;} .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{ margin:0; padding:10px 0;text-align: left;font-size: 15px;line-height: 30px;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} .RighInfo002228 .videobox{ position: relative; height:360px; background: #000; padding: 0 2%; max-width: 950px;margin: auto;} .RighInfo002228 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .RighInfo002228 .videobg .play{ display: block; background: url(../image/Floor002460-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 30px 30px; cursor: pointer;} .RighInfo002228 .video{ position: absolute; top: 0; left: 0; width: 100%; height:360px; z-index: 5; display: none;} .RighInfo002228 .video video{ width: 100%; height: 100%; background: #000;} @media only screen and (min-width: 768px) { .RighInfo002228 .videobg,.Floor002460 .videobox{ height: 500px;} .RighInfo002228 .videobg .play{background-size:40px 40px;} } @media only screen and (min-width: 1200px) { .RighInfo002228 .videobg,.Floor002460 .videobox{ height: 360px;} .RighInfo002228 .videobg .play{background-size:50px 50px;} } @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-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:58px;} } /* .RighInfo002227 为demo编号 */ .RighInfo002227{background: url(../image/RighInfo002228_bg.png) no-repeat center bottom;background-size: cover;font-size:14px;color:#666;padding:3% 0;} .RighInfo002227 .auto{ max-width: 1400px;background: #fff;-moz-box-shadow:0px 0px 16px #e8e8e8; -webkit-box-shadow:0px 0px 16px #e8e8e8; box-shadow:0px 0px 16px #e8e8e8;border-radius: 8px;padding:2% 5%;} .RighInfo002227 .single-con{max-width: 960px;margin:0 auto;} .RighInfo002227 .single-header{ text-align:left;} .RighInfo002227 .single-header h1{ color:#e0e0e0; font-size:20px; margin:0 0 10px 0;text-transform: uppercase;font-weight: 900;} .RighInfo002227 .single-header h2{color:#444444; font-size:22px; margin:0;font-weight: normal;padding-left: 8px;} .RighInfo002227 .title{margin-bottom: 30px;text-align: center;line-height:44px;color: #333;font-size:20px;padding-bottom:10px;background:url(/cn/images/RighInfo002227-icon1.png) no-repeat center bottom;} .RighInfo002227 .title img{ width:45px; height:33px;} .RighInfo002227 .box2 p{ margin:0 0 1% 8px; padding:15px 0 0;line-height: 30px;} .RighInfo002227 .box2 .pic{ text-align:center; padding-bottom:20px;} .RighInfo002227 .pepoleimage{ margin-bottom:30px;} .RighInfo002227 .word{position: relative;} .RighInfo002227 .word .mig{ max-width: 500px;} .RighInfo002227 .name{ float: right;} .RighInfo002227 .box2 h3{margin:0;font-size:14px;color:#333;padding-bottom:10px;} .RighInfo002227 .textbox-con2{} @media screen and (min-width: 480px){ .RighInfo002227 .box2 .pic{float:left;padding-right:8%; text-align:left;} .RighInfo002227 .box2 .textbox-con2 .pic{ text-align:right;float:right; padding-left:8%; padding-right:0;} } @media screen and (min-width: 768px){ .RighInfo002227,.RighInfo002227 .box2 h3{ font-size:16px;} .RighInfo002227 .title{font-size:22px;margin-bottom: 60px;} .RighInfo002227 .title img{ width:55px; height:40px;} .RighInfo002227 .box2 p{ padding-top:25px;} .RighInfo002227 .box2 .pic{ padding-top:30px; padding-bottom:0;} .RighInfo002227 .pepoleimage{ margin-bottom:30px;} .RighInfo002227 .textbox-con2{} .RighInfo002227 .single-header h1{ font-size:24px;} .RighInfo002227 .single-content p{ padding:15px 0;} } @media screen and (min-width:1024px){ .RighInfo002227 .single-header h1{ font-size:58px;} } @media screen and (max-width:480px){ .RighInfo002227 .single-header{margin-bottom: 20px;} } section.honer{background: url(../image/RighInfo002228_bg.png) no-repeat center bottom #FDFDFD;background-size: cover;} section.company{background-color: #f3f3f3;} /* .Menu002252 为demo编号 */ .Menu002252{padding-top: 3%; text-align:center; overflow:hidden;} .Menu002252 a{font-size:16px; display: block;background:#e9e9e9; padding: 10px; margin-bottom: 1px; } .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#006F44;} @media(min-width:768px){ .Menu002252{padding:25px 0 10px;} .Menu002252 a{ display:inline-block; line-height:30px; padding:0 15px; min-width:115px; border-radius:30px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252{padding-top: 3%;} .Menu002252 a{display:inline-block;line-height:36px; padding:0 20px;background:#e9e9e9; min-width:130px; border-radius:36px;} } /*PicList002137 */ .PicList002137{ padding:3% 0;} .PicList002137 .year{ padding:0 20px; position:relative; margin-bottom:5%;} .PicList002137 .year .item{ position:relative; text-align:center;padding:37px 0 27px 0;} .PicList002137 .year .item:after{ display:block; content:''; height:5px; background:#e0e0e0; } .PicList002137 .year .item a{ position:absolute; left:0; width:100%; top:0; height:100%; font-size:16px;color:#666;background:url(../image/PicList002137-year.png) no-repeat center bottom;} .PicList002137 .year .item.active a{ font-weight:bold; color:#006f44; font-size:18px;background:url(../image/PicList002137-year_on.png) no-repeat center bottom;} .PicList002137 .year .item a i{ position:absolute; left:0; width:100%;border-right:3px solid #; border-left:3px solid #; top:29px; height:8px; text-align:center; z-index:-1;} .PicList002137 .year .item.active a i{ border-bottom:5px solid #;} .PicList002137 .year .item a i:before{ position:absolute; top:0; left:50%; content:''; height:8px; width:1px;background:#e0e0e0; } .PicList002137 .year .owl-nav div{ position:absolute; top:30px; width:18px; height:17px; background:url(../image/PicList002137-btn.png) no-repeat right top #fff; cursor:pointer; overflow:hidden; line-height:1000px;} .PicList002137 .year .owl-nav div.owl-prev{ left:0;} .PicList002137 .year .owl-nav div.owl-next{ right:0; background-position:0 0;} .PicList002137 .year .owl-nav div.disabled{ display:none;} .PicList002137 .list{margin:0 1%;} .PicList002137 .list li{ float:left; width:23.5%; margin-right:2%; text-align:center; cursor:pointer;margin-bottom: 2%;border-bottom: 1px dashed #e8e8e8;position: relative;} .PicList002137 .list li a.cboxElement{ position: absolute; left: 0; top: 0; z-index: 9; width: 100%; height: 100%; } .PicList002137 .list li img, .PicList002137 .list li .info{ display:none;} .PicList002137 .list li figure{transition-duration: .7s; padding-bottom:68%; background-size:contain; } .PicList002137 .list li p{text-align: left;font-size: 15px;position: relative;padding-right: 30px;} .PicList002137 .list li p i{display: inline-block;content: '';width:22px;height:20px;background: url(../image/PicList002137-icon.png) no-repeat center center;position: absolute;right:0;} .PicList002137 .open_info{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;} .PicList002137 .info_area{ position:fixed; width:90%; max-width:580px; left:50%; transform:translate(-50%,-50%); top:50%; background:#006F44; height:520px;} .PicList002137 .info_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#006F44; cursor:pointer;} .PicList002137 .info_area .close::before, .PicList002137 .info_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#fff; top:15px; left:3px;} .PicList002137 .info_area .close::before{ transform:rotate(45deg);} .PicList002137 .info_area .close::after{ transform:rotate(-45deg);} .PicList002137 .info_area .pic{ position:absolute; width:100%; height:75%; overflow:hidden; top:0; left:0;text-align:center;} .PicList002137 .info_area .pic img{ height:100%;} .PicList002137 .info_area h3{margin:0;font-weight: normal;font-size: 15px;padding-bottom: 16px;color:#fff;} .PicList002137 .info_area .txt{ position:absolute; left:4%; bottom:4%; width:92%;height:18%; overflow:auto;color: #fff} @media(min-width:769px){ .PicList002137 .list li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList002137 .list li{ width:49%;} .PicList002137 .list li:nth-child(2n){ margin-right:0;} .PicList002137 .info_area{ height:60%;} } @media(max-width:480px){ .PicList002137 .list li{ width:100%; float:none;} } .PicList002137 .list li .img_ov{ overflow: hidden;padding: 10%; border: 10px solid #f2f2f2; background: #fff; } .PicList002137 .list li:hover .Ispic{transform:scale(1.1,1.1);} /**插件公用样式 有相同 只留一个即可**/ .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%} .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} /**END**/ /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:20px 0 30px 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;background-color: #999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#006f44!important; color:#006f44!important;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden; width: 30%;} /*.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(../image/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;background-color: #fff;} .Page002046 .Pages .a_next{ background-image:url(../image/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } @media(max-width:480px){ .Page002046 .Pages a{padding:0 5px; } } /* 媒体中心的翻页 */ .news_Page .Pages .num{ display: none; } .news_Page .Pages em{ width: auto; } .news_Page .Pages .a_prev, .news_Page .Pages .a_next{ display:inline-block; margin: 0 5px; } /* .PicList002501 为demo编号 */ .PicList002501{padding:3% 0 2% 0;} .PicList002501 .auto_1400{max-width: 1400px; position: relative;} .PicList002501 .wrap-container{} @media (max-width: 1230px) { .Floor002491 .wrap-container{ padding: 0 15px; max-width: 1230px;} } .PicList002501 ul li{padding: 30px 0;border-bottom: 1px dashed #e0e0e0;} /*.PicList002501 ul li:first-child{padding-top: 0;} *//*.PicList002501 ul li.last{margin-bottom: 0;border-bottom: 0px dashed #e0e0e0;}*/ .PicList002501 .right{margin-bottom: 20px;} .PicList002501 .rightBox .img{overflow: hidden;} .PicList002501 .rightBox .img img{width: 100%; min-height: 225px;} .PicList002501 .leftBox .h3{font-size: 18px; color: #444; font-weight: normal; margin: 0;} .PicList002501 .leftBox .txt{padding-top: 10px; font-size: 16px; line-height: 1.8;} .PicList002501 .leftBox .more{ border: 1px solid #006f45; color:#006f45; line-height: 32px; margin: 40px 0 0 0; display: inline-block; font-size: 14px; width: 150px; text-align: center; background: url(../image/more.png) no-repeat 80%; padding-right: 20px } .PicList002501 .leftBox .more:hover{ color:#fff; background: url(../image/more2.png) #006f45 no-repeat 80%; } .PicList002501_2 .leftBox .h3{font-size: 18px; color: #333; font-weight: normal; margin: 0;margin-bottom:10px;} .PicList002501_2 .leftBox .txt{padding-top: 10px; font-size: 14px; line-height:26px;} .PicList002501_2 ul li{padding:1%;background: #fff;margin-bottom: 30px; border:none;} /*.PicList002501_2 ul li:first-child{padding-top:3%;}*/ .PicList002501_2 .right{margin-bottom:0px;} .PicList002501_2 li:hover .leftBox .h3{ color:#006f44;} .PicList002501_2 li:hover .leftBox .txt{ color:#666;} @media screen and (min-width:768px){ .PicList002501 .right{float: right; width: 30%;} .PicList002501 .left{float: left; width: 69%;} .PicList002501 .odd .right{float: left;} .PicList002501 .odd .left{float: right;} .PicList002501 .leftBox{width: 90%;margin: 0 auto;} } @media screen and (min-width:1000px){ .PicList002501 .auto_1600{ padding-top: 30px;} .PicList002501 .leftBox .h3{font-size: 24px;} } @media screen and (max-width:768px){ .PicList002501_2 .leftBox .h3{ margin-top:10px} } /* .RighInfo002450 为demo编号 */ .RighInfo002450{ padding: 3% 0 4% 0;background-color: #f3f3f3;} .RighInfo002450 .auto{ position: relative; max-width: 1400px;} .RighInfo002450 .back{text-align: left;} .RighInfo002450 .back_btn{ border: 1px solid #006f45; color:#006f45; line-height: 32px; margin: 40px 0 0 0; display: inline-block; font-size: 14px; width: 150px; text-align: center; } .RighInfo002450 .back_btn:hover{ color:#fff; } @media only screen and (max-width: 1200px) { .RighInfo002450 .auto{ margin-left: 15px; margin-right: 15px;} } .RighInfo002450 .wrap-container .tit{ color: #444; font-size: 24px; margin: 0 0 4%; font-weight: normal;} @media only screen and (min-width:1201px ) { .RighInfo002450 .wrap-container .tit{ font-size: 30px;padding-top: 20px;} } @media only screen and (max-width:767px ) { .RighInfo002450 .wrap-container .tit{ text-align: center; font-size: 20px;} } .RighInfo002450 .wrap-container .img{ margin: 0 auto; display: block;} .RighInfo002450 .wrap-container .word{ color: #666; font-size: 16px; line-height: 28px; margin-top: 3%;} @media only screen and (min-width:767px ) { .RighInfo002450 .wrap-container .img{ float: left; margin: 0 5% 0 0 ;} .RighInfo002450 .wrap-container .word{ margin-top: 0;} } section.news{background: #F3F3F3;} /* .PicList001267 为demo编号 */ .PicList001267{ padding:50px 0 20px 0;} .PicList001267 li{ float:left; margin-right:4%; margin-bottom:4%; width:48%;padding:10px;background: #fff;border-radius: 4px;} .PicList001267 li:nth-child(2n){ margin-right:0;} .PicList001267 li div{ position:relative; padding:3% 5% 0 280px;font-size:12px; height:182px;} .PicList001267 li .Ispic{ transition-duration: .5s; position:absolute; left:0; top:0; height:100%;width:260px; background-size:auto 100%; background-color:#edebec;border-radius: 4px;} .PicList001267 li h5{ margin:0; font-size:16px;color:#444;} .PicList001267 li p{ color:#888; line-height:26px; overflow:hidden; height:48px;font-size: 15px;} .PicList001267 li time{ color:#c5c5c5; padding-left:20px; background:url(../image/PicList001267-time.jpg) no-repeat left center;font-size: 15px;} @media(max-width:768px){ .PicList001267 li{ float:none; width:auto; margin-right:0;} } .PicList001267 li .ov_a{ position: absolute; left: 0; top: 0; height: 100%; width: 260px; padding: 0!important; overflow: hidden; } @media(max-width:375px){ .PicList001267 li .ov_a{ position:static; width:auto; height:auto; display:block; padding-bottom:50%; margin-bottom:2%; } .PicList001267 li div{ padding:0; height:auto;} .PicList001267 li .Ispic{ position:static; width:auto; height:auto; display:block; padding-bottom:50%; margin-bottom:2%;} } .PicList001267 .ul li:hover .Ispic{ transform: scale(1.1,1.1);transition-duration: .5s; } /* .RighInfo002275 为demo编号 */ .RighInfo002275{background-color: #f3f3f3} .RighInfo002275 .auto{max-width: 1400px;background-color: #fff;-moz-box-shadow:0px 0px 16px #e8e8e8; -webkit-box-shadow:0px 0px 16px #e8e8e8; box-shadow:0px 0px 16px #e8e8e8;border-radius: 8px;padding:30px 50px;} .RighInfo002275{padding: 8% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../image/RighInfo002275-contact_bg.png) no-repeat center #fff;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 50px 0 70px} .RighInfo002275 .text .title{margin-bottom: 75px} .RighInfo002275 .map{width: 700px;height: 430px;} .RighInfo002275 .text{width: 40%;} } /* .PicList001302 为demo编号 */ .PicList001302{ padding-top:4%;} .PicList001302 ul{ margin:0 -1%} .PicList001302 li{ float:left; width:18%; margin:0 1%; position:relative; margin-bottom:3%;} .PicList001302 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList001302 li:hover a{ border-color:#006f44;} .PicList001302 li figure{ position:relative;} .PicList001302 li figure div{ padding-bottom:140%; background-size:contain;} .PicList001302 li figure dl{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0, 01, 0, 0.6); opacity:0; transition:0.3s;} .PicList001302 li figure dl:before{ content:''; -webkit-animation:down 1.5s ease-in-out 0s infinite;-moz-animation:down 1.5s ease-in-out 0s infinite;-o-animation:down 1.5s ease-in-out 0s infinite;animation:down 1.5s ease-in-out 0s infinite;opacity:1;filter:alpha(opacity=100);background-image:url('../image/PicList001302-search.png');background-repeat:no-repeat;background-size:cover;width:42px;height:42px;display:block;right:18px;bottom:24px; position:absolute;} .PicList001302 li:hover figure dl{ background-position:center 35%;opacity:1;} .PicList001302 li:hover figure dl:before{ opacity:1;} .PicList001302 li p{ margin:10px 0; line-height:24px; overflow:hidden; text-align:center;color: #333;font-size: 16px;} .PicList001302 li:hover p{ color:#006f44;} @media(max-width:768px){ .PicList001302 li{ width:31.333%;} } @media(max-width:480px){ .PicList001302 li{ width:48%;} } @media(max-width:320px){ .PicList001302 li{ width:100%; float:none;} } /*RighInfo002218*/ .RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding:3% 0 0%;} .RighInfo002218 .box1{padding:15px 15px 15px 15px;color:#728391;font-size:14px;line-height:30px;} .RighInfo002218 .box1 .pic{float:right;margin-left:5%;} .RighInfo002218 .box1 .h3{font-size:22px;color:#006f44;margin:0 0 20px 0; } .RighInfo002218 .box1 figure{ padding:2.5% 0%; color:#555;} .RighInfo002218 .list{ padding-top:5%;} .RighInfo002218 .list li{ display:block; float:left; width:42%;} .RighInfo002218 .list li+li{ padding-left:2%;} .RighInfo002218 .list li:first-child,.RighInfo002218 .list li:last-child{ width:29%;} .RighInfo002218 .list img{ float:left; margin-right:3%; max-width:98px;} .RighInfo002218 .list figure{ padding-top:7%;} .RighInfo002218 .list h2{ font-weight:normal; color:#008cd6; font-size:18px; margin:0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .RighInfo002218 .list p{ margin:10px 0 0; color:#728391;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media(max-width:1000px){ .RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;} .RighInfo002218 .list figure{ padding:3% 0;} .RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;} } /*RighInfo002218 End*/ /*! fancyBox 插件样式，如有一样的只留一份 */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../image/PicList002311-fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../image/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../image/PicList002311-blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../image/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-x: hidden; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../image/PicList002311-fancybox_sprite@2x.png'); background-size: 44px 161px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../image/PicList002311-fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* .PicList002311 为demo编号 */ .PicList002311{ padding:0% 0 2%} .PicList002311 .CenTitle{ padding:15px 0 10px 0; position:relative; z-index:1; } .PicList002311 .CenTitle .name{ text-align:center; font-size:22px; font-weight:bold; color:#006f44; line-height:30px;} .PicList002311 .CenTitle .line{ width:40px; height:2px; background:#006f44; overflow:hidden; margin:0 auto; margin-top: 5px;} .PicList002311 .honorList{ position:relative; padding:20px 40px;} .PicList002311 .honorList .btn{ display:block; position:absolute; top:50%; margin-top:-12px; width:24px; height:24px; background:url(../image/PicList002311-button_hover.png); cursor:pointer;} .PicList002311 .honorList .prev{ left:0; background-position:left top;} .PicList002311 .honorList .prev:hover{ background-position:left bottom;} .PicList002311 .honorList .next{ right:0; background-position:right top;} .PicList002311 .honorList .next:hover{ background-position:right bottom;} .PicList002311 .honorList .list{margin:0 auto; overflow:hidden;} .PicList002311 .honorList .list .ul li{ padding: 0 2%;} .PicList002311 .honorList .list .ul .dot{ display:block; text-align:center; padding-top:10px; line-height:20px; font-size:14px; color:#555;} .PicList002311 .honorList .list .ul .dot:hover{ color:#002870;} @media only screen and (min-width:768px ) { .PicList002311 .honorList{ padding:20px 50px;} } /* .RighInfo002226 为demo编号 */ .RighInfo002226{ padding:50px 0;} .RighInfo002226 .dl{color:#617182;} .RighInfo002226 .dl .h4{ font-size:18px; margin:0; position:relative;} .RighInfo002226 .dl .h4::after{ content:""; position:absolute; left:0; top:1px; width:4px; height:25px; background:#006f44;} .RighInfo002226 .dl .h4 span{display:inline-block; padding-bottom:10px;padding-left: 13px; color:#006f44} .RighInfo002226 .dl .con{ font-size:14px; padding:15px 0 30px; line-height:2.25; color: #555;} .RighInfo002226 .word{ float:left; width:50%} .RighInfo002226 .pic{ float:right;width:50%} @media only screen and (max-width:480px ) { .RighInfo002226 .word,.RighInfo002226 .pic{float: none;width:100%} } /* TextList000858 为demo编号 */ .TextList000858{ padding:3% 0} .TextList000858 ul{ overflow:hidden;} .TextList000858 ul li{ cursor:pointer;} .TextList000858 ul li span,.TextList000858 ul ol span{ width:20%; float:left; position:relative; font-weight:bolder; background: #006f44; margin-bottom: 5px; line-height:45px; height:45px; color:#fff; text-align:center;} .TextList000858 ul li span{ background:#e5e5e5; color:#333; font-weight:normal;} .TextList000858 ul ol span::before{ content:""; position:absolute; left:0; width:1px; height:45px; background:#038552;} .TextList000858 ul li span:first-child{ padding-left:0; /*width:20%;*/} .TextList000858 ul li span em{ font-style:normal; width:15px; height:15px; border-radius:3px; text-align:center; line-height:15px; color:#fff; font-weight:normal; position:absolute; left:10%; top:15px; background:#038552; display:block; font-size:18px;} .TextList000858 ul li dl{ display:none; position:relative; padding:20px 168px 20px 28px;} .TextList000858 ul li dl a{ background:#038552; width:120px; height:31px; line-height:31px; text-align:center; color:#fff; font-weight:bold; position:absolute; right:6.5%; top:25px;} .TextList000858 ul li dl dt{ font-size:15px; font-weight:bold; color:#1C1C1C;height:30px; line-height:30px;} .TextList000858 ul li dl dd{ font-size:13px; color:#666; line-height:25px; padding-bottom: 17px;} @media (max-width:768px){ .TextList000858 ul li dl a{ position:static; display:block; margin-top:15px;} .TextList000858 ul li dl{ padding:28px} } @media (max-width:680px){ .TextList000858 ul li span:nth-child(5),.TextList000858 ul ol span:nth-child(5){ display:none} .TextList000858 ul li span,.TextList000858 ul ol span{ width:25%;} } @media (max-width:480px){ .TextList000858 ul li span{ font-size:12px;} .TextList000858 ul li span:first-child{ padding-left: 2%; width:38%;} .TextList000858 ul li span em{ left:5%;} .TextList000858 ul li span:nth-child(3),.TextList000858 ul ol span:nth-child(3){ display:none} .TextList000858 ul li span{ width:31%;} .TextList000858 ul ol span{ width:33.333333%;} } @media (max-width:320px){ .TextList000858 ul li span em{ left:2%;} } /* .RighInfo002225 为demo编号 */ .RighInfo002225{ padding:3% 0} .RighInfo002225 .text{ line-height:26px; padding: 30px 0;} .RighInfo002225 .text p{ padding: 10px 0;} .RighInfo002225 .text h1 {text-align: center;font-size: 22px;color: #006f44;} .RighInfo002225 .word .tit{ position: relative; padding-top: 2%; margin-bottom: 4%; } .RighInfo002225 .word .h2{ display: inline-block; padding: 0 10px; background: #006f44; color: #fff; line-height: 1.6; margin: 0; } .RighInfo002225 .word span{ display: block; font-size: 40px; text-transform: uppercase; color: #8dc63f; } .RighInfo002225 .wrap-content{} .RighInfo002225 .item{ color:#323232; margin:0 auto; padding:15px 0; max-width:553px;} .RighInfo002225 .item .word{ text-align:center; margin-bottom:15px;} .RighInfo002225 .item .pic{ text-align:center;} .RighInfo002225 .item .tit em{ font-size:12px; display:block; padding-left:22px; text-transform:uppercase;} .RighInfo002225 .item.first .tit{ font-style:normal; color:#323232; font-size:24px;} .RighInfo002225 .item .con{line-height:22px; position:relative; margin:0;} .RighInfo002225 .item.first .con .stit{ color:#323232; font-size:18px; text-transform:uppercase;} @media screen and (min-width: 768px){ .RighInfo002225 .item{ max-width:none;margin:0; padding:3% 5%; margin-bottom:15px;background-color: #fff;} .RighInfo002225 .item .word{ float:left; width:44%; text-align:left; padding-left:0; margin-bottom:0;} .RighInfo002225 .item .pic{ float:right; width:51%; margin-left: 5%; margin-right: 0;} .RighInfo002225 .item .pic img{ border-radius:50px ; } .RighInfo002225 .item:nth-of-type(2n) .word{ float:right; padding-left:3%; padding-right:0;} .RighInfo002225 .item:nth-of-type(2n) .pic{ float:left; margin-right: 5%; margin-left: 0; } .RighInfo002225 .item .word{ padding-top:10px;} .RighInfo002225 .item .con{line-height:30px; max-height:96px; color: #666; overflow:hidden; } .RighInfo002225 .item .tit em{ font-size:14px;} } @media screen and (min-width: 1024px){ .RighInfo002225 .item .con{line-height:30px;max-height:236px;} } /*Timeline001915*/ .Timeline001915{ padding:2% 0 4%; background:#f7f7f7;} .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(../image/Timeline001915-logo.png) no-repeat center top; padding-top:64px;} .Timeline001915 .list ul{ background:url(../image/Timeline001915-ul.jpg) repeat-y center top; padding:54px 0;} .Timeline001915 li{ padding-left:50%; background:url(../image/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:24px;} .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:#006f44; font-size:18px; border-top:1px solid #e1e1e4;} .Timeline001915 li time:before{ display:block; margin:-3px 0 10px 0; content:''; background-color:#006f44; 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:30px; line-height:30px; text-align:center; background-color:#006f44; 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;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:2%;} .PicList000762 li{ float:left; width:32%; margin-right:2%; margin-bottom:3%; box-shadow:0 0 10px 2px #eee } .PicList000762 li:nth-child(3n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#fff;transition:all ease-in-out 0.3s;} .PicList000762 li h2{ margin:0; font-size:16px; color:#333; text-align:center; padding:3% 2%;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:52%;} .PicList000762 li a:hover{ background-color:#006f44 !important; } .PicList000762 li a:hover h2{color:#fff !important;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } @media(max-width:320px){ .PicList000762 li{width:100%; float:none;} } /* .PicList001307 为demo编号 */ .PicList001307{ padding-top:2%; background: #f7f7f7;} .PicList001307 li{ position:relative; float:left; width:23.5%; margin-right:2%; margin-bottom:2%;} .PicList001307 li:nth-child(4n){ margin-right:0;} .PicList001307 li >a{ color: #fff; position: absolute; left: 0; top: 0; width:100%;height: 100%;z-index: 1;} .PicList001307 li a{ color: #fff; } .PicList001307 li img{ display:block; width:100%;} .PicList001307 li dl{ position:absolute; left:0; bottom:0; width:100%; padding:3%; color:#fff; background-color:rgba(0,0,0,0.5);} .PicList001307 li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;} .PicList001307 li p{overflow:hidden; line-height:20px; height:40px; overflow:hidden; font-size:12px; margin:10px 0;} .PicList001307 li .more{ display:block; /*text-align:center;*/ position:relative;/* line-height:38px; */color:#fff;/* background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-linear-gradient(top, rgba(6,163,102,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(6,163,102,1) 0%,rgba(0,111,68,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); */ } /*.PicList001307 li .more::before{ position:absolute; content:''; width:26px; height:26px; background:url(../images/PicList001307-more.png) no-repeat center center/contain; right:5%; top:50%; margin-top:-13px;} */.PicList001307 li figure{ height:0; overflow:hidden; transition:0.3s;} .PicList001307 li:hover figure{ height:103px;} .PicList001307 li:hover dl{ height:100%;transition:0.3s;} @media(max-width:768px){ .PicList001307 li h3{ font-size:16px;} } @media(max-width:640px){ .PicList001307 li{ width:49%;} .PicList001307 li:nth-child(3n){ margin-right:2%;} .PicList001307 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList001307 li{ width:auto; float:none; margin-right:0 !important;} /*.PicList001307 li figure{ height:auto;}*/ } @media(max-width:480px) and (min-width:376px){ .PicList001307 li .more{ line-height:33px;} .PicList001307 li:hover figure{ height:93px;} } /* .RighInfo002389 为demo编号 */ .RighInfo002389{} .RighInfo002389 .auto{ margin: 0 auto; max-width:1400px;} .RighInfo002389 .box1{ padding:3% 2% 2%; font-size:14px;} .RighInfo002389 .box1 .title{ text-align:center;color:#999; text-transform:uppercase;} .RighInfo002389 .box1 .title h1{color:#006f44;font-size:25px; font-weight:normal; margin:0; padding-bottom:5px;} .RighInfo002389 .box1 .title h1 span{position:relative; color:#da251d} .RighInfo002389 .box1 .title h1 span::after, .RighInfo002389 .box1 .title h1 span::before{ position:absolute; content:''; width:46px; height:9px; bottom:-4px; background-repeat:no-repeat; background-position:0 0;} .RighInfo002389 .box1 .title h1 span::after{ right:-60px; background-image:url(../image/RighInfo002389-title_r.png);} .RighInfo002389 .box1 .title h1 span::before{ left:-60px; background-image:url(../image/RighInfo002389-title_l.png);} .RighInfo002389 .box1 .intro{ color:#666; line-height:28px; padding:2% 0 2% 0;} .RighInfo002389 .box1 .ul_img{ overflow:hidden;} .RighInfo002389 .box1 .ul_img li{ width:32%; margin-right:2%; float:left;} .RighInfo002389 .box1 .ul_img li img{ width:100%;} .RighInfo002389 .box1 .ul_img li:last-child{ margin-right:0;} .RighInfo002389 .box1 .more{ text-align:center; padding-top:3%;} .RighInfo002389 .box1 .more a{ display:inline-block; font-size:16px; border:1px solid #008ae2; border-radius:3px; padding:10px 28px; color:#008ae2; transition:padding ease-in-out 0.3s;} .RighInfo002389 .box1 .more a:hover{color:#fff; border-color:#008ae2; background-color:#008ae2;padding:10px 38px;} .RighInfo002389 .box2{ font-size:14px; padding:0 2% 7%;} .RighInfo002389 .box2 .title{ text-align:center; text-transform:uppercase;} .RighInfo002389 .box2 .title h1{color:#006f44;font-size:25px; font-weight:normal; margin:0; padding-bottom:25px;} .RighInfo002389 .box2 .title h1 span{position:relative; color:#da251d} .RighInfo002389 .box2 .title h1 span::after, .RighInfo002389 .box2 .title h1 span::before{ position:absolute; content:''; width:46px; height:9px; bottom:-4px; background-repeat:no-repeat; background-position:0 0;} .RighInfo002389 .box2 .title h1 span::after{ right:-60px; background-image:url(../image/RighInfo002389-title_r.png);} .RighInfo002389 .box2 .title h1 span::before{ left:-60px; background-image:url(../image/RighInfo002389-title_l.png);} .RighInfo002389 .box2 h3{color: #da251d;font-size:15px; margin:0; } @media(min-width:769px){ .RighInfo002389 .box2 ul{ padding-bottom:31%; position:relative;} .RighInfo002389 .box2 li{ position:absolute; height:100%; width:50%; top:0; text-align:center;} .RighInfo002389 .box2 li:nth-child(1){ left:0;} .RighInfo002389 .box2 li:nth-child(2){ right:0;} .RighInfo002389 .box2 li .txt{ position:absolute; left:0; width:100%; height:50%;padding: 5%;} .RighInfo002389 .box2 li .Ispic{ position:absolute; left:0; width:100%; height:50%;} .RighInfo002389 .box2 li:nth-child(1) .txt, .RighInfo002389 .box2 li:nth-child(2) .Ispic{ bottom:0;} .RighInfo002389 .box2 li:nth-child(2) .txt, .RighInfo002389 .box2 li:nth-child(1) .Ispic{ top:0;} .RighInfo002389 .box2 li .txt{ padding-top:10%;} .RighInfo002389 .box2 li::before{ position:absolute; content:''; background:url(../image/RighInfo002389-bg_l.png) no-repeat; width:35px; height:31px; } .RighInfo002389 .box2 li:nth-child(1)::before{left:0; bottom:0;} .RighInfo002389 .box2 li:nth-child(2)::before{right:0; top:0; background-image:url(../image/RighInfo002389-bg_r.png);} } .RighInfo002389 .box2 li .txt p{ color:#555; margin:0; line-height:28px;} .RighInfo002389 .box2 li .txt b{ color:#997249; font-size:16px;} .RighInfo002389 .box2 .tips{ background:url(../image/RighInfo002389-con_bg.png) no-repeat center center; background-size:cover; padding:0 18% 2%; text-align:center;} .RighInfo002389 .box2 .tips p{ padding:3% 0 4%; line-height:20px; margin:0;} .RighInfo002389 .box2 .tips .more{ background:url(../image/RighInfo002389-a_more.png) no-repeat; width:40px; height:20px; display:inline-block;} @media(max-width:1000px){ .RighInfo002389 .box2 .title h1{font-size: 24px;} .RighInfo002389 .box2 li .txt p{ margin:0;} } @media(max-width:768px){ .RighInfo002389 .box2 li{ position:relative; text-align:center; margin-bottom:3%;} .RighInfo002389 .box2 li .Ispic{ padding-bottom:30%; display:block;} .RighInfo002389 .box2 li .txt p{ margin-bottom:3%;} .RighInfo002389 .box2 .tips{ padding:3%;} .RighInfo002389 .box1 .title h1{ font-size: 20px;} } @media(max-width:480px){ .RighInfo002389 .box2 li .txt p{ font-size:12px;} } /* .RighInfo001355 为demo编号 */ .RighInfo001355{ padding:50px 0;} .RighInfo001355 .pic{float:right; margin-left:5%; width:39.6%;} .RighInfo001355 p{ line-height:28px} .honer1{ background: #f3f3f3;position: relative;} @media(max-width:480px){ .RighInfo001355 .pic{float: none; margin-left:0%; width:100%;} } /* .PicList000671 为demo编号 */ .PicList000671{padding-top:60px;} .PicList000671 ul li .videoCon{ display:none; border-bottom:3px solid #245bb5;} .PicList000671 *{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .PicList000671 .nowrap{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .PicList000671 ul li{ width:32%; float:left; margin-left: 1%; margin-bottom: 2%;} .PicList000671 ul li:nth-child(3n){ margin-right:0;} .PicList000671 ul li figure{ padding-bottom:70%; position:relative; background-repeat:no-repeat; background-position: center center; background-size: cover;} .PicList000671 ul li figure a{ position:absolute; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); background-image:url(../image/PicList000671-icon-video.png); background-repeat:no-repeat; background-position: center center;} .PicList000671 ul li figure a:hover{ background-color:transparent} .PicList000671 ul li h5{ font-size:15px; padding:8px 0; margin:0; text-align:center; border-bottom: dashed 1px #c1c1c1;} .PicList000671 ul li time{ display:block; color:#b3b3b3; background:url(../image/PicList000671-icon.png) no-repeat right;} @media screen and (max-width:640px){ .PicList000671 ul li{ width:49%;} .PicList000671 ul li:nth-child(2n){ margin-right:0;} .PicList000671 ul li:nth-child(2n+1){ margin-right:2%;} } @media (max-width:420px){ .PicList000671 ul li{ width:100%;} } .PicList000671 .fancybox-wrap { width: 100% !important;} .PicList000671 .fancybox-inner { max-height: 960px !important;} .video-fanybox .fancybox-skin .text{ font-size:18px; font-weight:normal;} .video-fanybox .fancybox-skin .video { display: block; margin: 0 auto;} /*Floor002691 */ .Floor002691{ position:relative; z-index:1; background:#fff; overflow:hidden; padding:70px 0;} .Floor002691 .tab{ padding-top: 30px;} .Floor002691 .swiper-pagination{ position: relative; margin-top: 20px; } .Floor002691 .swiper-pagination-bullet{ width: 25px; border-radius: 0; height: 25px; line-height: 25px; background: #f5f5f5; color: #333; opacity: 1; } .Floor002691 .swiper-pagination-bullet-active{ background: #2c6542; color: #fff; } .Floor002691 .home_title{ text-align: center } .Floor002691 .home_title:after{ display: none} .Floor002691 > .auto{ position:relative; z-index:10;} @media(max-width:1760px){ /*.Floor002691 > .auto{ padding-left:2%; padding-right:2%;}*/ } .Floor002691 .title{color:#2c6542; text-transform:uppercase; text-align:center; font-size:30px; padding:3% 0;} .Floor002691 .list{} .Floor002691 .list dl{ text-align:center; width:100%; /*display:table;max-width:610px; margin:0 auto; position:relative; left:152px;*/} .Floor002691 .list dl dd{ /*float:left; width:25%;*/ margin:10px;display: inline-block;} .Floor002691 .list dl dd span{ padding:12px 32px;cursor:pointer; color:#333;background: #f3f3f3;display: inline-block; text-align: center; font-size: 16px; transition: 0.3s;} .Floor002691 .list dl dd.on span{ color:#fff; background:#2c6542;} .PicList000671 .auto_1200{ max-width: 1400px; } .Floor002691 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002691 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002691 .slick-list:focus {outline: none} .Floor002691 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002691 .slick-slider .slick-track, .Floor002691 .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)} .Floor002691 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002691 .slick-track:before, .Floor002691 .slick-track:after{display: table; content: '';} .Floor002691 .slick-track:after{ clear: both;} .Floor002691 .slick-loading .slick-track { visibility: hidden;} .Floor002691 .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002691 .slick-slide .slick-loading img { display: none;} .Floor002691 .slick-slide .dragging img { pointer-events: none;} .Floor002691 .slick-initialized .slick-slide { display: block;} .Floor002691 .slick-loading .slick-slide { visibility: hidden;} .Floor002691 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002691 .slick-arrow .slick-hidden { display: none;} .Floor002691 li{ margin-right: 3.5%; background:#f3f3f3; padding-bottom:25px;} .Floor002691 li:nth-of-type(3n){ margin-right:0;} .Floor002691 li a{ display:block; padding-bottom:5px; background:url(../image/Floor001901-arrow.png) no-repeat left 15px bottom;} .Floor002691 li a:hover{ background-image:url(../image/Floor001901-arrow_hover.png);} .Floor002691 li figure{ padding-bottom:60%;} .Floor002691 li figure img{ display:none;} .Floor002691 li h2{ margin:15px 0 15px 0; font-weight:normal; padding:0 15px; font-size: 16px; color: #333; position:relative;} .Floor002691 li time{font-size: 14px; color: #999; padding:0 15px;} .Floor002691 li p{ line-height:24px;height: 48px; overflow: hidden; color: #666;padding:0 15px;} .Floor002691 li a:hover h2{color: #006f45;} .Floor002691 .slick-dots{ text-align:center; padding-top:20px;} .Floor002691 .slick-dots li{ display:inline-block; cursor:pointer; margin:0 4px; width:10px; height:10px; background:#999; border-radius:50%;} .Floor002691 .slick-dots li button{ display:none;} .Floor002691 .slick-dots li.slick-active{ background:#2c6542;} .Floor002691 .more{ border: 1px solid #006f45; color:#006f45; line-height: 32px; margin: 40px 0 0 0; display: inline-block; font-size: 14px; width: 150px; text-align: center; background: url(../image/more.png) no-repeat 80%; padding-right: 20px; position:relative; left:50%; margin-left:-75px; } .Floor002691 .more:hover{ color:#fff; background: url(../image/more2.png) #006f45 no-repeat 80%; } @media(max-width:480px){ .Floor002691 .list dl dd{ /*width:50%; */margin:1% 8px;} .Floor002691 .list-scroll li{float: none; width:100%; margin-bottom:20px;} .Floor002691 .list-scroll li.slick-slide:nth-child(2n-1) a{ margin-top:0;} .Floor002691 .more{ margin-top:0;} .Floor002691{ padding:30px 0;} } @media(max-width:1000px){ /*.Floor002691 .list-scroll{float: left; width: 32%; margin-right:2%; }*/ } @media(max-width:640px){ .Floor002691 .list-scroll{ float:none; width:auto; margin:0 auto;/* max-width:480px;*/ margin-bottom:3%;} } /* .PicList002497 为demo编号 */ .PicList002497{ padding:3% 0} .PicList002497 .auto_1600 { max-width: 1400px;} .PicList002497 .wrap-container{ margin: 0 auto;} .PicList002497 .List *{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .PicList002497 .List ul{ margin:0 -1%} .PicList002497 .List ul li { padding-top: 100%;position: relative;width: 100%;border:1px solid #eee; margin:2% 1%; background: #fff;} .PicList002497 .List ul li a { display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .PicList002497 .List ul li .imgBox {height: 100%;position: relative;width: 100%;} .PicList002497 .List ul li .imgWrap { left: 50%; position: absolute;top: 50%;transform: translate(-50%, -50%); width: 100%;} .PicList002497 .List ul li .txtCon{padding: 20px;text-align: center;} .PicList002497 .List ul li a .img {display: block;height: 75px; position: relative;} .PicList002497 .List ul li a .img img {max-height: 100%;} .PicList002497 .List ul li a .img img.img02{ position: absolute; left:40.4%;top: 0;opacity: 0; } .PicList002497 .List ul li a .txt {display: block; width: 100%; color: #666; font-size: 14px;} .PicList002497 .List ul li a .h3{ color: #006f44;font-size: 18px;margin: 10px 0;} .PicList002497 .List ul li a .more{display: block; font-size: 14px; width: 100px;padding-left: 15px;height: 30px;line-height: 30px; border-radius: 8px 0;border:1px solid #999; color: #999; margin-top: 20px;} @media screen and (min-width:540px ){ .PicList002497 .List ul li{width: 50%;padding-top: 50%;float: left; margin-top: 0; border:none;} .PicList002497 .List ul li a {border-right: 1px solid #eee;border-bottom:1px solid #eee; } .PicList002497 .List ul li:nth-child(2n+1) a, .PicList002497 .List ul li.last a{ border-left: 1px solid none; } .PicList002497 .List ul li:nth-child(1) a,.PicList002497 .List ul li:nth-child(2n+1) a{border-left: 1px solid #eee;} .PicList002497 .List ul li:nth-child(1) a, .PicList002497 .List ul li:nth-child(2) a {border-top:1px solid #eee;} } @media screen and (min-width:768px ){ .PicList002497 .List ul li{width: 31.33%;padding-top:19%;} .PicList002497 .List ul li:nth-child(3) a {border-top:1px solid #eee;} .PicList002497 .List ul li:nth-child(2n+1) a{border-left: none;} .PicList002497 .List ul li:nth-child(3n+1) a{ border-left: 1px solid #eee;} } .PicList002497 .List ul li a:hover{background: #006f44;} .PicList002497 .List ul li a:hover .img img.img02{opacity: 1;} .PicList002497 .List ul li a:hover .h3, .PicList002497 .List ul li a:hover .txtp{color: #fff;} .PicList002497 .List ul li a:hover .more{color: #fff; border-color: #fff;} @media screen and (min-width:1200px ){ .PicList002497 .List ul li .txtCon{padding:0 30px;} .PicList002497 .List ul li a .h3{margin: 30px 0 20px;} /* .PicList002497 .List ul li a .txtp{height: 60px;}*/ } /* .Form000961 为demo编号 */ .Form000961{ padding:30px 0;} .Form000961 .auto{ max-width:1400px} .Form000961 .form{ display:table; width:100%; position:relative; z-index:1; padding:3% 0;} .Form000961 .form:before{ background:url(../image/Form000961-bg.png) no-repeat; position:absolute; right:0; top:0; content:''; width:58%; height:100%; z-index:-1;} .Form000961 figure{ margin-left: 10%; background:#fff; padding:2%; width:62%; z-index:3;} .Form000961 figure p{ line-height:28px; color:#7d7d7d; text-indent:25px;} .Form000961 td{ padding-bottom:20px;} .Form000961 td div{ position:relative;} .Form000961 td div .form_err{ position:absolute; right:8px; top:18px; color:#f31313; line-height:20px; font-weight:bold;} .Form000961 td div .text{ width:100%; border:1px solid #dadada; line-height:46px; height:46px; padding:0 10px;} .Form000961 td div textarea.text{ line-height:23px; height:138px; padding:11px 10px;} .Form000961 td div.float_l{ float:left; width:48%} .Form000961 td div.float_r{ float: right; width:50%;} .Form000961 td.btn{ text-align:center;} .Form000961 td.btn input{ cursor:pointer; color:#fff; border:none; background:#006f44; width:70%; max-width:167px; height:45px;} @media(max-width:1000px){ .Form000961 figure{vertical-align:top;} } @media(max-width:768px){ .Form000961 figure{width:100%; margin-left: 0;} .Form000961 figure:nth-child(2){ display:none;} .Form000961 .form:before{ display:none;} } /* .Floor001340 为demo编号 */ .Floor001340{ padding:3% 0;} .Floor001340 .auto{ max-width:1400px;} .Floor001340 .pic{ float:left;width:56%; text-align:center;} .Floor001340 .pic img{ width:100%;} .Floor001340 .con{ float:right; width:40%; padding-top:12%;} .Floor001340 .title span{ color:#006f44; font-size:35px; display:block; background:url(../image/Floor001340-titlebg.png) no-repeat left bottom; padding-bottom:10px;} .Floor001340 .title p{ margin:10px 0 0 0; overflow:hidden;} .Floor001340 .title p i{ font-style:normal; font-size:36px; color:#9fccbb; position:relative;top:0px; line-height:32px; text-transform:uppercase;} .Floor001340 .info{ padding:2% 0 10% 0; color:#555; line-height:28px} .Floor001340 .more{ color:#fff; width:107px; height:34px; line-height:34px; display:inline-block; background-color:#e83428; text-align:center; border-radius:34px;} @media(max-width:1100px){ .Floor001340 .con{ padding-right:0; padding-top:0;} } @media(max-width:800px){ .Floor001340 .con,.Floor001340 .pic{width:100%; float:none;} } @media(max-width:640px){ .Floor001340 .pic, .Floor001340 .con{ float:none; width:auto;} .Floor001340 .pic img{ max-width:417px;} } /* 首页公司简介 */ .Floor002646{ background:#fcfcfc; position:relative; overflow:hidden; padding:4% 0} .Floor002646 .left{text-align:center;background:url(/cn/images/Floor002646_bg.jpg) no-repeat right top #12aec1; background-size:auto 100%;} .Floor002646 .left img{ max-width:166px; width:40%;} .Floor002646 .intro .pic{ width:45.26%;} .Floor002646 .intro .pic img{ display:block; width:100%; border-radius:10px;} .Floor002646 .intro .txt{ width:67.74%; padding-left:5%;} .Floor002646 .intro .txt p{ line-height:32px; font-size:16px; color:#888;} .Floor002646 .intro .more{ background:url(../image/Floor002646_more.png) no-repeat right 80%; padding-right:30px; color:#12aec1;} .Floor002646 .right{ padding:1% 0;} .Floor002646 .right h2{ margin:0; font-size:24px; font-family:'幼圆'; font-weight:normal; color:#555;} .Floor002646 .right h2 span{ margin-left:10px; font-size:18px; font-family:Verdana, Geneva, sans-serif; opacity:0.4; font-weight:normal;color:#999;} .Floor002646 .right ul{ overflow:hidden; padding-top: 3%;} .Floor002646 .right li{ float:left; width:20%; margin-left: 5%;} .Floor002646 .right li a{ display:block; text-align:center; padding:0% 0; } .Floor002646 .right li p{ margin-bottom:0; font-size:18px; color:#888;} .Floor002646 .right li a:hover p{ color:#006f44;} .Floor002646 .right li figure{ position:relative; width:100%; max-width:102px; margin:0 auto;} .Floor002646 .right li figure img{ display:block; width:100%; border-radius:50%; border:1px solid #f2f2f2; background:#fff;transition:transform ease-out 0.1s;} .Floor002646 .right li figure img.hide{ display:none; } .Floor002646 .right li a:hover figure img{ border-color:#006f44;} .Floor002646 .right li a:hover figure img{ display:none;} .Floor002646 .right li a:hover figure img.hide{ display:block;transform: scale(0.95);} .Floor002646 .right li a figure::after{ top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: '';box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);transform: scale(0.9);} .Floor002646 .right li a:hover figure::after{ animation: sonarEffect 1.3s ease-out 75ms infinite;} @media(min-width:1025px){ .Floor002646 .left{ position:absolute; left:0; top:0; height:100%;width:35.416%;border-radius:0 30px 30px 0;} .Floor002646 .left .main{ position:absolute; right:0; top:0; height:100%;width:100%; max-width:420px; } .Floor002646 .right{position:relative; z-index:3; width:100%;} /*.Floor002646 .right .main{ max-width:980px; padding-left:4%;}*/ } @media(max-width:1366px){ .Floor002646 .right .main{ padding:0 2%;} } @media(max-width:1024px){ .Floor002646 .left .main{ padding:2%;} } @media(max-width:768px){ .Floor002646 .intro .pic,.Floor002646 .intro .txt{ width:100%} .Floor002646 .intro{ display:block;} .Floor002646 .intro .txt{padding-top: 20px;padding-left:0;} } @media(max-width:640px){ .Floor002646 .right h2{ font-size:20px;} .Floor002646 .right h2 span{ font-size:16px;} .Floor002646 .right li figure{ width:100%;} } @media(max-width:480px){ .Floor002646 .left img{ width:30%;} .Floor002646 .intro{ display:block;} .Floor002646 .intro > *{ width:auto !important;} .Floor002646 .right li{ width:33.33333%; margin-left: 9%;} .Floor002646 .intro .txt{ padding:3% 0;} .Floor002646 .right li a{ padding:5% 0;} .Floor002646 .right li p{ font-size:15px;} } @media(max-width:375px){ .Floor002646 .right h2 span{ display:none;} } @keyframes sonarEffect{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #006f44, 0 0 0 10px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #006f44, 0 0 0 10px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;} } @-webkit-keyframes sonarEffect{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #006f44, 0 0 0 10px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #006f44, 0 0 0 10px rgba(255, 255, 255, 0.5);-webkit-transform: scale(1);opacity: 0;} } @-moz-keyframes sonarEffect{ 0% {opacity: 0.3;} 40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #006f44, 0 0 0 10px rgba(255, 255, 255, 0.5);} 100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #006f44, 0 0 0 10px rgba(255, 255, 255, 0.5);-moz-transform: scale(1);opacity: 0;} } /* .Floor002384 为demo编号 */ .Floor002384{ padding:70px 0;} .Floor002384 .home_title{ text-align: center } .Floor002384 .home_title:after{ display: none} .Floor002384 dd{ float:left; width:9%; padding-right: 7px; transition:width ease-in-out 0.3s;} .Floor002384 dd .inner{ position: relative;overflow:hidden;} .Floor002384 dd:last-child{ margin-right: 0;} .Floor002384 dd.active{ width:52%;} .Floor002384 dd .pic{ display:block; height:450px; background-repeat:no-repeat; background-position:center top;background-size:cover; transition:all ease-out 0.6s;} .Floor002384 dd .txt, .Floor002384 dd .name{ position:absolute;} .Floor002384 dd .txt{ left:0; bottom:0; z-index:2; padding:2%; padding-left:19%;width:100%; font-size:12px;background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0 !important;filter:Alpha(opacity=65); background:#000; line-height:27px; transform:translateY(100%);transition:all ease 0.3s;} .Floor002384 dd .txt p{ margin:0; color: #fff; z-index: 1; position: relative;} .Floor002384 dd.active .txt{ transform:translateY(0);transition:all ease-in-out 0.5s 0.3s;} .Floor002384 dd .name{ left:0; bottom:0;height:100%;z-index:3; width:100%; text-shadow:0 0 2px rgba(0,0,0,0.5);} .Floor002384 dd .name ol{ position:absolute; left:0; bottom:0; padding:12% 0 12% 0; width:100%; color:#fff; text-align:center; background:rgba(0, 0, 0, 0.65) none repeat scroll 0 0 !important;filter:Alpha(opacity=65); background:#000; transition:all ease-in-out 0 0.5s;} .Floor002384 dd .name ol em{ display: none;} .Floor002384 dd.active .name ol em{ display:inline-block; font-size:50px; border-bottom:3px solid #fff; margin-bottom:10px; box-shadow:0 1px 0 rgba(0,0,0,0.2);} .Floor002384 dd .name ol a{ display:block; font-size:16px; color:#fff;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } .Floor002384 dd.active .name{width:17%;text-shadow:none;} .Floor002384 dd.active .name ol{background:rgba(0, 111, 68, 1) none repeat scroll 0 0 !important;filter:Alpha(opacity=100); background:#006f44; top:auto;bottom:0;transition:all ease-in-out 0.5s 0.5s;} .Floor002384 dd.active .name ol em{ box-shadow:none; font-style: normal;} .Floor002384 .Title{ padding: 2% 0; position: relative;} .Floor002384 .Title h3{ font-size: 26px; color: #da251d; font-weight: normal;position: relative; padding-bottom: 5px; margin-bottom: 5px;} .Floor002384 .Title span{ color: #9e9e9e; text-transform: uppercase; font-size: 12px;letter-spacing:3px} .Floor002384 .Title h3:before{position: absolute; content: ''; width: 50px; height: 1px; background-color: #9e9e9e; left: 0; bottom: -2px;} .Floor002384 .Title a{ display: block; position: absolute; right: 0; top:50%; width: 38px; height: 18px; background:url(../image/Floor002384-case_ico.png) no-repeat center;} @media(max-width:899px){ .Floor002384 dd .name ol{padding:3% 0 3% 0;} .Floor002384 dl{ margin: 0 -3px; overflow: hidden;} .Floor002384 dd{ width:50% !important; padding: 3px;} .Floor002384 dd .pic{ height:auto; padding-bottom:60%;} .Floor002384 dd .txt{ padding: 10px 0;} .Floor002384 dd .txt p{ line-height:18px; height:36px; overflow:hidden;} .Floor002384 dd .txt{ padding-left:32%;} .Floor002384 dd.active .name{width:30%;} .Floor002384 .Title h3{ font-size: 20px;} .Floor002384 dd .name ol em{ font-size:35px !important;} .Floor002384 dd .name ol a{ font-size:14px;} } @media(max-width:480px){ .Floor002384 dd .name ol em{ font-size:30px;} .Floor002384 dd .name ol a{ font-size:13px;} .Floor002384 dd{ width:100% !important;} } /* .RighInfo002542 为demo编号 */ .RighInfo002542 .info_list dl{ padding:3% 0 0; margin:0 -1%} .RighInfo002542 .info_list dd{ float:left; width:23%; margin:0 1%; margin-bottom:20px;padding: 1%; } /*.RighInfo002542 .info_list dd:nth-child(3n+1){ clear:left;}*/ .RighInfo002542 .info_list dd img{ display:block; width:100%; padding: 3%;} .RighInfo002542 .info_list dd p{ font-size:18px; color:#006f44; font-weight:bolder; padding:0 15px; margin: 8px 0 10px 0;} .RighInfo002542 .info_list dd p span{font-size:14px; color:#666; text-transform:uppercase; font-weight:normal;} .RighInfo002542 .info_list dd div{ line-height:26px;padding:0 15px; height: 72px; overflow: hidden;} .RighInfo002542 .info_list dd{ background:#fff;} @media(max-width:768px){ .RighInfo002542 .info_list dd{ width:48%;} } @media(max-width:1360px){ .RighInfo002542 .info_list{ padding:0 2%;} } @media(max-width:1024px){ .RighInfo002542 .intro .Ispic{ padding-bottom:50%;} .RighInfo002542 .intro .info_main{ padding:5%;} } @media(max-width:640px){ .RighInfo002542 .title span{ font-size:40px;} .RighInfo002542 .title{ font-size:24px;} } @media(max-width:480px){ .RighInfo002542 .info_list dd{ width:100%; float:none} .RighInfo002542 .info_list dd div{ height:auto} } /* * Owl Carousel - Core 插件样式如遇多个只留一个 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } /*.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }*/ .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/cn/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* .Floor002428 为demo编号 */ .Floor002428{ padding: 70px 0 90px; overflow: hidden;background: #f3f3f3;} .Floor002428 .auto{ max-width:1200px;} .Floor002428 .home_title{ text-align: center } .Floor002428 .home_title:after{ display: none} .Floor002428 .item{ position:relative; overflow:hidden; padding:44px;background:#fff;} .Floor002428 .item a{ position:absolute; left:0; top:0; height:100%;width:100%; z-index:111; } .Floor002428 .item a:hover{ border:2px solid #0f774f; } .Floor002428 .item dt{ /*overflow:hidden;*/} .Floor002428 .item dt .Ispic{ padding-bottom:82%; background-size:contain; transition:0.3s;} .Floor002428 .item:hover .Ispic{ transform:scale(1.12,1.12);} .Floor002428 .item dd{ line-height:24px;text-align: center; padding-top: 20px;} .Floor002428 .item dd h2{ margin:0; font-weight:normal; font-size:22px; padding-top:12px; padding-bottom:5px; color:#333;} .Floor002428 .item dd p{ margin:0; /*padding-bottom:15px; */color:#888;} .Floor002428 .item dd .more{color: #939393; padding-top:10px; background:url(/cn/images/Floor000364-more.jpg) no-repeat right 16px ;display:inline-block; width: 2px; height: 20px; background: #9cc7b7;} .Floor002428 .Section_nav{ text-align: center; margin-bottom: 30px; } .Floor002428 .Section_nav span{ padding: 12px 32px; cursor: pointer; color: #333; background: #f3f3f3; display: inline-block; text-align: center; font-size: 16px; transition: 0.3s; } .Floor002428 .Section_center ul.ul{display: none;} .Floor002428 .Section_nav span.on{color: #fff;background: #2c6542;} .Floor002428 .Section_center ul.ul.on{display: block; text-align: center; } .Floor002428 .item:hover .more{ border-top-color:#df1921;} .Floor002428 .owl-nav >div{ position: absolute; top: 50%; margin-top: -53px; width:64px; height: 106px; background: url(../image/Floor002428-btn.png); text-indent: 99999px; overflow: hidden;} .Floor002428 .owl-nav .owl-prev{ /*left: 0; */background-position: left 0;} .Floor002428 .owl-nav .owl-next{ /*right: 0;*/ background-position: right 0;} @media only screen and (min-width: 800px) { .Floor002428 .owl-nav .owl-nav{ position: relative; } .Floor002428 .owl-nav .owl-prev{ left:20%;top: 98%;} .Floor002428 .owl-nav .owl-next{ right:20%;top: 98%;} } @media only screen and (max-width: 799px) { .Floor002428 .owl-nav .owl-prev,.Floor002428 .owl-nav .owl-next{ display:none} } .Floor002428 .owl-dots{ display: block; margin-top: 3%; text-align: center;} .Floor002428 .owl-dots>div{ display: inline-block; margin:0 5px;} .Floor002428 .owl-dots>div >span{ display: block; width: 25px; height: 25px; line-height: 25px; background: #fff; color:#333; } .Floor002428 .owl-dots>div.active >span{ background:#006f44; color: #fff;} /*Floor001893*/ .Floor001893{background:url(../image/Floor001893-bg.jpg) no-repeat center center; background-size:cover; padding: 100px 0 30px;width: 100%;} .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(../image/Floor001893-controls.png) no-repeat left top; cursor:pointer;z-index: 9;} .Floor001893 .year .prev{ left:3%;} .Floor001893 .year .next{ right:3%; background-position:left bottom;} @media(max-width: 1000px){ .Floor001893 .year .prev{ left:5%;} .Floor001893 .year .next{ right:5%; 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(../image/Floor001893-bg.png) repeat-x left center; overflow:hidden;} .Floor001893 .year .bd .tempWrap{ margin:0 auto !important} .Floor001893 .year li{ cursor:pointer; text-align:center; background:url(../image/Floor001893-dot.png) no-repeat center center;font-size:18px; padding-bottom:40px; color:#eaeaea;} .Floor001893 .year li span{ display:block; height:130px; padding-top:10px; font-family:"Impact Regular"} .Floor001893 .year li:before{ display:block; width:0; height:0; margin:0 auto; border:20px solid transparent; content:'';} .Floor001893 .year li.on{ font-size:42px; color:#006f44; background-image:url(../image/Floor001893-dot_hover.png);} .Floor001893 .year li.on:before{border-top-color:rgba(255,255,255,0.3);} .Floor001893 .year li.on span{ padding-top:0;} .Floor001893 .txt ul{ background-color: rgba(255,255,255,0.8); } .Floor001893 .txt{ border:21px solid rgba(255,255,255,0.3) } .Floor001893 .txt li{ padding:3% 4% 11% 3%; position:relative; max-height: 490px; } .Floor001893 .txt li .img{ /*position:absolute; right:0;top:-10%; */width:29%; float:left; } .Floor001893 .txt li .img dd{ position: relative} .Floor001893 .txt li .img img{ display:block; width:100%;} .Floor001893 .txt li dl{ display:table;/* width:100%;*/min-height:300px;} .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:245px; text-align:right; font-size:72px; color:#014099;} .Floor001893 .txt li dl dt span{ display:block; padding-right:30px;} .Floor001893 .txt li dl dt:after{ display:block; float:right;; content:''; width:20px; height:20px; background-color:#2465c2;} .Floor001893 .txt li dl dd p{ padding-left:50px; font-size:16px; color:#333333;line-height:50px;/*background:url(../image/Floor001893-pp.png) 33px center no-repeat*/} @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 p{ font-size:14px; line-height:25px; } } @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;} .Floor001893 .txt li .img{ float:none; width:100%} .Floor001893 .txt li dl dd p{ padding-left:15px; background: url(../image/Floor001893-pp.png) left center no-repeat;} } @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;} } .fixednav { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 100; background-color: rgba(0,0,0,.5); border-bottom:1px solid rgba(0,0,0,.8); } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:40px 2%;} .RighInfo002228 .single-header{ text-align:center; } .RighInfo002228 .single-header .title{ display: inline-block; position: relative; } .RighInfo002228 .single-header .title h1{ border-bottom: 1px solid #eee; background: #006f44; color: #fff; padding: 5px 10px; } .RighInfo002228 .single-header .title h2{ position: relative; padding-top: 10px; } .RighInfo002228 .single-header .title h2::before{ position: absolute; content: ''; width: 20px; height: 2px; background: #006f44; left: 50%; top: 0; margin-left: -10px; z-index: 1; } .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 20px 0; font-weight:normal; } .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:2% 0 4% 0; border-bottom: 1px solid #eee;} .RighInfo002228 .single-content p{ margin:0; padding:3px 0; line-height:1.5;} .RighInfo002228 .single-content .no-textindent{ text-indent:0;} .RighInfo002228 li{ list-style: none; margin: 20px 0;} .RighInfo002228 .goback{ background:#006f44; padding:8px 18px; color:#fff; border-radius:6px;} .RighInfo002228 .img{text-align: center;} .RighInfo002228 h3{ text-align: center; font-size: 26px; font-weight: normal; color: #333;} .RighInfo002228 .fr{ float:none;} .RighInfo002228 .col2+.col2{ margin-top:10px;} .RighInfo002228 .col2{ width:48%;} .RighInfo002228 .fr{ float:right;} .RighInfo002228 .col2+.col2{ margin-top:0;} .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} .RighInfo002228 .single-header h1{ font-size:30px;} /* .TextList000746 为demo编号 */ .TextList000746{ padding:50px 0 40px} .TextList000746 li{border-bottom: #fff 1px dashed; line-height:27px; padding:10px 0;} .TextList000746 li a{ padding-left:20px; background:url(/cn/images/TextList000746-icon.jpg) no-repeat 5px center;} .TextList000746 li a:hover{ color:#006f44;} .TextList000746 li time{ float:right; color:#999; font-size:12px; margin-left:10px;} /* .Form001725 为demo编号 */ .Form001725{ padding:20px 0;} .Form001725 .form{ padding-top:30px; max-width:1000px; width:100%;} .Form001725 .form td{ padding-bottom:20px; font-size:14px; } .Form001725 .form td.w1{ width:44%;} .Form001725 .form td.w2{ width:0%;} .Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:45px;height:45px; text-indent:10px; background:none; } .Form001725 .form p{ margin:0 0 10px 0;color:#006f44; background:url(/cn/images/Form001725-icon.png) no-repeat left center; padding-left:5px;} .Form001725 .form td em{ font-style:normal; color:#bcbcbc;} .Form001725 .form td em i{ font-style:normal; color:#fadbbe;} .Form001725 .form .btn{ background:#006f44; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin-top:35px;} .Form001725 .form dl{ position:relative;} .Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px; background:url(/cn/images/Form001725-check.png) no-repeat 95% center;} .Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;} .Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;} .Form001725 .form dd a:hover{ background-color:#ccc;} .Form001725 .form .but{ text-align:center;} /*2019.4.11*/ .header-right .open-search:hover,.header-right .wechat>a:hover,.Top002070 .oa> a:hover,.Top002070 .xt>a:hover{background-color: #006f44!important; transition-duration: .5s; border-color: transparent; } /*{ background-color: #006f44; }*/ .bd_weixin_popup{width: 260px !important;height: 320px!important} @media(max-width: 1070px){ .owl-carousel .item {width: 48%!important; } } @media( max-width: 768px){.owl-carousel .item{ width:100%!important; }} .Floor001340 .auto_1100 {max-width: 1200px; } /*.div.zoomdiv img{min-width: 800px!important;}*/ .on { display:block; } .tab{ text-align: left; } /*首页滚屏*/ /*Floor002710 */ @font-face { font-family: "AvantGardeITCbyBT-Book"; src: url("/cn/css/fonts/AvantGardeITCbyBT-Book.woff2") format("woff2"), url("/cn/css/fonts/AvantGardeITCbyBT-Book.woff") format("woff"), url("/cn/css/fonts/AvantGardeITCbyBT-Book.ttf") format("truetype"), url("/cn/css/fonts/AvantGardeITCbyBT-Book.eot") format("embedded-opentype"), url("/cn/css/fonts/AvantGardeITCbyBT-Book.svg") format("svg"); font-weight: normal; font-style: normal; } .Floor002710{} .Floor002710 #fullpage{ margin:0;} .Floor002710 .fp-tableCell{ display:block;height: auto!important;} .Floor002710 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002710 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002710 .slick-list:focus {outline: none} .Floor002710 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002710 .slick-slider .slick-track, .Floor002710 .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)} .Floor002710 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002710 .slick-track:before, .Floor002710 .slick-track:after{display: table; content: '';} .Floor002710 .slick-track:after{ clear: both;} .Floor002710 .slick-loading .slick-track { visibility: hidden;} .Floor002710 .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002710 .slick-slide .slick-loading img { display: none;} .Floor002710 .slick-slide .dragging img { pointer-events: none;} .Floor002710 .slick-initialized .slick-slide { display: block;} .Floor002710 .slick-loading .slick-slide { visibility: hidden;} .Floor002710 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002710 .slick-arrow .slick-hidden { display: none;} .Floor002710 .height100ps, .Floor002710 .height100ps .slick-list, .Floor002710 .height100ps .slick-track, .Floor002710 .height100ps .slick-slide{height: 100%;} .Floor002710 + #fp-nav{ z-index:50;} .Floor002710 + #fp-nav ul li{width:20px; margin:0; position:relative; height:48px;} .Floor002710 + #fp-nav ul li:not(:last-child)::before{ position:absolute; content:''; width:1px; left:50%; top:0; height:100%; background:#d5d5d5;} .Floor002710 + #fp-nav ul li a{ position:relative; z-index:3; width:20px; height:20px;} .Floor002710 + #fp-nav ul li a::before{ position:absolute; content:''; width:12px; height:12px; border-radius:50%; border:3px solid #fff; background:#b9b9b9; top:0; left:50%; margin-left:-5px;} .Floor002710 + #fp-nav ul li a.active{background:url(../image/Floor002710_dot.png) no-repeat center center;} .Floor002710 + #fp-nav ul li a.active::before{ opacity:0;} .Floor002710 + #fp-nav ul li span{ display:none;} .Floor002710 + #fp-nav.fp-right{ right:30px;} .Floor002710 .section2{ background: #fcfcfc; } .Floor002710 .section3, .Floor002710 .section5{ background: #f3f3f3; } @media(max-width: 1000){ .fp-section.fp-table, .fp-slide.fp-table,.section{ height: auto!important; display: block; } .Floor002710 .fp-tableCell{ height: auto!important; } } .year_sx i { font-style:normal; } .year_sx{ width: 200px; height: 40px; line-height: 40px; border: 1px solid #999; padding-left: 10px; position: absolute; right: 10%; top: 35px; } .year_sx >a{padding-left: 10px; display: inline-block; height: initial; padding-right: 35%; } .year_sx .sx { position: absolute; width: 100%; left: 0; top: 110%; z-index: 20; } .year_sx .sx a { display: block; width: 100%; height: 40px; line-height: 40px; background-color: #fff; text-align: center; } .Pages .p_page>a{display: none; } .Page002046 .Pages .num a{ border-radius: 50%; width: 18px; height: 18px; padding: 0; /* padding: 0px 7px; */ /* line-height: 20px;*/ display:inline-block; margin: 0 1%; /* color: #fff; */ border-color: rgba(0,0,0,.1); } .tab_under>span{ display: inline-block; background-color: #eee; margin: .5%; width: 25px; height: 25px; line-height: 25px; color: #333; } .tab_under{ text-align: center; } .tab_under>span.active{ background-color: #006f44; color: #fff; } /* */ .tab_list_d{ display: none; } /* .more_a{ width: 100%; height:80px; line-height: 80px; background-color: #f1f1f1; text-align: center; } .more_a a { display: block; font-size: 16px;} */ /* 产学研之路 */ .chanxue{ padding: 3% 0; background: #f3f3f3; } .chanxue .box{ padding: 4%; background: #fff; } .chanxue .box .tit{ position: relative; padding-top: 2%; margin-bottom: 2%; } .chanxue .box .tit:after{color: #006f44; width: 50px;height: 2px;background: #006f44;border: none;margin: 15px 0px;content: "";display: inline-block; } .chanxue .box .pic{ float: right; margin-left: 8%; } .chanxue .box .h2{ color: #006f44; line-height: 1.6; margin: 0; } .chanxue .box span{ font-size: 40px; text-transform: uppercase; color: #8dc63f; } .chanxue .p{ line-height: 30px; } .chanxue .part2{ margin: 4% 0; } .chanxue .part2 dd{ float: left; width: 48%; margin-right: 4%; background: #fff; padding: 5%; } .chanxue .part2 dd:nth-child(2){ margin-right: 0;} .chanxue .tit2 h2{ display: inline-block; font-size: 16px; line-height: 50px; height: 50px; padding: 0 10%; text-align: center; color: #fff; background: #006f44; border-left: 4px solid #00a650; } .chanxue .part2 .pic{ padding: 8% 0; } .chanxue .part3 .pic{ float: left; margin-right: 6%; margin-left: 0; } .chanxue .part3 .logo{ max-height: 80px; } .chanxue .part3 span{ font-size: 32px; } @media(max-width: 768px) { .chanxue .box .pic{ float: left; margin-left: 0; margin-bottom: 3%; } .chanxue .box .tit{clear: both; } } @media(max-width: 640px) { .chanxue .part2 dd{ width: 100%; margin-bottom: 20px; } .chanxue .box span{ font-size: 20px; } } /* 善行天下 */ .Timeline001539{ padding:3% 0 250px;} .Timeline001539 .list{ background:url(../image/Timeline001539-icon.png) no-repeat center top/auto; padding-top:615px; } .Timeline001539 .list ul{ position:relative; height:644px; background:url(../image/Timeline001539-before.png) center no-repeat; } .Timeline001539 .list ul::after, .Timeline001539 .list ul::before{position:absolute; content:'';left:50%; } .Timeline001539 .list ul::after{ background:url(../image/Timeline001539-end.png) no-repeat center; width:416px; height:212px; margin-left:-204px; bottom:-212px;} .Timeline001539 .list li{ position: absolute; left: 50%; } .Timeline001539 .list li:nth-child(1){ bottom: 0; margin-left: -18px; } .Timeline001539 .list li:nth-child(1) img{ margin-left: -100%; } .Timeline001539 .list li:nth-child(2){ bottom: 15px; margin-left: 13px; } .Timeline001539 .list li:nth-child(3){ bottom: 129px; margin-left: 13px; } .Timeline001539 .list li:nth-child(4){ bottom: 179px; margin-left: -18px; } .Timeline001539 .list li:nth-child(4) img{ margin-left: -100%; } .Timeline001539 .list li:nth-child(5){ bottom: 269px; margin-left: 13px; } .Timeline001539 .list li:nth-child(6){ bottom: 331px; margin-left: -18px; } .Timeline001539 .list li:nth-child(6) img{ margin-left: -100%; } .Timeline001539 .list li:nth-child(7){ bottom: 432px; margin-left: 16px; } .Timeline001539 .list li:nth-child(8){ bottom: 500px; margin-left: -23px; } .Timeline001539 .list li:nth-child(8) img{ margin-left: -100%; } .Timeline001539 .list li:nth-child(9){ bottom: 554px; margin-left: 32px; } /*右边*/ .Timeline001539 .list li:nth-child(2) img, .Timeline001539 .list li:nth-child(3) img, .Timeline001539 .list li:nth-child(5) img, .Timeline001539 .list li:nth-child(7) img, .Timeline001539 .list li:nth-child(9) img{ margin-right: -100%; } @media (max-width: 1024px){ .Timeline001539 .list li:nth-child(6) img{ width: 95%; margin-left: -95%; } } @media (max-width: 768px){ .Timeline001539 .list li:nth-child(1) img, .Timeline001539 .list li:nth-child(2) img, .Timeline001539 .list li:nth-child(3) img, .Timeline001539 .list li:nth-child(4) img, .Timeline001539 .list li:nth-child(5) img, .Timeline001539 .list li:nth-child(6) img, .Timeline001539 .list li:nth-child(7) img, .Timeline001539 .list li:nth-child(8) img, .Timeline001539 .list li:nth-child(9) img{ width: 90%; margin-right: -90%; } .Timeline001539 .list li:nth-child(1) img, .Timeline001539 .list li:nth-child(4) img, .Timeline001539 .list li:nth-child(6) img, .Timeline001539 .list li:nth-child(8) img{ margin-left: -90%; } } @media (max-width: 640px){ .Timeline001539{ margin: 15px 0; padding-bottom: 0; } .Timeline001539 .list, .Timeline001539 .list ul{ background: none; padding-top: 0; } .Timeline001539 .list li:nth-child(1), .Timeline001539 .list li:nth-child(2), .Timeline001539 .list li:nth-child(3), .Timeline001539 .list li:nth-child(4), .Timeline001539 .list li:nth-child(5), .Timeline001539 .list li:nth-child(6), .Timeline001539 .list li:nth-child(7), .Timeline001539 .list li:nth-child(8), .Timeline001539 .list li:nth-child(9){ bottom: inherit; left: 0; margin: inherit;} .Timeline001539 .list li:nth-child(1) img, .Timeline001539 .list li:nth-child(2) img, .Timeline001539 .list li:nth-child(3) img, .Timeline001539 .list li:nth-child(4) img, .Timeline001539 .list li:nth-child(5) img, .Timeline001539 .list li:nth-child(6) img, .Timeline001539 .list li:nth-child(7) img, .Timeline001539 .list li:nth-child(8) img, .Timeline001539 .list li:nth-child(9) img{ width: auto; margin-right: auto; margin-left: auto; } .Timeline001539 .list ul{ height: auto; } .Timeline001539 .list ul::after{ display: none; } .Timeline001539 .list li{ position: relative; padding: 15px 0; } } .history{ } .history .txt li{ max-height: 1471px; width: 100%; } .history .txt li .img{ width: 36%; margin:0 12% 0 6.5%; float: left; } .history .txt li .intro{ padding-top: 5%; padding-right: 5%; } .history .txt li .intro h2{ font-size: 30px; font-weight: bold; color: #62ba76; } .history .txt li .intro h3{ font-size: 20px; font-weight: normal; color: #666;} .history .txt li .intro p{ line-height: 30px; height: 180px; overflow: hidden; color: #999; text-indent: 2em; } .history .txt li .img img{ display:block; max-width: 500px; float: left; padding-bottom: 40px; } .history .year li{ color: #999; } .history .year li.on{ font-size: 40px;} /*RighInfo002218*/ .RighInfo002218_2{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding:0 0 0%;} .RighInfo002218_2 .box1{color:#728391;font-size:14px;line-height:30px;} .RighInfo002218_2 .box1 .pic{ display:block; margin-top:12px; text-align:center; margin:12px auto 0;} .RighInfo002218_2 .h3{font-size:24px;color:#006f44;margin:0 0 40px 0; text-align:center; position:relative;} .RighInfo002218_2 .h3:after{color:#006f44;width:50px;height:2px;background:#006f44;border:none;margin:15px 0px; content: ""; display: block; position:absolute; left:50%; margin-left:-25px;} .RighInfo002218_2 .box1 figure{ padding:0% 0%; color:#555;} .RighInfo002218_2 .list{ padding-top:5%;} .RighInfo002218_2 .list li{ display:block; float:left; width:42%;} .RighInfo002218_2 .list li+li{ padding-left:2%;} .RighInfo002218_2 .list li:first-child,.RighInfo002218_2 .list li:last-child{ width:29%;} .RighInfo002218_2 .list img{ float:left; margin-right:3%; max-width:98px;} .RighInfo002218_2 .list figure{ padding-top:7%;} .RighInfo002218_2 .list h2{ font-weight:normal; color:#008cd6; font-size:18px; margin:0;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .RighInfo002218_2 .list p{ margin:10px 0 0; color:#728391;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .RighInfo002218_2 figure p{ font-size:14px;} @media(max-width:1000px){ .RighInfo002218_2 .box1 .pic{ float:none; margin:0 auto 3% auto; display:block;} .RighInfo002218_2 .list figure{ padding:3% 0;} .RighInfo002218_2 .list li{ width:100% !important; padding:0 !important; margin:2% 0;max-width:400px;} } /* .RighInfo002363 为demo编号 */ .RighInfo002363 { background: #fff;} .RighInfo002363 h3{font-size:24px;color:#006f44;margin:0 0 40px 0; text-align:center; position:relative;} .RighInfo002363 h3:after{color:#006f44;width:50px;height:2px;background:#006f44;border:none;margin:15px 0px; content: ""; display: block; position:absolute; left:50%; margin-left:-25px;} .RighInfo002363 .list{ padding-top: 25px;} .RighInfo002363 li{float:left;width:33.334%;text-align: center; position:relative; margin-bottom:20px; position:relative;} .RighInfo002363 li a{display: block; margin:0 auto; width:80%; max-width:320px;} .RighInfo002363 li figure img{ width:100%; max-width:64px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;} .RighInfo002363 li:hover figure img{ top: -10px;} .RighInfo002363 li h3{font-size: 18px; color: #333; margin:25px 0 15px;} .RighInfo002363 li p{line-height: 24px; height:96px; text-align:center; overflow:hidden;font-size: 14px;color: #a8a8a8; margin-top:20px;} @media(max-width:767px){ .RighInfo002363 { padding:20px 0;} .RighInfo002363 li{ width:50%; margin-bottom:2%;} .RighInfo002363 li{ border-left:1px solid #f4f4f4;} .RighInfo002363 li:nth-child(2n){ border-left:1px solid #fff;} } /* .RighInfo002257 为demo编号 */ .RighInfo002257 p{ line-height:30px } .RighInfo002257 h3{font-size:24px;color:#006f44;margin:0 0 40px 0; text-align:center; position:relative;} .RighInfo002257 h3:after{color:#006f44;width:50px;height:2px;background:#006f44;border:none;margin:15px 0px; content: ""; display: block; position:absolute; left:50%; margin-left:-25px;} .RighInfo002257 .item{border-bottom:1px dashed #d0d0d0; padding:25px 0; max-width: 462px; margin: 0 auto;} .RighInfo002257 .item .pic .pic-inner,.RighInfo002257 .item .word .word-inner{ display: table-cell; vertical-align: middle;} .RighInfo002257 .item .h1{font-size:18px; margin: 0;color: #006f44} .RighInfo002257 .item .con{color:#666;font-size:15px; margin: 20px 0 0;font-weight: lighter;line-height: 30px} @media only screen and (max-width: 767px) { .RighInfo002257 .item .word{ padding-bottom: 15px;} } @media only screen and (min-width:768px ) { .RighInfo002257 .item{ max-width: none; padding:38px 0; } .RighInfo002257 .item .pic{ float: left; width: 40%; text-align: left;} .RighInfo002257 .item .word{ float: right; width: 55%;} .RighInfo002257 .item.odd .pic{ float: right;} .RighInfo002257 .item.odd .word{ float: left;} } /*Floor002617 */ .Floor002617{ position:relative; z-index:1; overflow:hidden;} .Floor002617 img{ width:100%; display:block;} .Floor002617 .ycenter{ position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center;color:#fff; overflow:hidden;} .Floor002617 .ycenter_click{ z-index:20; width:auto; height:auto; right:5%; top:5%; left:auto;} .Floor002617 .ycenter_click .title{ display:none;} .Floor002617 .video{ width:100%;} .Floor002617 video{ z-index:10; background:#000; position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002617 .title{font-size: 31px;font-family:'华文中宋';} .Floor002617 .title b{display:block;opacity:0.2;text-transform:uppercase;font-size: 33px;font-family:"Times New Roman", Times, serif;} .Floor002617 .title::after{ display:block; content:''; margin:1% auto 3%; width:1px; height:32px; background:#fff;} .Floor002617 .play_btn{ cursor:pointer; display:inline-block;} .Floor002617 .play_btn i{ display:block; margin:0 auto 15px; width:49px; height:49px; border:2px solid #fff; border-radius:50%; background:url(../image/Floor002617_play.png) no-repeat center center;} .Floor002617 .close_btn i{ position:relative; background:none;} .Floor002617 .close_btn i::before, .Floor002617 .close_btn i::after{ position:absolute; content:''; width:3px; border-radius:3px; height:50%; top:25%; background:#fff; left:16px;} .Floor002617 .close_btn i::after{ left:26px;} @media(max-width:1024px){ .Floor002617 .title{ font-size:24px;} .Floor002617 .title b{ font-size:56px;} } @media(max-width:640px){ .Floor002617 .title{ font-size:20px;} .Floor002617 .title b{ font-size:40px;} } @media(max-width:480px){ .Floor002617 .title::after{ display:none;} .Floor002617 .title b{ font-size:30px;} .Floor002617 .title{ font-size:18px;} .Floor002617 .play_btn i{ margin:5px auto; background-size:12px;width: 36px;height: 36px;} .Floor002617 .close_btn i::before{ left:10px;} .Floor002617 .close_btn i::after{ left:20px;} } /*Menu002387*/ .Menu002387 .side-title{background: #eee;background-size:auto 100%;color:#333;font-size:18px;padding:22px 0 22px 30px;border-radius: 25px 0 0 0;font-size:24px;} .Menu002387 .side-title span{ display:block;text-transform: uppercase; font-size: 16px; color: #999; margin-top:5px;} .Menu002387 .side-menu li{ border-bottom:1px solid #fff; line-height:55px; font-size: 16px; background: #f8f8f8;} .Menu002387 .side-menu li:last-child{ border-bottom: none;} .Menu002387 .side-menu li a{ display:block; padding-left:30px; padding-right:40px;position:relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .Menu002387 .side-menu li a::before, .Menu002387 .side-menu li a::after{ position:absolute; content:''; top:50%;} .Menu002387 .side-menu li a::before{width:15px;height:15px;border-radius:50%;background:#ececec;right: 25px;margin-top:-7.5px;} .Menu002387 .side-menu li a::after{margin-top:-5px;border:5px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;right: 24px;} .Menu002387 .side-menu li a:hover, .Menu002387 .side-menu li.aon a{ color:#006f44;} .Menu002387 .side-menu li:hover a::before, .Menu002387 .side-menu li.aon a::before{ background:#006f44;} .Menu002387 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .Menu002387 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002387 #side-menu .owl-stage{position:relative;touch-action: manipulation;} @media(max-width:1024px){ .Menu002387 .side-title{ margin-top:2%;} .Menu002387 .side-menu{ display:none;} .Menu002387 #side-menu{ background:#666; border-top:1px solid #fff; padding:0 20px; position:relative;} .Menu002387 #side-menu li a{ color:#fff; float:left; line-height:40px; padding:0 30px;} .Menu002387 #side-menu li.aon a{ background:#fff; color:#006f44;} .Menu002387 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#006f44; color:#fff; cursor:pointer; padding:0;} .Menu002387 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002387 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002387 #side-menu .disabled{} } @media(max-width:640px){ .Menu002387 .side-title{padding:10px 0 10px 20px;font-size:20px;} .Menu002387 .side-title span{ font-size:12px;} } .honer1{ padding:3% 0;} .honer1 .main-box{ background:#fff; display:block; width:100%; height:100%; padding:2% 2% 0;} @media(max-width:1200px){ .honer1 .auto{ margin:0 2%;} } @media(max-width:768px){ .honer1 .auto{ margin:0;} }