html,
body,
div,
span,
object,
iframe,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0;
padding: 0;
background: none;
border: none;
outline: none;
vertical-align: top;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body{
max-width: 1920px;
margin: 0 auto;
}
.container {
padding: 0;
width: 1200px;
}
header {
width: 100%;
height: 64px;
background-color: #72bd68;
}
.header-box {
height: 64px;
padding: 7px 0;
float: right;
margin-right: 30px;
}
.header-box .header-box-ico {
width: 25px;
height: 64px;
float: left;
margin: 7px 5px 0 0;
}
.header-box .header-box-ico img {
width: 25px;
height: 25px;
}
.header-box .header-box-top {
font-size: 16px;
color: #FFF;
font-weight: 700;
float: left;
}
.header-box .header-box-bottom {
font-size: 12px;
color: #FFF;
font-weight: 900;
}
.header-box-width {
width: 154px;
}
.header-box-width2 {
width: 374px;
}
.header-box-width3 {
width: 192px;
}
.navbox {
width: 1250px;
height: 80px;
border-radius: 5px;
/*margin: -13px auto 0;*/
position: fixed;
top: 50px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
z-index: 9999;
background-color: #FFF;
box-shadow: 0 6px 6px #ececec;
}
.navbox-fixed {
position: fixed;
/* top: 36px;
left: calc(50% - 632px);*/
}
.navbox .logo {
width: 152px;
height: 35px;
margin: 27px 0;
float: left;
}
.navbar-brand {
padding: 29px 15px;
height: auto;
}
.navbar {
margin-bottom: 0;
}
.navbar-default {
background-color: unset;
}
nav.navbar.bootsnav {
border: none;
border-radius: unset;
float: left;
margin-top: 21px;
margin-left: 140px;
}
.navbar-nav {
float: left;
}
.dropdown-menu {
/*display: block !important;*/
background-color: #ffffffe6;
}
.navbox-fixed nav.navbar.bootsnav {
margin-top: 21px;
}
.dropdown-menu > li > a {
height: 50px;
line-height: 50px;
text-align: center;
padding: 0;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 17px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
box-shadow: unset;
}
nav.navbar.bootsnav ul.nav > li > a {
color: #474747;
text-transform: uppercase;
padding: 10px 20px;
font-size: 16px;
}
.shop_hover {
position: absolute;
left: -365px;
top: 0;
width: 1200px;
z-index: 999;
background-color: rgba(255,255,255,.9);
padding: 30px 10px 0 10px;
}
.shop_hover ul {
width: 147px;
float: left;
min-height: 420px;
color: #666;
padding: 0;
text-align: center;
}
.shop_hover ul li:first-child {
border-bottom: 1px solid #ccc;
font-size: 18px;
}
.shop_hover ul li:first-child:hover {
color: #666;
}
.shop_hover ul li {
cursor: pointer;
font-size: 16px;
height: 50px;
overflow: hidden;
position: relative;
line-height: 50px;
}
.shop_hover ul li a{
text-decoration: none;
color: #474747;
}
.shop_hover ul li a:hover{
text-decoration: none;
color: #474747;
}
.shop_hover ul li .bottom_img,
.bottom_img {
position: absolute;
top: 16px;
left: 0;
width: 100%;
display: none;
}
.shop_hover ul li .bottom_img img {
margin: 0 auto;
width: 100px;
}
.shop_hover ul li:hover {
color: #72bd68;
}
.shop_hover ul li:hover .bottom_img {
display: block;
}
.have {
z-index: 99999;
position: relative;
}
.have a {
display: block;
height: 50px;
line-height: 50px;
text-align: center;
text-decoration: none;
color: #666;
}
.have .bottom_img {
display: none;
position: relative;
top: -31px;
}
.have a:hover .bottom_img {
display: block;
position: relative;
top: -31px;
}
.nav .firstlist > li.jiameng .have > a {
color: #666;
position: relative;
}
.nav .firstlist > li.jiameng .have > a:hover {
color: #49a04f;
}
.navbox .nav > li:after {
content: "";
width: 0;
height: 4px;
background: #72bd68;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.5s ease 0s;
}
.nav > li:hover:after{
width: 100%;
}
.nav > li.active:after{
width: 100%;
}
.nav > li.active a{
background: transparent !important;
}
.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
content: "\f105";
transform: rotate(90deg);
font-family: 'FontAwesome';
font-size: 16px;
font-weight: 500;
position: absolute;
top: 25%;
right: 7%;
transition: all 0.4s ease 0s;
}
.dropdown-menu.multi-dropdown {
position: absolute;
left: -100% !important;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
border: none;
background-color: #FFF;
}
@media only screen and (max-width: 990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after {
content: " ";
}
.dropdown-menu.multi-dropdown {
left: 0 !important;
}
nav.navbar.bootsnav ul.nav > li:hover {
background: transparent;
}
nav.navbar.bootsnav ul.nav > li > a {
margin: 0;
}
}
.fillImg{
object-fit: fill;
}
.containImg{
object-fit: contain;
}
.coverImg{
object-fit: cover;
}
.noneImg{
object-fit: none;
}
.scaleDownImg{
object-fit: scale-down;
}
.slide {
width: 100%;
/*min-height: 580px;*/
}
.slide img {
/*position: relative;*/
/*top: -75px;*/
z-index: 9;
/*height: 580px;*/
width: 100%;
object-fit: cover;
}
.position {
/*margin-top: -79px;*/
padding: 5px 0;
}
.position span {
line-height: 60px;
}
.position .back {
color: #989898;
font-size: 16px;
}
.position .back a {
text-decoration: none;
color: #989898;
line-height: 60px;
}
.position .glyphicon {
color: #989898;
}
.info-top {
height: 622px;
}
.preview {
width: 600px;
height: 622px;
border: solid 1px #eeeeee;
float: left;
}
.preview img {
width: 600px;
height: 622px;
}
.preview-info {
background-color: #f7f7f7;
height: 622px;
width: 600px;
width: 570px\0;
float: right;
padding-top: 15px;
padding-left: 40px;
}
.preview-info h2{
float: left;
}
.preview-info h3{
float: left;
margin-top:30px;
}
.preview-info .preview-info-left{
clear: both;
margin-top:10px;
}
.bd68 {
color: #72bd68;
}
.preview-info h3 {
font-size: 14px;
color: #72bd68;
margin-bottom: 36px;
margin-left:10px;
}
.preview-info h4 {
font-size: 10px;
line-height: 14px;
}
.img-group {
margin-top: 14px;
}
.img-group .img-group-info {
width: 118px;
height: 118px;
float: left;
margin-right: 18px;
border: solid 1px #d7d7d7;
}
.img-group .img-group-info:hover {
border: solid 1px #333;
}
.img-group .img-group-info:last-child {
margin-right: 0;
}
.content {
margin-top: 30px;
}
.tab-content {
margin-top: 60px;
margin-bottom: 20px;
}
.content-border {
width: 100%;
height: 2px;
background-color: #72bd68;
}
.content .nav > li > a {
width: 250px;
}
.content .nav-tabs > li > a {
border-radius: 0;
background-color: #e6e6e6;
color: #666;
margin-right: 0;
}
.content .nav > .active > a {
font-weight: 900;
color: #72bd68;
border: solid 1px #72bd68;
background-color: #FFF;
cursor: pointer;
}
.content .nav > .active > a:hover {
border: solid 1px #72bd68;
color: #72bd68;
cursor: pointer;
}
.ac-bj {
position: relative;
margin-top: -10px;
height: 10px;
background: url("../image/1.png") no-repeat;
display: none;
}
.content .nav > .active > .ac-bj {
display: block;
}
footer {
background-color: #ececec;
display: inline-block;
width: 100%;
}
footer h3 {
font-size: 18px;
margin-top: 44px;
padding-left: 14px;
}
footer .list-group {
padding: 0px 0 0 14px;
margin-top: 15px;
}
footer .list-group a {
display: block;
width: 100%;
font-size: 14px;
text-decoration: none;
float: left;
line-height: 28px;
color: #666666;
}
footer .list-group a:hover{
color: #72bd68;
}
footer .list-group p {
display: block;
width: 100%;
font-size: 14px;
text-decoration: none;
float: left;
line-height: 26px;
color: #666666;
}
footer .message_board{ margin-bottom: 10px; }
footer .code {
float: left;
margin-top: 10px;
}
footer .code .code1 {
width: 129px;
float: left;
}
footer .code .code1 img {
width: 121px;
}
footer form input {
margin-top: 8px;
}
footer form .btn-default {
width: 263px;
height: 40px;
color: #FFF;
background-color: #72bd68;
margin: 15px 0 10px 0;
}
footer form .btn-default:hover {
width: 263px;
height: 40px;
color: #FFF;
background-color: #72bd68;
margin: 15px 0 10px 0;
}
footer .copyright {
color: #666666;
margin: 30px 0 0 0;
width: 100%;
display: inline-block;
}
footer .copyright p {
line-height: 28px;
}
footer .friendly_link a {
color: #666666;
margin-right: 10px;
}
footer .friendly_link a:hover {
color: #72bd68;
}
.server {
margin-top: 20px;
margin-bottom: 20px;
}
.server .server-left {
width: 300px;
float: left;
margin-right: 10px;
}
.server .server-right {
width: 890px;
/*width: 850px\0;*/
float: right;
}
.server .white {
display: block;
width: 11px;
height: 11px;
border-radius: 100px;
background-color: #FFF;
position: relative;
top: 27px;
left: 23px;
}
.server .server-box {
font-size: 24px;
line-height: 60px;
height: 60px;
color: #FFF;
background-color: #72bd68;
float: left;
width: 100%;
}
.server .title-word {
position: relative;
top: -8px;
left: 40px;
}
.server .server-list .server-list-a {
display: block;
width: 100%;
height: 47px;
float: left;
font-size: 16px;
color: #333333;
background-color: #f1f1f1;
border-bottom: solid 1px #e4e4e4;
text-decoration: none;
line-height: 47px;
padding-left: 40px;
}
.server .server-list a:hover {
color: #72bd68;
}
.server .server-list a > span {
margin-left: 8px;
line-height: 44px;
}
.server .server-list-img {
width:300px;
background-color: #f1f1f1;
float: left;
padding-bottom: 20px;
}
.server .server-list-img img {
margin: 20px 20px 0 20px;
width: 260px;
height: 260px;
}
.server .server-box {
margin-top: 20px;
}
.server .server-box:first-child {
margin-top: 0;
}
.server .server-list-info {
width: 100%;
float: left;
background-color: #f1f1f1;
font-size: 14px;
}
.server .server-list-info p {
line-height: 22px;
font-weight: 400;
padding: 8px 0 8px 0px;
margin: 0 15px 0 15px;
}
.server .server-list-info img {
margin-top: 15px;
margin-left: 20px;
margin-bottom: 15px;
}
.server-right .title {
width: 100%;
height: 60px;
border-bottom: 1px solid #aaaaaa;
line-height: 60px;
font-size: 24px;
}
.server-right .article {
margin-top: 15px;
width: 100%;
}
.server-right .img-list-info {
height: 152px;
float: left;
width: 100%;
border-bottom: solid 1px #aaaaaa;
}
.server-right .img-list-info .img-list-info-img {
width: 196px;
height: 152px;
float: left;
margin: 17px 23px 17px 0;
}
.server-right .img-list-info .img-list-info-title {
font-size: 24px;
text-align: left;
width: 536px;
height: 152px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 152px;
color: #333333;
float: left;
}
.server-right .img-list-info .img-list-info-btn {
display: block;
font-size: 24px;
width: 98px;
height: 40px;
line-height: 40px;
border-radius: 5px;
background-color: #72bd68;
color: #FFF;
float: left;
text-align: center;
margin-top: 60px;
text-decoration: none;
}
.product {
/*margin-top: -69px;*/
margin-top: 20px;
}
.product-right .product-list {
margin-right: -5px;
padding: 0px 0px 0 20px;
float: left;
width: 300px;
height: 280px;
margin-bottom: 20px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
}
.product-right .product-list:nth-child(3n){
margin-right: 0;
}
.product-right .product-list-big {
padding: 9px 20px 0 0;
float: left;
width: 100%;
height: 250px;
margin-bottom: 120px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis; /* for Opera */
text-overflow: ellipsis; /* for IE */
}
.server-list-img .product-list .product-list-info {
width: 260px;
float: left;
margin-top: -58px;
background-color: #72bd68;
margin-left: 20px;
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.server-list-img .product-list-big .product-list-info {
width: 240px;
float: left;
margin-top: -72px;
background-color: #72bd68;
margin-left: 20px;
}
.product-list-img {
float: left;
}
.product-list-img img{
/* max-width: 100%!important;
min-width: 100%!important;
width: 100%!important;
max-width: 100%!important;
max-height: 100%!important;
min-width: 100%!important;
min-height: 100%!important;
*/
width:280px;
}
.product .product-list .product-list-info {
background-color: #72bd68;
width: 260px;
height: 77px;
float: left;
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
margin-top: -78px;
}
.product-list-big .product-list-info {
display: block;
}
.product-list-info {
display: none;
}
.product-list-show .product-list-info {
/*display: block;*/
}
.product-list .product-list-info .product-list-title,.product-list-big .product-list-info .product-list-title {
display: block;
font-size: 16px;
color: #FFF;
padding: 7px 0 0 9px;
}
.product-list .product-list-info .product-list-title,.product-list-big .product-list-info .product-list-title a {
color: #FFF;
font-size:14px;
text-decoration: none;
}
.product-list .product-list-info .product-list-desc,.product-list-big .product-list-info .product-list-desc {
display: block;
font-size: 14px;
color: #FFF;
padding-left: 9px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width:99%;
line-height: 35px;
}
.pagination > li > a, .pagination > li > span {
padding: 6px 12px;
font-size: 22px;
margin: 0 6px;
border-radius: 2px;
color: #666666;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #72bd68;
border: solid 1px #72bd68;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
/*border: none;*/
}
.pagination > li:first-child > a, .pagination > li:first-child {
margin-left: 20px;
}
.service {
background-color: #f5f5f5;
/*margin-top: -175px;*/
position: relative;
padding-bottom: 20px;
}
.service .service-text {
width: 100%;
height: 140px;
line-height: 140px;
font-size: 30px;
margin-top: 0px!important;
}
.service .service-list-info {
display: block;
width: 289px;
height: 272px;
float: left;
margin: 0 14px 18px 0;
}
.service .service-list-info div {
width: 289px;
height: 272px;
float: left;
}
.service .service-list-info:last-child {
margin-right: 0;
}
.service-list-1 {
background: url("../image/b1.png") no-repeat;
}
.service-list-2 {
background: url("../image/b2.png") no-repeat;
}
.service-list-3 {
background: url("../image/b3.png") no-repeat;
}
.service-list-4 {
background: url("../image/b4.png") no-repeat;
}
.service-list-5 {
background: url("../image/b5.png") no-repeat;
}
.service-list-6 {
background: url("../image/b6.png") no-repeat;
}
.service-list-7 {
background: url("../image/b7.png") no-repeat;
}
.service-list-8 {
background: url("../image/b8.png") no-repeat;
}
.service .service-list-info .service-info-title {
display: block;
font-size: 16px;
color: #333333;
margin-top: 165px;
}
.service .service-list-info .service-info-desc {
display: block;
font-size: 14px;
color: #999999;
padding: 0 10px;
}
.service .service-list-info:hover .service-info-desc,
.service .service-list-info:hover .service-info-title {
color: #72bd68;
}
.service .service-img {
width: 100%;
height: 229px;
float: left;
margin-top: -3px;
}
.service .service-img .design {
display: block;
width: 483px;
margin-top: 60px;
font-size: 44px;
}
.service .service-img .design-desc {
display: block;
width: 543px;
font-size: 16px;
}
.service .service-recommend {
font-size: 30px;
line-height: 100px;
}
.service .service-slide {
height: 212px;
}
.service .service-slide .swiper-container {
width: 100%;
height: 100%;
}
.service .service-slide .swiper-slide {
text-align: center;
font-size: 18px;
/*background: #fff;*/
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.service .service-slide .swiper-slide a {
display: block;
width: 100%;
height: 212px;
text-decoration: none;
font-size: 16px;
color: #333;
line-height: 33px;
}
.service .service-slide .swiper-slide a:hover {
color: #72bd68;
text-decoration: none;
}
.service .service-slide .swiper-slide a > img {
width: 180px;
height: 180px;
border: solid 1px #dbdbdb;
margin-top: -10px;
}
.service .service-slide .swiper-slide .swiper-slide-title {
display: block;
background-color: #f5f5f5;
}
.service .swiper-button-prev,
.service .swiper-pagination,
.service .swiper-button-next {
display: none;
}
.programme {
/*margin-top: -69px;*/
}
.programme .server-list .programme-box {
width: 100%;
float: left;
background-color: #f1f1f1;
padding: 4px 10px;
}
.programme .server-list .programme-a {
float: left;
padding: 5px 7px;
margin: 8px 7px;
font-size: 14px;
color: #999999;
border: solid 1px #bfbfbf;
border-radius: 5px;
text-decoration: none;
}
.programme-box {
float: left;
padding-bottom: 50px;
}
.programme-title {
font-size: 44px;
color: #72bd68;
}
.programme-text {
width: 100%;
padding: 0 0px;
font-size: 14px;
color: #666766;
line-height: 24px;
text-indent: 24px;
margin-top: 15px;
}
.programme-img {
width: 100%;
margin-top: 35px;
}
.programme-img .programme-img_div {
width: 285px;
height: 196px;
float: left;
margin-right: 8px;
margin-bottom: 10px;
z-index: 999;
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
}
.programme-img .programme-img_div img {
cursor: pointer;
transition: all 0.6s;
}
.programme-img .programme-img_div img:hover {
transform: scale(1.4);
}
.programme-img .programme-img-img {
width: 285px;
height: 202px;
}
.programme-img .programme-img_div span {
width: 125px;
height: 20px;
color: #FFF;
font-size: 20px;
position: relative;
bottom: 40px;
right: -160px;
text-align: right;
padding-right: 15px;
display: block;
}
.server-right .programme-box:last-child {
padding-bottom: 0;
}
.programme-info .server-list {
padding-bottom: 153px;
background-color: #f1f1f1;
float: left;
}
.programme-position {
margin: 0 auto;
clear: both;
}
.programme-info .server-right .title {
color: #aaaaaa;
font-size: 24px;
}
.contact {
/*margin-top: -69px;*/
}
.contact-top {
width: 100%;
height: 421px;
}
.contact-top .contact-list {
width: 313px;
width: 293px\0;
height: 292px;
float: left;
margin: 63px 94px 0 0;
margin: 63px 74px 0 0\0;
}
.contact-top .contact-list:first-child {
margin-left: 40px;
}
.contact-top .contact-list:last-child {
margin-right: 0;
}
.contact-list .contact-info1 {
margin-left: 52px;
width: 200px;
height: 200px;
background-color: #72bd68;
border-radius: 106px;
}
.contact-list .contact-info2 {
margin-left: 52px;
background-color: #76d6aa;
width: 212px;
height: 212px;
border-radius: 106px;
}
.contact-list .contact-info3 {
margin-left: 52px;
background-color: #d7a587;
width: 212px;
height: 212px;
border-radius: 106px;
}
.contact-list .contact-list-top {
font-size: 60px;
color: #FFF;
text-align: center;
padding-top: 45px;
}
.contact-list .contact-list-bottom {
font-size: 24px;
text-align: center;
color: #FFF;
}
.contact-list .contact-list-text {
font-size: 24px;
text-align: center;
color: #666666;
margin-top: 60px;
}
.tel {
height: 172px;
background-color: #f5f5f5;
}
.tel .tel-box {
width: 470px;
height: 172px;
float: left;
}
.tel .tel-box .tel-ico {
height: 172px;
margin-left: 92px;
padding-top: 60px;
width: 43px;
float: left;
}
.tel .tel-box .rexian {
font-size: 24px;
color: #666;
display: block;
height: 172px;
line-height: 172px;
width: 330px;
padding-left: 20px;
float: left;
}
.tel .email-box {
height: 172px;
float: left;
margin-left: 207px;
}
.tel .email-box .email-ico {
height: 172px;
padding-top: 67px;
width: 55px;
float: left;
}
.tel .email-box .fuwu {
font-size: 24px;
color: #666;
display: block;
height: 172px;
line-height: 172px;
width: 389px;
padding-left: 20px;
float: left;
}
.contact-position {
/*margin-top: 20px;*/
}
.contact-position .position-list {
width: 380px;
width: 360px\0;
height: 396px;
float: left;
margin: 20px 20px 0 0;
}
.position-info {
width: 380px;
height: 396px;
margin-top: -396px;
}
.position-info .position-city {
display: block;
font-size: 24px;
color: #FFF;
padding-top: 163px;
}
.position-info .position-tel {
display: block;
font-size: 24px;
color: #FFF;
}
.position-content {
width: 380px;
height: 380px;
background-color: #72bd68;
margin-top: -380px;
position: relative;
display: none;
filter: alpha(opacity=95);
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
}
.position-list-show .position-content {
display: block;
}
.position-content .position-1 {
width: 346px;
height: 95px;
margin: 0 auto;
font-size: 18px;
color: #FFF;
border-bottom: solid 1px #a8d5a1;
padding-top: 65px;
padding-left: 24px;
}
.position-content .position-1 p {
padding-left: 20px;
}
.position-content .position-2 {
width: 305px;
height: 48px;
margin-left: 40px;
margin-top: 35px;
color: #FFF;
font-size: 16px;
}
.position-content p {
margin-left: 40px;
color: #FFF;
font-size: 16px;
line-height: 28px;
}
.position-content a{ color:#fff;}
.news {
background-color: #f2f2f2;
position: relative;
}
.news-left {
width: 360px;
width: 340px\0;
float: left;
margin-right: 10px;
background-color: #FFF;
padding-bottom: 25px;
}
.news-right {
width: 820px;
float: right;
}
.news-list-img {
float: left;
}
.news-list-img .product-list-img {
width: 318px;
float: left;
margin: 0 20px;
}
.news .product-list {
float: left;
margin-bottom: 20px;
}
.news-list-img .product-list-img a img {
width: 100%;
}
.news .product-list-info {
background: rgba(114,189 ,104,0.8);
width: 318px;
height: 77px;
float: left;
margin-top: -77px;
margin-left: 20px;
}
.product-list-info {
display: none;
}
.product-list-show .product-list-info {
display: block;
}
.news-top {
width: 620px;
height: 73px;
padding: 20px 0 0 0;
float: left;
}
.news-top .news-top-list {
float: left;
width: 140px;
height: 40px;
color: #4a4a4a;
font-size: 16px;
text-align: center;
background-color: #bfbfbf;
line-height: 40px;
cursor: pointer;
}
.news-top .news-top-list:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.news-top .news-top-list:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.news-top .news-top-show {
background-color: #72bd68;
color: #FFF;
}
.news-top-text {
width: 180px;
height: 40px;
color: #9a9a9a;
line-height: 40px;
float: right;
text-align: right;
margin-top: 20px;
}
.news-top-border {
width: 814px;
margin-top: 10px;
padding: 0 3px;
background-color: #72bd68;
height: 4px;
float: left;
margin-left: 3px;
}
.news-content {
width: 100%;
float: left;
margin-bottom: 78px;
}
.news-content .news-content-list {
width: 100%;
float: left;
border-bottom: solid 1px #e1e1e1;
padding:20px 0px;
cursor: pointer;
}
.news-content .news-content-list:hover a,
.news-content .news-content-list:hover .news-content-list-desc{
color:#61b97b !important;
}
.news-content .news-content-list:last-child {
border: none;
}
.news-content-list .news-content-list-img {
width: 141px;
float: left;
margin-right: 20px;
}
.news-content-list .news-content-list-img img {
width: 100%;
height: 97px;
}
.news-content-list .news-content-list-right {
width: 659px;
float: left;
margin-bottom:8px;
}
.news-content-list-right-title {
width: 537px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
float: left;
font-size: 20px;
line-height: 1;
}
.news-content-list-right-title a {
font-size: 20px;
color: #000;
text-decoration: none;
}
.news-content-list-right-data {
float: right;
font-size: 16px;
color: #999;
height:26px;
line-height: 26px;
}
.news-content-list-desc {
color: #676767;
height: 73px;
width: 656px;
overflow: hidden;
float: left;
line-height: 24px;
}
.news-content-list-desc a{
color: #676767;
text-decoration: none;
}
.news-page {
padding-bottom: 72px;
}
.news-tab-content-tab {
display: none;
}
.news-tab-content .news-tab-content-tab:first-child {
display: block;
}
.index-slide {
width: 100%;
height: 650px;
overflow: hidden;
position: relative;
float: left;
border: 0px solid #0000FF;
}
/*
height: 650px;
object-fit: cover;
width:expression(document.body.clientWidth>1920?"1920px":"auto");
*/
.index-slide .item > a > img {
/*max-width:1920px;*/
/*width:expression(document.body.clientWidth>1920?"1920px":"auto");*/
width:100%;
overflow:hidden;
}
.index-slide .carousel-inner {
}
.index-slide .carousel-indicators {
/*bottom: 70px;*/
}
.carousel-indicators .active {
background-color: #72bd68;
}
.carousel-indicators li {
background-color: #abb4b6;
border: solid 1px #a0a2a4;
}
.index-content .sbtop {
width: 100%;
height: 65px;
font-size: 16px;
color: #999999;
text-align: right;
float: left;
padding-top: 34px;
}
.index-content .sbbottom {
width: 100%;
height: 2px;
float: left;
}
.index-content .sbbottom .sbbottom-border {
float: right;
background-color: #72bd68;
height: 2px;
width: 106px;
}
.index-product {
}
.index-product .index-product-tab {
width: 100%;
height: 75px;
padding-top: 8px;
padding-bottom: 30px;
}
.index-product-content .index-product-content-tab {
display: none;
}
.index-product-content .index-product-content-tab:first-child {
display: block;
}
.index-product .index-product-tab .index-product-tab-box {
width: 174px;
height: 35px;
float: left;
color: #666;
font-size: 18px;
line-height: 35px;
text-align: center;
background-color: #f0f0f0;
cursor: pointer;
}
.index-product .index-product-tab .index-product-tab-box-show {
background-color: #72bd68;
color: #FFF;
}
.index-product-content {
float: left;
height: 450px;
width: 100%;
}
.index-product-content .index-product-content-box {
width: 277px;
margin-right: 30px;
float: left;
}
.index-product-content .index-product-content-box:last-child {
margin-right: 0;
}
.index-product-content .index-product-content-box a > img {
border: solid 1px #dedede;
}
.index-product-content-box .index-desc > a {
display: block;
text-decoration: none;
color: #666;
font-size: 16px;
text-align: center;
line-height: 40px;
}
.index-product-content-box-desx > a {
font-size: 14px;
color: #999;
}
.index-product-content-box .index-desc {
width: 100%;
height: 212px;
}
.index-product-content-box .index-desc:hover .index-product-content-box-a {
color: #72bd68;
}
.index-product-content-box .index-desc:hover .index-product-content-box-desx {
color: #72bd68;
}
.index-ico {
width: 100%;
height: 26px;
padding-top: 7px;
text-align: center;
float: left;
margin-bottom: 36px;
}
.index-ico .index-ico-list {
width: 12px;
height: 12px;
border-radius: 100px;
background-color: #cccccc;
border: solid 1px #afafaf;
float: left;
margin-right: 4px;
}
.index-ico .index-ico-list-show {
width: 32px;
height: 12px;
background-color: #72bd68;
}
.index-ico .index-ico-p {
display: inline-block;
}
.index-article {
background-color: #f5f5f5;
height: 626px;
padding-top: 112px;
}
.index-article .index-article-left {
height: 424px;
width: 530px;
float: left;
margin-right: 17px;
}
.index-article-left-p1 {
color: #72bd68;
font-size: 16px;
text-align: left;
margin: 0;
}
.index-article-left-p2 {
font-size: 40px;
color: #333;
margin: 0;
}
.index-article-content {
margin-top: 10px;
font-size: 16px;
color: #999;
line-height: 28px;
}
.index-article-link {
display: block;
width: 135px;
height: 38px;
line-height: 38px;
background-color: #72bd68;
color: #FFF;
text-align: center;
font-size: 16px;
margin-top: 22px;
}
.index-article-link .glyphicon-menu-right {
font-size: 13px;
}
.index-article-right {
width: 692px;
width: 662px\0;
height: 424px;
float: right;
}
:root .index-article-right {
width: 650px;
}
.index-article-right .qiantai {
width: 100%;
height: 273px;
margin-bottom: 14px;
}
.index-article-right .zhengshu {
width: 697px;
height: 139px;
float: left;
}
.zhengshu .zhengshu-img {
/*width: 217px\0;*/
width: 192px;
/*height: 136px;*/
float: left;
margin-right: 15px;
background-color: #e5e4ec;
overflow: hidden;
}
:root .zhengshu .zhengshu-img {
width: 207px;
}
.zhengshu .zhengshu-img img {
cursor: pointer;
transition: all 0.6s;
}
.zhengshu .zhengshu-img img:hover {
transform: scale(1.4);
}
.zhengshu .zhengshu-img:last-child {
margin-right: 0;
}
.index-img-list img{
cursor: pointer;
transition: all 0.6s;
}
.index-img-list img:hover {
transform: scale(1.4);
}
.index-img-list .img-item{
overflow: hidden;
}
.case {
width: 1200px;
height: 690px;
margin: 0 auto;
padding: 44px 9px 0 9px;
}
.case .index-img-list{
margin:0 auto;
width: 100% !important;
}
.case .case-img-2{
overflow: hidden;
}
.case img {
height: 617px;
}
.case .index-img-list {
width: 100%;
height: 617px;
padding-top: 40px;
}
.case .index-img-list .case-img-1 {
width: 712px;
height: 300px;
margin-bottom: 14px;
float: left;
overflow: hidden;
}
.case .index-img-list .case-img-1 img {
width: 100%;
height: 300px;
}
.case .index-img-list .case-img-1 p {
color: #FFF;
font-size: 16px;
position: relative;
bottom: 25px;
text-align: right;
padding-right: 10px;
}
.case .index-img-list .case-img-2 {
width: 23%;
height: 220px!important;
height: auto;
margin-bottom: 30px;
margin-right: 30px;
float: left;
}
.case .index-img-list .case-img-2:nth-child(4n){
margin-right: 0;
}
.case .index-img-list .case-img-2 img {
width: 100%;
height: 100%;
}
.case .index-img-list .case-img-2 p {
color: #FFF;
font-size: 16px;
position: relative;
bottom: 25px;
text-align: right;
padding-right: 10px;
}
.case .index-img-list .case-img-2 a{ text-decoration:none; }
.case .index-img-list .case-img-3 {
width: 380px;
height: 616px;
margin-top: -316px;
float: left;
margin-left: 14px;
}
.case .index-img-list .case-img-3 img {
width: 100%;
height: 616px;
}
.case .index-img-list .case-img-3 p {
color: #FFF;
font-size: 16px;
position: relative;
bottom: 25px;
text-align: right;
padding-right: 10px;
}
.advantage {
/*height: 752px;*/
background-color: #f5f5f5;
padding-top: 25px;
padding-bottom: 15px;
overflow: hidden;
clear: both;
}
.advantage-list {
margin-top: 40px;
}
.advantage-list .index-advantage-content-box {
width: 284px;
width: 264px\0;
margin-right: 20px;
float: left;
padding: 5px;
background-color: #ffffff;
}
:root .advantage-list .index-advantage-content-box {
width: 284px;
}
.index-advantage-content-box .index-desc {
width: 100%;
height: 133px;
background-color: #FFF;
padding: 0 3px;
line-height: 24px;
color:#999;
border-top: none;
margin-top: 10px;
}
.index-advantage-content-box a {
display: block;
text-decoration: none;
color: #666;
font-size: 16px;
text-align: center;
line-height: 40px;
}
.advantage-list .index-advantage-content-box:last-child {
margin: 0;
}
.index-advantage-content-box .index-desc:hover .index-product-content-box-a {
color: #72bd68;
}
.index-advantage-content-box .index-desc:hover .index-product-content-box-desx {
color: #72bd68;
}
.advantage .swiper-container {
width: 1042px;
height: 310px;
padding-top: 40px;
}
.advantage .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
width: 80px;
height: 80px;
background-image: url("../image/21.png");
background-size: cover;
margin-left: -14px;
outline: none;
}
.advantage .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
width: 80px;
height: 80px;
background-image: url("../image/22.png");
background-size: cover;
margin-right: -10px;
outline: none;
}
.advantage .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
display: none;
}
.advantage .img-1 {
width: 150px;
height: 190px;
border: solid 1px #dedede;
padding: 3px 8px;
}
.advantage .swiper-slide p {
font-size: 16px;
text-align: center;
color: #333;
line-height: 45px;
margin-bottom: 15px;
}
.advantage .two-b {
position: absolute;
width: 1200px;
height: 100px;
/*background-color: blue;*/
margin-top: 458px;
}
.index-news {
padding-top: 27px;
}
.index-news-left {
height: 458px;
width: 458px;
float: left;
margin-top: 22px;
}
.index-news-left img {
height: 458px;
width: 458px;
}
.index-news-right {
width: 742px;
width: 700px\0;
height: 458px;
float: right;
}
:root .index-news-right {
width: 742px;
margin-top: 22px;
}
.index-news-right-list {
width: 371px;
width: 350px\0;
height: 458px;
float: left;
padding: 0 20px;
}
:root .index-news-right-list {
width: 371px;
}
.index-news-right-list-top {
width: 335px;
height: 42px;
line-height: 42px;
border-bottom: solid 1px #ccc;
}
.index-news-right-list-top .green {
width: 14px;
height: 14px;
background-color: #72bd68;
border-radius: 100px;
float: left;
margin-top: 15px;
margin-right: 6px;
}
.index-news-right-list-top .news-index-title {
font-size: 18px;
color: #666;
width: 100px;
float: left;
margin-left: 10px;
font-weight: bold;
}
.index-news-right-list-top .news-index-right {
width: 50px;
float: right;
}
.index-news-right-list-top .news-index-right a {
color: #b6b6b6;
text-decoration: none;
}
.index-news-right-list-list-l {
width: 100%;
height: 59px;
line-height: 59px;
background-image: url("../image/23.PNG");
background-repeat: no-repeat;
border-bottom: solid 1px #eaeaea;
background-position: 0 24px;
float: left;
}
.index-news-right-list-list-h {
background-image: url("../image/23-h.png");
}
.index-news-right-list-list-l a {
text-decoration: none;
text-align: left;
font-size: 16px;
color: #666;
padding-left: 24px;
display: block;
width: 330px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index-news-right-list-list-l:hover .index-news-right-list-list-a {
color: #72bd68;
}
#news-p {
left: 139px;
}
#news-p .swiper-pagination-bullet {
width: 14px;
height: 14px;
border: solid 1px #4e443a;
background-color: #6b6052;
}
#news-p .swiper-pagination-bullet-active {
background-color: #72bd68;
border: solid 1px #72bd68;
}
.index-logo {
height: 426px;
padding-top: 90px;
margin-bottom: 30px;
}
#index-logo .swiper-slide img {
width: 100%;
border: solid 1px #e2e2e2;
}
#index-logo .swiper-slide p {
text-align: center;
font-size: 18px;
line-height: 40px;
padding-bottom: 20px;
}
.index-logo-p {
width: 200px;
height: 40px;
margin: 0 auto;
}
.index-logo-p .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
width: 30px;
height: 30px;
background-image: url("../image/21.png");
background-size: cover;
margin-left: -14px;
outline: none;
position: relative;
left: 17px;
top: -48px;
}
.index-logo-p .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
width: 30px;
height: 30px;
background-image: url("../image/22.png");
background-size: cover;
margin-right: -10px;
outline: none;
position: relative;
left: 168px;
top: -10px;
}
.qq_fixed {
width: 260px;
position: fixed;
/*right: 0;*/
top: 0;
bottom: 0;
z-index: 9999;
background: #6fbd94;
right: -260px;
/* overflow: hidden; */
}
.qq_fixed .qq_open {
width: 48px;
height: 168px;
background-color: #6fbd94;
position: absolute;
left: -48px;
top: 40%;
text-align: center;
cursor: pointer;
}
.qq_fixed .qq_open .content {
border: white 1px dashed;
width: 42px;
padding: 16px 6px;
box-sizing: border-box;
margin: 10px auto;
color: white;
/* font-family: FZLTHK--GBK1-0; */
font-size: 14px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
white-space: nowrap;
}
.qq_fixed .qq_open .content img {
width: 25px;
}
.qq_fixed .qq_open > p:nth-of-type(1) {
font-family: cursive;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
color: #ffffff;
}
.qq_fixed .top_title {
line-height: 40px;
color: #fff;
}
.qq_body {
width: 300px;
margin: 50% auto;
}
.qq_fixed .qq_del {
margin-top: 12px;
}
.qq_img_box {
/* padding: 10px 20px; */
margin-top: 4px;
height: 37px;
line-height: 37px;
background-color: #50a176;
border-radius: 17px;
border: solid 1px #367353;
width: 146px;
}
.qq_img_box span {
color: white;
margin-left: 10px;
font-size: 14px;
}
.qq_img_box span:nth-of-type(1) {
width: 37px;
height: 37px;
background-color: #367353;
margin: 0;
display: inline-block;
border-radius: 50%;
text-align: center;
margin-left: -2px;
}
.qq_img_box span:nth-of-type(2) {
margin: 0;
line-height: 39px;
white-space: normal;
}
.qq_img_box span:nth-of-type(1) img {
margin-top: 10px;
}
.qq_img_box span:nth-of-type(1) img.QQ_img {
width: 24px;
margin-top: 6px;
}
.tel_box {
padding: 30px;
}
.tel_box .foot_shoperweima, .tel_box .foot_erweima {
position: relative;
right: 0;
left: 43px;
margin: 0;
top: 3px;
display: inline-block;
}
.tel_box .foot_shoperweima a, .tel_box .foot_erweima a {
display: inline-block;
margin-left: 10px;
}
.tel_box .foot_shoperweima img, .tel_box .foot_erweima img {
width: 53px;
height: 53px;
}
.tel_box .foot_shoperweima p, .tel_box .foot_erweima p {
margin: 0;
font-size: 14px;
}
.tel_box a {
display: block;
margin-left: 44px;
}
.tel_box:nth-of-type(2) {
border: 1px solid rgba(255, 255, 255, 0.8);
border-right: none;
border-left: none;
padding-bottom: 46px;
}
.tel_title {
padding: 10px 0 0 0;
}
.tel_title span {
color: white;
font-size: 14px;
vertical-align: middle;
}
.tel_title span:nth-of-type(1) {
background-color: white;
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
}
.tel_title span:nth-of-type(1) img {
margin: 0 auto;
margin-top: 9px;
}
.tel_title span:nth-of-type(2) {
font-size: 16px;
}
.tel_box p, .qq_img_box span {
line-height: 23px;
color: white;
margin-left: 47px;
font-size: 16px;
white-space: nowrap;
}
.tel_box p:nth-of-type(1) {
font-weight: bold;
margin-bottom: 3px;
}
@media screen and (max-width: 1440px) {
.qq_fixed {
}
.qq_body {
margin: 10% auto;
}
.qq_fixed .qq_open {
top: 40%;
}
}
/*效果四：上下左右移动 修改translate(x轴,y轴)*/
.img4 {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.img4:hover {
transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
}