/*滚动条样式*/ ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-track{background:#34AE4C} ::-webkit-scrollbar-thumb{background:#34AE4C;height:60px} ::-webkit-scrollbar-thumb:window-inactive{background:#34AE4C} ::-webkit-scrollbar-thumb:vertical:hover{background:#34AE4C} body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"微软雅黑";width:100%;min-width:320px;overflow-x: hidden;color:#333} html,body{height:100%;} em,i{font-style:normal} a:hover{text-decoration:none} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p{margin-top:0;margin-bottom:0;} ul{margin:0;padding:0;} ul,li{list-style: none;} textarea{resize: none;} a:focus, a:hover{text-decoration: none;} a{color:#333;} a:focus, a:hover{color:#333;} .Animation{-webkit-transition:all 1s;transition:all 1s;opacity:0} .fullpage{width:100%;overflow:hidden} .section{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;} .img{width:100%;overflow:hidden;margin:0 auto;position:relative} .img img{display:block;width:100%;transition:all .5s} .fl{float:left;} .fr{float:right;} .clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .overflowY{overflow-y:hidden;} @media (min-width:1450px){ .container{width:1230px;} } /*导航*/ .head_top{padding:5px 0;background:#1D262B;color:#DCDDDD;transition: all 0.3s;} .head_top a{color:#DCDDDD;display: inline;} .head_top a:hover{color:#fff;} .head_top>div>div{display: flex;align-items: center;} .head_top>div>div>img{margin-right:5px;} .head_top .add{margin-right:15px;} .head_nav{background:#F5F5F5;box-shadow: 0 0 6px rgba(0,0,0,.2);width:100%;overflow: hidden;} .navbar-default{width:100%;background:transparent;border:none;border-radius:0;margin-bottom:0;} .navbar-default .navbar-brand{display:block;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:0;height:auto;transition: all 0.5s;} .navbar-default .navbar-brand img{height:50px} .navbar-default .navbar-toggle{border-color:#34AE4C;margin-top:13px;} .navbar-default .navbar-toggle .icon-bar{background-color:#34AE4C} .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#fff;} .navbar-default .navbar-nav>li{transition: all 0.5s;} .navbar-default .navbar-nav>li>a{color:#333;line-height:20px;border:1px solid transparent;border-radius:6px;transition: all 0.3s;} .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#333;background-color:transparent;border-color:#34AE4C;} .navbar-default .navbar-collapse{border-color:#34AE4C;padding:0;} .headerEffect .navbar-default{position: fixed;left:0;top:0;z-index: 1030;} .headerEffect .head_top{height:0;padding:0;overflow: hidden;} @media (max-width:767px){ .head_top .add{display: none;} .navbar-default .navbar-nav{padding:0 15px;margin:10px 0;} .navbar-default .navbar-nav>li{padding:0 15px;margin-bottom:5px;} .navbar-default .navbar-nav>li:last-child{margin-bottom:0;} .navbar-default .navbar-nav>li>a{padding:8px 10px;} } @media (min-width:768px){ .navbar-default .navbar-brand{padding-top:10px;padding-bottom:10px;} .navbar-default .navbar-brand img{height:70px} .navbar-default .navbar-nav{float:right;margin-right:-10px;} .navbar-default .navbar-nav>li{padding:29px 0;} .navbar-default .navbar-nav>li>a{padding:5px 14px;} .headerEffect .navbar-default .navbar-brand{padding-top:5px;padding-bottom:5px;} .headerEffect .navbar-default .navbar-nav>li{padding:24px 0;} } @media (min-width:993px){ .head_top{padding:10px 0;} .head_top .add{margin-right:20px;} } @media (min-width:1200px){ .navbar-default .navbar-brand{padding-top:14px;padding-bottom:14px;} .navbar-default .navbar-brand img{height:82px} .navbar-default .navbar-nav>li{padding:37px 11px;} .navbar-default .navbar-nav>li>a{font-size:16px;padding:7px 17px;} .headerEffect .navbar-default .navbar-brand{padding-top:4px;padding-bottom:4px;} .headerEffect .navbar-default .navbar-nav>li{padding:27px 11px;} } @media (min-width:1450px){ .head_top{padding:15px 0;} .head_top .add{margin-right:25px;} } /*footer*/ .gotop{position:fixed;width:40px;height:40px;background:url(../img/icon/gotop1.png) no-repeat center;background-size:contain;right:5px;bottom:50px;z-index:9;cursor:pointer;transition:all .5s} .gotop:hover{background:url(../img/icon/gotop1.png) no-repeat center;background-size:contain;} .footer{background:#101618;color:#9fa0a0;text-align:center} .footer a{color:#9fa0a0} .footer a:hover{color:#fff} .foot_top{border-bottom:1px #1a323a solid;padding:25px 0 15px;overflow: hidden;display: flex;justify-content: space-between;align-items: center;} .foot_logo{float:left;} .foot_nav{float:right;margin-right:-10px;font-size:16px;} .foot_nav a{display:block;float:left;padding:0 10px;margin-bottom:10px;} .copyright{padding:15px 0} .copyright a{display:inline-block} .copyright img{display:inline-block;vertical-align:middle} @media (max-width:767px){ .gotop{width:30px;height:30px} .foot_nav{float:none;margin-left:-10px;margin-right:-10px;} .foot_logo{display: none;} } @media (min-width:768px){ } @media (min-width:992px){ .foot_nav{margin-right:-15px;} .foot_nav a{float:left;padding:0 15px} } @media (min-width:1200px){ .foot_nav{margin-right:-20px;} .foot_nav a{float:left;padding:0 20px} } /* 首页 - banner */ .banner{position:relative;width:100%;overflow: hidden;} .banner img[onclick]{cursor: pointer;} .banner .swiper-slide>img{width:100%;} .banner_text{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .banner_text img{width:auto;max-width:100%;margin:0 auto;-webkit-transition:all 1s;transition:all 1s;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)} .banner .swiper-slide-active .banner_text img{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:.5s;transition-delay:.5s} .banner .swiper-pagination{bottom:10px;display: flex;align-items: center;justify-content: center;} .banner .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;opacity:0.8;} .banner .swiper-pagination-bullet-active{width:10px;height:10px;background:#34AE4C;opacity: 1;} .banner .swiper-button{width:40px;height:40px;margin-top:-20px;background-color:rgba(247,248,248,0.6);outline: none;border-radius: 3px;transition: all 0.3s;} .banner .swiper-button-prev{left:0;background-image:url(../img/icon/l.png);background-position: center;background-size:auto auto;} .banner .swiper-button-next{right:0;background-image:url(../img/icon/r.png);background-position: center;background-size:auto auto;} .banner .swiper-button:hover{background-color:rgba(247,248,248,0.8);} .swiper-button-prev,.swiper-button-next{outline: none;} @media (max-width:767px){ .PC_img{display:none} .banner .swiper-button{display: none;} } @media (min-width:768px){ .min_img{display:none} .banner .swiper-button-prev{left:50px;} .banner .swiper-button-next{right:50px;} } @media (min-width:992px){ .banner .swiper-button{width:50px;height:50px;margin-top:-25px;} .banner .swiper-pagination{bottom:20px;} .banner .swiper-pagination-bullet{width:10px;height:10px;margin:0 8px!important;} .banner .swiper-pagination-bullet-active{width:12px;height:12px;} } @media (min-width:1450px){ } /*标题*/ .padding_main{padding:35px 0;} .index_title{text-align:center;margin-bottom:30px;} .index_title .h2{font-size:20px} .index_title .h2:after{content: '';display: block;width:100px;height:2px;background:#34AE4C;margin:10px auto 0;} .index_title p{color:#666;margin-top:10px;} .textColor, .textColor .index_title p{color:#fff;} @media (max-width:767px){ .index_title .h1{font-size:20px} .index_title p{font-size:12px} } @media (min-width:768px){ .padding_main{padding:40px 0;} .index_title{margin-bottom:40px} .index_title .h2{font-size:24px} .index_title .h2:after{margin-top:15px;width:146px;} .index_title p{margin-top:15px;} } @media (min-width:992px){ .padding_main{padding:50px 0;} .index_title .h2{font-size:28px} } @media (min-width:1200px){ .padding_main{padding:60px 0;} .index_title{margin-bottom:50px} .index_title .h2{font-size:32px} } /*首页 - 关于*/ .about_list .item{display: flex;flex-direction:row;margin-bottom:25px;} .about_list .text{width:100%;padding-left:15px;overflow: hidden;} .about_list .h5{font-size:16px;margin-bottom:10px;} .about_list .p{color:#666;line-height:22px;} .about_list .icon{flex:0 0 auto;width:50px;height:50px;border-radius: 50%;border:1px solid #68A830;margin-top:5px;transition: all 0.3s;} .about_list .icon>img{width:100%;height:100%;} .about_list .item:hover .icon{background:rgba(52,174,76,0.1);} .about_right>.row{margin-left:-5px;margin-right:-5px;} .about_right>.row>.column{padding-left:5px;padding-right:5px;} .about_right a{display:block;} .about_right .h5{font-size:16px;margin:15px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .about_right .p{line-height:24px;height:48px;color:#666;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .about_right em{display: block;width:116px;padding:3px;border-radius: 3px;border:1px solid #68A830;transition: all 0.3s;color:#fff;} .about_right em>i{display: block;width:100%;line-height: 20px;border-radius: 3px;padding:7px 10px;text-align: center;background:#68A830;transition: all 0.3s;} .about_right em:hover{border-color:#3baf36;} .about_right em:hover>i{background:#3baf36;} .about_right a:hover .h5{color:#34AE4C;} .about_bottom{text-align: center;margin-top:35px;padding-top:35px;border-top:1px solid #68A830;} .about_bottom>.row{margin:-15px -5px 0;} .about_bottom>.row>.column{padding:15px 5px 0;} .about_bottom .num{font-size:26px;line-height:1;margin-bottom:15px;font-weight: 700;font-family: DIN-Bold;} .about_bottom .icon{width:64px;margin:0 auto;} .about_bottom .icon>img{width:100%;} @media (max-width:767px){ } @media (min-width:768px){ .about_list .item{margin-bottom:30px;} .about_list .item:last-child{margin-bottom:0;} .about_list .h5{font-size:18px;margin-bottom:15px;} .about_list .icon{width:66px;height:66px;margin-top:10px;} .about_right>.row{margin-left:-15px;margin-right:-15px;} .about_right>.row>.column{padding-left:15px;padding-right:15px;} .about_right .p{height:96px;-webkit-line-clamp:4;} .about_bottom{margin-top:40px;padding-top:40px;} .about_bottom>.row{margin:0 -15px;} .about_bottom>.row>.column{padding:0 15px;} .about_bottom .num{font-size:30px;} .about_bottom .icon{margin-top:10px;} } @media (min-width:992px){ .about_right .h5{font-size:18px;margin:20px 0;} .about_right .p{margin-bottom:30px;} .about_right em>i{padding:10px;} .about_bottom .num{font-size:36px;} } @media (min-width:1200px){ .about_list{padding-right:10%;} .about_list .item{margin-bottom:40px;} .about_right>.row{padding-left:15px;} .about_bottom{margin-top:50px;padding-top:50px;} .about_bottom .num{font-size:44px;} } /*首页 - 案例*/ .case-swiper{padding:0;} .case_list{margin:0} .case_list .column{padding:0} .case_list a{display:block;position: relative;overflow: hidden;} .case_list .text{position:absolute;top:-110%;left:0;right:0;height:100%;background:rgba(0,0,0,.6);color:#fff;text-align:center;overflow:hidden;transition:all .5s;padding:25px 15px;display: flex;justify-content: center;flex-direction: column;} .case_list .h3{font-size:16px;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .case_list .p{height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .case_list a:hover .text{top:0;} @media (max-width:767px){ } @media (min-width:768px){ .case_list .h3{font-size:18px} } @media (min-width:992px){ .case_list .h3{font-size:20px} } @media (min-width:1200px){ .case_list .h3{font-size:24px} } /*首页 - 我们的花卉*/ .flower_list{margin:-14px -5px 0;} .flower_list .column{padding:14px 5px 0;} .flower_list .column:hover .img>img{transform: scale(1.1);} .flower_list .h5{position: absolute;width:100%;left:0;bottom:-100px;font-size:16px;text-align: center;padding:10px;color:#fff;background:rgba(0,0,0,0.6);transition: all 0.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .flower_list a{display:block;position: relative;overflow: hidden;} .flower_list a:hover .h5{bottom:0;} /*首页 - 优势*/ .adv_mian{padding:40px 0;} .adv_list{display:flex;flex-wrap:wrap;margin-top:-10px;} .adv_list .column{display:flex;overflow:hidden;cursor:pointer;padding:15px} .adv_list .icon{width:60px;height:60px;border:1px #3BAF36 solid;border-radius:8px;flex:0 0 auto;margin-right:20px;margin-top:10px;overflow:hidden;transition:all .5s} .adv_list .icon>img{width:100%;height:100%;transition:all .5s} .adv_list .h4{font-size:16px;margin-bottom:10px;} .adv_list .p{line-height:28px;} .adv_list .column:hover .h4{color:#3baf36} .adv_list .column:hover .icon{background:rgba(255,255,255,0.2);transform: rotate(45deg);} .adv_list .column:hover .icon>img{transform: rotate(-45deg);} @media (max-width:767px){ .adv_list .p>br{display: none;} } @media (min-width:768px){ /*首页 - 我们的花卉*/ .flower_list{margin:-14px -7px 0;} .flower_list .column{padding:14px 7px 0;} /*首页 - 优势*/ .adv_mian{padding:60px 0 40px;} .adv_list{margin-top:-30px;margin-left:-20px;margin-right:-20px;display: flex;align-items: stretch;flex-flow: row wrap;} .adv_list:before, .adv_list:after{display: none;} .adv_list .column{padding:30px 20px;} .adv_list .text{padding-top:10px;} .adv_list .h4{font-size:18px;} .adv_list .icon{width:100px;height:100px;border-width:2px;border-radius:15px;margin-right:25px;margin-top:0;} } @media (min-width:992px){ } @media (min-width:1200px){ /*首页 - 我们的花卉*/ .flower_list .h5{font-size:18px;padding:15px 10px;} /*首页 - 优势*/ .adv_mian{padding:80px 0 60px;} .adv_list{margin-top:-45px;margin-left:-30px;margin-right:-30px;} .adv_list .column{padding:45px 30px} .adv_list .text{padding-top:15px;} .adv_list .h4{font-size:20px;margin-bottom:15px;} .adv_list .icon{width:120px;height:120px;border-radius:22px;margin-right:30px} } @media (min-width:1450px){ .adv_mian{padding:100px 0 80px;} .adv_list .icon{width:170px;height:170px;} } /*首页 - 新闻*/ .news_list{margin-left:-6px;margin-right:-5px;} .news_list .column{margin:0 0 15px;padding:0 6px;} .news_list a{position:relative;display:block;background:#fff;transition: all 0.3s;} .news_list .focus-border:after, .news_list .focus-border:before{content:"";position:absolute;top:0;right:0;width:0;height:1px;background:#34ae4c;transition:.2s;transition-delay:.2s} .news_list .focus-border:after{top:auto;bottom:0;right:auto;left:0;transition-delay:.6s} .news_list .focus-border i:after, .news_list .focus-border i:before{content:"";position:absolute;top:0;left:0;width:1px;height:0;background:#34ae4c;transition:.2s} .news_list .focus-border i:after{left:auto;right:0;top:auto;bottom:0;transition-delay:.4s} .news_list .column:hover .focus-border:after,.news_list .column:hover .focus-border:before{width:100%;transition:.2s;transition-delay:.6s} .news_list .column:hover .focus-border:after{transition-delay:.2s} .news_list .column:hover .focus-border i:after,.news_list .column:hover .focus-border i:before{height:100%;transition:.2s} .news_list .column:hover .focus-border i:after{transition-delay:.4s} .news_list .column:hover a{background:0 0} .news_list .column:hover .img>img{transform: scale(1.1);} .news_list .h3{font-size:16px;text-align:center;color:#34ae4c;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;} .news_list .p{color:#666;line-height:24px;height:48px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .news_list .text{padding:15px 10px;} .inside_main .news_list a{border:1px solid #ddd;} @media (max-width:767px){ } @media (max-width:479px){ .news_list .column{width:100%;} } @media (min-width:768px){ .news_list .h3{font-size:18px;margin-bottom:15px;} .news_list .text{padding:25px 20px;} } @media (min-width:992px){ } @media (min-width:1200px){ .news_list .h3{font-size:20px} } /*内页*/ .inside_main{padding:35px 0 60px;min-height:60vh;} .inside_banner,.inside_main{position:relative;width:100%;overflow:hidden} .inside_banner img{width:100%} .inside_text{position: absolute;width:100%;height:100%;left:0;top:0;z-index: 2;display: flex;justify-content: center;flex-direction: column;color:#fff;text-align: center;} .inside_text .h1{font-size:22px;text-transform: uppercase;font-family: "copperplate gothic bold";} .inside_text p{margin-top:10px;} .inside_text p a{display: inline-block;color:#fff;} .InfoContent{line-height:2.2;position:relative;overflow:hidden;} .InfoContent p{margin:0} .InfoContent img{display: inline-block;max-width:100%;height:auto!important;} .InfoContent video{display: block;width:1000px;height:auto;max-width:100%;margin:0 auto;} .InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;} .InfoContent li p{display: inline;margin-bottom:0;} .InfoTitle{margin-bottom:15px;border-bottom:1px #dad9d9 solid;padding-bottom:15px;text-align:center} .InfoTitle .h4{font-size:18px;margin:0;line-height:1.4;text-transform:uppercase} .InfoTitle .date{font-size:12px;color:#666;margin-top:10px} .submenu{margin-bottom:20px;} .submenu.nav-pills{text-align:center;margin-left:-10px;margin-right:-10px;} .submenu.nav-pills>li{float:none;display:inline-block;padding:0 10px;margin-bottom:10px;} .submenu.nav-pills>li>a{padding:0} .submenu.nav-pills>li>a:after{content:"";display:block;width:0;height:2px;background:#34AE4C;margin:5px 0 0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s} .submenu.nav-pills>li.active>a:after,.submenu.nav-pills>li>a:hover:after{width:100%} .submenu.nav-pills>li.active>a,.submenu.nav-pills>li>a:focus,.submenu.nav-pills>li>a:hover{color:#34AE4C;background-color:transparent} .pager{margin:30px 0 0} .pager li>a,.pager li>span{border:1px #bfbfbf solid;color:#666;border-radius:0;padding:8px 18px;margin:0 5px;transition: all 0.5s;border-radius: 5px;} .pager li>span{color:#999} .pager li>a, .pager li>a:hover{color:#fff;border-color:#34AE4C;background-color:#34AE4C} @media (max-width:767px){ .submenu.nav-pills{text-align:left} .submenu.nav-pills>li>a{font-size:16px} } @media (min-width:768px){ .inside_main{padding:50px 0 80px} .inside_text .h1{font-size:26px;} .submenu{margin-bottom:30px;} .submenu.nav-pills>li>a{font-size:18px} .InfoTitle{margin-bottom:30px} .InfoTitle .h4{font-size:20px} .pager{margin-top:50px} .pager li>a,.pager li>span{padding:10px 20px;margin:0 15px} } @media (min-width:992px){ .inside_text .h1{font-size:30px;} .InfoTitle .h4{font-size:22px} .InfoTitle .date{font-size:14px;} } @media (min-width:1200px){ .inside_main{padding:60px 0 100px} .inside_text .h1{font-size:36px;} .submenu.nav-pills{margin-left:-25px;margin-right:-25px;} .submenu.nav-pills>li{padding:0 25px} .submenu.nav-pills>li>a{font-size:20px} .InfoTitle .h4{font-size:24px} .pager li>a,.pager li>span{font-size:16px;padding:12px 30px;margin:0 25px} } /*详情*/ .back{display: none;} .goBack{text-align:center;margin-top:30px;text-transform:uppercase} .goBack a{width:130px;display:inline-block;color:#fff;line-height:20px;background-color:#333;padding:12px 10px;font-size:16px} .goBack a:hover{background-color:#34AE4C} @media (max-width:767px){ } @media (min-width:768px){ } @media (min-width:992px){ .detailsPadLeft .goBack{display: none;} .back{position:fixed;top:0;bottom:0;width:80px;background:#011820;padding:0;display: block;} .back a{color:#fff;font-size:18px;width:98px;height:120px;line-height:120px;background:url(../img/back_bg.png) no-repeat center;position:absolute;top:50%;margin-top:-60px} .back a span{display:block;width:80px;text-align:center} .detailsPadLeft{padding-left:90px;} } @media (min-width:1200px){ } /*工程案例*/ .case_box{width:100%;overflow: hidden;padding: 5px 0 60px;min-height:60vh;} /*招聘列表*/ .job_list .panel-default>.panel-heading{color:#333;background-color:#DCDCDC;border-color:#dcdcdc;padding:0 15px;border-radius:0} .job_list .panel-title{font-size:14px;height:50px;line-height:50px} .job_list .panel-title a{display:block} .job_list .panel-title span{width:80%;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .job_list .panel-title i{float:right;font-size:28px} .job_list.panel-group .panel{border-radius:0} .job_list.panel-group .panel+.panel{margin-top:15px} .job_list .panel-default>.panel-heading.active{background:#34AE4C;} .job_list .panel-default>.panel-heading.active a{color:#fff;} .job_list .panel-default>.panel-heading.active .panel-title{font-size:16px;font-weight:bold} .job_list .panel-default>.panel-heading.active i{transform:rotate(45deg)} /*联系方式*/ .contact_wrap .column{text-align:center;margin:0 0 15px;color:#fff;} .contact_wrap .column p{width:100%;height:100%;margin:0} .contact_wrap .column:nth-child(1) p{background:url(../img/contact_icon1.png) no-repeat center #34AE4C;background-size:85% auto} .contact_wrap .column:nth-child(2) p{background:url(../img/contact_icon2.png) no-repeat center #34AE4C;background-size:70% auto} .contact_wrap .column:nth-child(3) p{background:url(../img/contact_icon3.png) no-repeat center #34AE4C;background-size:65% auto} .contact_wrap .column span{display:block;font-size:20px;font-family:"copperplate gothic bold";padding:0 0 10px} .contact_wrap .column img{display:block;width:136px;height:136px;margin:0 auto} .contact_wrap .column a{display:block;font-size:20px;color:#fff} .contact_list{margin-top:20px;;} .contact_list .column{margin:0 0 15px} .contact_list .column h5{font-size:16px;margin-bottom:20px} .contact_list .column h5:after{content:"";display:block;width:50%;height:2px;background:#34AE4C;margin:15px 0 0} .contact_main{width:100%;overflow:hidden;background:#F5F5F5;} .contact_main .row{padding:35px 15px;} .contact_main .row .column{padding:0} .message_main{padding-left:15px;padding-right:15px;margin:0 auto;} .message_main h1{font-size:32px;font-family:Constantia;font-weight:bold;margin:0 0 20px} .message_main form button{width:100%;background:#34AE4C;color:#fff;font-size:16px;text-transform:uppercase;border:none;height:46px;outline:none} .message_main form button:hover{color:#fff} .message_main form div.input{margin:0 0 20px} .message_main form div.input.error input,.message_main form div.input.error textarea{border-color:#34AE4C} .message_main form div.input.error .valid_message{display:block;font-size:12px;color:#34AE4C;margin-top:6px;} .message_main form input,.message_main form textarea{background:transparent;border:1px #e3e3e3 solid;width:100%;padding:12px;outline:none;-webkit-appearance:none;appearance:none} .map #dituContent{width:100%;height:300px;} .BMap_bubble_title{font-weight: 700;} @media (max-width:767px){ .contact_wrap .column p{padding:20px 0} .map{display:none} } @media (min-width:768px){ .contact_wrap .column{height:240px} .contact_wrap .column span{padding:30px 0 10px;font-size:22px;} .contact_main .row{padding:40px 0 0;margin-right:auto;margin-left:auto;} .message_main{max-width:750px;} .map #dituContent{height:450px} .map{margin-top:40px;} } @media (min-width:992px){ .contact_wrap .column span{font-size:24px;} .contact_wrap .column a{font-size:22px;} .contact_main .row{padding-top:50px;} .message_main{padding:0 20%;max-width:100%;} .map{margin-top:0;} .map #dituContent{height:650px} } @media (min-width:1200px){ .contact_main .row{padding-top:60px;} .contact_wrap .column{height:300px} .contact_wrap .column span{padding:60px 0 10px;font-size:26px;} .contact_wrap .column a{font-size:24px;} } .flower_list2{margin-left:-7px;margin-right:-7px;} .flower_list2 .column{padding:0 7px;margin-bottom:14px;} .flower_list2 a{display: block;background:#fff;border:1px solid #d9d9d9;color:#7e8c8d;} .flower_list2 .text{padding:15px;} .flower_list2 .item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:14px/26px "Microsoft YaHei", 微软雅黑;} .flower_list2 .item:nth-child(1){color:#7e8c8d;} .flower_list2 .item:nth-child(2){color:#009900;} .flower_list2 .item:nth-child(3){color:#ff0000;} .flower_list2 a:hover .item:nth-child(1){color:#34AE4C;} .flower_list2 a:hover .img>img{transform: scale(1.1);} @media (max-width:479px){ .flower_list2{margin-left:-3px;margin-right:-3px;} .flower_list2 .column{padding:0 3px;margin-bottom:6px;} } @media (min-width:768px){ .flower_list2 .item:nth-child(1){font-size:16px;} } /*动画*/ .fadeIn { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .fadeInUp { opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .2s; transition-delay: .2s; } .fadeInDown { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 1s; transition: all 1s; } .fadeInLeft { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: all 1s; transition: all 1s; } .fadeInRight { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .8s; transition: all .8s; } .zoomIn { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); -webkit-transition: all .8s; transition: all .8s; } .animated { opacity: 1; -webkit-transform: none; transform: none; }