.top{ background-color: #FFFFFF; padding: 5px 0; display: none; } .top-click{ display: block; position: fixed; width: 100%; z-index: 1111; top: 62px; } .top .container{ display: flex; justify-content: space-between; align-items: center; } .top-from{ position: relative; flex: 0 0 60%; } .top-from .inpsub{ border: 0; position: absolute; background: url(../images/search-btn.jpg) no-repeat left center; width: 24px; height: 22px; background-size: 24px 22px; top: 5px; left: 5px; } .top-from .form-control{ padding-left: 40px; height: 29px; padding: 3px 32px; } .message1{width: 100%;} .top-ewm{ flex: 0 0 10%; margin: 0 10px; position: relative; z-index: 11; } .top-ewm .ewm-img{ display: none; position: absolute; top: 40px; width: 128px; height: 128px; left: -25px; } .language .btn{ background: url(../images/cn.jpg) no-repeat 5px center #fff; padding: 3px 12px 3px 25px; } .language .dropdown-menu{ min-width: auto; } .language .dropdown-menu .en{ background: url(../images/en.jpg) no-repeat 5px center; padding-left: 25px; } .navbar{ background-color: #FFFFFF; border: 0; border-bottom: 1px solid #6FAD00; margin-bottom: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 111; } .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color:#6FAD00; } .navbar-brand{ padding: 5px 0; } .navbar-brand img{ height: 40px; } .navbar-default .navbar-nav>li>a:focus, .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, .navbar-default .navbar-nav>li>a{ color: #6fad00; } .navbar-header{ display: flex; align-items: center; justify-content: space-between; background-color: #83c30a; } .return_home img, .search_white img{ height: 28px; } .navbar-toggle img{ height: 20px; } .navbar-toggle{ border: 0; margin-right: 0; padding: 9px 0; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background: transparent; } .home-container{ box-shadow: 0 10px 20px rgba(0,0,0,0.1) inset; } .home-product{ padding: 16px 0; /*background-color: #83ba23;*/ background:url('../images/bg.png') no-repeat center; background-size:142%; } .home-product .index-title{ color:#FFFFFF } .index-title{ display: flex; justify-content: center; font-size: 23px; text-align: center; color: #6bb100; } .index-title span{ margin: 0 10px; } .home-product .tabs{ display: flex; flex-wrap: wrap; justify-content: space-between; } .home-product .tabs a{ display: flex; flex-direction: column; width: 31%; text-align: center; margin-top: 20px; background-color: #FFFFFF; padding: 5px 0; } .home-product .tabs a p{ margin: 0; } .home-product .tabs a:nth-of-type(1){ order:-2 } .home-product .tabs a:nth-of-type(6){ order:-1 } .home-product .tabs a:hover{ text-decoration: none; } .home-product .tabs a .img img{ height: 85px; /* height: 100px;*/ } .home-product .tabs a .title{ font-size: 14px; font-weight: bold; color: #85be24; order: -1; } .home-product .tabs a .text{ font-size: 14px; color: #757575; text-align: justify; line-height: 24px; height: 100px; overflow: hidden; } .home-product .tabs a .more{ color: #666; font-size:12px; } .index-ad{ margin: 10px 0; } .home-solution-container{ padding-top: 30px; } .home-solution-container .solution-item{ display: flex; margin-bottom: 10px; cursor: pointer; } .home-solution-container .solution-item .title{ width: 100%; /*height: 28px;*/ /*line-height: 28px;*/ height: 20px; line-height: 13px; font-size: 16px; font-weight: bold; color: #333; margin-bottom: 0; } .home-solution-container .solution-item .img{ width: 140px; height: 84px; overflow:hidden; margin-right: 20px; display:flex; } .home-solution-container .solution-item .img img{ width: 100%; /*height: 100%;*/ } .home-solution-container .solution-item .info{ flex: 1; } .home-solution-container .solution-item .info .text span{ font-size: 14px; color: #666; display: block; text-decoration: none; } .home-cooperative-container{ padding-top: 20px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; } .home-cooperative-container p{ width: 33.3333%; text-align: center; margin-bottom: 20px; } .home-cooperative-container::after{ content: ''; flex: auuto; } .home-cooperative-container p img{ max-width: 100%; } .home-news-container{ padding-top: 30px; } .home-news-title{ display: flex; justify-content: space-between; align-items: center; } .home-news-title p{ background-color: #f0f0f0; height: 33px; line-height: 33px; border-radius: 17px; width: 105px; font-size: 14px; font-weight: bold; color: #85be24; } .home-news-title p span{ display: inline-block; background-color: #85be24; width: 33px; height: 33px; border-radius: 50%; text-align: center; margin-right: 5px; } .home-news-title p span img{ height: 17px; } .home-news-title a{ font-size: 14px; color: #333; } .home-news-list .list-group-item{ border: 0; padding: 10px 0; overflow: hidden; display: flex; justify-content: space-between; } .home-news-list .list-group-item .category{ position: relative; padding-right: 10px; } .home-news-list .list-group-item .category::after{ content: ''; position: absolute; height: 10px; width: 1px; background-color: #333; top:50%; margin-top: -5px; right: 5px; } .home-news-list .list-group-item a{ display: inline-block; width: 60%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; } .footer{ background-color: #f1f1f1; padding: 20px 0; } .footer-nav{ padding: 0; overflow: hidden; } .footer-nav li{ list-style: none; float: left; } .footer-nav li .title{ font-size: 16px; background: url(../images/index33.jpg) no-repeat left center; background-size: 30px; height: 30px; display: block; padding-left: 40px; line-height: 30px; color: #666666; } .footer-nav li .subtitle{ display: block; padding-left: 40px; color: #666666; } .footer-ewm{ display: flex; justify-content: space-around; } .footer-ewm p{ display: flex; flex-direction: column; text-align: center; color: #666666; } .footer-ewm p img{ height: 110px; } .footer-ewm p span{ padding-top: 5px; } .copyright{ background-color: #FFFFFF; height: 90px; overflow: hidden; text-align: center; padding: 10px 0; } .copyright p{ color: #333; } .copyright a{ color: #333; } .right-fixed{ position: fixed; right: 0; top: 30%; z-index: 1000; } .right-fixed a{ display: block; height: 72px; background-color: #85be24; text-align: center; margin-bottom: 1px; } .right-fixed a:hover{ text-decoration: none; } .right-fixed a img{ margin-top: 10px; } .right-fixed a p{ color: #FFFFFF; } .right-fixed a.weixin, .right-fixed a.dy-ewm{ position: relative; } .right-fixed a.weixin .weixin-img, .right-fixed a.dy-ewm .dy-ewm-img{ display: none; position: absolute; top: 0; right: 72px } .return-top p{ margin-bottom: 0; } .footer-menu{ width: 100%; position: fixed; left: 0; bottom: 0; background-color: #dddddd; padding: 5px 0; z-index: 111; } .footer-menu a{ float: left; display: block; width: 25%; text-align: center; } .footer-menu a img{ height: 18px; } .footer-menu a p{ margin: 5px 0 0 0; font-size: 13px; color: #6e9700; } .footer-menu .navbar-toggle{ padding: 0; margin: 0; } .mb62{ margin-bottom: 56px; } .mt100{ margin-top: 72px; } @media (min-width:768px) { .container{ width: 1207px; } .top{ display: block; height: 48px; padding: 10px 0; background-color: #6fad00; } .top .container{ display: block; width: 444px; float: right; } .top-from{ width: 220px; flex: unset; height: 27px; float: left; } .top-ewm{ float: left; } .language{ float: left; } .top-from .form-control{ border-radius: 14px; padding: 3px 34px; } .navbar{ position: static; } .navbar-header{ width: 362px; background-color: #FFFFFF; } .navbar-brand{ height: 86px; padding: 13px 0; } .navbar-brand img{ height: 59px; } .navbar-collapse{ float: right; } .navbar-nav>li>a{ padding: 33px 30px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background-color: transparent; } .navbar-nav>li{ position: relative; } .navbar-nav>li::before{ position: absolute; content: ''; border-right: 1px dashed #6fad00; left: 0; top: 50%; height: 27px; margin-top: -14px; } .navbar-nav>li:last-child::after{ position: absolute; content: ''; border-right: 1px dashed #6fad00; right: 0; top: 50%; height: 27px; margin-top: -14px; } .navbar-nav>li .dropdown-menu{ width:500px; padding:0 } .navbar-nav>li .dropdown-menu li{ float: left; width: 33.333333%; } .navbar-nav>li> .dropdown-menu li a{ line-height:30px; padding: 3px 0 3px 10px; } .navbar-nav>li> .dropdown-menu li a:hover{ /*background:rgba(111,173,0,.7)!important;*/ color:#85be24; background-color: #fff; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background-color: transparent; color: #6fad00; } .dropdown-menu li a:hover { color: #262626; text-decoration: none; } .index-title{ font-size: 36px; } .home-product{ padding: 32px 0; height: 800px; background: #FFFFFF; } .home-product .container{ position: relative; } .home-product .index-title{ color: #6bb100; } .home-product .tabs{ display: block; } .home-product .tabs a{ width: 260px; float: left; position: absolute; } .home-product .tabs a p{ margin: 0 0 10px; } .home-product .tabs a .img img{ height: 139px; background: url(../images/index01_bg.png) no-repeat center; } .home-product .tabs a .title{ font-size: 18px; order: unset; } .home-product .tabs a .text{ height: auto; } .home-product .tabs a:nth-of-type(1){ top: 60px; } .home-product .tabs a:nth-of-type(2){ top: 432px; } .home-product .tabs a:nth-of-type(3){ top: 432px; left: 320px; } .home-product .tabs a:nth-of-type(4){ top: 432px; left: 634px; } .home-product .tabs a:nth-of-type(5){ top: 432px; left: 937px; } .home-product .tabs a:nth-of-type(6){ top: 60px; left: 937px; } .tabs-container{ width: 622px; height: 374px; } .home-solution-container .solution-item{ display: block; border: 3px solid #FFFFFF; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); width: 390px; height: 330px; margin-right: 18px; padding: 0; position: relative; } .home-solution-container .solution-item .img{ width: 100%; height: 100%; } .home-solution-container .solution-item:last-child{ margin-right: 0; } .home-solution-container .solution-item p{ margin-bottom: 0; color: white; line-height: 30px; } .home-solution-container .solution-item:nth-of-type(1), .home-solution-container .solution-item:nth-of-type(2){ width: 590px; float: left; margin-right: 21px; height: 332px; overflow: hidden; margin-bottom: 20px; } .home-solution-container .solution-item:nth-of-type(2){ float: right; margin-right: 0; } .home-solution-container .solution-item .title{ height: 72px; line-height: 72px; font-size: 24px; padding: 0 40px; position: absolute; background-color: rgba(0,0,0,0.5); bottom: 0; width: 100%; color: #FFFFFF; } .home-solution-container .solution-item .text{ display: none; position: absolute; top: 0; background-color: rgba(0,0,0,0.5); width: 100%; text-align: center; height: 254px; padding-top: 80px; } .home-solution-container .solution-item .info .text p .ceshi{ color: #FFFFFF; font-size: 18px; line-height: 30px; } .home-solution-container .solution-item .info .text a{ color: #FFFFFF; } .home-solution-container .solution-item .info .text span{ color: #FFFFFF; font-size: 18px; line-height: 30px; } .home-solution-container .solution-item:hover .title{ background-color: #85be24; } .home-solution-container .solution-item:hover .text{ display: block; } .home-news{ margin-top: 60px; } .home-cooperative{ margin-top: 60px; } .home-cooperative-container{ display:block; } .home-cooperative-container p{ width: 16.5%; float: left; } .home-news-left{ width: 575px; float: left; } .home-news-right{ float: right; } .home-news-title p{ width: 210px; height: 55px; border-radius: 33px; font-size: 20px; line-height: 55px; } .home-news-title p span{ height: 55px; width: 55px; } .home-news-title p span img{ height: 28px; } .home-news-title a{ font-size: 18px; } .home-news-left .img{ border: 3px solid #FFFFFF; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); } .home-news-left .img img{ width: 569px; } .home-news-list .list-group-item{ font-size: 18px; } .home-news-list .list-group-item .category{ padding-right: 20px; } .home-news-list .list-group-item .category::after{ height: 22px; margin-top: -11px; } .footer-nav li{ width: 235px; } .footer-nav li .title{ background-size: 62px; height: 62px; font-size: 20px; padding-left: 70px; line-height: 62px; } .footer-nav li .subtitle{ padding-left: 70px; font-size: 14px; line-height: 28px; } .footer-ewm{ display: block; float: right; } .footer-ewm p{ float: left; margin-left: 27px; } .copyright{ background-color: #85be24; height: 100px; padding-top: 40px; } .copyright p{ float: left; color: #FFFFFF; } .copyright a{ float: right; color: #FFFFFF; } } .navbar-nav>li>.dropdown-menu {opacity: 0.8;}